Skip to content

Commit e1a6ed7

Browse files
NishthakumariNishthakumari
authored
Added tracks
1 parent 933976a commit e1a6ed7

1 file changed

Lines changed: 175 additions & 169 deletions

File tree

‎index.html‎

Lines changed: 175 additions & 169 deletions
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,7 @@ <h4 class="text-center" style="margin: 70px 0 0px 0; color: black; font-size: 2e
225225
</section>
226226

227227
<!--Section Breaker Welcome/Events-->
228-
<div class="section-divider stat-color unselectable">
228+
<div class="section-divider stat-color unselectable" >
229229
<img
230230
src="./img/Sea creatures/S2.png"
231231
style="
@@ -746,6 +746,74 @@ <h2 class="ticket-price" style="color:black !important">
746746

747747

748748
<!--Section Breaker Stat/Sponsors-->
749+
<div class="section-divide unselectable tracks-color ">
750+
<img
751+
src="./img/Sea creatures/S1.png"
752+
style="
753+
height: auto;
754+
position: absolute;
755+
z-index: 4;
756+
left: 1%;
757+
transform: translateY(12%);
758+
"
759+
alt="Sea creature"
760+
id="sea-creatures"
761+
/>
762+
<img
763+
src="./img/Sea creatures/S4.png"
764+
style="
765+
height: auto;
766+
position: absolute;
767+
z-index: 4;
768+
right: 1%;
769+
transform: translateY(25%);
770+
"
771+
alt="Sea creature"
772+
id="sea-creatures"
773+
/>
774+
<img
775+
src="img/section_breaker_blue/W4.webp"
776+
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
777+
/>
778+
</div>
779+
780+
<!-- Tracks -->
781+
<!-- <section id="tracks" class="part-3">
782+
<div class="container">
783+
<div class="row">
784+
<div class="col-12 col-md-12">
785+
<div class="section-heading-2">
786+
<h4 class="text-center" style="margin-bottom: 70px; color: black">
787+
Tracks
788+
</h4>
789+
</div>
790+
</div>
791+
</div>
792+
<div
793+
style="
794+
display: flex;
795+
align-items: center;
796+
justify-content: space-evenly;
797+
flex-wrap: wrap;
798+
"
799+
>
800+
<img style="width: 40vh" src="./img/Sea creatures/S5.png" alt="pic" />
801+
<div
802+
class="card text-center text-white bg-primary"
803+
style="
804+
width: 18rem;
805+
height: 7rem;
806+
background-color: rgba(0, 0, 0, 0);
807+
"
808+
>
809+
<div class="card-body" style="font-family: Barlow Semi Condensed">
810+
<h5 class="card-body">COMING SOON!</h5>
811+
</div>
812+
</div>
813+
</div>
814+
</div>
815+
</section>
816+
749817
<div class="section-divider sponser-color unselectable">
750818
<img
751819
src="./img/Sea creatures/S1.png"
@@ -776,6 +844,107 @@ <h2 class="ticket-price" style="color:black !important">
776844
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
777845
/>
778846
</div>
847+
--><section style="padding-top: 0%;" class="what-we-offer-area section-padding-100-70" id="tracks">
848+
<div class="container">
849+
<div class="row">
850+
<div class="col-12">
851+
<div class="section-heading-2">
852+
<h4 class="text-center" style="margin-bottom: 70px; color: black">
853+
Tracks
854+
</h4>
855+
</div>
856+
</div>
857+
</div>
858+
859+
860+
<div class="row">
861+
862+
863+
<div class="col-12 col-md-4 col-xl-4">
864+
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
865+
<div style="background-image: none;background: none;" class="offer-icon">
866+
<img src="img/tracks/Fun.png" onerror="this.onerror=null;this.src='img/tracks/ai.png';" alt="Let's Have Fun" width="150" height="150">
867+
</div>
868+
<h5>Let's Have Fun</h5>
869+
<p>
870+
"Recreate a newer version of any of your Favourite Game or any New Game. Not just games, your project can include any hacks that can make you and your pals have Fun together!"
871+
</p>
872+
</div>
873+
</div>
874+
<div class="col-12 col-md-4 col-xl-4">
875+
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
876+
<div style="background-image: none;background: none;" class="offer-icon">
877+
<img src="img/tracks/Connect.png" onerror="this.onerror=null;this.src='img/tracks/Connect.png';" alt="Let's Connect" width="150" height="150">
878+
</div>
879+
<h5>Let's Connect</h5>
880+
<p>
881+
"Getting bored with your Virtual Setup? Find ways of making your Virtual Education, Classrooms, Gatherings or even Work From Home more Interactive and Easy to work with!"
882+
</p>
883+
</div>
884+
</div>
885+
<div class="col-12 col-md-4 col-xl-4">
886+
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
887+
<div style="background-image: none;background: none;" class="offer-icon">
888+
<img src="img/tracks/Fitness.png" onerror="this.onerror=null;this.src='img/tracks/Fitness.png';" alt="Let's Stay Fit" width="150" height="150">
889+
</div>
890+
<h5>Let's Stay Fit</h5>
891+
<p>
892+
"Health is Wealth! Especially during these tough times. Design ways of keeping yourself and your loved ones safe by making Healthcare more efficient and easily accessible."
893+
</p>
894+
</div>
895+
</div>
896+
</div>
897+
<div class="row">
898+
<div class="col-12 col-md-4 col-xl-4">
899+
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
900+
<div style="background-image: none;background: none;" class="offer-icon">
901+
<img src="img/tracks/Contactless.png" onerror="this.onerror=null;this.src='img/tracks/Contactless.png';" alt="Let's Go Contactless" width="150" height="150">
902+
</div>
903+
<h5>Let's Go Contactless</h5>
904+
<p>
905+
"Want to Stay Safe from the Virus 🦠! Going Contactless is the Key. Design a contactless alternative for any activity that requires human interaction!"
906+
907+
</p>
908+
</div>
909+
</div>
910+
<div class="col-12 col-md-4 col-xl-4">
911+
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
912+
<div style="background-image: none;background: none;" class="offer-icon">
913+
<img src="img/tracks/Security.png" onerror="this.onerror=null;this.src='img/tracks/Security.png';" alt="Let's Stay Safe" width="150" height="150">
914+
</div>
915+
<h5>Let's Stay Safe</h5>
916+
<p>
917+
"With the surge in Crime Rates, its better to be “Safe than Sorry”. Come up with hacks of making the Community safe, secure and a better place to live in."
918+
</p>
919+
920+
</div>
921+
</div>
922+
<div class="col-12 col-md-4 col-xl-4">
923+
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
924+
<div style="background-image: none;background: none;" class="offer-icon">
925+
<img src="img/tracks/Innovate.png" onerror="this.onerror=null;this.src='img/tracks/Innovate.png';" alt="Let's Innovate" width="150" height="150">
926+
927+
</div>
928+
<h5>Let's Innovate</h5>
929+
<p>
930+
"Technology makes your everyday life easy. So put your thinking caps 🧢 on and Innovate!"
931+
932+
</p>
933+
</div>
934+
</div>
935+
</div>
936+
</div>
937+
</section>
938+
<!--TRACKS End-->
939+
<div class="section-divider sponser-color unselectables">
940+
<img
941+
src="img/section_breaker_blue/W4.webp"
942+
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
943+
/>
944+
</div>
945+
946+
947+
779948

