From dfef26b8778768f8bb6123e007aa861295bc4771 Mon Sep 17 00:00:00 2001 From: ANKeshri Date: Wed, 3 Jul 2024 17:54:04 +0530 Subject: [PATCH 01/10] add social icon on right of screen and added hovering effect --- assets/css/Footer-new.css | 26 +++++++++++- index.html | 85 +++++++++++++++++++++++++++++++++++++-- 2 files changed, 106 insertions(+), 5 deletions(-) diff --git a/assets/css/Footer-new.css b/assets/css/Footer-new.css index f24245bd..1dbd1f35 100644 --- a/assets/css/Footer-new.css +++ b/assets/css/Footer-new.css @@ -65,8 +65,21 @@ 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 { @@ -174,3 +187,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 index 6567546e..d0a15996 100644 --- a/index.html +++ b/index.html @@ -544,6 +544,67 @@

FRESH !

+ + +
+ + + + + + + + + +
@@ -856,7 +917,7 @@

Contact US