Compare commits
6 Commits
6c25c410a4
...
51fe47e0b3
| Author | SHA1 | Date | |
|---|---|---|---|
| 51fe47e0b3 | |||
| 66f96fb672 | |||
| b8964de1ad | |||
| 8bacac0854 | |||
| 5d3b418602 | |||
| bf2ea5698a |
Binary file not shown.
|
Before Width: | Height: | Size: 322 KiB After Width: | Height: | Size: 301 KiB |
55
index.html
55
index.html
@ -7,7 +7,7 @@
|
||||
<title>Kodepilot</title>
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="templateapi/main.css">
|
||||
<link rel="icon" type="image/x-icon" href="assets/images/logo/favicon.ico">
|
||||
<link rel="icon" type="image/x-icon" href="templateapi/assets/images/logo/favicon.ico">
|
||||
<style>
|
||||
.center-container {
|
||||
display: flex;
|
||||
@ -200,10 +200,13 @@
|
||||
</style>
|
||||
<script>
|
||||
const data = [
|
||||
{ name: "Aditya", text: "Just Went Kodepilot!" },
|
||||
{ name: "Priya", text: "won a Hackathon!" },
|
||||
{ name: "Rahul", text: "earned a Scholarship!" },
|
||||
{ name: "Sneha", text: "joined a Festival!" }
|
||||
{ name: "Ben", text: "Just Went HCL!" },
|
||||
{ name: "Rakul", text: "Just Went Accenture!" },
|
||||
{ name: "Anjali", text: "Joined a Ebmpapst!" },
|
||||
{ name: "Sneha", text: "joined a Infosys!" },
|
||||
{ name: "Amit", text: "Just Went JBL!" },
|
||||
{ name: "Vikram", text: "Just Went UST!" },
|
||||
{ name: "Priya", text: "Just Went Serviceplaingroup!" }
|
||||
];
|
||||
let index1 = 0;
|
||||
const nameEl1 = document.querySelector(".nameContainer");
|
||||
@ -317,7 +320,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/qa.jpg" alt="Business Meeting">
|
||||
<img src="templateapi/assets/images/hai1/qa.jpg" alt="Business Meeting">
|
||||
<div class="image-overlay">
|
||||
<h4>QA & Testing</h4>
|
||||
<p>A close-up of a developer's screen showing a green 'Tests Passed' status and
|
||||
@ -325,7 +328,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/hai12.jpg" alt="Architecture">
|
||||
<img src="templateapi/assets/images/hai1/hai12.jpg" alt="Architecture">
|
||||
<div class="image-overlay">
|
||||
<h4>Software Dev</h4>
|
||||
<p>A sleek image of a professional wireframe/design on a large monitor, with a
|
||||
@ -339,7 +342,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/ai.jpg" alt="Analytics">
|
||||
<img src="templateapi/assets/images/hai1/ai.jpg" alt="Analytics">
|
||||
<div class="image-overlay">
|
||||
<h4>AI & Data</h4>
|
||||
<p>A stunning, large-scale data visualization or chart (like a complex network
|
||||
@ -348,7 +351,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/cyber.jpg" alt="Technology">
|
||||
<img src="templateapi/assets/images/hai1/cyber.jpg" alt="Technology">
|
||||
<div class="image-overlay">
|
||||
<h4>Cybersecurity</h4>
|
||||
<p>A digital shield or lock icon overlaid on a dark, technical background with
|
||||
@ -360,7 +363,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/qa.jpg" alt="Analytics">
|
||||
<img src="templateapi/assets/images/hai1/qa.jpg" alt="Analytics">
|
||||
<div class="image-overlay">
|
||||
<h4>QA & Testing</h4>
|
||||
<p>A close-up of a developer's screen showing a green 'Tests Passed' status and
|
||||
@ -368,7 +371,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/cyber.jpg" alt="Technology">
|
||||
<img src="templateapi/assets/images/hai1/cyber.jpg" alt="Technology">
|
||||
<div class="image-overlay">
|
||||
<h4>Cybersecurity</h4>
|
||||
<p>A digital shield or lock icon overlaid on a dark, technical background with
|
||||
@ -380,7 +383,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/hai12.jpg" alt="Analytics">
|
||||
<img src="templateapi/assets/images/hai1/hai12.jpg" alt="Analytics">
|
||||
<div class="image-overlay">
|
||||
<h4>Software Dev</h4>
|
||||
<p>A sleek image of a professional wireframe/design on a large monitor, with a
|
||||
@ -388,7 +391,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/qa.jpg" alt="Technology">
|
||||
<img src="templateapi/assets/images/hai1/qa.jpg" alt="Technology">
|
||||
<div class="image-overlay">
|
||||
<h4>QA & Testing</h4>
|
||||
<p>A close-up of a developer's screen showing a green 'Tests Passed' status and
|
||||
@ -400,7 +403,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/ai.jpg" alt="Analytics">
|
||||
<img src="templateapi/assets/images/hai1/ai.jpg" alt="Analytics">
|
||||
<div class="image-overlay">
|
||||
<h4>AI & Data</h4>
|
||||
<p>A stunning, large-scale data visualization or chart (like a complex network
|
||||
@ -409,7 +412,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/aws..jpg" alt="Technology">
|
||||
<img src="templateapi/assets/images/hai1/aws..jpg" alt="Technology">
|
||||
<div class="image-overlay">
|
||||
<h4>Cloud & DevOps</h4>
|
||||
<p>An abstract, interconnected graphic of servers and data pipelines with subtle
|
||||
@ -422,7 +425,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/ai.jpg" alt="Analytics">
|
||||
<img src="templateapi/assets/images/hai1/ai.jpg" alt="Analytics">
|
||||
<div class="image-overlay">
|
||||
<h4>AI & Data</h4>
|
||||
<p>A stunning, large-scale data visualization or chart (like a complex network
|
||||
@ -431,7 +434,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/cyber.jpg" alt="Technology">
|
||||
<img src="templateapi/assets/images/hai1/cyber.jpg" alt="Technology">
|
||||
<div class="image-overlay">
|
||||
<h4>Cybersecurity</h4>
|
||||
<p>A digital shield or lock icon overlaid on a dark, technical background with
|
||||
@ -444,7 +447,7 @@
|
||||
<div class="slide1">
|
||||
<div class="slide1-box">
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/hai12.jpg" alt="Creativity">
|
||||
<img src="templateapi/assets/images/hai1/hai12.jpg" alt="Creativity">
|
||||
<div class="image-overlay">
|
||||
<h4>Software Dev</h4>
|
||||
<p>A sleek image of a professional wireframe/design on a large monitor, with a
|
||||
@ -452,7 +455,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-container">
|
||||
<img src="assets/images/hai1/aws..jpg" alt="Beach">
|
||||
<img src="templateapi/assets/images/hai1/aws..jpg" alt="Beach">
|
||||
<div class="image-overlay">
|
||||
<h4>Cloud & DevOps</h4>
|
||||
<p>An abstract, interconnected graphic of servers and data pipelines with subtle
|
||||
@ -601,7 +604,8 @@
|
||||
<a href="#" class="practice-cta-btn">Start Now ➤</a>
|
||||
</div>
|
||||
<div class="practice-card-svg">
|
||||
<img src="assets/images/codinghiringassesments/nope_1.png" alt="Coding Practice">
|
||||
<img src="templateapi/assets/images/codinghiringassesments/nope_1.png"
|
||||
alt="Coding Practice">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -617,7 +621,8 @@
|
||||
<a href="#" class="practice-cta-btn">Start Now ➤</a>
|
||||
</div>
|
||||
<div class="practice-card-svg">
|
||||
<img src="assets/images/codinghiringassesments/nope_2.png" alt="Coding Practice">
|
||||
<img src="templateapi/assets/images/codinghiringassesments/nope_2.png"
|
||||
alt="Coding Practice">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -633,7 +638,8 @@
|
||||
<a href="#" class="practice-cta-btn">Start Now ➤</a>
|
||||
</div>
|
||||
<div class="practice-card-svg">
|
||||
<img src="assets/images/codinghiringassesments/nope_3.webp" alt="Coding Practice">
|
||||
<img src="templateapi/assets/images/codinghiringassesments/nope_3.webp"
|
||||
alt="Coding Practice">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -649,7 +655,8 @@
|
||||
<a href="#" class="practice-cta-btn">Start Now ➤</a>
|
||||
</div>
|
||||
<div class="practice-card-svg">
|
||||
<img src="assets/images/codinghiringassesments/nope_4.webp" alt="Coding Practice">
|
||||
<img src="templateapi/assets/images/codinghiringassesments/nope_4.webp"
|
||||
alt="Coding Practice">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -663,7 +670,7 @@
|
||||
<section class="card-simple">
|
||||
<div class="card-easy">
|
||||
<div class="card-easy-left">
|
||||
<img src="assets/images/learn/learn.png" alt="Student Image">
|
||||
<img src="templateapi/assets/images/learn/learn.png" alt="Student Image">
|
||||
</div>
|
||||
<div class="card-easy-right">
|
||||
<h2>The Future of Your Career Starts Now. Learn, Grow, Achieve</h2>
|
||||
|
||||
23
main.css
23
main.css
@ -144,7 +144,7 @@
|
||||
|
||||
.green {
|
||||
background: #9BE6C1;
|
||||
background-image: url('assets/images/unlockcarrer/internship.png');
|
||||
background-image: url('templateapi/assets/images/unlockcarrer/internship.png');
|
||||
background-size: 115px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom right;
|
||||
@ -152,7 +152,7 @@
|
||||
|
||||
.orange {
|
||||
background: #fec192;
|
||||
background-image: url('assets/images/unlockcarrer/jobs.png');
|
||||
background-image: url('templateapi/assets/images/unlockcarrer/jobs.png');
|
||||
background-size: 115px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom right;
|
||||
@ -160,7 +160,7 @@
|
||||
|
||||
.blue {
|
||||
background: #9bc9ff;
|
||||
background-image: url('assets/images/unlockcarrer/mentorship.png');
|
||||
background-image: url('templateapi/assets/images/unlockcarrer/mentorship.png');
|
||||
background-size: 115px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom right;
|
||||
@ -169,7 +169,7 @@
|
||||
|
||||
.purple {
|
||||
background: #c8bbff;
|
||||
background-image: url('assets/images/unlockcarrer/practice.png');
|
||||
background-image: url('templateapi/assets/images/unlockcarrer/practice.png');
|
||||
background-size: 120px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom right;
|
||||
@ -177,7 +177,7 @@
|
||||
|
||||
.yellow {
|
||||
background: #ffdd80;
|
||||
background-image: url('assets/images/unlockcarrer/competitions.png');
|
||||
background-image: url('templateapi/assets/images/unlockcarrer/competitions.png');
|
||||
background-size: 115px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom right;
|
||||
@ -185,7 +185,7 @@
|
||||
|
||||
.pink {
|
||||
background: #ffb1cc;
|
||||
background-image: url('assets/images/unlockcarrer/more.png');
|
||||
background-image: url('templateapi/assets/images/unlockcarrer/more.png');
|
||||
background-size: 115px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom right;
|
||||
@ -560,27 +560,27 @@
|
||||
}
|
||||
|
||||
.card-quizzes {
|
||||
background: url('assets/images/seize/quizz.png') no-repeat center/cover;
|
||||
background: url('templateapi/assets/images/seize/quizz.png') no-repeat center/cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.card-hackathons {
|
||||
background: url('assets/images/seize/hackathon.png') no-repeat center/cover;
|
||||
background: url('templateapi/assets/images/seize/hackathon.png') no-repeat center/cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.card-scholarships {
|
||||
background: url('assets/images/seize/scholarships.png') no-repeat center/cover;
|
||||
background: url('templateapi/assets/images/seize/scholarships.png') no-repeat center/cover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.card-conferences {
|
||||
background: url('assets/images/seize/conference.png') no-repeat center/cover;
|
||||
background: url('templateapi/assets/images/seize/conference.png') no-repeat center/cover;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.card-festivals {
|
||||
background: url('assets/images/seize/techfest.png') no-repeat center/cover;
|
||||
background: url('templateapi/assets/images/seize/techfest.png') no-repeat center/cover;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
@ -1437,6 +1437,7 @@
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
scroll-behavior: smooth;
|
||||
flex: 1;
|
||||
max-width: 100%;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user