Skip to content

Commit 5c6bb2f

Browse files
Added tracks
1 parent 4e198d4 commit 5c6bb2f

1 file changed

Lines changed: 100 additions & 98 deletions

File tree

index.html

Lines changed: 100 additions & 98 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="
@@ -378,18 +378,21 @@ <h4 class="text-center" style="margin-bottom: 70px; color: black">
378378
<div class="row">
379379

380380
<div class="col-12 col-md-3 col-lg-4">
381-
<div class="prize-wrapper">
381+
382+
<div class="prize-wrapper" >
382383
<div class="prize-card prize-card-size">
383384
<input type="checkbox" id="card1" class="more" aria-hidden="true">
384385
<div class="prize-content">
385-
<div class="front">
386+
<div class="front" >
386387
<div class="inner">
387388
<h6 class="ticket-plan" style="background-color: gold !important">1st Prize</h6>
388-
<div class="ticket-icon">
389+
<div class="ticket-icon" style="padding-bottom:20px !important;padding-top:20px !important">
389390
<img src="img/Gold.png" alt="1st Prize">
390391
</div>
391392
<div>
392-
<h2 class="ticket-price" style="font-size: 1.4em !important;">Coming Soon!</h2>
393+
<h2 class="ticket-price" style="font-size: 2.2em !important;">
394+
<span></span>50,000
395+
</h2>
393396
</div>
394397

395398
<!--label for="card1" class="prize-button" aria-hidden="true">
@@ -422,19 +425,20 @@ <h2 class="ticket-price" style="font-size: 1.4em !important;">Coming Soon!</h2>
422425

423426
</div>
424427

425-
<div class="col-12 col-md-3 col-lg-4">
426-
<div class="prize-wrapper">
428+
<div class="col-12 col-md-3 col-lg-4 order-md-first">
429+
<div class="prize-wrapper prize-step">
427430
<div class="prize-card prize-card-size">
428431
<input type="checkbox" id="card2" class="more" aria-hidden="true">
429432
<div class="prize-content">
430-
<div class="front">
433+
<div class="front" >
431434
<div class="inner">
432435
<h6 class="ticket-plan" style="background-color: #C0C0C0 !important">2nd Prize</h6>
433-
<div class="ticket-icon">
436+
<div class="ticket-icon" style="padding-bottom:20px !important;padding-top:20px !important">
434437
<img src="img/Silver.png" alt="2nd Prize">
435438
</div>
436439
<div>
437-
<h2 class="ticket-price" style="font-size: 1.4em !important;">Coming Soon!</h2>
440+
<h2 class="ticket-price" style="font-size: 2.2em !important; ">
441+
<span></span>35,000</h2>
438442
</div>
439443

440444
<!-- <label for="card2" class="prize-button" aria-hidden="true">
@@ -461,19 +465,20 @@ <h2 class="ticket-price" style="font-size: 1.4em !important;">Coming Soon!</h2>
461465
</div>
462466
</div>
463467

464-
<div class="col-12 col-md-3 col-lg-4">
465-
<div class="prize-wrapper">
468+
<!--style="background: linear-gradient(0deg, #5588cc , white) !important;"-->
469+
<div class="col-12 col-md-3 col-lg-4 order-md-last">
470+
<div class="prize-wrapper prize-step">
466471
<div class="prize-card prize-card-size">
467472
<input type="checkbox" id="card3" class="more" aria-hidden="true">
468473
<div class="prize-content">
469-
<div class="front">
474+
<div class="front" >
470475
<div class="inner">
471476
<h6 class="ticket-plan" style="background-color: #CD7F32 !important">3rd Prize</h6>
472-
<div class="ticket-icon">
477+
<div class="ticket-icon" style="padding-bottom:20px !important;padding-top:20px !important">
473478
<img src="img/Bronze.png" alt="#rd Prize">
474479
</div>
475480
<div>
476-
<h2 class="ticket-price" style="font-size: 1.4em !important;">Coming Soon!</h2>
481+
<h2 class="ticket-price" style="font-size: 2.2em !important;"><span></span>25,000</h2>
477482
</div>
478483

