From 29174141c1eb36862439a1db2afa481cd539d360 Mon Sep 17 00:00:00 2001 From: Aman Kumar Date: Tue, 1 Oct 2024 21:22:51 +0530 Subject: [PATCH 1/3] update-button-issue#6 --- style.css | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index af15d742..88c22b0d 100644 --- a/style.css +++ b/style.css @@ -211,15 +211,30 @@ s .service .box a { text-decoration: none; background-color: brown; - border: 2px solid rgb(224, 224, 252); - padding: 5px; - border-radius: 10px; + border: 3px solid rgb(224, 224, 252); + padding: 15px; + border-radius: 15px; + display: inline-block; + color: white; + transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */ } .service .box a:hover { - background-color: hsl(304, 14%, 46%); + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; } +@keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-10px); + } +} .menu_container { background-color: hsl(20, 43%,93%); padding: 100px 0px 100px 0px; From a2d595d61cd44911122b48a2134a03530c5f912f Mon Sep 17 00:00:00 2001 From: Aman K Date: Tue, 1 Oct 2024 21:51:25 +0530 Subject: [PATCH 2/3] all-button-changed-issue#6 --- style.css | 38 ++++++++++++++++++++++---------------- 1 file changed, 22 insertions(+), 16 deletions(-) diff --git a/style.css b/style.css index 88c22b0d..c3ccc760 100644 --- a/style.css +++ b/style.css @@ -83,19 +83,23 @@ s margin-top: 20px; background-color: brown; color: white; - border: 2px solid rgb(139, 36, 36); - width: 170px; - height: 35px; - border-radius: 4px; + border: 3px solid rgb(255, 255,255); font-size: 1.3rem; font-family: "Philosopher", sans-serif; padding-bottom: 4px; + text-decoration: none; + padding: 15px; + border-radius: 15px; + display: inline-block; + transition: transform 0.3s ease, background-color 0.3s } .intro_container button:hover { - background-color: white; - color: brown; - cursor: pointer; + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; } .about_us { @@ -257,21 +261,23 @@ s } .mainhead button { - border: 2px solid brown; + text-decoration: none; font-size: 1.4rem; - padding: 7px; - border-radius: 10px; - font-family: "Bree Serif", serif; - margin-bottom: 50px; background-color: brown; + border: 3px solid rgb(224, 224, 252); + padding: 15px; + border-radius: 15px; + display: inline-block; color: white; + transition: transform 0.3s ease, background-color 0.3s } .mainhead button:hover { - border: 2px solid brown; - color: hsl(304, 14%, 46%); - background-color: #f2f2f2; - cursor: pointer; + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; } .menu_items { From df264a9c9ecc99d378ef3dfff11991676a4a86e6 Mon Sep 17 00:00:00 2001 From: Aman K Date: Tue, 1 Oct 2024 23:31:58 +0530 Subject: [PATCH 3/3] all-pages-buttons-updated --- Css-files/content.css | 107 +++++++++++++++++++++++++++++-------- Css-files/menu.css | 23 ++++---- Css-files/style.css | 6 ++- Html-files/Electronic.html | 14 ++--- style.css | 7 +-- 5 files changed, 113 insertions(+), 44 deletions(-) diff --git a/Css-files/content.css b/Css-files/content.css index b12aa5b8..a101fbbf 100644 --- a/Css-files/content.css +++ b/Css-files/content.css @@ -114,28 +114,72 @@ body { padding-top: 30px; padding-bottom: 210px; } -.but { - border: 1.3px solid brown; +.but{ + background-color: transparent; + border: none; +} +.but a { + text-decoration: none; font-size: 1.1rem; - padding: 3px 25px; - border-radius: 4px; - font-family: "Bree Serif", serif; + background-color: brown; + color: white; + border: 3px solid rgb(255, 255, 255); + padding: 10px; + border-radius: 10px; + display: inline-block; + + transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */ +} +.but a:hover{ + background-color: #ffffff; color: brown; - background-color: hsl(20, 43%, 93%); + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; } +input[type="submit"] { + background-color: brown; + color: #ffffff !important; + border: 3px solid rgb(255, 255, 255); + padding: 20px 10px !important; + border-radius: 10px; + transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; +} + +input[type="submit"]:hover { + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; +} + + .butt { - border: 1.3px solid brown; - font-size: 1.1rem; - padding: 3px 63px 5px 63px; - border-radius: 4px; - font-family: "Bree Serif", serif; - margin-top: 8px; + text-decoration: none; background-color: brown; + border: 3px solid rgb(255, 255, 255); + padding: 15px; + border-radius: 15px; + display: inline-block; color: white; + transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */ } .butt:hover { - background-color: hsl(304, 14%, 46%); + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; +} +@keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-10px); + } } .menu_items { @@ -224,13 +268,29 @@ body { justify-content: center; } -.deals{ +div.deals { display: flex; - background-color: hsl(20, 43%, 93%); - border: 2px solid rgb(138, 37, 37); - border-radius: 10px; + border-radius: 15px; padding:15px 30px; margin:20px 50px; + text-decoration: none; + background-color: brown; + border: 3px solid rgb(255, 255, 255); + color: white !important; + transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */ +} +div.deals:hover{ + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; +} +.deals p a{ + color: white !important; +} +.deals p a:hover{ + color: brown !important; } .deals p{ @@ -342,15 +402,16 @@ textarea { } #butt{ - background-color:rgb(66, 16, 16); - border-radius: 10px; - color: white; - border: 1px solid white ; - cursor: pointer; + background-color: brown; + color: white !important; + padding: 3px; + border: 1px solid white; + border-radius: 4px; + cursor: pointer; } #butt :hover { - background-color:hsl(304, 14%, 46%); + background-color: rgb(196, 89, 89); } .social-icons a{ diff --git a/Css-files/menu.css b/Css-files/menu.css index 2985a46d..437dc6bf 100644 --- a/Css-files/menu.css +++ b/Css-files/menu.css @@ -49,19 +49,22 @@ section:nth-child(even){ } .btn{ - margin-top: 1rem; - display: inline-block; - font-size: 1.7rem; - color:#fff; - background: var(--black); - border-radius: .5rem; - cursor: pointer; - padding:.8rem 3rem; + text-decoration: none; + background-color: brown; + border: 3px solid rgb(255, 255, 255); + padding: 15px 5px; + border-radius: 15px; + display: inline-block; + color: white; + transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */ } .btn:hover{ - background: var(--green); - letter-spacing: .1rem; + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; } diff --git a/Css-files/style.css b/Css-files/style.css index 8fa4358f..6f5bd32b 100644 --- a/Css-files/style.css +++ b/Css-files/style.css @@ -507,7 +507,11 @@ textarea { } #butt:hover { - background-color:rgb(196, 89, 89); + background-color: #ffffff; + color: brown !important; + border: 3px solid rgb(165, 42, 42); + transform: scale(1.01); + animation: bounce 0.5s; } .social-icons a{ diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html index a917c2b2..89cada35 100644 --- a/Html-files/Electronic.html +++ b/Html-files/Electronic.html @@ -267,16 +267,16 @@ } #butt { - background-color: rgb(4, 3, 3); - border-radius: 10px; - color: white; - border: 1px solid white; - cursor: pointer; + background-color:brown; + color: white !important; + padding: 3px; + border: 1px solid white; + border-radius: 4px; + cursor: pointer; } #butt:hover { - background-color: white; - color: black; + background-color: rgb(196, 89, 89); } .social-icons a { diff --git a/style.css b/style.css index c3ccc760..148eadd4 100644 --- a/style.css +++ b/style.css @@ -547,8 +547,8 @@ textarea { } #butt { - background-color: rgb(66, 16, 16); - color: white; + background-color: brown; + color: white !important; padding: 3px; border: 1px solid white; border-radius: 4px; @@ -790,7 +790,8 @@ padding-left:2px; } .contact_submit { - width: 30%; + width: 20%; + color: white; background: linear-gradient(135deg, blue,