added complete uniform footer to my reading list page

ANSHIKA-26 · Nov 13, 2024 · 90c8873 · 90c8873
1 parent 8fdc936
commit 90c8873
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 21 deletions.
diff --git a/bookmarks.html b/bookmarks.html
@@ -10,6 +10,12 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
     integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOM23A9ne1mDRAjlGZ/mZTxC1en0R3B0e5nt/q4U" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
   <!--swiper slider css-->
   <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
 
@@ -386,25 +392,24 @@ <h2 class="footer-title secondary-title">Popular Tags</h2>
               </div>
               <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
               <div class="tags social" id="contact">
-                  <div class="d-flex-gap flex-wrap">
-                      <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light">
-                          <i class="fab fa-facebook-f"></i>
-
-                      </a>
-                      <a href="https://x.com/" id="twitter1" class="nav-link1 btn bg-light">
-                        <i class="fa-brands fa-x-twitter" style="font-weight: 600; color: black;"></i>
-                      </a>
-                      <a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light">
-                          <i class="fab fa-instagram"></i>
-                      </a>
-                      <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light">
-                          <i class="fab fa-dribbble"></i>
-                      </a>
-                      <a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank"
-                         class="nav-link btn bg-light">
-                          <i class="fab fa-github"></i>
-                      </a>
-                  </div>
+                <div class="d-flex-gap flex-wrap">
+                  <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light">
+                      <i class="fab fa-facebook-f"></i>
+                  </a>
+                  <a href="https://x.com/" id="twitter" class="nav-link btn bg-light">
+                      <i class="fa-brands fa-x-twitter"></i>
+                  </a>
+                  <a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light">
+                      <i class="fab fa-instagram"></i>
+                  </a>
+                  <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light">
+                      <i class="fab fa-dribbble"></i>
+                  </a>
+                  <a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank"
+                     class="nav-link btn bg-light">
+                      <i class="fab fa-github"></i>
+                  </a>
+              </div>
               </div>
           </div>
       </div>

diff --git a/style.css b/style.css
@@ -2699,8 +2699,8 @@ h1 {
   background-color: #e1306c;
 }
 #twitter:hover{
-  color: black;
-  background-color: white;
+  color: white;
+  background-color: black;
 }
 #github:hover{
   color: white;