Added social media links

PranavBarthwal · Jun 18, 2024 · 3e5f097 · 3e5f097
1 parent 7fcca08
commit 3e5f097
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -12,6 +12,8 @@
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOMTnhhFUM4JT6FG0HkqS2f5nQpAI8PwvE4j1cAJ" crossorigin="anonymous">
+
 </head>
 
 <body>

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import img from '../../assets/logo_white.png';
 
-
 function Footer() {
   const currentYear = new Date().getFullYear();
   return (
@@ -10,7 +9,21 @@ function Footer() {
         <a href="/" className="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
           <img src={img} width="150" alt="Logo" />
         </a>
-        <p className="col-md-4 mb-0 text-light">©️ {currentYear} CosmoXplore India, Inc. All Rights Reserved</p>
+        <p className="col-md-4 mb-0 text-light text-center">©️ {currentYear} CosmoXplore India, Inc. All Rights Reserved</p>
+        <div className="col-md-4 d-flex justify-content-center">
+          <a href="https://www.facebook.com" className="text-light me-4">
+            <i className="fab fa-facebook-f"></i>
+          </a>
+          <a href="https://www.twitter.com" className="text-light me-4">
+            <i className="fab fa-twitter"></i>
+          </a>
+          <a href="https://www.instagram.com" className="text-light me-4">
+            <i className="fab fa-instagram"></i>
+          </a>
+          <a href="https://www.linkedin.com" className="text-light">
+            <i className="fab fa-linkedin-in"></i>
+          </a>
+        </div>
       </footer>
     </div>
   );