diff --git a/index.html b/index.html index 8a58bd0..52c81b4 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,8 @@ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/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 index bc7de58..cdb8344 100644 --- 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> );