Merge pull request #89 from khadar1020/footer-colorful

Karamraj · Oct 4, 2023 · bc135f2 · bc135f2
2 parents 75d0b88 + ceae87b
commit bc135f2
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -528,41 +528,41 @@ <h6 class="footer-heading text-uppercase mb-3 pb-3 border-4 border-bottom border
           <!-- Grid column -->
 
           <!-- Grid column -->
-          <div class="col-md-5 col-lg-4 ml-lg-0 text-center text-md-end">
+          <div class="social-links text-md-end pt-3 pt-md-0">
             <a
             class="btn btn-primary btn-floating m-1"
-            style="background-color: #55acee;"
+            style="background-color: #55acee; border: none; border-radius: 15px;"
             href=""
             role="button"
             ><i class="bi bi-twitter"></i
           ></a>
 
           <a
             class="btn btn-primary btn-floating m-1"
-            style="background-color: #dd4b39;"
+            style="background-color: #dd4b39; border: none; border-radius: 15px;"
             href=""
             role="button"
             ><i class="bi bi-google"></i
           ></a>
 
           <a
             class="btn btn-primary btn-floating m-1"
-            style="background-color: #ac2bac;"
+            style="background-color: #ac2bac; border: none; border-radius: 15px;"
             href=""
             role="button"
             ><i class="bi bi-instagram"></i
           ></a>
 
           <a
             class="btn btn-primary btn-floating m-1"
-            style="background-color: #0082ca;"
+            style="background-color: #0082ca; border: none; border-radius: 15px;"
             href=""
             role="button"
             ><i class="bi bi-linkedin"></i
           ></a>
           <a
             class="btn btn-primary btn-floating m-1"
-            style="background-color: #333333;"
+            style="background-color: #333333; border: none; border-radius: 15px;
             href=""
             role="button"
             ><i class="bi bi-github"></i

diff --git a/style.css b/style.css
@@ -271,15 +271,27 @@ main .book-name {
   font-size: large;
   font-weight: bold;
   width: 150px;
+  transition: all ease 0.3s;
+}
+
+.footer-heading:hover{
+  transform: scale(1.2);
 }
 
 .footer-text{
   font-size:1.4rem;
   color: rgb(215, 203, 203);
 }
 
+.footer-text:hover{
+  text-decoration: underline;
+  transition: all ease 0.3s;
+  transform: scale(1.05); 
+}
+
 .contact-details{
   font-weight: bold;
+  color: white;
 }
 
 .container {
@@ -308,3 +320,13 @@ main .book-name {
   }
 }
 
+.social-links {
+  margin-left:1250px;
+  margin-bottom: 10px;
+  padding-bottom: -50px;
+  flex-wrap: wrap;
+  gap: 8px;
+  display: flex;
+  width: 43%;
+}
+