Replaced with new twitter icon (#441)

fixes #426 I've replaced the old twitter icon with new twitter icon. <br> @HimanshuNarware added the issue no.
HimanshuNarware · Jul 27, 2024 · 8e8a6b9 · 8e8a6b9
2 parents 95e762a + 6c542ba
commit 8e8a6b9
Showing 1 changed file with 13 additions and 45 deletions.
diff --git a/src/Component/Footer.jsx b/src/Component/Footer.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
-import { FaGithub,FaStar } from 'react-icons/fa';
+import { FaGithub, FaLinkedin, FaStar} from 'react-icons/fa';
+import { FaXTwitter } from "react-icons/fa6";
 import favicon from "../image/footer/favicon.png";
 import { AiOutlineInstagram } from "react-icons/ai";
-import { FaXTwitter } from "react-icons/fa6";
 import { FaLinkedinIn } from "react-icons/fa";
 import { FaFacebookF } from "react-icons/fa";
 import { BsYoutube } from "react-icons/bs";
@@ -47,49 +47,17 @@ function Footer() {
             <li><span><a href="https://github.com/HimanshuNarware/CareerZunction_Intern?tab=coc-ov-file#readme">Code of Conduct</a></span></li>
           </ul>
           <h4 className="footer-heading">Get in touch</h4>
-
-          <div className='outerD  gap-4 md:gap-2'>
-        <span className='icons'>
-                <a
-                  href="/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                > <AiOutlineInstagram
-                color="white"
-                fontSize={25}
-                className="ico "
-              /></a></span>
-                <span  className='icons'><a
-                  href="/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <FaXTwitter color="white" fontSize={25} className="ico" />
-
-                </a></span>
-                <span  className='icons'><a
-                  href="/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <FaGithub  className="ico" />
-                </a></span>
-                <span  className='icons'> <a
-                  href="/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <FaLinkedinIn className="ico " />
-                </a></span>
-                <span  className='icons'><a
-                  href="/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <FaFacebookF className="ico " />
-                </a></span> 
-        </div>
-
+          <div className="footer-social-icons">
+            <a href="https://github.com/HimanshuNarware" target="_blank" rel="noopener noreferrer">
+              <FaGithub/>
+            </a>
+            <a href="https://www.linkedin.com/in/HimanshuNarware/" target="_blank" rel="noopener noreferrer">
+              <FaLinkedin/>
+            </a>
+            <a href="https://twitter.com/N_Himanshu_" target="_blank" rel="noopener noreferrer">
+              <FaXTwitter/>
+            </a>
+          </div>
         </div>
         <div className="footer-section">
           <img src={img} id="qr" alt="QR Code" className="footer-qr" />