Skip to content

Commit 4f01c22

Browse files
hoangsonwwhoangsonww
committed
Fix: Enhanced homepage
1 parent df48e1f commit 4f01c22

File tree

2 files changed

+623
-605
lines changed

2 files changed

+623
-605
lines changed

‎404.html

+117-107
Original file line numberDiff line numberDiff line change
@@ -1,127 +1,137 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Careers at Huong Hua Co., Ltd.</title>
8-
<link rel="stylesheet" href="css/404.css">
9-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
10-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
11-
<link rel="icon" href="images/image.png">
12-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
13-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
14-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
15-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
16-
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
17-
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
18-
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
19-
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
20-
<link rel="manifest" href="manifest.json">
21-
<script src="js/main.js"></script>
22-
<meta name="theme-color" content="#002e5f">
23-
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
24-
<link rel="manifest" href="manifest.json">
25-
</head>
26-
<body>
27-
<header class="header" style="z-index: 1001">
28-
<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>
29-
<div class="fas fa-bars"></div>
30-
<nav class="navbar">
31-
<ul>
32-
<li><a href="index.html#home">Home</a></li>
33-
<li><a href="index.html#about">About</a></li>
34-
<li><a href="index.html#service">Services</a></li>
35-
<li><a href="index.html#portfolio">Portfolio</a></li>
36-
<li><a href="index.html#team">Team</a></li>
37-
<li><a href="html/careers.html">Careers</a></li>
38-
<li><a href="index.html#contact">Contact</a></li>
39-
<li><a href="index.html#faq">FAQ</a></li>
40-
</ul>
41-
</nav>
42-
</header>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Careers at Huong Hua Co., Ltd.</title>
8+
<link rel="stylesheet" href="css/404.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
10+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
11+
<link rel="icon" href="images/image.png">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
13+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
14+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
15+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
16+
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
17+
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
18+
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
19+
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
20+
<link rel="manifest" href="manifest.json">
21+
<script src="js/main.js"></script>
22+
<meta name="theme-color" content="#002e5f">
23+
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
24+
<link rel="manifest" href="manifest.json">
25+
</head>
4326

44-
<section id="home" class="home">
45-
<h2 style="z-index: 1000;">404</h2>
46-
<h3 style="color: white; margin-top: 10px; z-index: 1000">Sorry, the page you're looking for cannot be found on our server.</h3>
47-
</section>
27+
<!-- Google tag (gtag.js) -->
28+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8E7FN4J1GC"></script>
29+
<script>
30+
window.dataLayer = window.dataLayer || [];
31+
function gtag(){dataLayer.push(arguments);}
32+
gtag('js', new Date());
4833

49-
<div class="footer">
50-
<div class="footer-top">
51-
<div class="container">
52-
<div class="row">
53-
<div class="col-lg-3 col-md-6 footer-links">
54-
<h4>About Us</h4>
55-
<ul>
56-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#home">Home</a></li>
57-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#about">About us</a></li>
58-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#service">Our services</a></li>
59-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#home">Terms & condition</a></li>
60-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#home">Privacy policy</a></li>
61-
</ul>
62-
</div>
34+
gtag('config', 'G-8E7FN4J1GC');
35+
</script>
6336

64-
<div class="col-lg-3 col-md-6 footer-links">
65-
<h4>Useful Links</h4>
66-
<ul>
67-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#portfolio">Portfolio</a></li>
68-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#team">Team</a></li>
69-
<li><i class="ion-ios-arrow-forward"></i> <a href="careers.html">Careers</a></li>
70-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#contact">Contact</a></li>
71-
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#faq">FAQ</a></li>
72-
</ul>
73-
</div>
37+
<body>
38+
<header class="header" style="z-index: 1001">
39+
<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>
40+
<div class="fas fa-bars"></div>
41+
<nav class="navbar">
42+
<ul>
43+
<li><a href="index.html#home">Home</a></li>
44+
<li><a href="index.html#about">About</a></li>
45+
<li><a href="index.html#service">Services</a></li>
46+
<li><a href="index.html#portfolio">Portfolio</a></li>
47+
<li><a href="index.html#team">Team</a></li>
48+
<li><a href="html/careers.html">Careers</a></li>
49+
<li><a href="index.html#contact">Contact</a></li>
50+
<li><a href="index.html#faq">FAQ</a></li>
51+
</ul>
52+
</nav>
53+
</header>
7454

75-
<div class="col-lg-3 col-md-6 footer-contact" style="font-size: 1.5rem;">
76-
<h4>Contact Us</h4>
77-
<p>
78-
83 Nguyen Cu Trinh<br>
79-
Nguyen Cu Trinh Ward<br>
80-
District 1, Ho Chi Minh City<br>
81-
Vietnam <br>
82-
<strong>Phone:</strong> +84 833232390<br>
83-
<strong>Email:</strong> [email protected]<br>
84-
</p>
55+
<section id="home" class="home">
56+
<h2 style="z-index: 1000;">404</h2>
57+
<h3 style="color: white; margin-top: 10px; z-index: 1000">Sorry, the page you're looking for cannot be found on our server.</h3>
58+
</section>
8559