780949
<!--------------------------------------------------------------------------------------------------------------------------->
781950
<!--Sponsors-->
@@ -1225,182 +1394,19 @@ <h5 style="display: flex; justify-content: center">
12251394
</section>
12261395

12271396
<!--sponser ended-->
1228-
<!--section breaker between sponser and faq-->
1229-
<div class="section-divider faq-color unselectable">
1397+
<!--section breaker between sponser and faq-->
1398+
<div class="section-divider unselectable" style="background-color: #0ca49c">
12301399
<img
12311400
src="img/section_breaker_blue/W7.webp"
12321401
onerror="this.onerror=null;this.src='img/section_breaker_blue/W7.png';"
12331402
/>
12341403
</div>
12351404

12361405

1406+
12371407
<!--------------------------------------------------------------------------------------------------------------------------->
1238-
<!-- Tracks -->
1239-
<!-- <section id="tracks" class="part-3">
1240-
<div class="container">
1241-
<div class="row">
1242-
<div class="col-12 col-md-12">
1243-
<div class="section-heading-2">
1244-
<h4 class="text-center" style="margin-bottom: 70px; color: black">
1245-
Tracks
1246-
</h4>
1247-
</div>
1248-
</div>
1249-
</div>
1250-
<div
1251-
style="
1252-
display: flex;
1253-
align-items: center;
1254-
justify-content: space-evenly;
1255-
flex-wrap: wrap;
1256-
"
1257-
>
1258-
<img style="width: 40vh" src="./img/Sea creatures/S5.png" alt="pic" />
1259-
<div
1260-
class="card text-center text-white bg-primary"
1261-
style="
1262-
width: 18rem;
1263-
height: 7rem;
1264-
background-color: rgba(0, 0, 0, 0);
1265-
"
1266-
>
1267-
<div class="card-body" style="font-family: Barlow Semi Condensed">
1268-
<h5 class="card-body">COMING SOON!</h5>
1269-
</div>
1270-
</div>
1271-
</div>
1272-
</div>
1273-
</section>
1274-
1275-
<div class="section-divider sponser-color unselectable">
1276-
<img
1277-
src="./img/Sea creatures/S1.png"
1278-
style="
1279-
height: auto;
1280-
position: absolute;
1281-
z-index: 4;
1282-
left: 1%;
1283-
transform: translateY(12%);
1284-
"
1285-
alt="Sea creature"
1286-
id="sea-creatures"
1287-
/>
1288-
<img
1289-
src="./img/Sea creatures/S4.png"
1290-
style="
1291-
height: auto;
1292-
position: absolute;
1293-
z-index: 4;
1294-
right: 1%;
1295-
transform: translateY(25%);
1296-
"
1297-
alt="Sea creature"
1298-
id="sea-creatures"
1299-
/>
1300-
<img
1301-
src="img/section_breaker_blue/W4.webp"
1302-
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
1303-
/>
1304-
</div>
1305-
--><section style="padding-top: 0%;" class="what-we-offer-area section-padding-100-70" id="tracks">
1306-
<div class="container">
1307-
<div class="row">
1308-
<div class="col-12">
1309-
<div class="section-heading-2">
1310-
<h4 class="text-center" style="margin-bottom: 70px; color: black">
1311-
Tracks
1312-
</h4>
1313-
</div>
1314-
</div>
1315-
</div>
1316-
1317-
1318-
<div class="row">
1319-
1320-
1321-
<div class="col-12 col-md-4 col-xl-4">
1322-
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
1323-
<div style="background-image: none;background: none;" class="offer-icon">
1324-
<img src="img/tracks/Fun.png" onerror="this.onerror=null;this.src='img/tracks/ai.png';" alt="Let's Have Fun" width="150" height="150">
1325-
</div>
1326-
<h5>Let's Have Fun</h5>
1327-
<p>
1328-
"Recreate a newer version of any of your Favourite Game or any New Game. Not just games, your project can include any hacks that can make you and your pals have Fun together!"
1329-
</p>
1330-
</div>
1331-
</div>
1332-
<div class="col-12 col-md-4 col-xl-4">
1333-
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
1334-
<div style="background-image: none;background: none;" class="offer-icon">
1335-
<img src="img/tracks/Connect.png" onerror="this.onerror=null;this.src='img/tracks/Connect.png';" alt="Let's Connect" width="150" height="150">
1336-
</div>
1337-
<h5>Let's Connect</h5>
1338-
<p>
1339-
"Getting bored with your Virtual Setup? Find ways of making your Virtual Education, Classrooms, Gatherings or even Work From Home more Interactive and Easy to work with!"
1340-
</p>
1341-
</div>
1342-
</div>
1343-
<div class="col-12 col-md-4 col-xl-4">
1344-
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
1345-
<div style="background-image: none;background: none;" class="offer-icon">
1346-
<img src="img/tracks/Fitness.png" onerror="this.onerror=null;this.src='img/tracks/Fitness.png';" alt="Let's Stay Fit" width="150" height="150">
1347-
</div>
1348-
<h5>Let's Stay Fit</h5>
1349-
<p>
1350-
"Health is Wealth! Especially during these tough times. Design ways of keeping yourself and your loved ones safe by making Healthcare more efficient and easily accessible."
1351-
</p>
1352-
</div>
1353-
</div>
1354-
</div>
1355-
<div class="row">
1356-
<div class="col-12 col-md-4 col-xl-4">
1357-
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
1358-
<div style="background-image: none;background: none;" class="offer-icon">
1359-
<img src="img/tracks/Contactless.png" onerror="this.onerror=null;this.src='img/tracks/Contactless.png';" alt="Let's Go Contactless" width="150" height="150">
1360-
</div>
1361-
<h5>Let's Go Contactless</h5>
1362-
<p>
1363-
"Want to Stay Safe from the Virus 🦠! Going Contactless is the Key. Design a contactless alternative for any activity that requires human interaction!"
1364-
1365-
</p>
1366-
</div>
1367-
</div>
1368-
<div class="col-12 col-md-4 col-xl-4">
1369-
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
1370-
<div style="background-image: none;background: none;" class="offer-icon">
1371-
<img src="img/tracks/Security.png" onerror="this.onerror=null;this.src='img/tracks/Security.png';" alt="Let's Stay Safe" width="150" height="150">
1372-
</div>
1373-
<h5>Let's Stay Safe</h5>
1374-
<p>
1375-
"With the surge in Crime Rates, its better to be “Safe than Sorry”. Come up with hacks of making the Community safe, secure and a better place to live in."
1376-
</p>
1377-
1378-
</div>
1379-
</div>
1380-
<div class="col-12 col-md-4 col-xl-4">
1381-
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
1382-
<div style="background-image: none;background: none;" class="offer-icon">
1383-
<img src="img/tracks/Innovate.png" onerror="this.onerror=null;this.src='img/tracks/Innovate.png';" alt="Let's Innovate" width="150" height="150">
1384-
1385-
</div>
1386-
<h5>Let's Innovate</h5>
1387-
<p>
1388-
"Technology makes your everyday life easy. So put your thinking caps 🧢 on and Innovate!"
1389-
1390-
</p>
1391-
</div>
1392-
</div>
1393-
</div>
1394-
</div>
1395-
</section>
1396-
<!--TRACKS End-->
1397-
<div class="section-divider sponser-color unselectables">
1398-
<img
1399-
src="img/section_breaker_blue/W4.webp"
1400-
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
1401-
/>
1402-
</div>
1403-
1408+
1409+
14041410

14051411
<!--------------------------------------------------------------------------------------------------------------------------->
14061412
<!--FAQ Section-->

0 commit comments

Comments
 (0)