forked from Daggron/OctaHacks3.0
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f2f9d55
commit 94281fb
Showing
1 changed file
with
41 additions
and
41 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -42,15 +42,15 @@ | |
|
|
||
| <!--ABOUT SECTION STARTS--> | ||
| <section class="aboutsection pt-5"> | ||
| <p class="section-heading font-weight-bold m-5">What is OctaHacks?</p> | ||
| <p class="section-heading font-weight-bold m-5" data-aos="fade-in">What is OctaHacks?</p> | ||
| <center> | ||
| <div class="about-row" data-aos="fade-up"> | ||
| <div class="about-row" data-aos="fade-in"> | ||
| <span class="abouttext"> OctaHacks is the annual flagship event of DSC, Chitkara University, Rajpura, where innovators get an opportunity to merge their creative ideas with their technical skills to build something exemplary. It's a place where your ideas will get acknowledged. | ||
| <br><br> | ||
| OctaHacks is a 30-Hour hackathon that takes place in Chitkara University, Rajpura. With it's third edition,<font style="color:#8847dd;"> OctaHacks 3.0 </font>coming this September, we promise to make it even bigger and better. | ||
| </span> | ||
| <br> <br> | ||
| <p class="count-text m-4"> COUNT EVERY SECOND UNTIL THE HACKATHON</p> | ||
| <p class="count-text m-4" data-aos="fade-in"> COUNT EVERY SECOND UNTIL THE HACKATHON</p> | ||
| </div> | ||
| <div id="timer" data-aos="fade-in"> | ||
| <div id="days"></div> | ||
|
|
@@ -66,36 +66,36 @@ | |
|
|
||
| <!--Timeline Section--> | ||
| <section class="timelinesection pb-5"> | ||
| <p class="section-heading font-weight-bold m-5">Timeline</p> | ||
| <p class="section-heading font-weight-bold m-5" data-aos="fade-in">Timeline</p> | ||
| <div class="timeline mb-5"> | ||
| <div class="timeline-container left"> | ||
| <div class="timeline-container left" data-aos="fade-in"> | ||
| <div class="timeline-content"> | ||
| <h2 data-aos="fade-right">5th August 2020</h2> | ||
| <p data-aos="fade-right">Registrations open and submissions begin.</p> | ||
| <h2>5th August 2020</h2> | ||
| <p>Registrations open and submissions begin.</p> | ||
| </div> | ||
| </div> | ||
| <div class="timeline-container right"> | ||
| <div class="timeline-container right" data-aos="fade-in"> | ||
| <div class="timeline-content"> | ||
| <h2 data-aos="fade-left">28th August 2020</h2> | ||
| <p data-aos="fade-left">Registrations close// Last day to register.</p> | ||
| <h2>28th August 2020</h2> | ||
| <p>Registrations close// Last day to register.</p> | ||
| </div> | ||
| </div> | ||
| <div class="timeline-container left"> | ||
| <div class="timeline-container left" data-aos="fade-in"> | ||
| <div class="timeline-content"> | ||
| <h2 data-aos="fade-right">2nd September 2020</h2> | ||
| <p data-aos="fade-right">Selected contestants receive RSVP email. </p> | ||
| <h2>2nd September 2020</h2> | ||
| <p>Selected contestants receive RSVP email. </p> | ||
| </div> | ||
| </div> | ||
| <div class="timeline-container right"> | ||
| <div class="timeline-container right" data-aos="fade-in"> | ||
| <div class="timeline-content"> | ||
| <h2 data-aos="fade-left">4th September 2020</h2> | ||
| <p data-aos="fade-left">Participants arrive at Chitkara University and hack begins.</p> | ||
| <h2>4th September 2020</h2> | ||
| <p>Participants arrive at Chitkara University and hack begins.</p> | ||
| </div> | ||
| </div> | ||
| <div class="timeline-container left"> | ||
| <div class="timeline-container left" data-aos="fade-in"> | ||
| <div class="timeline-content"> | ||
| <h2 data-aos="fade-right">5th September 2020</h2> | ||
| <p data-aos="fade-right">Declaration of Results.</p> | ||
| <h2>5th September 2020</h2> | ||
| <p>Declaration of Results.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
@@ -107,10 +107,10 @@ <h2 data-aos="fade-right">5th September 2020</h2> | |
|
|
||
| <!-- Tracks Section--> | ||
| <section id="tracks" style="height:auto;"> | ||
| <p class="section-heading font-weight-bold p-5 m-5"> Tracks</p> | ||
| <p class="section-heading font-weight-bold p-5 m-5" data-aos="fade-in"> Tracks</p> | ||
| <center> | ||
| <div class="row" style="width:80vw;"> | ||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/city.png" alt="Card image cap"> | ||
|
|
@@ -126,7 +126,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/security.png" alt="Card image cap"> | ||
|
|
@@ -142,7 +142,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/finance.png" alt="Card image cap"> | ||
|
|
@@ -158,7 +158,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/health.png" alt="Card image cap"> | ||
|
|
@@ -176,7 +176,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
|
|
||
| <div class="row" style="width:80vw;"> | ||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/environment.png" alt="Card image cap"> | ||
|
|
@@ -192,7 +192,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/education.png" alt="Card image cap"> | ||
|
|
@@ -207,7 +207,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/business.png" alt="Card image cap"> | ||
|
|
@@ -223,7 +223,7 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-sm-3"> | ||
| <div class="col-sm-3" data-aos="fade-in"> | ||
| <div class="card text-white"> | ||
| <div class="card-content"> | ||
| <img class="card-img-top" src="assets/Images/tracks/agriculture.png" alt="Card image cap"> | ||
|
|
@@ -243,45 +243,45 @@ <h6 id="description-para" class="card-title small"> | |
| </section> | ||
|
|
||
| <center> | ||
| <img class="collage py-5 my-5" src="assets/Images/collage.png"/> | ||
| <img class="collage py-5 my-5" src="assets/Images/collage.png" data-aos="fade-in"/> | ||
| </center> | ||
|
|
||
| <!--FAQs Section--> | ||
| <section> | ||
| <div class="container p-5"> | ||
| <p class="section-heading font-weight-bold pb-5 mb-4"> F<font style="color: #8847dd;">. </font>A<font style="color: #8847dd;">. </font>Q<font style="color: #8847dd;">.</font></p> | ||
| <p class="section-heading font-weight-bold pb-5 mb-4" data-aos="fade-in"> F<font style="color: #8847dd;">. </font>A<font style="color: #8847dd;">. </font>Q<font style="color: #8847dd;">.</font></p> | ||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <div class="col-sm-6" data-aos="fade-in"> | ||
| <center><img class="responsive pb-3" id="faq" src="assets/Images/faq.png"/></center> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <div class="container"> | ||
| <div class="accordion"> | ||
| <div class="accordion-item"> | ||
| <div class="accordion-item" data-aos="fade-in"> | ||
| <a class="acc">What is the required team size?</a> | ||
| <div class="content"> | ||
| <p>2-5 members.</p> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <div class="accordion-item" data-aos="fade-in"> | ||
| <a class="acc">Can I start working on my hack before the hackathon?</a> | ||
| <div class="content"> | ||
| <p>No. In the interest of fairness, students should not be working on their projects before the hackathon begins. However, you can familiarize yourself with all the tools and technologies you intend to use.</p> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <div class="accordion-item" data-aos="fade-in"> | ||
| <a class="acc">Can the team members be from different colleges?</a> | ||
| <div class="content"> | ||
| <p>Yes, we believe in healthy team spirit which will be ensured if you are allowed to work with the team of your choice.</p> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <div class="accordion-item" data-aos="fade-in"> | ||
| <a class="acc">Can I leave the venue before the event is over?</a> | ||
| <div class="content"> | ||
| <p>You may leave the venue to get some fresh air, however, you are not allowed to leave the campus premises.</p> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <div class="accordion-item" data-aos="fade-in"> | ||
| <a class="acc">Do you provide accommodation?</a> | ||
| <div class="content"> | ||
| <p>Yes, we provide accommodation if any participant requires it. We believe in providing you comfort to make your experience extraordinary.</p> | ||
|
|
@@ -292,15 +292,15 @@ <h6 id="description-para" class="card-title small"> | |
| </div> | ||
| </div> | ||
| </div> | ||
| <center><a href="#" class="code" target="_blank">Code Of Conduct</a></center> | ||
| <center><a href="#" class="code" target="_blank" data-aos="fade-in">Code Of Conduct</a></center> | ||
| </section> | ||
| <script src="assets/scripts/faqs.js"></script> | ||
|
|
||
| <section class="end-section mt-5"> | ||
| <div class="container pt-5 pb-5"> | ||
| <center> | ||
| <div class="row"> | ||
| <div class="col-md-3 mb-4"> | ||
| <div class="col-md-3 mb-4" data-aos="zoom-in"> | ||
| <div class="end-card"> | ||
| <p style="color: #b889f7;">Venue</p> | ||
| <br> | ||
|
|
@@ -310,7 +310,7 @@ <h6 id="description-para" class="card-title small"> | |
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-3 mb-4"> | ||
| <div class="col-md-3 mb-4" data-aos="zoom-in"> | ||
| <div class="end-card"> | ||
| <p style="color: #b889f7;">Connect With Us</p> | ||
| <br> | ||
|
|
@@ -319,7 +319,7 @@ <h6 id="description-para" class="card-title small"> | |
| <br>Yashank <a href="https://www.linkedin.com/in/yashank18" target="_blank" text-decoration="none"><i class="fa fa-linkedin" style="color: rgb(57, 151, 238);" aria-hidden="true"></i></a></p> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-3 mb-4"> | ||
| <div class="col-md-3 mb-4" data-aos="zoom-in"> | ||
| <div class="end-card"> | ||
| <p style="color: #b889f7;">Contact Us</p> | ||
| <br> | ||
|
|
@@ -328,7 +328,7 @@ <h6 id="description-para" class="card-title small"> | |
| <br>[email protected]</p> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-3 mb-4"> | ||
| <div class="col-md-3 mb-4" data-aos="zoom-in"> | ||
| <div class="end-card"> | ||
| <p style="color: #b889f7;">Website Created By</p> | ||
| <br> | ||
|
|
||