diff --git a/Css-files/content.css b/Css-files/content.css
index 312b0685..4b2a42e7 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -391,7 +391,7 @@ div.deals:hover{
/* footer */
.foot-panel2{
background-color: transparent;
- color:white;
+ /* color:white; */
display: flex;
justify-content: space-evenly;
}
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index 7ccb01da..bf55c30e 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -526,6 +526,41 @@
.card[for="c10"] {
background-image: url(https://i.pinimg.com/474x/42/69/19/426919f03cc846b881903e3dd40a0bc6.jpg);
}
+
+ .foot-panel2 .footer-colums a {
+ /* /* color: black!important; */
+ text-decoration: none !important;
+ transition:transform 0.2s ease, text-decoration-color 0.2s ease;
+ /* display: inline-block; */
+
+
+ text-decoration: none;
+ /* color: #000; */
+ position: relative;
+ padding-bottom: 2px;
+
+ }
+
+ .foot-panel2 .footer-colums a::after{
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 0;
+ height: 2px;
+ background-color: black;
+ transition: width 0.3s ease;
+ width:0;
+
+ }
+
+ .foot-panel2 .footer-colums a:hover{
+ transform: scale(1.05);
+ }
+
+ .foot-panel2 .footer-colums a:hover::after{
+ width:100%;
+ }
Retro
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 354536db..974f689f 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -255,39 +255,77 @@
border: 3px solid whitesmoke;
}
-.social-icons a {
- font-size: 1.2rem;
- padding: 8px;
- margin: 15px;
- text-decoration: none;
- color: brown !important;
-}
+ .social-icons a {
+ font-size: 1.2rem;
+ padding: 8px;
+ margin: 15px;
+ text-decoration: none;
+ color: brown !important;
+ }
+
+ .social-icons a:hover {
+ color: brown;
+ background-color: hsl(22, 76%, 85%);
+ border-radius: 10px;
+ transform: scale(1.5); /* Increase size */
+ transition: transform 0.3s ease; /* Smooth transition effect */
+ }
+ .fa-brands.fa-facebook:hover {
+ color: #3B5998 !important;
+ }
+
+ .fa-brands.fa-instagram:hover {
+ color: #D62976 !important;
+ }
+
+ .fa-brands.fa-x-twitter:hover {
+ color: #181e20 !important;
+ }
+ @media (max-width: 768px) {
+ .foot-panel2{
+ display: flex;
+ flex-direction: column;
+
+ }
+ }
+
+ .foot-panel2 .footer-colums a {
+ /* /* color: black!important; */
+ text-decoration: none !important;
+ transition:transform 0.2s ease, text-decoration-color 0.2s ease;
+ /* display: inline-block; */
+
+
+ text-decoration: none;
+ color: #000;
+ position: relative;
+ padding-bottom: 2px;
+
+ }
+
+ .foot-panel2 .footer-colums a::after{
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 0;
+ height: 2px;
+ background-color: brown;
+ transition: width 0.3s ease;
+ width:0;
+
+ }
+
+ .foot-panel2 .footer-colums a:hover{
+ transform: scale(1.05);
+ }
+
+ .foot-panel2 .footer-colums a:hover::after{
+ width:100%;
+ }
-.social-icons a:hover {
- color: brown;
- background-color: hsl(22, 76%, 85%);
- border-radius: 10px;
- transform: scale(1.5); /* Increase size */
- transition: transform 0.3s ease; /* Smooth transition effect */
-}
-.fa-brands.fa-facebook:hover {
- color: #3B5998 !important;
-}
-.fa-brands.fa-instagram:hover {
- color: #D62976 !important;
-}
-.fa-brands.fa-x-twitter:hover {
- color: #181e20 !important;
-}
-@media (max-width: 768px) {
- .foot-panel2{
- display: flex;
- flex-direction: column;
-
- }
-}
@@ -412,24 +450,24 @@ C A R T