Skip to content

Commit

Permalink
update-button-issue#6 (#17)
Browse files Browse the repository at this point in the history 
 (#6 ) update-button-issue
  • Loading branch information
@Anjaliavv51
Anjaliavv51 authored Oct 1, 2024
2 parents 44d44df + df264a9 commit 8cfa70f
Show file tree
Hide file tree
Showing 5 changed files with 154 additions and 64 deletions.
107 changes: 84 additions & 23 deletions Css-files/content.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down Expand Up @@ -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{
Expand Down Expand Up @@ -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{
Expand Down
23 changes: 13 additions & 10 deletions Css-files/menu.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}


Expand Down
6 changes: 5 additions & 1 deletion Css-files/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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{
Expand Down
14 changes: 7 additions & 7 deletions Html-files/Electronic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
68 changes: 45 additions & 23 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down Expand Up @@ -211,15 +215,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;
Expand All @@ -242,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 {
Expand Down Expand Up @@ -526,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;
Expand Down Expand Up @@ -769,7 +790,8 @@ padding-left:2px;
}

.contact_submit {
width: 30%;
width: 20%;

color: white;
background: linear-gradient(135deg,
blue,
Expand Down

0 comments on commit 8cfa70f

Please sign in to comment.