Skip to content

Commit

Permalink
Merge pull request #28 from thecoding-society/animation
Browse files Browse the repository at this point in the history 
Animation changes
  • Loading branch information
@aviiciii
aviiciii authored Jul 4, 2023
2 parents 7771f01 + d69e521 commit 1bb1f90
Showing 1 changed file with 26 additions and 25 deletions.
51 changes: 26 additions & 25 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,10 +113,10 @@ <h2>About</h2>
</div>

<div class="row">
<div class="col-lg-6 order-1 order-lg-2" data-aos="fade-left">
<div class="col-lg-6 order-1 order-lg-2" >
<img src="img/about.jpg" class="img-fluid" alt="hackathon-img">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 order-2 order-lg-1 content" data-aos="fade-right">
<div class="col-lg-6 pt-4 pt-lg-0 order-2 order-lg-1 content" >
<h3>Welcome, Hackers!</h3>
<br>
<p class="fst-italic about-para">
Expand Down Expand Up @@ -167,7 +167,7 @@ <h4>Blockchain & Web 3:</h4>
</div>
</div>

<div class="col-lg-4 mt-4 mt-lg-0 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="150">
<div class="col-lg-4 mt-4 mt-lg-0 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<span>02</span>
<h4>Artificial Intelligence:</h4>
Expand All @@ -179,7 +179,7 @@ <h4>Artificial Intelligence:</h4>
</div>
</div>

<div class="col-lg-4 mt-4 mt-lg-0 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="col-lg-4 mt-4 mt-lg-0 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="box">
<span>03</span>
<h4>Healthcare:</h4>
Expand All @@ -190,7 +190,7 @@ <h4>Healthcare:</h4>
</div>
</div>

<div class="col-lg-4 mt-lg-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 mt-lg-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="0">
<div class="box">
<span>04</span>
<h4>Social Impact:</h4>
Expand All @@ -202,7 +202,7 @@ <h4>Social Impact:</h4>
</div>
</div>

<div class="col-lg-4 mt-lg-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="250">
<div class="col-lg-4 mt-lg-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="box">
<span>05</span>
<h4>Media and Content Creation:</h4>
Expand All @@ -214,7 +214,7 @@ <h4>Media and Content Creation:</h4>
</div>
</div>

<div class="col-lg-4 mt-lg-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
<div class="col-lg-4 mt-lg-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="box">
<span>06</span>
<h4>Open Track</h4>
Expand Down Expand Up @@ -248,15 +248,15 @@ <h2>Sponsors</h2>
</div>

<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in">
<div class="icon-box">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4><a href="">Sponsor Name</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>

<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="fade-up" data-aos-delay="150">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="50">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="">Sponsor Name</a></h4>
Expand All @@ -265,7 +265,7 @@ <h4><a href="">Sponsor Name</a></h4>
</div>
</div>

<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="300">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4><a href="">Sponsor Name</a></h4>
Expand Down Expand Up @@ -302,7 +302,7 @@ <h4><a href="">Divera don</a></h4>

<!-- ======= Proposal Section ======= -->
<section id="cta" class="cta">
<div class="container" data-aos="zoom-in">
<div class="container">

<div class="text-center">
<h3>Want to sponsor us?</h3>
Expand All @@ -329,7 +329,7 @@ <h2>Prizes</h2>

<!-- First Prize -->
<div class="row">
<div class="" data-aos="fade-up">
<div class="" data-aos="zoom-in-down">
<div class="icon-box" id="prize-box">
<div class="icon"><i class="bi-trophy"></i></div>
<p id="prize-header">Best Hack (1st Place) x 6</p> <br>
Expand Down Expand Up @@ -525,7 +525,7 @@ <h2>Judges & Speakers</h2>
</div>