479484
<!-- <label for="card3" class="prize-button" aria-hidden="true">
@@ -567,7 +572,7 @@ <h2 class="api-price" style="color:black !important;">Life Time Membership</h2>
567572
<div class="prize-card api-card-size">
568573
<input type="checkbox" id="card5" class="more" aria-hidden="true">
569574
<div class="prize-content">
570-
<div class="front" style="background: linear-gradient(180deg, #8e81b7 , white) !important;">
575+
<div class="front" style="background: linear-gradient(180deg, rgb(0, 215, 253), rgb(219, 247, 252)) !important;">
571576
<div class="inner">
572577
<h6 class="api-plan" >Matic</h6>
573578
<div class="api-icon">
@@ -614,7 +619,7 @@ <h2 class="ticket-price" style="color:black !important"><span>₹</span>15,000</
614619
<div class="prize-card api-card-size">
615620
<input type="checkbox" id="card6" class="more" aria-hidden="true">
616621
<div class="prize-content">
617-
<div class="front" style="background: linear-gradient(180deg, #8e81b7 , white) !important;">
622+
<div class="front" style="background: linear-gradient(180deg, rgb(0, 215, 253), rgb(219, 247, 252)) !important;">
618623
<div class="inner">
619624
<h6 class="api-plan">Portis</h6>
620625
<div class="api-icon">
@@ -655,12 +660,12 @@ <h2 class="ticket-price" style="color:black !important"><span>₹</span>15,000</
655660
<div class="prize-card api-card-size">
656661
<input type="checkbox" id="card7" class="more" aria-hidden="true">
657662
<div class="prize-content">
658-
<div class="front" style="background: linear-gradient(180deg, #8e81b7 , white) !important;">
663+
<div class="front" style="background: linear-gradient(180deg, rgb(0, 215, 253), rgb(219, 247, 252)) !important;">
659664
<div class="inner">
660665
<h6 class="api-plan">Tezos</h6>
661666
<div class="api-icon">
662667
<img style="width:200px; height:auto; margin-bottom:25px; margin-top:35px"
663-
src="img/sponsors-img/Tezos_Logo-White.png" alt="Tezos">
668+
src="img/sponsors-img/Tezos_Logo-Colored.png" alt="Tezos">
664669
</div>
665670
<div>
666671
<h2 class="ticket-price" style="color:black !important">
@@ -699,7 +704,7 @@ <h2 class="ticket-price" style="color:black !important">
699704
<div class="prize-card api-card-size">
700705
<input type="checkbox" id="card4" class="more" aria-hidden="true">
701706
<div class="prize-content">
702-
<div class="front" style="background: linear-gradient(180deg, #8e81b7 , white) !important;">
707+
<div class="front" style="background: linear-gradient(180deg, rgb(0, 215, 253), rgb(219, 247, 252)) !important;" >
703708
<div class="inner">
704709
<h6 class="api-plan">echoAR</h6>
705710
<div class="api-icon">
@@ -743,10 +748,10 @@ <h2 class="ticket-price" style="color:black !important">
743748

744749
</div>
745750
</section>
751+
746752

