tieptk/hurasoft_2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

10:14 20/02/2024

Browse Source
This commit is contained in:
Tieptk
2024-02-20 10:14:16 +07:00
parent 4ce7b2e3e9
commit 07d9184608
8 changed files with 173 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
assets/css/style.css
View File

@@ -271,6 +271,12 @@ table {
width: 100%;
height: 100%;
display: block;
filter: grayscale(1);
transition: 0.5s all;
}
.homepage .featured-clients .content-right .item:hover img {
filter: grayscale(0);
transition: 0.5s all;
}
.homepage .box-product {
background: url(../images/background_product.png) no-repeat;
@@ -1196,4 +1202,81 @@ table {
text-transform: uppercase;
font-weight: 700;
border-radius: 50px;
}
.page-contact .content-contact {
padding: 60px 0;
}
.page-contact .contact-left {
width: 50%;
}
.page-contact .contact-left .title {
background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 20%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
.page-contact .contact-left .item {
margin-bottom: 20px;
}
.page-contact .contact-left .item b {
margin-right: 7px;
}
.page-contact .contact-right {
width: 50%;
}
.page-contact .form-control {
width: 100%;
margin-bottom: 15px;
}
.page-contact .form-control input {
width: 100%;
height: 50px;
padding: 0 20px;
border-radius: 40px;
background: rgb(246, 246, 246);
border: 0;
outline: 0;
}
.page-contact .form-control input::-moz-placeholder {
color: rgb(167, 166, 166);
}
.page-contact .form-control input::placeholder {
color: rgb(167, 166, 166);
}
.page-contact .form-control input:focus {
border: 2px solid #1fa5f1;
}
.page-contact .group-form {
margin-right: -15px;
width: auto;
}
.page-contact .form-2 {
width: calc(50% - 15px);
margin-right: 15px;
}
.page-contact .btn-send {
display: block;
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%);
border-radius: 50px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.page-contact .btn-send:hover {
background: #fff;
border: 2px solid #1fa5f1;
background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 70%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/*# sourceMappingURL=style.css.map */

2
assets/css/style.css.map
View File

File diff suppressed because one or more lines are too long

84
assets/css/style.scss
View File

@@ -265,6 +265,14 @@ table {
width: 100%;
height: 100%;
display: block;
filter: grayscale(1);
transition: 0.5s all;
}
&:hover {
img {
filter: grayscale(0);
transition: 0.5s all;
}
}
}
}
@@ -1216,3 +1224,79 @@ table {
}
}
}
.page-contact {
.content-contact {
padding: 60px 0;
}
.contact-left {
width: 50%;
.title {
background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 20%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
.item {
margin-bottom: 20px;
b {
margin-right: 7px;
}
}
}
.contact-right {
width: 50%;
}
.form-control {
width: 100%;
margin-bottom: 15px;
input {
width: 100%;
height: 50px;
padding: 0 20px;
border-radius: 40px;
background: rgba(246, 246, 246, 1);
border: 0;
outline: 0;
&::placeholder {
color: rgba(167, 166, 166, 1);
}
&:focus {
border: 2px solid #1fa5f1;
}
}
}
.group-form {
margin-right: -15px;
width: auto;
}
.form-2 {
width: calc(50% - 15px);
margin-right: 15px;
}
.btn-send {
display: block;
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%);
border-radius: 50px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 700;
&:hover {
background: #fff;
border: 2px solid #1fa5f1;
background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 70%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
}