Merge pull request #149 from Anupam-dagar/master

sponsors
HackInTheNorth · Nov 12, 2017 · ccd4fc8 · ccd4fc8
2 parents f861734 + b00c305
commit ccd4fc8
Show file tree

Hide file tree

Showing 23 changed files with 140 additions and 37 deletions.
diff --git a/main/index.html b/main/index.html
@@ -92,10 +92,10 @@ <h4>Applications are open now.</h4>
 
         <section id="about" class="fullpage" style="background-image: linear-gradient(330deg, #4C4491 0%, #FD5C63 100%);">
             <div class="container-fluid">
-                <div class="card-panel z-depth-5 wow fadeInUp">
+                <div class="card-panel z-depth-5">
                     <div class="row text-center">
                         <h1 class="wow fadeInUp text-center" data-wow-delay="0.2s">ABOUT</h1>
-                        <div class="underline"></div><br>
+                        <br>
                     </div>
                     <div class="row">
                         <div class="col-md-12" style="text-align: justify;">
@@ -105,7 +105,6 @@ <h4 class="wow fadeInUp" data-wow-delay="0.4s" style="line-height: 2em;">Hack In
                         </div>
                     </div>
                 </div>
-            </div>
             <!--<div class="container-fluid">
             <ul class="cards">
   <li class="cards__item wow fadeInUp customflex">
@@ -120,7 +119,6 @@ <h4 class="wow fadeInUp" data-wow-delay="0.4s" style="line-height: 2em;">Hack In
 <div class="card-panel z-depth-5">jknksakd</div>
 </div>-->
 </section>
-
 <section>
   <h2 class="timeline__item timeline__item--year">SCHEDULE</h2>
   <div class="timeline">
@@ -147,7 +145,6 @@ <h3 class="timeline__title">Repellendus nostrum alias odit.</h2>
                         </div>
                     </div>
                 </section>
-
                 <section id="faq" class="fullpage">
                     <div class="contents">
                         <h3>FAQ</h3>
@@ -185,54 +182,96 @@ <h3>FAQ</h3>
                                     <div class="box" id="box5">
                                         <div class="box-inner" id="faq5"> Hack In The North is run by students of IIIT Allahabad.</div></div>
                                     </div>
-                                     <div class="faqelem wow fadeInUp" data-wow-delay="0.2s">
-                                            <div class="question" id="ques6">How to reach IIIT Allahabad?</div>
-                                            <div class="box" id="box6">
-                                                <div class="box-inner" id="faq6"> Allahabad is well connected to all major cities of India by Train. There is also a domestic airport in Allahabad which have daily serice to Delhi. Varansi International Airport is 3 hour drive from Allahabad while Lucknow International Airport is 5 hour away.</div>
-                                            </div>
-                                         </div>
+                                    <div class="faqelem wow fadeInUp" data-wow-delay="0.2s">
+                                        <div class="question" id="ques6">How to reach IIIT Allahabad?</div>
+                                        <div class="box" id="box6">
+                                            <div class="box-inner" id="faq6"> Allahabad is well connected to all major cities of India by Train. There is also a domestic airport in Allahabad which have daily serice to Delhi. Varansi International Airport is 3 hour drive from Allahabad while Lucknow International Airport is 5 hour away.</div>
+                                        </div>
+                                    </div>
                                     <div class="faqelem wow fadeInUp" data-wow-delay="0.4s">
                                         <div class="question" id="ques7">What should I bring?</div>
                                         <div class="box" id="box7">
                                             <div class="box-inner" id="faq7"> Laptop, Charger and Change of clothes. If you want to hack on Arduino, PI, Oculus Rift or any other hardware we recommend you to bring that too if you have one. You won't need food or drinks; we've got you covered there.</div></div>
                                         </div>
 
-                                            <div class="faqelem wow fadeInUp" data-wow-delay="0.6s">
-                                                <div class="question" id="ques8">New Ques 2?</div>
-                                                <div class="box" id="box8">
-                                                    <div class="box-inner" id="faq8"> Hack In The North is run by students of IIIT Allahabad.</div></div>
-                                                </div>
+                                        <div class="faqelem wow fadeInUp" data-wow-delay="0.6s">
+                                            <div class="question" id="ques8">New Ques 2?</div>
+                                            <div class="box" id="box8">
+                                                <div class="box-inner" id="faq8"> Hack In The North is run by students of IIIT Allahabad.</div></div>
                                             </div>
                                         </div>
-                                    </section>
-
-                                    <section id="sponsors">
-                                        <div class="container-fluid">
-                                            <div class="row text-center">
-                                                <h1 class="contact-title">SPONSOR</h1>
+                                    </div>
+                                </section>
+                                <section id="sponsors">
+                                    <div class="container-fluid">
+                                        <div class="row text-center">
+                                            <h1 class="contact-title">SPONSOR</h1>
+                                        </div>
+                                        <br>
+                                        <div class="row">
+                                            <div class="col-md-10 col-md-offset-1 hvr-bounce-in">
+                                                <h4 align="center">Interested in sponsorsing Hack In The North?<br><br> Please see our <a href="#">sponsorship brochure</a> for more details.</h4>
+                                            </div>
+                                        </div>
+                                        <br>
+                                        <div class="row">
+                                            <div class="col-md-6 col-md-offset-3">
+                                                <img class="last-year-spsr" src="static/sponsors/GitHub_Logo.png">
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-2 col-md-offset-3">
+                                                <img class="last-year-spsr" src="static/sponsors/heroku.svg">
+                                            </div>
+                                            <div class="col-md-3 col-md-offset-2" style="margin-top: 5%;">
+                                                <img class="last-year-spsr" src="static/sponsors/topcoder.png">
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-5 custom-margin">
+                                                <img class="last-year-spsr" src="static/sponsors/balsamiq.png">
                                             </div>
