Add other programs section on GSoC page

Author: Swapnilr1

gsoc/index.html

@@ -420,11 +420,11 @@ <h4><b>Sahil Arora</b></h4>
 		<div class="container-fluid yearly" id="2017" name="2017">
 		<br>
 			<div class="white centered row">
-				<h1 class="centered">3+1 Selections in 2017</h1>
+				<h1 class="centered">3 Selections in 2017</h1>
 				<hr>
 				<br>
 				<br>
-				<div class="col-lg-3 centered">
+				<div class="col-lg-4 centered">
 					<img class="img img-circle" src="img/people/pinanksolanki.jpg" height="120px" width="120px" alt="Pinank Solanki">
 					<br>
 					<h4><b>Pinank Solanki</b></h4>
@@ -434,7 +434,7 @@ <h4><b>Pinank Solanki</b></h4>
 					<p>METABRAINZ</p>
 				</div><!-- col-lg-3 -->
 
-				<div class="col-lg-3 centered">
+				<div class="col-lg-4 centered">
 					<img class="img img-circle" src="img/people/ayushyadav.jpg" height="120px" width="120px" alt="Ayush Yadav">
 					<br>
 					<h4><b>Ayush Yadav</b></h4>
@@ -444,7 +444,7 @@ <h4><b>Ayush Yadav</b></h4>
 					<p>OPENASTRONOMY</p>
 				</div><!-- col-lg-3 -->
 
-				<div class="col-lg-3 centered">
+				<div class="col-lg-4 centered">
 					<img class="img img-circle" src="img/people/sahilarora.jpg" height="120px" width="120px" alt="Sahil Arora">
 					<br>
 					<h4><b>Sahil Arora</b></h4>
@@ -454,16 +454,6 @@ <h4><b>Sahil Arora</b></h4>
 					<p>THE LINUX FOUNDATION</p>
 				</div><!-- col-lg-3 -->
 
-				<div class="col-lg-3 centered">
-					<img class="img img-circle" src="img/people/samriddhijain.jpg" height="120px" width="120px" alt="Samriddhi Jain">
-					<br>
-					<h4><b>Samriddhi Jain</b></h4>
-					<!--<a href="#" class="icon icon-twitter"></a>-->
-					<a href="https://www.facebook.com/samriddhi.jain.798" class="fab fa-facebook-f social-button"></a>
-					<a href="https://github.com/SamriddhiJain" class="social-button fab fa-github"></a>
-					<p>(OUTREACHY) AOSSIE</p>
-				</div><!-- col-lg-3 -->
-
 			</div><!-- row -->
 		</div><!-- container -->
 
@@ -495,30 +485,47 @@ <h4><b>Swapnil Sharma</b></h4>
 				<div class="col-lg-3 centered"></div>
 			</div>
     </div>
-   <div class="container-fluid yearly" id="contract" name="contract"> 
+   <div class="container-fluid yearly" id="others" name="others"> 
     <div class="white centered row">
-      <h1 class="centered" >Contracts</h1>
+      <h1 class="centered" >Other Programs</h1>
     <hr>
     <br>
     <br>
-    <div class="col-lg-3 centered"></div>
+    <div class="col-lg-3 centered">
+      <img class="img img-circle" src="img/people/samriddhijain.jpg" height="120px" width="120px" alt="Samriddhi Jain">
+      <br>
+      <h4><b>Samriddhi Jain</b></h4>
+      <!--<a href="#" class="icon icon-twitter"></a>-->
+      <a href="https://www.facebook.com/samriddhi.jain.798" class="fab fa-facebook-f social-button"></a>
+      <a href="https://github.com/SamriddhiJain" class="social-button fab fa-github"></a>
+      <p>OUTREACHY 2017 - AOSSIE</p>
+    </div><!-- col-lg-3 -->
+    <div class="col-lg-3 centered">
+      <img class="img img-circle" src="img/people/suryavanshi_virendrasingh.jpg" height="120px" width="120px" alt="Suryavanshi Virendrasingh">
+      <br>
+      <h4><b>Suryavanshi Virendrasingh</b></h4>
+      <!--<a href="#" class="icon icon-twitter"></a>-->
+      <a href="https://www.facebook.com/virendrasingh.suryavanshi.1" class="fab fa-facebook-f social-button"></a>
+      <a href="https://github.com/virendrasuryavanshi" class="social-button fab fa-github"></a>
+      <p>LINUX FOUNDATION CommunityBridge 2019 - CNCF</p>
+    </div>
+    <div class="col-lg-3 centered">
+      <img class="img img-circle" src="img/people/priyanshukhandelwal.jpg" height="120px" width="120px" alt="Priyanshu Khandelwal">
+      <br>
+      <h4><b>Priyanshu Khandelwal</b></h4>
+      <!--<a href="#" class="icon icon-twitter"></a>-->
+      <a href="https://www.facebook.com/priyanshu.khandelwal.35" class="fab fa-facebook-f social-button"></a>
+      <a href="https://github.com/Masquerade0097" class="social-button fab fa-github"></a>
+      <p>LINUX FOUNDATION CommunityBridge 2019 - CNCF</p>
+    </div>
     <div class="col-lg-3 centered">
       <img class="img img-circle" src="img/people/kartikkathuria.jpeg" height="120px" width="120px" alt="Kartik Kathuria">
       <br>
       <h4><b>Kartik Kathuria</b></h4>
       <!--<a href="#" class="icon icon-twitter"></a>-->
       <a href="https://www.facebook.com/kartik.kathuria.146" class="fab fa-facebook-f social-button"></a>
       <a href="https://github.com/kartik1000" class="social-button fab fa-github"></a>
-      <p>PHPMYADMIN(2019)</p>
-    </div>
-    <div class="col-lg-3 centered">
-        <img class="img img-circle" src="img/people/suryavanshi_virendrasingh.jpg" height="120px" width="120px" alt="Suryavanshi Virendrasingh">
-        <br>
-        <h4><b>Suryavanshi Virendrasingh</b></h4>
-        <!--<a href="#" class="icon icon-twitter"></a>-->
-        <a href="https://www.facebook.com/virendrasingh.suryavanshi.1" class="fab fa-facebook-f social-button"></a>
-        <a href="https://github.com/virendrasuryavanshi" class="social-button fab fa-github"></a>
-        <p>CNCF(2019)</p>
+      <p>CONTRACT-PHPMYADMIN(2019)</p>
     </div>
     <div class="col-lg-3 centered"></div>
     </div><!-- col-lg-3 -->