From e8f94cbab10e378c96173958a76673c4ef4e6499 Mon Sep 17 00:00:00 2001 From: Son Nguyen Date: Sat, 6 Jan 2024 10:08:02 +0700 Subject: [PATCH] Enhanced front-end user interface --- README.md | 2 - css/careers.css | 4 +- css/style.css | 29 ++++---- html/careers.html | 9 ++- html/privacy.html | 45 ++++++------ html/terms.html | 39 +++++----- images/client-airlines.jpg | Bin 0 -> 5352 bytes images/client-commercial-building.jpg | Bin 10928 -> 12738 bytes images/client-homeowner.jpg | Bin 23521 -> 22849 bytes images/client-hotel.jpg | Bin 35048 -> 35103 bytes images/client-interior-designer.jpg | Bin 14900 -> 29981 bytes images/client-residential-complex.jpg | Bin 19796 -> 17617 bytes images/client-spa.jpg | Bin 75181 -> 2674 bytes images/download.jpeg | Bin 0 -> 6724 bytes images/favicon.ico | Bin 15406 -> 15406 bytes images/image-192x192.png | Bin 0 -> 1400 bytes images/image-512x512.png | Bin 0 -> 4137 bytes images/testimonial-1.jpg | Bin 8685 -> 100443 bytes images/testimonial-3.jpg | Bin 13428 -> 12484 bytes images/viet-man.png | Bin 0 -> 33202 bytes images/viet-woman-2.jpg | Bin 0 -> 15063 bytes images/viet-woman.png | Bin 0 -> 6056 bytes index.html | 98 ++++++++++++++------------ manifest.json | 23 ++++++ 24 files changed, 147 insertions(+), 102 deletions(-) create mode 100644 images/client-airlines.jpg create mode 100644 images/download.jpeg create mode 100644 images/image-192x192.png create mode 100644 images/image-512x512.png create mode 100644 images/viet-man.png create mode 100644 images/viet-woman-2.jpg create mode 100644 images/viet-woman.png create mode 100644 manifest.json diff --git a/README.md b/README.md index e829bde..ea8c943 100644 --- a/README.md +++ b/README.md @@ -89,5 +89,3 @@ Contributions to the website are welcome. Please adhere to the following guideli For support, contact info@huonghuaco.vn or open an issue in the GitHub repository. --- - -This README provides a comprehensive guide to the Huong Hua Co. Ltd. website, ensuring that developers and contributors have a clear understanding of the project's scope and structure. \ No newline at end of file diff --git a/css/careers.css b/css/careers.css index 799b0b8..042b188 100644 --- a/css/careers.css +++ b/css/careers.css @@ -461,7 +461,7 @@ body{ } .header .fa-bars:hover{ - color: #00bfff; + color: #ffffff; } .header .navbar{ @@ -495,7 +495,7 @@ body{ } .header .nav-toggle{ - top: 5.8rem; + top: 7.5rem; } .home{ diff --git a/css/style.css b/css/style.css index 0a94929..e83c0ea 100644 --- a/css/style.css +++ b/css/style.css @@ -297,6 +297,10 @@ body{ } .item h6{ font-size: 2rem; + font-family: 'Poppins', sans-serif; +} +.item p { + font-family: 'Poppins', sans-serif; } .item:hover h6, .item:hover p{ @@ -396,25 +400,24 @@ body{ line-height: 28px; text-align: center; } + .item{ - background:#fff; + background: #fff; text-align: center; - padding:30px 25px; + padding: 30px 25px; box-shadow: 0 0 25px rgba(0,0,0,0.07); border-radius: 20px; margin-bottom: 30px; border: 1px solid rgba(0,0,0,0.07); -webkit-transition:all 0.7s ease 0s; transition: all 0.7 ease 0s; - } .item:hover{ - background-image: linear-gradient(to bottom right, #66ffcc 0%, #ffccff 100%); - background-position: right; - transition: background-position 3s; - box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); - -webkit-transition:all 0.5s ease 0s; - transition:all 0.7s ease 0s; + background-color: #002e5f; + color: white; +} +.item:hover p { + color: white; } .item:hover .item, .item:hover span.icon{ @@ -423,9 +426,11 @@ body{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } +.item:hover h6 { + color: white; +} .item:hover h6, .item:hover p{ - color:#2b6777; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } @@ -1123,7 +1128,7 @@ body{ } .header .fa-bars:hover{ - color: #00bfff; + color: #ffffff; } .header .navbar{ @@ -1157,7 +1162,7 @@ body{ } .header .nav-toggle{ - top: 5.8rem; + top: 7.5rem; } .home h1{ diff --git a/html/careers.html b/html/careers.html index ba4fb1c..f158c3d 100644 --- a/html/careers.html +++ b/html/careers.html @@ -17,11 +17,14 @@ + + +
- +