Merge pull request #758 from ANKeshri/add-social-icon

add social icon on right of screen and added hovering effect
Anushkabh · Jul 5, 2024 · 367dc4b · 367dc4b
2 parents 64d811d + fa0572a
commit 367dc4b
Show file tree

Hide file tree

Showing 8 changed files with 914 additions and 416 deletions.
diff --git a/assets/css/Footer-new.css b/assets/css/Footer-new.css
@@ -65,8 +65,22 @@
   transition: 0.3s all ease-in-out;
 }
 
-.footer-left-social-icons:hover {
-  background-color: rgb(104 198 123 / 79%);
+
+.soc1:hover {
+    background-color: #1877F2;
+}
+.soc2:hover {
+    background: linear-gradient(45deg, #833AB4, #E1306C, #FD1D1D, #FDCB5D);
+
+}
+.soc3:hover {
+    background-color: #25D366;
+}
+.soc4:hover {
+    background-color: black;
+}
+.soc5:hover {
+    background-color: #0077B5;
 }
 
 .footer-left-social-icons:hover svg {
@@ -184,3 +198,12 @@
     height: 35px;
   }
 }
+.right-social-icn{
+    position: fixed;
+    right: 10px;
+    top: 150px;
+    z-index: 100;
+}
+.right-social-icn div{
+    margin: 15px;
+}
diff --git a/index.html b/index.html
diff --git a/src/cart.html b/src/cart.html
diff --git a/src/contact.html b/src/contact.html
diff --git a/src/fruites.html b/src/fruites.html
diff --git a/src/shop.html b/src/shop.html
diff --git a/src/transaction.html b/src/transaction.html
diff --git a/src/wishlist.html b/src/wishlist.html