595 lines
26 KiB
HTML
595 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Kodepilot Clone</title>
|
||
<script>
|
||
async function loadAsset(primary, fallback, type) {
|
||
try {
|
||
const res = await fetch(primary, { method: "HEAD" });
|
||
if (res.ok) {
|
||
addTag(primary, type);
|
||
} else {
|
||
throw new Error("Primary missing");
|
||
}
|
||
} catch (e) {
|
||
addTag(fallback, type);
|
||
}
|
||
}
|
||
|
||
function addTag(url, type) {
|
||
if (type === "js") {
|
||
const s = document.createElement("script");
|
||
s.src = url;
|
||
s.defer = true;
|
||
document.head.appendChild(s);
|
||
} else if (type === "css") {
|
||
const l = document.createElement("link");
|
||
l.rel = "stylesheet";
|
||
l.href = url;
|
||
document.head.appendChild(l);
|
||
}
|
||
}
|
||
|
||
loadAsset("main.css", "https://kodepilot.in/templateapi/main.css", "css");
|
||
loadAsset("main.js", "https://kodepilot.in/templateapi/main.js", "js");
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<header class="navbar">
|
||
<div class="logo">Kodepilot</div>
|
||
<input type="text" class="search" placeholder="Search Opportunities">
|
||
<nav>
|
||
<a href="#">Internships</a>
|
||
<a href="#">Jobs</a>
|
||
<a href="#">Competitions</a>
|
||
</nav>
|
||
<div class="buttons">
|
||
<a href="/my/"><button class="business">Dashboard</button></a>
|
||
<button class="login" onclick="goToLogin()">Login</button>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="hero">
|
||
<div class="hero_container">
|
||
<div class="cards_box">
|
||
<h1><span class="blue_text">Unlock</span> Your Career</h1>
|
||
<p>Explore opportunities from across the globe to grow, showcase skills, gain CV points & get hired by
|
||
your
|
||
dream company.</p>
|
||
<button class="button_blue_box"><img
|
||
src="https://d8it4huxumps7.cloudfront.net/uploads/images/655edc8c1fab9_diamond_1.png?d=82x84"
|
||
width="41" height="42" alt="diamond" loading="lazy"><span><span
|
||
class="nameContainer">Aditya</span><strong> Just Went
|
||
Kodepilot!</strong></span></button>
|
||
</div>
|
||
<div class="cards">
|
||
<div class="card green">Internships<br><small>Gain Practical Experience</small></div>
|
||
<div class="card orange">Mentorships<br><small>Guidance From Top Mentors</small></div>
|
||
<div class="card blue">Jobs<br><small>Explore Diverse Careers</small></div>
|
||
<div class="card purple">Practice<br><small>Refine Skills Daily</small></div>
|
||
<div class="card yellow">Competitions<br><small>Battle For Excellence</small></div>
|
||
<div class="card pink">More<br><small>Explore More Options</small></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="users">
|
||
<div class="users_box">
|
||
<h2>Who's using Kodepilot?</h2>
|
||
<div class="know-cards">
|
||
<div>
|
||
<div class="crd">
|
||
<div class="d-flex flex-column">
|
||
<div class="h4">Students and Professionals</div>
|
||
<p><strong>Unlock
|
||
Your
|
||
Potential:</strong> Compete, Build Resume, Grow and get Hired! </p>
|
||
</div><img
|
||
src="https://d8it4huxumps7.cloudfront.net/uploads/images/67724b0c0d0f7_img1.png?d=211x163"
|
||
alt="Students and Professionals" width="105" height="81" loading="lazy">
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="crd">
|
||
<div class="d-flex flex-column">
|
||
<div class="h4">Companies and Recruiters</div>
|
||
<p><strong>Discover
|
||
Right
|
||
Talent:</strong> Hire, Engage, and Brand Like Never Before! </p>
|
||
</div><img
|
||
src="https://d8it4huxumps7.cloudfront.net/uploads/images/67727626b861a_img2.png?d=211x163"
|
||
alt="Companies and Recruiters" width="105" height="81" loading="lazy">
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="crd">
|
||
<div class="d-flex flex-column">
|
||
<div class="h4">Colleges</div>
|
||
<p><strong>Bridge
|
||
Academia
|
||
and Industry:</strong> Empower Students with Real-World Opportunities! </p>
|
||
</div><img
|
||
src="https://d8it4huxumps7.cloudfront.net/uploads/images/67724b2a99511_img3.png?d=211x163"
|
||
alt="ridge Academia and Industry" width="105" height="81" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="mnc">
|
||
<div class="mnc-box">
|
||
<div class="mnc-row">
|
||
<h2>
|
||
<span class="gray">Industry veterans</span>
|
||
<span class="blue_text">trust us</span>
|
||
</h2>
|
||
<div class="mnc-logos">
|
||
<img src="https://repo.dhanu.cloud/ico/hcl.svg" alt="hcl">
|
||
<img src="https://repo.dhanu.cloud/ico/ebmpapst.svg" alt="ebmpapst">
|
||
<img src="https://repo.dhanu.cloud/ico/infosys.svg" alt="infosys">
|
||
<img src="https://repo.dhanu.cloud/ico/jbl.svg" alt="jbl">
|
||
<img src="https://repo.dhanu.cloud/ico/ust.svg" alt="ust">
|
||
<img src="https://repo.dhanu.cloud/ico/accenture.svg" alt="accenture">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="opportunity-section">
|
||
<div class="container">
|
||
<div class="header">
|
||
<h2 class="title">
|
||
Pick <span class="highlight">The Right Opportunity!</span>
|
||
</h2>
|
||
<div class="header-content">
|
||
<p class="subtitle">Explore opportunities that best suits your skills and interests!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cards-grid">
|
||
<div class="card-add card-quizzes">
|
||
<h3>Quizzes</h3>
|
||
</div>
|
||
|
||
<div class="card-add card-hackathons">
|
||
<h3>Hackathons</h3>
|
||
</div>
|
||
|
||
<div class="card-add card-scholarships">
|
||
<h3>Scholarships</h3>
|
||
</div>
|
||
|
||
<div class="card-add card-conferences">
|
||
<h3>Conferences</h3>
|
||
</div>
|
||
|
||
<div class="card-add card-festivals">
|
||
<h3>College Festivals</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="slider">
|
||
<div class="slide1r-container">
|
||
<div class="slide1r-wrapper">
|
||
<div class="slide1r-track" id="slide1rTrack">
|
||
<!-- Slide 1 -->
|
||
<div class="slide1">
|
||
<div class="slide1-box">
|
||
<div class="image-container">
|
||
<img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Business Meeting">
|
||
<div class="image-overlay">
|
||
<h4>Business Innovation</h4>
|
||
<p>Modern workspace collaboration</p>
|
||
</div>
|
||
</div>
|
||
<div class="image-container">
|
||
<img src="https://images.unsplash.com/photo-1542744094-24638eff58bb?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Architecture">
|
||
<div class="image-overlay">
|
||
<h4>Modern Architecture</h4>
|
||
<p>Contemporary design solutions</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 2 -->
|
||
<div class="slide1">
|
||
<div class="slide1-box">
|
||
<div class="image-container">
|
||
<img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Analytics">
|
||
<div class="image-overlay">
|
||
<h4>Data Analytics</h4>
|
||
<p>Business intelligence insights</p>
|
||
</div>
|
||
</div>
|
||
<div class="image-container">
|
||
<img src="https://images.unsplash.com/photo-1551434678-e076c223a692?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Technology">
|
||
<div class="image-overlay">
|
||
<h4>Technology Hub</h4>
|
||
<p>Innovation and development</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 3 -->
|
||
<div class="slide1">
|
||
<div class="slide1-box">
|
||
<div class="image-container">
|
||
<img src="https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Creativity">
|
||
<div class="image-overlay">
|
||
<h4>Creative Space</h4>
|
||
<p>Inspiration and expression</p>
|
||
</div>
|
||
</div>
|
||
<div class="image-container">
|
||
<img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Beach">
|
||
<div class="image-overlay">
|
||
<h4>Tropical Paradise</h4>
|
||
<p>Natural beauty and relaxation</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="nav-button prev-btn" id="prevBtn" aria-label="Previous slide"></button>
|
||
<button class="nav-button next-btn" id="nextBtn" aria-label="Next slide"></button>
|
||
</div>
|
||
</section>
|
||
<section class="move-slider-ruby">
|
||
<div class="move-slider-container">
|
||
<div class="move-slider-box-static">
|
||
<div class="slide-content-static">
|
||
<h1 class="slide-static-h1"> Kodepilot </h1>
|
||
<p class="slide-static-text">
|
||
Helping the world withcreative
|
||
</p>
|
||
<p class="slide-static-text">
|
||
designs
|
||
</p>
|
||
<p class="slide-static-footer">
|
||
92% Client Retention
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="move-slider-animation-box">
|
||
<div class="move-slider-box">
|
||
<div class="slide-content">
|
||
<p class="slide-text-cot">
|
||
"
|
||
</p>
|
||
<p class="slide-text">
|
||
"From farm inventory to eco-shipment tracking, OpsMonsters built us a green-tech backbone.
|
||
Their system lets us trace every organic ingredient and prove our sustainability story to
|
||
conscious customers."
|
||
</p>
|
||
<div class="slide-logo-box">
|
||
<div class="profile-box">
|
||
<img src="https://images.unsplash.com/photo-1542744094-24638eff58bb?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Client Logo" class="slide-logo">
|
||
<div class="profile-info">
|
||
<p class="slide-name">John Doe</p>
|
||
<p class="slide-role">CEO</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="move-slider-box">
|
||
<div class="slide-content">
|
||
<p class="slide-text-cot">
|
||
"
|
||
</p>
|
||
<p class="slide-text">
|
||
"OpsMonsters understood our mission: simple, honest, organic. They delivered a clean,
|
||
lightning-fast e-commerce engine that scales with our growth."
|
||
</p>
|
||
<div class="slide-logo-box">
|
||
<div class="profile-box">
|
||
<img src="https://images.unsplash.com/photo-1542744094-24638eff58bb?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Client Logo" class="slide-logo">
|
||
<div class="profile-info">
|
||
<p class="slide-name">John Doe</p>
|
||
<p class="slide-role">CEO</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 3 -->
|
||
<div class="move-slider-box">
|
||
<div class="slide-content">
|
||
<p class="slide-text-cot">
|
||
"
|
||
</p>
|
||
<p class="slide-text">
|
||
"Loan processing used to take weeks. OpsMonsters’ smart engine made approvals happen in days
|
||
without compromising security."
|
||
</p>
|
||
<div class="slide-logo-box">
|
||
<div class="profile-box">
|
||
<img src="https://images.unsplash.com/photo-1542744094-24638eff58bb?w=500&h=400&fit=crop&crop=entropy&cs=tinysrgb"
|
||
alt="Client Logo" class="slide-logo">
|
||
<div class="profile-info">
|
||
<p class="slide-name">John Doe</p>
|
||
<p class="slide-role">CEO</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="move-slider">
|
||
<div class="container-slider">
|
||
<div class="container-slider-baby container-slider-1"></div>
|
||
<div class="container-slider-baby container-slider-2"></div>
|
||
<div class="container-slider-baby container-slider-3"></div>
|
||
<div class="container-slider-baby container-slider-4"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="our-numbers">
|
||
<h2>Our Numbers</h2>
|
||
|
||
<div class="stats-grid">
|
||
<div class="stat-item">
|
||
<span class="stat-number">25 <span class="highlight">M+</span></span>
|
||
<span class="stat-label">Active Users</span>
|
||
</div>
|
||
|
||
<div class="stat-item">
|
||
<span class="stat-number">22.3 <span class="highlight">M+</span></span>
|
||
<span class="stat-label">Assessments</span>
|
||
</div>
|
||
|
||
<div class="stat-item">
|
||
<span class="stat-number">130 <span class="highlight">K+</span></span>
|
||
<span class="stat-label">Opportunities</span>
|
||
</div>
|
||
|
||
<div class="stat-item">
|
||
<span class="stat-number">800 <span class="highlight">+</span></span>
|
||
<span class="stat-label">Brands trust us</span>
|
||
</div>
|
||
|
||
<div class="stat-item">
|
||
<span class="stat-number">42 <span class="highlight">K+</span></span>
|
||
<span class="stat-label">Organisations</span>
|
||
</div>
|
||
|
||
<div class="stat-item">
|
||
<span class="stat-number">78 <span class="highlight">+</span></span>
|
||
<span class="stat-label">Countries</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="corces-s">
|
||
<div class="corces"></div>
|
||
</section>
|
||
|
||
<script>
|
||
console.log("test");
|
||
document.addEventListener('DOMContentLoaded', async () => {
|
||
const allCourses = [];
|
||
|
||
const baseUrl = 'https://kodepilot.in/course/index.php';
|
||
const res = await fetch(baseUrl);
|
||
const html = await res.text();
|
||
|
||
const categoryRegex = /<h3 class="categoryname aabtn"><a href="([^"]+)">([^<]+)<\/a><\/h3>/g;
|
||
const categories = [];
|
||
let match;
|
||
while ((match = categoryRegex.exec(html)) !== null) {
|
||
categories.push({ url: match[1], name: match[2] });
|
||
}
|
||
|
||
for (const category of categories) {
|
||
const resCat = await fetch(category.url);
|
||
const catHtml = await resCat.text();
|
||
const cleanHtml = catHtml.replace(/\n/g, ' ');
|
||
|
||
const courseRegex = /<div class="card dashboard-card [^"]*"[^>]*>.*?<a href="([^"]+)"[^>]*>.*?background-image: url\(([^)]+)\);".*?<span class="sr-only">(.*?)<\/span>.*?<div class="course-category">\s*([^<]+)<\/div>.*?<div class="course-summary">.*?<p>(.*?)<\/p>/g;
|
||
|
||
while ((match = courseRegex.exec(cleanHtml)) !== null) {
|
||
allCourses.push({
|
||
category: match[4].trim(),
|
||
link: match[1].trim(),
|
||
image: match[2].trim(),
|
||
name: match[3].trim(),
|
||
description: match[5].replace(/<br\s*\/?>/g, ' ').trim()
|
||
});
|
||
}
|
||
}
|
||
|
||
renderCourses(allCourses);
|
||
});
|
||
|
||
function renderCourses(allCourses) {
|
||
const container = document.querySelector('.corces');
|
||
if (!container) {
|
||
console.error("⚠️ No .corces container found in DOM");
|
||
return;
|
||
}
|
||
|
||
container.innerHTML = ''; // clear old content
|
||
|
||
allCourses.forEach(course => {
|
||
const courseDiv = document.createElement('div');
|
||
courseDiv.className = 'course-card';
|
||
courseDiv.innerHTML = `
|
||
<a href="${course.link}" target="_blank">
|
||
<div class="course-image" style="background-image: url(${course.image});"></div>
|
||
</a>
|
||
<div class="course-content">
|
||
<div class="course-category">${course.category}</div>
|
||
<a href="${course.link}" class="course-name" target="_blank">${course.name}</a>
|
||
<div class="course-description">${course.description}</div>
|
||
</div>
|
||
`;
|
||
container.appendChild(courseDiv);
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-container">
|
||
<div class="footer-section company-section">
|
||
<div class="logo">Kode Pilot</div>
|
||
<p class="tagline">Built with <span class="heart">❤</span> in India for the world</p>
|
||
|
||
<div class="contact-info">
|
||
<h4>Stay Connected</h4>
|
||
|
||
<div style="margin-bottom: 20px;">
|
||
<strong style="color: white; font-size: 14px;">Sales Inquiries</strong>
|
||
<div class="contact-item">
|
||
<i class="fas fa-envelope"></i>
|
||
sales@kodepilot.com
|
||
</div>
|
||
<div class="contact-item">
|
||
<i class="fas fa-phone"></i>
|
||
+91-9311777388 <span style="font-size: 12px;">(Mon to Fri, 9 AM to 6 PM)</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<strong style="color: white; font-size: 14px;">Support Inquiries</strong>
|
||
<div class="contact-item">
|
||
<i class="fas fa-envelope"></i>
|
||
support@kodepilot.com
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="social-icons">
|
||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||
<a href="#"><i class="fab fa-linkedin"></i></a>
|
||
<a href="#"><i class="fab fa-facebook"></i></a>
|
||
<a href="#"><i class="fab fa-telegram"></i></a>
|
||
<a href="#"><i class="fab fa-discord"></i></a>
|
||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||
<a href="#"><i class="fab fa-youtube"></i></a>
|
||
</div>
|
||
|
||
<div class="newsletter-section">
|
||
<h4>Stay Updated</h4>
|
||
<p>We'll send you updates on the latest courses and coding opportunities to enhance your skills and
|
||
advance your career.</p>
|
||
|
||
<div class="newsletter-form">
|
||
<input type="email" placeholder="Subscribe to our newsletter!">
|
||
<button type="submit">></button>
|
||
</div>
|
||
|
||
<div class="action-buttons">
|
||
<a href="#" class="btn btn-primary">Start Learning Now</a>
|
||
<a href="#" class="btn btn-secondary"><i class="fas fa-code"></i> View Courses</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Courses Section -->
|
||
<div class="footer-section">
|
||
<h3>Courses</h3>
|
||
<ul>
|
||
<li><a href="#">Web Development</a></li>
|
||
<li><a href="#">Full Stack Development</a></li>
|
||
<li><a href="#">Frontend Development</a></li>
|
||
<li><a href="#">Backend Development</a></li>
|
||
<li><a href="#">JavaScript Mastery</a></li>
|
||
<li><a href="#">React & Next.js</a></li>
|
||
<li><a href="#">Node.js & Express</a></li>
|
||
<li><a href="#">Database Management</a></li>
|
||
<li><a href="#">API Development</a></li>
|
||
</ul>
|
||
|
||
<h3 style="margin-top: 30px;">Learning Paths</h3>
|
||
<ul>
|
||
<li><a href="#">Beginner to Pro</a></li>
|
||
<li><a href="#">Career Switcher</a></li>
|
||
<li><a href="#">Skill Enhancement</a></li>
|
||
<li><a href="#">Project-Based Learning</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-section">
|
||
<h3>Resources</h3>
|
||
<ul>
|
||
<li><a href="#">Coding Tutorials</a></li>
|
||
<li><a href="#">Blog Articles</a></li>
|
||
<li><a href="#">Code Challenges</a></li>
|
||
<li><a href="#">Live Workshops</a></li>
|
||
<li><a href="#">Student Projects</a></li>
|
||
<li><a href="#">Career Guidance</a></li>
|
||
<li><a href="#">Interview Preparation</a></li>
|
||
</ul>
|
||
|
||
<h3 style="margin-top: 30px;">Community</h3>
|
||
<ul>
|
||
<li><a href="#">Student Forum</a></li>
|
||
<li><a href="#">Code Reviews</a></li>
|
||
<li><a href="#">Study Groups</a></li>
|
||
<li><a href="#">Success Stories</a></li>
|
||
<li><a href="#">Mentorship Program</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
|
||
<div class="footer-bottom-links">
|
||
<a href="#">About Us</a>
|
||
<a href="#">Contact Us</a>
|
||
<a href="#">Careers</a>
|
||
<a href="#" style="color: #10b981;">We're hiring <span class="hiring-badge">•</span></a>
|
||
<a href="#">Instructors</a>
|
||
<a href="#">Become an Instructor</a>
|
||
</div>
|
||
<div class="footer-bottom-links" style="margin-top: 10px;">
|
||
<a href="#">Student Reviews</a>
|
||
<a href="#">FAQs</a>
|
||
<a href="#">Course Catalog</a>
|
||
<a href="#">Certificates</a>
|
||
<a href="#">Student Support</a>
|
||
</div>
|
||
<div class="footer-bottom-links" style="margin-top: 10px;">
|
||
<a href="#">Affiliate Program</a>
|
||
<a href="#">Corporate Training</a>
|
||
<a href="#">Bulk Enrollment</a>
|
||
<a href="#">Student Discount</a>
|
||
</div>
|
||
<div class="footer-bottom-links" style="margin-top: 10px;">
|
||
<a href="#">Terms & Conditions</a>
|
||
<a href="#">Privacy Policy</a>
|
||
<a href="#">Refund Policy</a>
|
||
<a href="#">Sitemap</a>
|
||
</div>
|
||
<p style="margin-top: 20px;">
|
||
Copyright © 2025 <a href="#" style="color: #10b981;">Kode Pilot Learning Pvt Ltd</a> - All rights
|
||
reserved.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
|
||
</html> |