Skip to content

Commit

Permalink
Enhanced front-end user interface
Browse files Browse the repository at this point in the history
  • Loading branch information
@hoangsonww
hoangsonww committed Jan 6, 2024
1 parent a808f65 commit e8f94cb
Show file tree
Hide file tree
Showing 24 changed files with 147 additions and 102 deletions.
2 changes: 0 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,5 +89,3 @@ Contributions to the website are welcome. Please adhere to the following guideli
For support, contact [email protected] 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.
4 changes: 2 additions & 2 deletions css/careers.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -461,7 +461,7 @@ body{
}

.header .fa-bars:hover{
color: #00bfff;
color: #ffffff;
}

.header .navbar{
Expand Down Expand Up @@ -495,7 +495,7 @@ body{
}

.header .nav-toggle{
top: 5.8rem;
top: 7.5rem;
}

.home{
Expand Down
29 changes: 17 additions & 12 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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{
Expand Down Expand Up @@ -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{
Expand All @@ -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;
}
Expand Down Expand Up @@ -1123,7 +1128,7 @@ body{
}

.header .fa-bars:hover{
color: #00bfff;
color: #ffffff;
}

.header .navbar{
Expand Down Expand Up @@ -1157,7 +1162,7 @@ body{
}

.header .nav-toggle{
top: 5.8rem;
top: 7.5rem;
}

.home h1{
Expand Down
9 changes: 6 additions & 3 deletions html/careers.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,14 @@
<link href="../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<link rel="manifest" href="../manifest.json">
<script src="../js/main.js"></script>
<meta name="theme-color" content="#002e5f">
<link rel="manifest" href="manifest.json">
</head>
<body>
<header class="header" style="z-index: 1001">
<a href="../index.html" style="border-radius: 8px" class="logo"><img src="../images/image.png" alt="Company Logo" style="width: 150px; height: 45px"></a>
<a href="../index.html" style="border-radius: 8px" class="logo"><img src="../images/image.png" alt="Company Logo" style="width: 150px; height: 45px; border-radius: 4px"></a>
<div class="fas fa-bars"></div>
<nav class="navbar">
<ul>
Expand Down Expand Up @@ -95,14 +98,14 @@ <h2 class="name">Which Positions Are You Applying For?</h2>

<div class="file">
<h2 class="name">Upload Your Resume</h2>
<input type="file" name="resume" accept=".doc,.docx,.pdf" required><br><br><br>
<input style="font-size: 14px" type="file" name="resume" accept=".doc,.docx,.pdf" required><br><br><br>
</div>

<input type="hidden" name="_subject" value="New Career Inquiry!">

<div class="file">
<h2 class="name">How Did You Hear About Us?</h2>
<select name="hear_about_us" class="career-form-select" required style="border-radius: 8px; height: 14px">
<select name="hear_about_us" class="career-form-select" required style="border-radius: 8px; height: 21px; font-size: 14px">
<option value="Google">Google</option>
<option value="Facebook">Facebook</option>
<option value="Instagram">Instagram</option>
Expand Down
45 changes: 24 additions & 21 deletions html/privacy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,13 @@
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<script src="../js/main.js"></script>
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<link rel="manifest" href="../manifest.json">
<meta name="theme-color" content="#002e5f">
</head>

<body>
<header class="header" style="z-index: 1001">
<a href="../index.html" class="logo"><img src="../images/image.png" alt="Company Logo" style="width: 150px; height: 45px"></a>
<a href="../index.html" class="logo"><img src="../images/image.png" alt="Company Logo" style="width: 150px; height: 45px; border-radius: 4px"></a>
<div class="fas fa-bars"></div>
<nav class="navbar">
<ul>
Expand Down Expand Up @@ -51,38 +53,38 @@ <h2 style="margin-top: 10px; z-index: 1000">This privacy policy outlines how Huo
<main>
<section id="privacy-policy" class="privacy-policy">
<div class="container" style="text-align: center">
<h2>Personal Identification Information</h2>
<p style="margin-bottom: 30px">We may collect personal identification information from Users in various ways, including when Users visit our site, place an order, fill out a form, and in connection with other activities, services, features, or resources we make available. Users may be asked for, as appropriate, name, email address, mailing address, phone number.</p>
<h2 style="font-size: 36px">Personal Identification Information</h2>
<p style="margin-bottom: 30px; font-size: 18px">We may collect personal identification information from Users in various ways, including when Users visit our site, place an order, fill out a form, and in connection with other activities, services, features, or resources we make available. Users may be asked for, as appropriate, name, email address, mailing address, phone number.</p>

<h2>Non-personal Identification Information</h2>
<p style="margin-bottom: 30px">We may collect non-personal identification information about Users whenever they interact with our Site. This may include the browser name, the type of computer, and technical information about Users' means of connection to our Site.</p>
<h2 style="font-size: 36px">Non-personal Identification Information</h2>
<p style="margin-bottom: 30px; font-size: 18px">We may collect non-personal identification information about Users whenever they interact with our Site. This may include the browser name, the type of computer, and technical information about Users' means of connection to our Site.</p>

<h2>Web Browser Cookies</h2>
<p style="margin-bottom: 30px">Our Site may use "cookies" to enhance the User experience. The user's web browser places cookies on their hard drive for record-keeping purposes and sometimes to track information.</p>
<h2 style="font-size: 36px">Web Browser Cookies</h2>
<p style="margin-bottom: 30px; font-size: 18px">Our Site may use "cookies" to enhance the User experience. The user's web browser places cookies on their hard drive for record-keeping purposes and sometimes to track information.</p>

<h2>How We Use Collected Information</h2>
<p>Huong Hua Co., Ltd. may collect and use Users' personal information for the following purposes:</p>
<ul style="list-style: none; margin-bottom: 30px">
<h2 style="font-size: 36px">How We Use Collected Information</h2>
<p style="font-size: 18px">Huong Hua Co., Ltd. may collect and use Users' personal information for the following purposes:</p>
<ul style="list-style: none; margin-bottom: 30px; font-size: 18px">
<li><p>To improve customer service</p></li>
<li><p>To personalize user experience</p></li>
<li><p>To process payments</p></li>
<li><p>To send periodic emails</p></li>
</ul>

<h2>How We Protect Your Information</h2>
<p style="margin-bottom: 30px">We adopt appropriate data collection, storage, and processing practices and security measures to protect against unauthorized access, alteration, disclosure, or destruction of your personal information.</p>
<h2 style="font-size: 36px">How We Protect Your Information</h2>
<p style="margin-bottom: 30px; font-size: 18px">We adopt appropriate data collection, storage, and processing practices and security measures to protect against unauthorized access, alteration, disclosure, or destruction of your personal information.</p>

<h2>Sharing Your Personal Information</h2>
<p style="margin-bottom: 30px">We do not sell, trade, or rent Users' personal identification information to others. We may share generic aggregated demographic information not linked to any personal identification information regarding visitors and users with our business partners, trusted affiliates, and advertisers.</p>
<h2 style="font-size: 36px">Sharing Your Personal Information</h2>
<p style="margin-bottom: 30px; font-size: 18px">We do not sell, trade, or rent Users' personal identification information to others. We may share generic aggregated demographic information not linked to any personal identification information regarding visitors and users with our business partners, trusted affiliates, and advertisers.</p>

<h2>Changes to This Privacy Policy</h2>
<p style="margin-bottom: 30px">Huong Hua Co., Ltd. has the discretion to update this privacy policy at any time. When we do, we will revise the updated date at the bottom of this page.</p>
<h2 style="font-size: 36px">Changes to This Privacy Policy</h2>
<p style="margin-bottom: 30px; font-size: 18px">Huong Hua Co., Ltd. has the discretion to update this privacy policy at any time. When we do, we will revise the updated date at the bottom of this page.</p>

<h2>Your Acceptance of These Terms</h2>
<p style="margin-bottom: 30px">By using this Site, you signify your acceptance of this policy. If you do not agree to this policy, please do not use our Site.</p>
<h2 style="font-size: 36px">Your Acceptance of These Terms</h2>
<p style="margin-bottom: 30px; font-size: 18px">By using this Site, you signify your acceptance of this policy. If you do not agree to this policy, please do not use our Site.</p>

<h2>Contacting Us</h2>
<p style="margin-bottom: 30px">If you have any questions about this Privacy Policy, the practices of this site, or your dealings with this site, please contact us.</p>
<h2 style="font-size: 36px">Contacting Us</h2>
<p style="margin-bottom: 30px; font-size: 18px">If you have any questions about this Privacy Policy, the practices of this site, or your dealings with this site, please contact us.</p>
</div>
</section>
</main>
Expand Down Expand Up @@ -138,7 +140,8 @@ <h4>Contact Us</h4>
<h4>Stay Updated</h4>
<p>Join our mailing list for insights on the latest trends in bathroom designs and exclusive updates on Huong Hua Co. Ltd.'s innovative bathroom solutions.</p>
<form action="https://formspree.io/f/xayryypl" method="POST">
<input type="email" name="email" placeholder="Your Email" required><input type="submit" value="Subscribe">
<input type="email" name="email" style="font-size: 14px" placeholder="Your Email" required>
<input type="submit" value="Subscribe" style="font-size: 14px; width: 80px">
<input type="hidden" name="_subject" value="New Subscription Request">
</form>
</div>
Expand Down
39 changes: 21 additions & 18 deletions html/terms.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,13 @@
<link href="../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<script src="../js/main.js"></script>
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<link rel="manifest" href="../manifest.json">
<meta name="theme-color" content="#002e5f">
</head>

<body>
<header class="header" style="z-index: 1001">
<a href="../index.html" class="logo"><img src="../images/image.png" alt="Company Logo" style="width: 150px; height: 45px"></a>
<a href="../index.html" class="logo"><img src="../images/image.png" alt="Company Logo" style="width: 150px; height: 45px; border-radius: 4px"></a>
<div class="fas fa-bars"></div>
<nav class="navbar">
<ul>
Expand Down Expand Up @@ -51,26 +53,26 @@ <h2 style="z-index: 1000; margin-top: 10px">Welcome to Huong Hua Co., Ltd. By ac
<main>
<section class="terms-section">
<div class="container" style="text-align: center">
<h2>Use of Services</h2>
<p style="margin-bottom: 30px">Our services are intended for personal, non-commercial use. You agree not to misuse the services or help anyone else to do so.</p>
<h2 style="font-size: 36px">Use of Services</h2>
<p style="margin-bottom: 30px; font-size: 18px">Our services are intended for personal, non-commercial use only. You agree not to misuse the services or help anyone else to do so.</p>

<h2>Privacy Policy</h2>
<p style="margin-bottom: 30px">Your privacy is important to us. Our Privacy Policy explains how we collect, use, and protect your personal information.</p>
<h2 style="font-size: 36px">Privacy Policy</h2>
<p style="margin-bottom: 30px; font-size: 18px">Your privacy is important to us. Our Privacy Policy explains how we collect, use, and protect your personal information.</p>

<h2>Intellectual Property</h2>
<p style="margin-bottom: 30px">All content on our website, including text, graphics, logos, and images, is our property or the property of our content suppliers and is protected by international copyright laws.</p>
<h2 style="font-size: 36px">Intellectual Property</h2>
<p style="margin-bottom: 30px; font-size: 18px">All content on our website, including text, graphics, logos, and images, is our property or the property of our content suppliers and is protected by international copyright laws.</p>

<h2>Limitation of Liability</h2>
<p style="margin-bottom: 30px">Huong Hua Co., Ltd. is not liable for any indirect, incidental, punitive, or consequential damages arising from your use of our services.</p>
<h2 style="font-size: 36px">Limitation of Liability</h2>
<p style="margin-bottom: 30px; font-size: 18px">Huong Hua Co., Ltd. is not liable for any indirect, incidental, punitive, or consequential damages arising from your use of our services.</p>

<h2>Governing Law</h2>
<p style="margin-bottom: 30px">These terms and conditions are governed by the laws of Vietnam and any disputes will be resolved exclusively in the courts of Vietnam.</p>
<h2 style="font-size: 36px">Governing Law</h2>
<p style="margin-bottom: 30px; font-size: 18px">These terms and conditions are governed by the laws of Vietnam and any disputes will be resolved exclusively in the courts of Vietnam.</p>

<h2>Changes to Terms</h2>
<p style="margin-bottom: 30px">We reserve the right to modify these terms at any time. Your continued use of our services following any such change constitutes your agreement to follow and be bound by the terms as modified.</p>
<h2 style="font-size: 36px">Changes to Terms</h2>
<p style="margin-bottom: 30px; font-size: 18px">We reserve the right to modify these terms at any time. Your continued use of our services following any such change constitutes your agreement to follow and be bound by the terms as modified.</p>

<h2>Contact Us</h2>
<p style="margin-bottom: 30px">If you have any questions about these terms, please contact us.</p>
<h2 style="font-size: 36px">Contact Us</h2>
<p style="margin-bottom: 30px; font-size: 18px">If you have any questions about these terms, please contact us.</p>
</div>
</section>
</main>
Expand Down Expand Up @@ -108,8 +110,8 @@ <h4>Contact Us</h4>
Nguyen Cu Trinh Ward<br>
District 1, Ho Chi Minh City<br>
Vietnam <br>
<strong>Phone:</strong> +84 123-456-7890<br>
<strong>Email:</strong> info@huonghuacompany.com<br>
<strong>Phone:</strong> +84 833232390<br>
<strong>Email:</strong> info@huonghuaco.com<br>
</p>

<div class="social-links">
Expand All @@ -126,7 +128,8 @@ <h4>Contact Us</h4>
<h4>Stay Updated</h4>
<p>Join our mailing list for insights on the latest trends in bathroom designs and exclusive updates on Huong Hua Co. Ltd.'s innovative bathroom solutions.</p>
<form action="https://formspree.io/f/xayryypl" method="POST">
<input type="email" name="email" placeholder="Your Email" required><input type="submit" value="Subscribe">
<input type="email" name="email" style="font-size: 14px" placeholder="Your Email" required>
<input type="submit" value="Subscribe" style="font-size: 14px; width: 80px">
<input type="hidden" name="_subject" value="New Subscription Request">
</form>
</div>
Expand Down
Binary file added images/client-airlines.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/client-commercial-building.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/client-homeowner.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/client-hotel.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/client-interior-designer.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/client-residential-complex.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/client-spa.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/download.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/favicon.ico
View file
Binary file not shown.
Binary file added images/image-192x192.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/image-512x512.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/testimonial-1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/testimonial-3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/viet-man.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/viet-woman-2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/viet-woman.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit e8f94cb

Please sign in to comment.