Merge pull request #192 from HackInTheNorth/revert-191-revert-190-overlay

Revert "Revert "Overlay""

Author: mubaris

index.html

@@ -64,7 +64,7 @@
             </div>
         </nav>
 
-            <div class="container-fluid" style="padding-bottom: 10%">
+            <div class="container-fluid" style="padding-bottom: 10%;">
                 <div class="row col-md-8 col-md-offset-2">
                     <div id="scene" style="position: relative;">
                     <img src="static/img/gears.gif" class="parallax-width" data-depth="0.1" style="position: relative;">
@@ -87,17 +87,19 @@ <h4>Registration opening soon.</h4>
                 </div>
             </div>
 
-            <section id="about" class="fullpage" style="background-image: linear-gradient(330deg, #4C4491 0%, #FD5C63 100%);">
+            <section id="about" class="fullpage" style="background-image: url(static/img/hint.jpg);background-repeat: no-repeat;background-size: cover;position: relative;color: white;">
+                <div class="fullpage" style="background: rgba(0,0,0,0.6);">
             <div class="container-fluid">
                 <div class="card-panel">
-                    <h1 class="wow fadeInUp text-center" data-wow-delay="0.2s">ABOUT</h1>
+                    <h1 class="wow fadeInUp text-center" data-wow-delay="0.2s" style="font-family: 'Avenir-Medium';">ABOUT</h1>
                     <br>
                     <div class="row">
                     <div class="col-md-12">
-                        <h4 class="wow fadeInUp" data-wow-delay="0.4s" style="line-height: 2em;">Hack In The North is the biggest student-held hackathon in India. Over 300 students from all across India come together at IIIT Allahabad to spend 36 hours building projects that have potential to make life better. We're looking for simple, classy solutions to world problems. We at HINT believe that there exists no limitation on age, and hence we're open for all! Food, travel, somewhere to crash when you run out of energy - it's all on us.
+                        <h4 class="wow fadeInUp" data-wow-delay="0.4s" style="line-height: 2em;font-family: 'Avenir-Medium';">Hack In The North is the biggest student-held hackathon in India. Over 300 students from all across India come together at IIIT Allahabad to spend 36 hours building projects that have potential to make life better. We're looking for simple, classy solutions to world problems. We at HINT believe that there exists no limitation on age, and hence we're open for all! Food, travel, somewhere to crash when you run out of energy - it's all on us.
                         </h4>
                     </div>
             </div>
+            </div>
             </section>
 
 <section id="schedule">
@@ -145,6 +147,7 @@ <h3 class="timeline__title">18th Mar 5:00 PM :- Prize Distribution & Feedback Se
 </section>
 
              <section id="faq" class="fullpage" style="height: auto;">
+                <div class="fullpage" style="background: rgba(0,0,0,0.6);">
                     <div class="contents">
                         <h3>FAQ</h3>
                         <div class="faqcolumn">
@@ -204,6 +207,7 @@ <h3>FAQ</h3>
                             	</div> 
                             </div>
                         </div>
+                        </div>
                     </section>
 <section id="sponsors">
 

static/css/cards.css

@@ -277,7 +277,9 @@ li{
 
 
 #faq {
-  background: linear-gradient(330deg, #4C4491 0%, #FD5C63 100%);
+  background-image: url(../img/collage.jpg);
+  background-size: cover;
+  background-repeat: no-repeat;
   color:#fff;
   margin-bottom: 10vh; }
   #faq .contents {