Added JetBrains as sponsor

Author: aryadas98

images/jetbrains-variant-1.png

@@ -59,9 +59,9 @@
           </a>
           <div class="mdl-layout-spacer"></div>
           <nav class="mdl-navigation mdl-layout--large-screen-only">
-            <a class="mdl-navigation__link nwoc-menu-item" href="index.html#how-it-works">How it works</a>
-            <a class="mdl-navigation__link nwoc-menu-item" href="index.html#timeline">Timeline</a>
-            <a class="mdl-navigation__link nwoc-menu-item" href="index.html#register">Register</a>
+            <a class="mdl-navigation__link nwoc-menu-item" href="#how-it-works">How it works</a>
+            <a class="mdl-navigation__link nwoc-menu-item" href="#timeline">Timeline</a>
+            <a class="mdl-navigation__link nwoc-menu-item" href="#register">Register</a>
             <a class="mdl-navigation__link nwoc-menu-item" href="archive.html">Archive</a>
           </nav>
         </div>
@@ -74,9 +74,9 @@
           </button>
         </div>
         <nav class="mdl-navigation">
-          <a class="mdl-navigation__link nwoc-drawer-item" href="index.html#how-it-works">How it works</a>
-          <a class="mdl-navigation__link nwoc-drawer-item" href="index.html#timeline">Timeline</a>
-          <a class="mdl-navigation__link nwoc-drawer-item" href="index.html#register">Register</a>
+          <a class="mdl-navigation__link nwoc-drawer-item" href="#how-it-works">How it works</a>
+          <a class="mdl-navigation__link nwoc-drawer-item" href="#timeline">Timeline</a>
+          <a class="mdl-navigation__link nwoc-drawer-item" href="#register">Register</a>
           <a class="mdl-navigation__link nwoc-drawer-item" href="archive.html">Archive</a>
         </nav>
       </div>
@@ -89,6 +89,10 @@
               give them real world development experience.
             </p>
           </div>
+          <div class="nwoc-header-sponsors">
+              <p>Sponsored By:</p>
+              <a href="https://www.jetbrains.com/" target="_blank"><img src="images/jetbrains-variant-2-cropped.png"/></a>
+          </div>
         </div>
 
         <div class="nwoc-content">
@@ -212,6 +216,9 @@ <h3>Register</h3>
           <br>
           <p>Make sure to join the <a href="https://gitter.im/NWoC/NWoC2018" target="_blank">Gitter channel</a>.</p>
 
+          <h3>Sponsors</h3>
+          <a href="https://www.jetbrains.com/" target="_blank"><img class="nwoc-current-sponsors" src="images/jetbrains-variant-1.png"/></a>
+
           <h3>Previous projects</h3>
           <p>NWoC 2017 saw a huge participation of more than 200 students from all across the country. 
              <br>

images/jetbrains-variant-2-cropped.png

@@ -109,7 +109,7 @@ h2,h3 {
 .nwoc-landing-header {
   background-image: url("images/winter_back.jpg");
   background-color: #90CAF9;
-  height: 550px;
+  height: 715px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
@@ -134,6 +134,23 @@ h2,h3 {
   text-shadow: 1px 1px 3px black;
 }
 
+.nwoc-header-sponsors{
+  width: 500px;
+  position: absolute;
+  left: calc(50vw - 250px);
+  top: 510px;
+  text-align: center;
+}
+
+.nwoc-header-sponsors p {
+  color: white;
+  text-shadow: 1px 1px 3px black;
+}
+
+.nwoc-header-sponsors img {
+  width: 70px;
+}
+
 .nwoc-content {
     max-width: 750px;
     display: block;
@@ -197,6 +214,10 @@ h2,h3 {
   font-size: 1.2em !important;
 }
 
+.nwoc-current-sponsors {
+  height: 160px;
+}
+
 .nwoc-repo-card {
   margin-bottom: 10px;
   padding: 18px;
@@ -255,7 +276,7 @@ h2,h3 {
 
 @media screen and (max-width: 960px) {
   .nwoc-landing-header {
-    height: 420px;
+    height: 570px;
   }
 
   .nwoc-big-logo{
@@ -271,6 +292,20 @@ h2,h3 {
     font-size: 1.2em !important;
   }
 
+  .nwoc-header-sponsors {
+    top: 410px;
+    width: 300px;
+    left: calc(50vw - 150px);
+  }
+  
+  .nwoc-header-sponsors img {
+    width: 60px;
+  }
+
+  .nwoc-header-sponsors p {
+    font-size: 1em !important;
+  }
+
   .nwoc-content {
       padding: 1px 30px;
   }