747-
748-
<!--Section Breaker Stat/Sponsors-->
749-
<div class="section-divide unselectable tracks-color ">
753+
<!--Section Breaker Prizes/Sponsors-->
754+
<div class="section-divider tracks-color unselectable">
750755
<img
751756
src="./img/Sea creatures/S1.png"
752757
style="
@@ -777,74 +782,7 @@ <h2 class="ticket-price" style="color:black !important">
777782
/>
778783
</div>
779784

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-
817-
<div class="section-divider sponser-color unselectable">
818-
<img
819-
src="./img/Sea creatures/S1.png"
820-
style="
821-
height: auto;
822-
position: absolute;
823-
z-index: 4;
824-
left: 1%;
825-
transform: translateY(12%);
826-
"
827-
alt="Sea creature"
828-
id="sea-creatures"
829-
/>
830-
<img
831-
src="./img/Sea creatures/S4.png"
832-
style="
833-
height: auto;
834-
position: absolute;
835-
z-index: 4;
836-
right: 1%;
837-
transform: translateY(25%);
838-
"
839-
alt="Sea creature"
840-
id="sea-creatures"
841-
/>
842-
<img
843-
src="img/section_breaker_blue/W4.webp"
844-
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
845-
/>
846-
</div>
847-
--><section style="padding-top: 0%;" class="what-we-offer-area section-padding-100-70" id="tracks">
785+
<section style="padding-top: 0%;" class="what-we-offer-area section-padding-100-70" id="tracks">
848786
<div class="container">
849787
<div class="row">
850788
<div class="col-12">
@@ -943,8 +881,6 @@ <h5>Let's Innovate</h5>
943881
/>
944882
</div>
945883

946-
947-
948884

949885
<!--------------------------------------------------------------------------------------------------------------------------->
950886
<!--Sponsors-->
@@ -1394,19 +1330,85 @@ <h5 style="display: flex; justify-content: center">
13941330
</section>
13951331

13961332
<!--sponser ended-->
1397-
<!--section breaker between sponser and faq-->
1398-
<div class="section-divider unselectable" style="background-color: #0ca49c">
1333+
<!--section breaker between sponser and faq-->
1334+
<div class="section-divider faq-color unselectable">
13991335
<img
14001336
src="img/section_breaker_blue/W7.webp"
14011337
onerror="this.onerror=null;this.src='img/section_breaker_blue/W7.png';"
14021338
/>
14031339
</div>
14041340

14051341

1406-
14071342
<!--------------------------------------------------------------------------------------------------------------------------->
1408-
1409-
1343+
<!-- Tracks -->
1344+
<!--
1345+
<section id="tracks" class="part-3">
1346+
<div class="container">
1347+
<div class="row">
1348+
<div class="col-12 col-md-12">
1349+
<div class="section-heading-2">
1350+
<h4 class="text-center" style="margin-bottom: 70px; color: black">
1351+
Tracks
1352+
</h4>
1353+
</div>
1354+
</div>
1355+
</div>
1356+
<div
1357+
style="
1358+
display: flex;
1359+
align-items: center;
1360+
justify-content: space-evenly;
1361+
flex-wrap: wrap;
1362+
"
1363+
>
1364+
<img style="width: 40vh" src="./img/Sea creatures/S5.png" alt="pic" />
1365+
<div
1366+
class="card text-center text-white bg-primary"
1367+
style="
1368+
width: 18rem;
1369+
height: 7rem;
1370+
background-color: rgba(0, 0, 0, 0);
1371+
"
1372+
>
1373+
<div class="card-body" style="font-family: Barlow Semi Condensed">
1374+
<h5 class="card-body">COMING SOON!</h5>
1375+
</div>
1376+
</div>
1377+
</div>
1378+
</div>
1379+
</section>
1380+
1381+
<div class="section-divider sponser-color unselectable">
1382+
<img
1383+
src="./img/Sea creatures/S1.png"
1384+
style="
1385+
height: auto;
1386+
position: absolute;
1387+
z-index: 4;
1388+
left: 1%;
1389+
transform: translateY(12%);
1390+
"
1391+
alt="Sea creature"
1392+
id="sea-creatures"
1393+
/>
1394+
<img
1395+
src="./img/Sea creatures/S4.png"
1396+
style="
1397+
height: auto;
1398+
position: absolute;
1399+
z-index: 4;
1400+
right: 1%;
1401+
transform: translateY(25%);
1402+
"
1403+
alt="Sea creature"
1404+
id="sea-creatures"
1405+
/>
1406+
<img
1407+
src="img/section_breaker_blue/W4.webp"
1408+
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
1409+
/>
1410+
</div>
1411+
-->
14101412

14111413
<!--------------------------------------------------------------------------------------------------------------------------->
14121414
<!--FAQ Section-->

0 commit comments

Comments
 (0)