codepeak update

Author: aritroCoder

index.html

@@ -111,18 +111,18 @@
     <main class="mdl-layout__content">
       <div class="nwoc-landing-header">
         <img class="nwoc-big-logo js-tilt" data-tilt src="./images/nwoc-logo.png" />
-        <div class="nwoc-slogan">
+        <!-- <div class="nwoc-slogan">
           <p>NWoC (NJACK Winter of Code) is a program by NJACK (The Official Computer Science Club of IIT Patna) that
             helps students understand the paradigm of Open Source contribution and gives them real world software
             development experience.
-          <!-- <div id="demo-snackbar-example" class="mdl-js-snackbar mdl-snackbar">
+          <div id="demo-snackbar-example" class="mdl-js-snackbar mdl-snackbar">
             <a href="https://docs.google.com/forms/d/e/1FAIpQLSdA1dAV8ywtVNenm26nfEXfp07jfLWDxcz8PkQF8hwZGTIHfg/viewform?usp=sf_link"
               target="_blank" class="mdl-snackbar__text" style="text-decoration: none;"></a>
             <button class="mdl-snackbar__action" type="button"></button>
-          </div> -->
+          </div>
           </p>
-        </div>
-        <p style="text-align: center; color: white; padding-top: 30px; font-weight: 900; text-shadow: 1px 1px 3px black;">NWoC has officially become CodePeak! Visit the website of CodePeak here: <a style="text-decoration: underline; color: white" href="https://www.codepeak.tech/" target="_blank">https://www.codepeak.tech/</a> </p>
+        </div> -->
+        <p style="text-align: center; color: white; padding-top: 60px; font-weight: 900; text-shadow: 1px 1px 3px black;">NWoC has officially become CodePeak! Visit the website of CodePeak here: <a style="text-decoration: underline; color: white" href="https://www.codepeak.tech/" target="_blank">https://www.codepeak.tech/</a> </p>
         <!-- <div class="nwoc-header-sponsors">
           <br>
           <br>
@@ -146,7 +146,10 @@ <h3>About</h3>
           Google Summer of Code, Outreachy etc.
         </p>
 
-        <a id="how-it-works"></a>
+        <h3>History</h3>
+        <p>NWoC (NJACK Winter of Code) is a program by NJACK (The Official Computer Science Club of IIT Patna) that helps students understand the paradigm of Open Source contribution and gives them real world software development experience. </p>
+
+        <!-- <a id="how-it-works"></a>
         <h3>How it works?</h3>
         <p data-animate-scroll='{"rotationY":"0", "alpha": "0", "duration": "1.2","scaleX": "0","scaleY": "0"}'>Participants can apply for the program either as a student or as a mentor. Mentors are selected through a
           selection process. The selected mentors propose projects, the best of which are chosen to be included in the
@@ -303,25 +306,25 @@ <h3>NWoC is sponsored by</h3>
         <!-- <a href="https://www.digitalocean.com/" target="_blank"><img class="nwoc-current-sponsors" src="./images/DO_Logo_Vertical_Blue.png"/></a> -->
 
 
-        <div class="sectiontitle">
+        <!-- <div class="sectiontitle">
           <h3 style="text-align: left">NWoC 2019 Statistics</h3>
-        </div>
-        <div id="projectFacts" class="sectionClass">
+        </div> -->
+        <!-- <div id="projectFacts" class="sectionClass">
           <div class="fullWidth eight columns">
             <div class="projectFactsWrap ">
 
               <div class="item wow fadeInUpBig animated animated" data-number="40" style="visibility: visible;">
-                <img src="./images/repository.png" alt="" height="50" style="padding: 0; margin: 0;">
+                <img src="./images/repository.png" alt="" height="50" style="padding: 0; margin: 0;"> -->
                 <!--<i class="fa fa-code"></i>-->
-                <br>
+                <!-- <br>
                 <br>
                 <p id="number1" class="number">40+</p>
 
                 <p>Projects done</p>
               </div>
-              <div class="item wow fadeInUpBig animated animated" data-number="1000" style="visibility: visible;">
+              <div class="item wow fadeInUpBig animated animated" data-number="1000" style="visibility: visible;"> -->
                 <!--<img src="./images/developer 2.png" alt="" width="45" style="padding: 0; margin: 0;">-->
-                <i class="fa fa-github"></i>
+                <!-- <i class="fa fa-github"></i>
                 <br>
                 <br>
                 <p id="number2" class="number">1000+</p>
@@ -346,12 +349,12 @@ <h3 style="text-align: left">NWoC 2019 Statistics</h3>
               </div>
             </div>
           </div>
-        </div>
+        </div> -->
 
-        <h3>Projects</h3>
+        <!-- <h3>Projects</h3>
         <p>NWoC 2019 had over 40 projects to work upon. We had projects ranging from Web, App Development to Blockchain
           and Machine Learning. For the complete list of projects in NWoC 2019, please visit the <a
-            href="/projects.html">Projects</a> page.</p>
+            href="/projects.html">Projects</a> page.</p> --> 
 
         <h3>Previous edition sponsored by</h3>
         <a href="https://www.github.com/" target="_blank"><img class="nwoc-current-sponsors"

style.css

@@ -154,7 +154,7 @@ a {
 .nwoc-landing-header {
   background-image: url("./images/winter_back_enhanced_colors_moderate.jpg");
   background-color: #90CAF9;
-  height: 715px;
+  height: 515px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
@@ -164,7 +164,7 @@ a {
   position: absolute;
   width: 400px;
   left: calc(50vw - 200px);
-  top: 75px;
+  top: 155px;
 }
 
 .nwoc-slogan p {