change

ankit071105 · Oct 31, 2024 · a482f5a · a482f5a
1 parent 63b52af
commit a482f5a
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 33 deletions.
diff --git a/about.html b/about.html
@@ -19,6 +19,9 @@
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="index.css">
     <link rel="stylesheet" href="why-us.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
+
     <script src="chatbot.js"></script>
     <style>
         .nav-container{
@@ -488,13 +491,12 @@ <h1>About Us 🚀</h1>
             <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
             <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
             <div class="social-icons">
-<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-<a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
-<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-
-            </div>
+              <a href="#"><i class="fa-brands fa-facebook"></i></a>
+              <a href="#"><i class="fa-brands fa-instagram"></i></a>
+              <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+              <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+              <a href="#"><i class="fa-brands fa-youtube"></i></a>
+          </div>
           </div>
 
 

diff --git a/buy.html b/buy.html
@@ -679,12 +679,12 @@ <h3>${type === 'bus' ? ticket.busName : 'Train Number: ' + ticket.trainNumber}</
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <!-- Social Media Icons -->
           <div class="social-icons">
-            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-              <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
-              <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-              <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-          </div>
+            <a href="#"><i class="fa-brands fa-facebook"></i></a>
+            <a href="#"><i class="fa-brands fa-instagram"></i></a>
+            <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+            <a href="#"><i class="fa-brands fa-youtube"></i></a>
+        </div>
         </div>
 
         <!-- Links Sections -->

diff --git a/contactus.html b/contactus.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us - Trainline</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
+
     <style>
         /* Basic Reset */
         * {
@@ -370,12 +373,12 @@ <h2>Contact Us</h2>
         <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
         <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
         <div class="social-icons">
-            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-            <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-            <a href="https://www.twitter.com"><i class="fa-brands fa-x-twitter"></i></a>
-            <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-            <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-        </div>
+          <a href="#"><i class="fa-brands fa-facebook"></i></a>
+          <a href="#"><i class="fa-brands fa-instagram"></i></a>
+          <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+          <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+          <a href="#"><i class="fa-brands fa-youtube"></i></a>
+      </div>
     </div>
 
     <div class="footer-links">

diff --git a/contributor.html b/contributor.html
@@ -340,12 +340,12 @@ <h2>Meet Our Contributors</h2>
         <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
 
         <div class="social-icons">
-          <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-          <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-          <a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
-          <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-          <a href="#"><i class="fab fa-youtube"></i></a>
-        </div>
+          <a href="#"><i class="fa-brands fa-facebook"></i></a>
+          <a href="#"><i class="fa-brands fa-instagram"></i></a>
+          <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+          <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+          <a href="#"><i class="fa-brands fa-youtube"></i></a>
+      </div>
       </div>
 
       <div class="footer-links">

diff --git a/footer.css b/footer.css
@@ -27,14 +27,26 @@
 
 /* Social Media Icons */
 .social-icons a {
-  display: inline-block;
-  margin: 0 10px;
-  color: #12e9cc;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: transparent;
+  border: 0.2rem solid #26c9bb;
   font-size: 1.5rem;
+  border-radius: 50%;
+  margin: 3rem 1.5rem 3rem 0;
+  transition: 0.3s ease;
+  color: #26c9bb;
   text-decoration: none;
 }
+
 .social-icons a:hover {
-  color: #76b2ab;
+  color: black;
+  transform: scale(1.3) translateY(-5px);
+  background-color: #26c9bb;
+  box-shadow: 0 0 25px #26c9bb;
 }
 
 /* Footer Link Sections */

diff --git a/index.html b/index.html
@@ -1222,11 +1222,11 @@ <h2>We Value Your Feedback!</h2>
                 <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
                 <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
                 <div class="social-icons">
-                    <a href="#"><i class="fab fa-facebook"></i></a>
-                    <a href="#"><i class="fab fa-instagram"></i></a>
+                    <a href="#"><i class="fa-brands fa-facebook"></i></a>
+                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                     <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
-                    <a href="#"><i class="fab fa-linkedin"></i></a>
-                    <a href="#"><i class="fab fa-youtube"></i></a>
+                    <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+                    <a href="#"><i class="fa-brands fa-youtube"></i></a>
                 </div>
             </div>