<div class="row">
<div class="col-lg-4 col-md-4 align-items-stretch" data-aos="zoom-in">
<div class="col-lg-4 col-md-4 align-items-stretch" data-aos="flip-down">
<div class="member">
<img class="imgg" src="img/judges/dummy.png" alt="profilepic">
<h4>Name</h4>
Expand All @@ -541,7 +541,7 @@ <h4>Name</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 align-items-stretch" data-aos="zoom-in">
<div class="col-lg-4 col-md-4 align-items-stretch" data-aos="flip-up" data-aos-delay="200">
<div class="member">
<img class="imgg" src="img/judges/dummy.png" alt="profilepic">
<h4>Name</h4>
Expand All @@ -557,7 +557,7 @@ <h4>Name</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 align-items-stretch" data-aos="zoom-in">
<div class="col-lg-4 col-md-4 align-items-stretch" data-aos="flip-down">
<div class="member">
<img class="imgg" src="img/judges/dummy.png" alt="profilepic">
<h4>Name</h4>
Expand Down Expand Up @@ -599,7 +599,7 @@ <h2>Team</h2>
<img class="imgg" src="img/team/1.jpeg" alt="profilepic">
<h4>Laaveshwaran P</h4>
<span>Event Director</span>
<p>Second Year <br>
<p>Pre-final Year <br>
Department of Computer Science And Business Systems
</p>
<div class="social">
Expand All @@ -617,7 +617,7 @@ <h4>Laaveshwaran P</h4>
<h4>Aswin A S</h4>
<span>Chief of Operations</span>
<p>
Second year <br>
Pre-final year <br>
Department of Computer Science And Business Systems
</p>
<div class="social">
Expand All @@ -644,15 +644,15 @@ <h2>FAQs</h2>

<!-- One block -->
<div class="row">
<div class="col-lg-5 half-width" data-aos="fade-up" >
<div class="col-lg-5 half-width" data-aos="fade-right" >
<div class="icon-box" id="faq-box">
<div class="icon"><i class="bi-question-lg"></i></div>
<p id="faq-question">Is this Hackathon an online event or offline?</p> <br>
<p id="faq-answer">This is an offline event.</p>
</div>
</div>

<div class="col-lg-5 half-width" data-aos="fade-up" >
<div class="col-lg-5 half-width" data-aos="fade-left" >
<div class="icon-box" id="faq-box" >
<div class="icon"><i class="bi-question-lg"></i></div>
<p id="faq-question">Is there any registeration fee?</p> <br>
Expand All @@ -672,14 +672,15 @@ <h2>FAQs</h2>
</div>

<div class="row">
<div class="half-width" data-aos="fade-up">
<div class="half-width" data-aos="fade-right">
<div class="icon-box" id="faq-box">
<div class="icon"><i class="bi-question-lg"></i></div>
<p id="faq-question">Should you stay on campus overnight?</p> <br>
<p id="faq-answer">Yes, we request all hackers to stay on-campus during the entire hackthon to get the optimal experience.</p>
</div>
</div>
<div class="half-width" data-aos="fade-up">

<div class="half-width" data-aos="fade-left">
<div class="icon-box" id="faq-box">
<div class="icon"><i class="bi-question-lg"></i></div>
<p id="faq-question">What are the facilities arranged by the organizers?</p> <br>
Expand All @@ -697,20 +698,20 @@ <h2>FAQs</h2>
<p id="faq-answer">Yes, absolutely we encourage you guys to be diverse and join teams from various backgrounds and collaborate.</p>
</div>
</div>

</div>


<div class="row">
<div class="half-width" data-aos="fade-up">
<div class="half-width" data-aos="fade-right">
<div class="icon-box" id="faq-box">
<div class="icon"><i class="bi-question-lg"></i></div>
<p id="faq-question">What I should bring for the hackathon?</p> <br>
<p id="faq-answer">Bring your Student ID, Laptops, Gadgets or anything else you want to work on.</p>
</div>
</div>

<div class="half-width" data-aos="fade-up">

<div class="half-width" data-aos="fade-left">
<div class="icon-box" id="faq-box">
<div class="icon"><i class="bi-question-lg"></i></div>
<p id="faq-question">Will the hackathon has Wi-fi facilities?</p> <br>
Expand Down Expand Up @@ -748,7 +749,7 @@ <h2>Rules</h2>
</div>

<div class="row">
<div class="" data-aos="fade-up">
<div class="" >
<div class="icon-box" id="rules-box">
<div class="icon"><i class="bi bi-emoji-dizzy"></i></div>
<p id="rule"><b>Team Size:</b> Participants should form teams consisting of four members, complying with any restrictions on team composition set by the organizers</p> <br>
Expand Down

0 comments on commit 1bb1f90

Please sign in to comment.