Fix the social media icons opening in the same tab (#11)

Fix the social media icons opening in the same tab

index.html

@@ -91,17 +91,17 @@ <h1 class="contact-heading"  data-aos="zoom-in" data-aos-once="true">
     </div>
     </div>
     <div class="social-media"  data-aos="zoom-in" data-aos-once="true">
-      <a href="https://www.facebook.com/AntonianComputerFraternity">
+      <a href="https://www.facebook.com/AntonianComputerFraternity" target="_blank">
       <div class="icon">
        <i class="fa-brands fa-facebook-f"></i>
       </div>
       </a> 
-      <a href="https://www.instagram.com/antonian_computer_fraternity/">
+      <a href="https://www.instagram.com/antonian_computer_fraternity" target="_blank">
       <div class="icon">
         <i class="fa-brands fa-instagram"></i>
       </div>
     </a>
-    <a href="https://x.com/SACK_ACF" >
+    <a href="https://x.com/SACK_ACF" target="_blank">
       <div class="icon">
         <i class="fa-brands fa-x-twitter"></i>
       </div>
@@ -138,4 +138,4 @@ <h1 class="contact-heading"  data-aos="zoom-in" data-aos-once="true">
 <script type="text/javascript" src="assets/js/particles.js"></script>
 <script type="text/javascript" src="assets/js/app.js"></script>
 </body>
-</html>
+</html>