Merge pull request #46 from ashwaniYDV/master

Some ui updates

Author: ashwaniYDV

index.html

@@ -142,11 +142,16 @@ <h3>How it works?</h3>
 						</div>
           </div>
 
-          <h3 id="register">Register</h3>
-          <p>Register as a mentor here: <a href="https://docs.google.com/forms/d/e/1FAIpQLScPfXqrGKDodi8K4Q7Ua5BFlJPzfC_UeKKEx5qC_nHF0yU3EQ/viewform?usp=sf_link">link</a></p>
-          <p>Register as a student here: <a href="https://docs.google.com/forms/d/e/1FAIpQLSdA1dAV8ywtVNenm26nfEXfp07jfLWDxcz8PkQF8hwZGTIHfg/viewform?usp=sf_link">link</a></p>
-          <p>Join our chat channel on Gitter over <a href="https://gitter.im/NJACKWinterOfCode/NWoC2020">here</a>. Follow us on <a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a> for all the latest updates.
-          </p>
+          <h3 id="register">Registration</h3>
+          <div class="mdl-grid nwoc-manuals">
+						<div class="mdl-cell mdl-cell--6-col">
+      				<a href="https://docs.google.com/forms/d/e/1FAIpQLScPfXqrGKDodi8K4Q7Ua5BFlJPzfC_UeKKEx5qC_nHF0yU3EQ/viewform?usp=sf_link" target="_blank" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect">Register as a mentor</a>
+						</div>
+						<div class="mdl-cell mdl-cell--6-col">
+       				<a href="https://docs.google.com/forms/d/e/1FAIpQLSdA1dAV8ywtVNenm26nfEXfp07jfLWDxcz8PkQF8hwZGTIHfg/viewform?usp=sf_link" target="_blank" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect">Register as a student</a>
+						</div>
+          </div>
+          <p>Join our chat channel on Gitter over <a href="https://gitter.im/NJACKWinterOfCode/NWoC2020">here</a>. Follow us on <a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a> for all the latest updates.</p>
 
           <a id="timeline"></a>
           <h3>Timeline</h3>