Merge pull request #707 from srilekha279/footer-icons

Footer icons
Priyaaa1 · Aug 8, 2024 · 5c0370e · 5c0370e
2 parents e34dffa + 7f75300
commit 5c0370e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/Components/Footer/Footer.css b/src/Components/Footer/Footer.css
@@ -190,7 +190,8 @@
 }
 
 .subscription-message {
-  color: #28a745; /* Green color for success message */
+  font-weight:600;
+  color: #ffff00; 
   margin-top: 10px; /* Space above the message */
 }
 

diff --git a/src/Components/Footer/Footer.jsx b/src/Components/Footer/Footer.jsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import "./Footer.css";
 import logo from "../../assets/logo2.png";
 import { FaGithub, FaLinkedin, FaFacebook, FaTwitter, FaInstagram } from "react-icons/fa";
+import twitterIcon from '../../assets/twitter.png';
 import { NavLink, useNavigate } from "react-router-dom";
 import { scroller } from "react-scroll";
 import Visitors from "../Visitors";
@@ -159,21 +160,22 @@ const Footer = () => {
           </div>
           <div className="footer-2">
             <p className="footer-section-title">Let&rsquo;s Connect</p>
+
             <div className="footer-icons footer-icons-md">
               <a href="https://linkedin.com/yourpage" target="_blank" rel="noreferrer">
-                <FaLinkedin style={{ fontSize: "25px" }} />
+                <FaLinkedin style={{ fontSize: "25px"}} />
               </a>
-              <a href="https://github.com/Priyaaa1/StartConnect-Hub" className="github" target="_blank" rel="noreferrer">
-                <FaGithub />
+              <a href="https://github.com/yourpage" target="_blank" rel="noreferrer">
+                <FaGithub style={{ fontSize: "25px"}} />
               </a>
               <a href="https://facebook.com/yourpage" target="_blank" rel="noreferrer">
-                <FaFacebook style={{ fontSize: "25px" }} />
-              </a>
-              <a href="https://twitter.com/yourpage" target="_blank" rel="noreferrer">
-                <FaTwitter style={{ fontSize: "25px" }} />
+                <FaFacebook style={{ fontSize: "25px"}} />
               </a>
+              <a href="https://x.com/yourpage" target="_blank" rel="noreferrer">
+  <img src={twitterIcon} alt="Twitter" style={{ width: "20px", height: "20px"}} />
+</a>
               <a href="https://instagram.com/yourpage" target="_blank" rel="noreferrer">
-                <FaInstagram style={{ fontSize: "25px" }} />
+                <FaInstagram style={{ fontSize: "25px"}} />
               </a>
             </div>
             <SubscriptionForm />

diff --git a/src/assets/twitter.png b/src/assets/twitter.png