86-
<div class="social-links">
87-
<a href="https://www.dnb.com/business-directory/company-profiles.huong_hua_company_limited.24589420a976de026bb58ce834a810d9.html"><i class="ion-ios-globe"></i></a>
60+
<div class="footer">
61+
<div class="footer-top">
62+
<div class="container">
63+
<div class="row">
64+
<div class="col-lg-3 col-md-6 footer-links">
65+
<h4>About Us</h4>
66+
<ul>
67+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#home">Home</a></li>
68+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#about">About us</a></li>
69+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#service">Our services</a></li>
70+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#home">Terms & condition</a></li>
71+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#home">Privacy policy</a></li>
72+
</ul>
8873
</div>
8974

90-
</div>
75+
<div class="col-lg-3 col-md-6 footer-links">
76+
<h4>Useful Links</h4>
77+
<ul>
78+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#portfolio">Portfolio</a></li>
79+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#team">Team</a></li>
80+
<li><i class="ion-ios-arrow-forward"></i> <a href="careers.html">Careers</a></li>
81+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#contact">Contact</a></li>
82+
<li><i class="ion-ios-arrow-forward"></i> <a href="../index.html#faq">FAQ</a></li>
83+
</ul>
84+
</div>
9185

92-
<div class="col-lg-3 col-md-6 footer-newsletter">
93-
<h4>Stay Updated</h4>
94-
<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>
95-
<form action="https://formspree.io/f/xayryypl" method="POST">
96-
<input type="email" name="email" style="font-size: 14px" placeholder="Your Email" required>
97-
<input type="submit" value="Subscribe" style="font-size: 14px; width: 80px">
98-
<input type="hidden" name="_subject" value="New Subscription Request">
99-
</form>
100-
</div>
86+
<div class="col-lg-3 col-md-6 footer-contact" style="font-size: 1.5rem;">
87+
<h4>Contact Us</h4>
88+
<p>
89+
83 Nguyen Cu Trinh<br>
90+
Nguyen Cu Trinh Ward<br>
91+
District 1, Ho Chi Minh City<br>
92+
Vietnam <br>
93+
<strong>Phone:</strong> +84 833232390<br>
94+
<strong>Email:</strong> [email protected]<br>
95+
</p>
96+
97+
<div class="social-links">
98+
<a href="https://www.dnb.com/business-directory/company-profiles.huong_hua_company_limited.24589420a976de026bb58ce834a810d9.html"><i class="ion-ios-globe"></i></a>
99+
</div>
100+
101+
</div>
102+
103+
<div class="col-lg-3 col-md-6 footer-newsletter">
104+
<h4>Stay Updated</h4>
105+
<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>
106+
<form action="https://formspree.io/f/xayryypl" method="POST">
107+
<input type="email" name="email" style="font-size: 14px" placeholder="Your Email" required>
108+
<input type="submit" value="Subscribe" style="font-size: 14px; width: 80px">
109+
<input type="hidden" name="_subject" value="New Subscription Request">
110+
</form>
111+
</div>
101112

113+
</div>
102114
</div>
103115
</div>
104-
</div>
105116

106-
<div class="container">
107-
<div class="row align-items-center">
108-
<div class="col-md-6 copyright" style="color: #fff; font-size: 1.3rem;">
109-
Copyright &copy; 2023 Huong Hua Co., Ltd. All Rights Reserved.
117+
<div class="container">
118+
<div class="row align-items-center">
119+
<div class="col-md-6 copyright" style="color: #fff; font-size: 1.3rem;">
120+
Copyright &copy; 2023 Huong Hua Co., Ltd. All Rights Reserved.
121+
</div>
110122
</div>
111123
</div>
112124
</div>
113-
</div>
114-
115-
<a href="#" style="cursor: pointer" class="back-to-top" title="Get back to the top of the page"><i class="ion-ios-arrow-up"></i></a>
116125

117-
<script src="lib/jquery/jquery.min.js"></script>
118-
<script src="lib/jquery/jquery-migrate.min.js"></script>
119-
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
120-
<script src="lib/easing/easing.min.js"></script>
121-
<script src="lib/waypoints/waypoints.min.js"></script>
122-
<script src="lib/counterup/counterup.min.js"></script>
123-
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
124-
<script src="lib/lightbox/js/lightbox.min.js"></script>
126+
<a href="#" style="cursor: pointer" class="back-to-top" title="Get back to the top of the page"><i class="ion-ios-arrow-up"></i></a>
125127

128+
<script src="lib/jquery/jquery.min.js"></script>
129+
<script src="lib/jquery/jquery-migrate.min.js"></script>
130+
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
131+
<script src="lib/easing/easing.min.js"></script>
132+
<script src="lib/waypoints/waypoints.min.js"></script>
133+
<script src="lib/counterup/counterup.min.js"></script>
134+
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
135+
<script src="lib/lightbox/js/lightbox.min.js"></script>
126136
</body>
127-
</html>
137+
</html>

0 commit comments

Comments
 (0)