From 3c76083f10f012ecbc8b0c514a6b09ae23f95c8e Mon Sep 17 00:00:00 2001
From: Yash patil <149749700+PATILYASHH@users.noreply.github.com>
Date: Sat, 5 Oct 2024 05:07:19 +0000
Subject: [PATCH 1/2] icon hover effect added
---
index.html | 18 +++++++-----------
style.css | 41 +++++++++++++++++++----------------------
2 files changed, 26 insertions(+), 33 deletions(-)
diff --git a/index.html b/index.html
index f7581f32..1e3b28e5 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
rel="stylesheet"
/>
+
BuddyTrail
@@ -379,17 +380,12 @@ Aditi Patel - New York
diff --git a/style.css b/style.css
index 762c9b25..5258d520 100644
--- a/style.css
+++ b/style.css
@@ -363,7 +363,7 @@
}
.footer-wrapper {
display: flex;
- padding: 2rem;
+ padding: 5rem;
width: 90%;
margin: auto;
align-items: center;
@@ -902,7 +902,6 @@ body.dark-mode {
}
-
.navhover {
text-decoration: none;
color: black;
@@ -918,28 +917,26 @@ body.dark-mode {
color: white; /* Changes text color on hover */
}
-#social-icons {
- display: inline-block;
- font-size: 24px; /* Adjust the size as needed */
- padding: 7px 9px 7px; /* Adds padding around the text */
- border-radius: 20px; /* Creates rounded corners */
- transition: transform 0.3s ease, color 0.3s ease;
-}
-
-.twitter:hover
-{
- background-color: #1e97e3; /* Twitter's official blue color */
- transform: scale(1.1);
-}
-
-.instagram:hover {
- background-color: #E1306C; /* Instagram's official pinkish color */
- transform: scale(1.1); /* Slightly enlarges the icon */
+.social-icons a {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ width: 4rem;
+ height: 4rem;
+ background-color: transparent;
+ border: 0.2rem solid #b74b4b;
+ font-size: 2rem;
+ border-radius: 50%;
+ margin: 3rem 1.5rem 3rem 0;
+ transition: 0.3s ease;
+ color: #b74b4b;
}
-.youtube:hover {
- background-color: #FF0000; /* YouTube's official red color */
- transform: scale(1.1); /* Slightly enlarges the icon */
+.social-icons a:hover {
+ color: black;
+ transform: scale(1.3) translateY(-5px);
+ background-color: #b74b4b;
+ box-shadow: 0 0 25px #b74b4b;
}
/* Extra small devices (phones, 600px and down) */
From 6027c2aadd730cdb342fe370d299825753b90681 Mon Sep 17 00:00:00 2001
From: Yash patil <149749700+PATILYASHH@users.noreply.github.com>
Date: Sat, 5 Oct 2024 22:29:30 +0530
Subject: [PATCH 2/2] Update index.html
---
index.html | 10 ++++------
1 file changed, 4 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 1e3b28e5..af9a9dc2 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,10 @@
-
-
-
+
+
+
BuddyTrail