Merge pull request #47 from kamalesh-og/socialmedia

done

index.html

@@ -158,16 +158,15 @@ <h4>About Us</h4>
         <p>Welcome to our university, where academic excellence meets vibrant campus life. Join our <br>
             diverse community of learners and discover endless opportunities for growth, innovation, and success.</p>
         <div class="icons">
-        <a style="padding: 10px;" href=""> <i class="fa-brands fa-facebook"></i></a> 
-        <a style="padding: 10px;" href=""> <i class="fa-brands fa-twitter"></i></a> 
-        <a style="padding: 10px;" href=""><i class="fa-brands fa-instagram"></i></a>  
-        <a style="padding: 10px;" href=""> <i class="fa-brands fa-linkedin"></i></a> 
+            <a style="margin: 2px; color: blue;" href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a> 
+            <a style="margin: 2px; color: #1DA1F2;" href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a> 
+            <a style="margin: 2px; color: #C13584;" href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>  
+            <a style="margin: 2px; color: #0077B5;" href="https://www.linkedin.com/"><i class="fa-brands fa-linkedin"></i></a> 
         </div>
         <p>made with <i class="fa-regular fa-heart"></i> By Juhi
         </p>
     </section>
 
-
     <!-- javascript for toggle menu -->
     <script>
         var navLinks = document.getElementById("navLinks");