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

Compare commits

base: dhanush.s:6c25c410a4b734950eef6c73fda29177d66c6cc2
Branches Tags
dhanush.s:main
dhanush.s:dhee
dhanush.s:test
dhanush.s:content
dhanush.s:rajesh
dhanush.s:reformate
dhanush.s:image
...
compare: dhanush.s:51fe47e0b34efd7da3d579b99204bfd78756721a
Branches Tags
dhanush.s:main
dhanush.s:dhee
dhanush.s:test
dhanush.s:content
dhanush.s:rajesh
dhanush.s:reformate
dhanush.s:image

6 Commits
6c25c410a4 ... 51fe47e0b3

Author SHA1 Message Date
rajesh.n
51fe47e0b3 added phone num 2025-09-27 03:16:17 +05:30
koushik.m
66f96fb672 fix: content_updated 2025-09-27 03:10:51 +05:30
dhanush.s
b8964de1ad fix: ! 2025-09-27 03:06:48 +05:30
dhanush.s
8bacac0854 Merge pull request 'fix: image_updated' (#22) from image into main 
Reviewed-on: #22
 2025-09-26 21:33:13 +00:00
koushik.m
5d3b418602 fix: image_updated 2025-09-26 21:32:45 +00:00
rajesh.n
bf2ea5698a Merge pull request 'added phone num' (#23) from rajesh into main 
Reviewed-on: #23
 2025-09-26 21:31:45 +00:00
4 changed files with 44 additions and 36 deletions
Show Stats Expand all files Collapse all files

BIN
assets/images/learn/learn.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 322 KiB

After

Width:  |  Height:  |  Size: 301 KiB

55
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;
@ -200,10 +200,13 @@
</style> </style>
<script> <script>
const data = [ const data = [
{ name: "Aditya", text: "Just Went Kodepilot!" }, { name: "Ben", text: "Just Went HCL!" },
{ name: "Priya", text: "won a Hackathon!" }, { name: "Rakul", text: "Just Went Accenture!" },
{ name: "Rahul", text: "earned a Scholarship!" }, { name: "Anjali", text: "Joined a Ebmpapst!" },
{ name: "Sneha", text: "joined a Festival!" } { 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; let index1 = 0;
const nameEl1 = document.querySelector(".nameContainer"); const nameEl1 = document.querySelector(".nameContainer");
@ -317,7 +320,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 +328,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 +342,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 +351,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 +363,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 +371,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 +383,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 +391,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 +403,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 +412,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 +425,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 +434,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 +447,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 +455,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 +604,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 +621,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 +638,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 +655,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 +670,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%;

2
main.js
View File

@ -3,7 +3,7 @@ function goToApplay() {
} }
function getInTouch() { function getInTouch() {
window.open("https://wa.me/1234567890?text=Hi%20Link%20kodepilote%20Team...", "_blank"); window.open("https://wa.me/8870760431?text=Hi%20Link%20kodepilote%20Team...", "_blank");
} }