-                                            <br>
                                             <div class="row">
-                                                <div class="col-md-10 col-md-offset-1 hvr-bounce-in">
-                                                    <h4 align="center">Interested in sponsorsing Hack In The North?<br><br> Please see our <a href="#">sponsorship brochure</a> for more details.</h4>
+                                                <div class="col-md-5">
+                                                    <img class="last-year-spsr" src="static/sponsors/PSF.png">
                                                 </div>
                                             </div>
-                                            <br>
-                                            <div class="row text-center">
-                                                <h2>Past Sponsors</h2>
-                                                <br>
+                                            <div class="row">
+                                                <div class="custom-col-2 col-md-offset-1">
+                                                    <img class="last-year-spsr" src="static/sponsors/DO.png">
+                                                </div>
+                                                <div class="custom-col-2">
+                                                    <img class="last-year-spsr" src="static/sponsors/hacksociety.png">
+                                                </div>
+                                                <div class="custom-col-2">
+                                                    <img class="last-year-spsr" src="static/sponsors/sticker-mule.svg" style="margin-top: 20%;">
+                                                </div>
+                                                <div class="custom-col-2">
+                                                    <img class="last-year-spsr" src="static/sponsors/jetbrains.png">
+                                                </div>
+                                                <div class="custom-col-2">
+                                                    <img class="last-year-spsr" src="static/sponsors/skillshare.png" style="margin-top: 18%;">
+                                                </div>
                                             </div>
                                             <div class="row">
-                                                <div class="col-md-10 col-md-offset-1">
-                                                    <img class="last-year-spsr" src="static/img/all-last-year.png"/>
+                                                <div class="custom-col-2 col-md-offset-1">
+                                                    <img class="last-year-spsr" src="static/sponsors/codepen.png" style="margin-top: 40%;">
+                                                </div>
+                                                <div class="custom-col-2">
+                                                    <img class="last-year-spsr" src="static/sponsors/wolfram.png" style="margin-top: 40%;">
+                                                </div>
+                                                <div class="custom-col-2">
+                                                    <img class="last-year-spsr" src="static/sponsors/temboo.png" style="margin-top: 30%;">
                                                 </div>
                                             </div>
                                         </div>
-                                    </section>
+                                    </section><br><br><br><br>
+
 
-                                    <section class="fullpage">
+
+                                    <section style="height: 31vh;">
                                         <iframe  frameborder="0" style="border:0;width: 100%;height: 100%;" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJUUSUaMfKmjkRP0z3MaADDB8&key=AIzaSyCXhxhjqpjf9dQjeC7dwC2wirjEjHvQixE" allowfullscreen></iframe>
-                                    </section>
+                                    </section><br>
                                     <section id="contact" >
                                         <div class="container-fluid">
                                             <div class="row text-center">

diff --git a/main/static/css/cards.css b/main/static/css/cards.css
@@ -1,11 +1,25 @@
+.custom-col-2{
+  position: relative;
+  min-height: 1px;
+  padding-left: 40px;
+  padding-right: 40px;
+}
+.custom-margin{
+  margin-left: 13%;
+}
+@media (min-width: 992px) {
+  .custom-col-2{
+    float: left;
+    width: 16.66666667%;
+  }
+}
 .box{
   border: 3px solid #fff;
 }
 
 .box-inner{
   padding: 20px;
 }
-
 .fullpage{
   height: 90vh;
 }
@@ -21,7 +35,7 @@
   transition: box-shadow .25s, -webkit-box-shadow .25s;
   padding: 24px;
   margin: 15vh auto 2rem auto;
-  border-radius: 5px;
+  border-radius:0px;
   background-color: #fff;
   width: 60%;
   height: 50%;

diff --git a/main/static/css/main.css b/main/static/css/main.css
@@ -212,7 +212,14 @@ li{
 #big-hint-logo {
     max-width: 100%;
 }
-
+.parallax{
+    position: relative;
+    top: 0;
+    left: 0;
+}
+.img1{
+    position: relative;
+}
 .landing-container .row {
     /*border: 1px solid black;*/
     margin-top: 2vh;

diff --git a/main/static/img/Mountain.jpg b/main/static/img/Mountain.jpg
diff --git a/main/static/img/Mountain.png b/main/static/img/Mountain.png
diff --git a/main/static/img/gears.gif b/main/static/img/gears.gif
diff --git a/main/static/img/mountain.png b/main/static/img/mountain.png
diff --git a/main/static/img/text.jpg b/main/static/img/text.jpg
diff --git a/main/static/img/text.png b/main/static/img/text.png
diff --git a/main/static/sponsors/DO.png b/main/static/sponsors/DO.png
diff --git a/main/static/sponsors/GitHub_Logo.png b/main/static/sponsors/GitHub_Logo.png
diff --git a/main/static/sponsors/PSF.png b/main/static/sponsors/PSF.png
diff --git a/main/static/sponsors/balsamiq.png b/main/static/sponsors/balsamiq.png
diff --git a/main/static/sponsors/codepen.png b/main/static/sponsors/codepen.png
diff --git a/main/static/sponsors/hacksociety.png b/main/static/sponsors/hacksociety.png
diff --git a/main/static/sponsors/heroku.svg b/main/static/sponsors/heroku.svg
diff --git a/main/static/sponsors/jetbrains.png b/main/static/sponsors/jetbrains.png
diff --git a/main/static/sponsors/jetbrains.svg b/main/static/sponsors/jetbrains.svg
diff --git a/main/static/sponsors/skillshare.png b/main/static/sponsors/skillshare.png