Skip to content

Tracks #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vsushruth merged 7 commits into from
Feb 8, 2021
Merged

Tracks #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
83b992b
Tracks added
Nishthakumari Feb 4, 2021
1c0c470
Added tracks's css
Nishthakumari Feb 4, 2021
933976a
Added tracks image
Nishthakumari Feb 4, 2021
e1a6ed7
Added tracks
Nishthakumari Feb 5, 2021
4e198d4
Added tracks css
Nishthakumari Feb 5, 2021
5c6bb2f
Added tracks
Nishthakumari Feb 5, 2021
77c6b75
Merge branch 'main' into Tracks
Nishthakumari Feb 5, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
79 changes: 77 additions & 2 deletions css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -197,6 +197,10 @@ body {
.footer-color {
background-color: #02867b;
}
.tracks-color
{
background-color: #2cecdc;
}
.unselectable {
user-select: none;
}
Expand Down Expand Up @@ -716,7 +720,7 @@ body {

#faq {
padding-top: 40px;
background-image: linear-gradient(180deg, #23bef9 0%, #02867b 100%);
background-image: linear-gradient(180deg, #047cb4 0%, #02867b 100%);
}

.section-header-faq {
Expand Down Expand Up @@ -877,7 +881,7 @@ a:hover {
}

#tracks {
background-image: linear-gradient(180deg, #057eb0 0%, #2ceedd 100%);
background-image: linear-gradient(180deg, #24bcfc 0%, #2ceedd 100%);
padding: 70px 30px 70px 30px;
}

Expand Down Expand Up @@ -1005,4 +1009,75 @@ a:hover {
}
}


/*Track section css*/

/* :: About Single Page CSS */
.single-we-offer-content {
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 8px 27px 0px rgba(90, 111, 120, 0.15);
box-shadow: 0px 8px 27px 0px rgba(90, 111, 120, 0.15);
border-radius: 10px;
padding: 30px 25px;
margin-bottom: 30px;
overflow: hidden; }
.single-we-offer-content .offer-icon {
position: relative;
z-index: 1;
margin: auto;
height: 115px;
width: 115px;
background: #42dfa3;
background-image: -moz-linear-gradient(120deg, #42dfa3 0%, #505add 100%);
background-image: -webkit-linear-gradient(120deg, #42dfa3 0%, #505add 100%);
background-image: -ms-linear-gradient(120deg, #42dfa3 0%, #505add 100%);
border-radius: 50%;
line-height: 115px; }
.single-we-offer-content .offer-icon::after {
-webkit-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
border-radius: 50%;
content: '';
position: absolute;
width: 0%;
height: 0%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #42dfa3;
background-image: -moz-linear-gradient(120deg, #42dfa3 0%, #505add 100%);
background-image: -webkit-linear-gradient(120deg, #42dfa3 0%, #505add 100%);
background-image: -ms-linear-gradient(120deg, #42dfa3 0%, #505add 100%);
z-index: -10; }
.single-we-offer-content h5 {
-webkit-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
font-size: 22px;
color: #111343;
margin-top: 25px;
position: relative;
z-index: 2; }
.single-we-offer-content p {
-webkit-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
color: #5d5e8d;
margin-bottom: 0;
position: relative;
z-index: 2; }
.single-we-offer-content:hover {transform: scale(1.08);}
.single-we-offer-content:hover h5,
.single-we-offer-content:hover p, .single-we-offer-content:focus h5,
.single-we-offer-content:focus p {
color: #ffffff; }
.single-we-offer-content:hover .offer-icon::after, .single-we-offer-content:focus .offer-icon::after {
width: 800%;
height: 800%; }


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
Binary file added img/tracks/Connect.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/tracks/Contactless.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/tracks/Fitness.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/tracks/Fun.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/tracks/Innovate.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/tracks/Security.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
107 changes: 105 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -751,7 +751,9 @@ <h2 class="ticket-price" style="color:black !important">


<!--Section Breaker Prizes/Sponsors-->
<div class="section-divider sponser-color unselectable">

<div class="section-divider tracks-color unselectable">

<img
src="./img/Sea creatures/S1.png"
style="
Expand Down Expand Up @@ -782,6 +784,106 @@ <h2 class="ticket-price" style="color:black !important">
/>
</div>

<section style="padding-top: 0%;" class="what-we-offer-area section-padding-100-70" id="tracks">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading-2">
<h4 class="text-center" style="margin-bottom: 70px; color: black">
Tracks
</h4>
</div>
</div>
</div>


<div class="row">


<div class="col-12 col-md-4 col-xl-4">
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
<div style="background-image: none;background: none;" class="offer-icon">
<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">
</div>
<h5>Let's Have Fun</h5>
<p>
"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!"
</p>
</div>
</div>
<div class="col-12 col-md-4 col-xl-4">
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
<div style="background-image: none;background: none;" class="offer-icon">
<img src="img/tracks/Connect.png" onerror="this.onerror=null;this.src='img/tracks/Connect.png';" alt="Let's Connect" width="150" height="150">
</div>
<h5>Let's Connect</h5>
<p>
"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!"
</p>
</div>
</div>
<div class="col-12 col-md-4 col-xl-4">
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
<div style="background-image: none;background: none;" class="offer-icon">
<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">
</div>
<h5>Let's Stay Fit</h5>
<p>
"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."
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 col-xl-4">
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
<div style="background-image: none;background: none;" class="offer-icon">
<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">
</div>
<h5>Let's Go Contactless</h5>
<p>
"Want to Stay Safe from the Virus 🦠! Going Contactless is the Key. Design a contactless alternative for any activity that requires human interaction!"

</p>
</div>
</div>
<div class="col-12 col-md-4 col-xl-4">
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
<div style="background-image: none;background: none;" class="offer-icon">
<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">
</div>
<h5>Let's Stay Safe</h5>
<p>
"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."
</p>

</div>
</div>
<div class="col-12 col-md-4 col-xl-4">
<div class="single-we-offer-content text-center wow fadeInUp" data-wow-delay="0.3s">
<div style="background-image: none;background: none;" class="offer-icon">
<img src="img/tracks/Innovate.png" onerror="this.onerror=null;this.src='img/tracks/Innovate.png';" alt="Let's Innovate" width="150" height="150">

</div>
<h5>Let's Innovate</h5>
<p>
"Technology makes your everyday life easy. So put your thinking caps 🧢 on and Innovate!"

</p>
</div>
</div>
</div>
</div>
</section>
<!--TRACKS End-->
<div class="section-divider sponser-color unselectables">
<img
src="img/section_breaker_blue/W4.webp"
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
/>
</div>


<!--------------------------------------------------------------------------------------------------------------------------->
<!--Sponsors-->
<section id="sponsors" class="our-sponsor-client-area section-padding-100">
Expand Down Expand Up @@ -1241,6 +1343,7 @@ <h5 style="display: flex; justify-content: center">

<!--------------------------------------------------------------------------------------------------------------------------->
<!-- Tracks -->
<!--
<section id="tracks" class="part-3">
<div class="container">
<div class="row">
Expand Down Expand Up @@ -1307,7 +1410,7 @@ <h5 class="card-body">COMING SOON!</h5>
onerror="this.onerror=null;this.src='img/section_breaker_blue/W4.png';"
/>
</div>

-->

<!--------------------------------------------------------------------------------------------------------------------------->
<!--FAQ Section-->
Expand Down