dhanush.s/kodepilot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: !

Browse Source
This commit is contained in:
dhanush.s 2025-09-27 03:06:16 +05:30
parent 8bacac0854
commit b8964de1ad
2 changed files with 36 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@ -7,7 +7,7 @@
<title>Kodepilot</title> <title>Kodepilot</title>
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="templateapi/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> <style>
.center-container { .center-container {
display: flex; display: flex;
@ -317,7 +317,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>QA & Testing</h4> <h4>QA & Testing</h4>
<p>A close-up of a developer's screen showing a green 'Tests Passed' status and <p>A close-up of a developer's screen showing a green 'Tests Passed' status and
@ -325,7 +325,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Software Dev</h4> <h4>Software Dev</h4>
<p>A sleek image of a professional wireframe/design on a large monitor, with a <p>A sleek image of a professional wireframe/design on a large monitor, with a
@ -339,7 +339,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>AI & Data</h4> <h4>AI & Data</h4>
<p>A stunning, large-scale data visualization or chart (like a complex network <p>A stunning, large-scale data visualization or chart (like a complex network
@ -348,7 +348,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Cybersecurity</h4> <h4>Cybersecurity</h4>
<p>A digital shield or lock icon overlaid on a dark, technical background with <p>A digital shield or lock icon overlaid on a dark, technical background with
@ -360,7 +360,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>QA & Testing</h4> <h4>QA & Testing</h4>
<p>A close-up of a developer's screen showing a green 'Tests Passed' status and <p>A close-up of a developer's screen showing a green 'Tests Passed' status and
@ -368,7 +368,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Cybersecurity</h4> <h4>Cybersecurity</h4>
<p>A digital shield or lock icon overlaid on a dark, technical background with <p>A digital shield or lock icon overlaid on a dark, technical background with
@ -380,7 +380,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Software Dev</h4> <h4>Software Dev</h4>
<p>A sleek image of a professional wireframe/design on a large monitor, with a <p>A sleek image of a professional wireframe/design on a large monitor, with a
@ -388,7 +388,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>QA & Testing</h4> <h4>QA & Testing</h4>
<p>A close-up of a developer's screen showing a green 'Tests Passed' status and <p>A close-up of a developer's screen showing a green 'Tests Passed' status and
@ -400,7 +400,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>AI & Data</h4> <h4>AI & Data</h4>
<p>A stunning, large-scale data visualization or chart (like a complex network <p>A stunning, large-scale data visualization or chart (like a complex network
@ -409,7 +409,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Cloud & DevOps</h4> <h4>Cloud & DevOps</h4>
<p>An abstract, interconnected graphic of servers and data pipelines with subtle <p>An abstract, interconnected graphic of servers and data pipelines with subtle
@ -422,7 +422,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>AI & Data</h4> <h4>AI & Data</h4>
<p>A stunning, large-scale data visualization or chart (like a complex network <p>A stunning, large-scale data visualization or chart (like a complex network
@ -431,7 +431,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Cybersecurity</h4> <h4>Cybersecurity</h4>
<p>A digital shield or lock icon overlaid on a dark, technical background with <p>A digital shield or lock icon overlaid on a dark, technical background with
@ -444,7 +444,7 @@
<div class="slide1"> <div class="slide1">
<div class="slide1-box"> <div class="slide1-box">
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Software Dev</h4> <h4>Software Dev</h4>
<p>A sleek image of a professional wireframe/design on a large monitor, with a <p>A sleek image of a professional wireframe/design on a large monitor, with a
@ -452,7 +452,7 @@
</div> </div>
</div> </div>
<div class="image-container"> <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"> <div class="image-overlay">
<h4>Cloud & DevOps</h4> <h4>Cloud & DevOps</h4>
<p>An abstract, interconnected graphic of servers and data pipelines with subtle <p>An abstract, interconnected graphic of servers and data pipelines with subtle
@ -601,7 +601,8 @@
<a href="#" class="practice-cta-btn">Start Now ➤</a> <a href="#" class="practice-cta-btn">Start Now ➤</a>
</div> </div>
<div class="practice-card-svg"> <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>
</div> </div>
@ -617,7 +618,8 @@
<a href="#" class="practice-cta-btn">Start Now ➤</a> <a href="#" class="practice-cta-btn">Start Now ➤</a>
</div> </div>
<div class="practice-card-svg"> <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>
</div> </div>
@ -633,7 +635,8 @@
<a href="#" class="practice-cta-btn">Start Now ➤</a> <a href="#" class="practice-cta-btn">Start Now ➤</a>
</div> </div>
<div class="practice-card-svg"> <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>
</div> </div>
@ -649,7 +652,8 @@
<a href="#" class="practice-cta-btn">Start Now ➤</a> <a href="#" class="practice-cta-btn">Start Now ➤</a>
</div> </div>
<div class="practice-card-svg"> <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> </div>
</div> </div>
@ -663,7 +667,7 @@
<section class="card-simple"> <section class="card-simple">
<div class="card-easy"> <div class="card-easy">
<div class="card-easy-left"> <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>
<div class="card-easy-right"> <div class="card-easy-right">
<h2>The Future of Your Career Starts Now. Learn, Grow, Achieve</h2> <h2>The Future of Your Career Starts Now. Learn, Grow, Achieve</h2>

23
main.css
View File

@ -144,7 +144,7 @@
.green { .green {
background: #9BE6C1; background: #9BE6C1;
background-image: url('assets/images/unlockcarrer/internship.png'); background-image: url('templateapi/assets/images/unlockcarrer/internship.png');
background-size: 115px; background-size: 115px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
@ -152,7 +152,7 @@
.orange { .orange {
background: #fec192; background: #fec192;
background-image: url('assets/images/unlockcarrer/jobs.png'); background-image: url('templateapi/assets/images/unlockcarrer/jobs.png');
background-size: 115px; background-size: 115px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
@ -160,7 +160,7 @@
.blue { .blue {
background: #9bc9ff; background: #9bc9ff;
background-image: url('assets/images/unlockcarrer/mentorship.png'); background-image: url('templateapi/assets/images/unlockcarrer/mentorship.png');
background-size: 115px; background-size: 115px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
@ -169,7 +169,7 @@
.purple { .purple {
background: #c8bbff; background: #c8bbff;
background-image: url('assets/images/unlockcarrer/practice.png'); background-image: url('templateapi/assets/images/unlockcarrer/practice.png');
background-size: 120px; background-size: 120px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
@ -177,7 +177,7 @@
.yellow { .yellow {
background: #ffdd80; background: #ffdd80;
background-image: url('assets/images/unlockcarrer/competitions.png'); background-image: url('templateapi/assets/images/unlockcarrer/competitions.png');
background-size: 115px; background-size: 115px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
@ -185,7 +185,7 @@
.pink { .pink {
background: #ffb1cc; background: #ffb1cc;
background-image: url('assets/images/unlockcarrer/more.png'); background-image: url('templateapi/assets/images/unlockcarrer/more.png');
background-size: 115px; background-size: 115px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
@ -560,27 +560,27 @@
} }
.card-quizzes { .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; color: white;
} }
.card-hackathons { .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; color: white;
} }
.card-scholarships { .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; color: white;
} }
.card-conferences { .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; color: #1f2937;
} }
.card-festivals { .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; color: #1f2937;
} }
@ -1437,6 +1437,7 @@
display: flex; display: flex;
gap: 20px; gap: 20px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden;
scroll-behavior: smooth; scroll-behavior: smooth;
flex: 1; flex: 1;
max-width: 100%; max-width: 100%;