final touches

Author: git-pi-e

index.html

@@ -31,7 +31,7 @@
     <section class="intro" id="home">
         <div class="w3-animate-opacity w3-margin-top" id="intro-div">
         <div class="w3-display-middle" id="intro_container">
-            <h1 class="w3-panel w3-border-white w3-jumbo w3-animate-top w3-center" id="name-div">Hello, I am <strong id="myname">Piyush Mohite</strong></h1>   
+            <h1 class="w3-panel w3-border-yellow w3-jumbo w3-animate-top w3-center" id="name-div">Hello, I am <strong id="myname">Piyush Mohite</strong></h1>   
 
             <p class="section__subtitle--intro w3-large w3-center w3-animate-bottom">Undergraduate at BITS Pilani, Goa Campus</p>
 
@@ -83,12 +83,18 @@ <h3 class="section__subtitle section__subtitle--aboutme">Undergrad student based
     <section class="connect" id="handles">
         <h2 class="section__title section__title--connect">Connect With Me</h2>
         <div class="handles">
-            <a href="mailto:piyush.mohite@outlook.com" class="folder"><div id="link"><i class="fas fa-envelope-square"></i> E-mail</div></a>
-            <a href="https://www.linkedin.com/in/piyush-mohite-2b66421ba/" class="folder"><div id="link"><i class="fab fa-linkedin"></i> LinkedIn</div> </a>
-            <a href="https://twitter.com/PiyushSMohite" class="folder"><div id="link"><i class="fab fa-twitter-square"></i> Twitter</div></a>
-            <a href="https://www.facebook.com/piyush.mohite.902819/?viewas=" class="link"><div id="facebook"><i class="fab fa-facebook-square"></i> Facebook</div></a>
-            <a href="https://www.instagram.com/mohite.py/" class="folder"><div id="link"><i class="fab fa-instagram-square"> Instagram</i></div></a>
-            <a href="https://github.com/git-pi-e" class="folder"><div id="link"><i class="fab fa-github"> GitHub</i></div></a>
+            <a href="mailto:piyush.mohite@outlook.com" class="folder">
+                <div class="link"><i class="fas fa-envelope-square"></i> E-mail</div></a>
+            <a href="https://www.linkedin.com/in/piyush-mohite-2b66421ba/" class="folder">
+                <div class="link"><i class="fab fa-linkedin"></i> LinkedIn</div> </a>
+            <a href="https://twitter.com/PiyushSMohite" class="folder">
+                <div class="link"><i class="fab fa-twitter-square"></i> Twitter</div></a>
+            <a href="https://www.facebook.com/piyush.mohite.902819/?viewas=" class="folder">
+                <div class="link"><i class="fab fa-facebook-square"></i> Facebook</div></a>
+            <a href="https://www.instagram.com/mohite.py/" class="folder">
+                <div class="link"><i class="fab fa-instagram-square"> Instagram</i></div></a>
+            <a href="https://github.com/git-pi-e" class="folder">
+                <div class="link"><i class="fab fa-github"> GitHub</i></div></a>
         </div>
     </section>
 

style.css

@@ -22,7 +22,7 @@
 html{
 
     font-family: 'Quicksand', sans-serif;
-    color:  #f5f0f0;
+    color:  #ffd000;
     background: #272525;
     scroll-behavior: smooth;
     overflow-y: scroll;
@@ -55,6 +55,7 @@ section{
     overflow:hidden;
     background-color: #ffd000;
     color: #272525;
+    z-index: 100000;
 }
 
 #navbar a{
@@ -101,7 +102,7 @@ section{
 /* Intro page */
 #intro-div{
     margin-top: 4em;
-    border-color: #f5f0f0;
+    border-color: #ffd000;
 }
 
 #home {
@@ -255,18 +256,27 @@ section{
 
 .folder{
         border: #ffd000;
+        padding: 20px;
+
 }
 
 .handles{
     justify-content: center;
     display: flex;
     flex-wrap: wrap;
-    padding: 40%;
+    
 
 }
+.link{
+     border: 1px solid #ffd000;
+     padding: 10px;
+     border-radius: 10%;   
+}
 
-
-
+.section__title--connect{
+    color: #ffd000;
+    text-align: center;
+}