-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
198 lines (189 loc) · 8.71 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Homepage</title>
<link rel="stylesheet" type="text/css" href="css/test.css" />
<link rel="stylesheet" type="text/css" href="css/neon-button.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head>
<body>
<div class="header">
<div class="homepageContainer">
<div class="item">
<div class="mainLogo">
<div class="menuIcon">
<img src="images/dots-menu.png" alt="" />
</div>
<div class="CoLogo">
<svg
xmlns="http://www.w3.org/2000/svg"
width="121"
height="24"
viewBox="0 0 121 24"
fill="none"
>
<path
d="M51.8715 0.38949C51.7418 0.241113 51.5379 0.12983 51.2785 0.0741887C51.019 0.0185472 50.6484 0 50.1851 0H45.3667V21.1438L38.3245 1.55796C38.1206 1.05719 37.8612 0.667698 37.5647 0.408038C37.2496 0.148377 36.8234 0.0185472 36.2489 0.0185472H29.6885L21.59 21.7744V1.94745C21.59 1.55796 21.5714 1.22411 21.5344 0.983C21.4973 0.741887 21.4232 0.537868 21.2934 0.38949C21.1637 0.241113 20.9599 0.12983 20.7004 0.0741887C20.441 0.0185472 20.0703 0 19.607 0H14.8999V9.03247H6.72717V1.94745C6.72717 1.55796 6.70864 1.22411 6.67158 0.983C6.63451 0.741887 6.56038 0.556415 6.43066 0.38949C6.30093 0.241113 6.09708 0.12983 5.83763 0.0741887C5.57818 0.0185472 5.20754 0 4.74423 0H0V22.034C0 22.4235 0.0185322 22.7574 0.0555965 22.9985C0.0926608 23.2396 0.185322 23.4436 0.315047 23.592C0.444772 23.7404 0.630093 23.8517 0.908076 23.9073C1.16753 23.9444 1.53817 23.9815 2.00147 23.9815H6.7457V14.5039H14.9184V22.034C14.9184 22.4235 14.9369 22.7574 14.974 22.9985C15.011 23.2396 15.0852 23.4436 15.2149 23.592C15.3446 23.7404 15.5485 23.8517 15.8079 23.9073C16.0674 23.9444 16.438 23.9815 16.9013 23.9815H20.7931H26.2045C26.779 23.9815 27.2052 23.8517 27.5017 23.592C27.7982 23.3323 28.0577 22.9428 28.2801 22.4421L29.3549 19.8084H37.6759L38.6951 22.4421C38.8805 22.9428 39.1399 23.3323 39.455 23.592C39.77 23.8517 40.2148 23.9815 40.7707 23.9815H46.4416L46.423 23.9258C46.6825 23.9629 46.9975 23.9815 47.4053 23.9815H52.2236V1.94745C52.2236 1.55796 52.2051 1.22411 52.1865 0.983C52.0754 0.741887 52.0012 0.556415 51.8715 0.38949ZM31.1155 14.5039L33.5988 6.19475L35.9338 14.5039H31.1155Z"
fill="#58595B"
/>
<path
d="M74.8144 0C73.3874 0 72.4423 0.612057 71.9604 1.85472L67.3645 16.711L62.7129 1.85472C62.231 0.612057 61.2859 0 59.8775 0H54.8738L62.5832 21.9969C62.8241 22.7017 63.2133 23.2211 63.7692 23.5178C64.3252 23.8331 64.9367 23.9815 65.641 23.9815H71.6083L79.9107 0H74.8144Z"
fill="#58595B"
/>
<path
d="M120.719 0.982999C120.682 0.741886 120.607 0.537867 120.478 0.38949C120.348 0.241113 120.163 0.12983 119.885 0.0741886C119.625 0.0185471 119.273 0 118.791 0H114.64V16.2658C114.473 15.7465 114.214 15.0603 113.862 14.1886C113.491 13.3354 113.102 12.3895 112.639 11.4065C112.194 10.4049 111.712 9.38485 111.193 8.32767C110.674 7.28903 110.211 6.30603 109.748 5.39722C109.303 4.48841 108.895 3.70943 108.543 3.04173C108.191 2.37403 107.95 1.91036 107.802 1.68779C107.431 1.09428 107.042 0.64915 106.634 0.38949C106.227 0.12983 105.689 0 105.003 0H98.0353V21.1252L90.9931 1.53941C90.7892 1.03864 90.5298 0.64915 90.2333 0.38949C89.9553 0.12983 89.5105 0 88.9545 0H82.3942L73.4617 23.9815H78.8731C79.4476 23.9815 79.8738 23.8516 80.1703 23.592C80.4668 23.3323 80.7263 22.9428 80.9487 22.442L82.0235 19.8083H90.3445L91.3637 22.442C91.549 22.9428 91.8085 23.3323 92.1235 23.592C92.4386 23.8516 92.8648 23.9815 93.4393 23.9815H99.1102L99.0916 23.9258C99.3511 23.9629 99.6661 23.9815 100.074 23.9815H104.318V7.91963C104.484 8.40186 104.725 9.01391 105.04 9.73725C105.355 10.4606 105.726 11.2581 106.134 12.1298C106.542 13.0015 106.986 13.9104 107.45 14.8563C107.913 15.8022 108.395 16.7295 108.84 17.6198C109.303 18.5286 109.748 19.3632 110.192 20.1607C110.637 20.9397 111.026 21.6445 111.341 22.238C111.99 23.4065 112.935 24 114.14 24H120.774V1.94745C120.756 1.55796 120.756 1.24266 120.719 0.982999ZM83.8026 14.5039L86.2859 6.19475L88.621 14.5039H83.8026Z"
fill="#58595B"
/>
</svg>
</div>
</div>
<div class="multi">
<div class="dropdown">
<button class="dropbtn other">Tuyến đường</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn other">Khám phá</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn other">Dịch vụ</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn other">Chúng tôi</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn other">Hỗ trợ</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn other">HAIVAN+</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="dropdown">
<div class="account">
<button class="dropbtn">Tài khoản</button>
<i class="fa fa-caret-down"></i>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="homepageNotified">
<div class="homepageContainer">
<div class="homepageNotifiedContainer">
<div class="item">
<div class="Adform">
<h3>Xe khách chất lượng cao</h3>
<h3 style="font-size: 40px">Mỹ Đình - Sơn La</h3>
<div class="logo">
<div class="icon">
<img src="images/icon/1.png" alt="" />
<p>Giường đôi rộng rãi thoải mái</p>
</div>
<div class="icon">
<img src="images/icon/2.png" alt="" />
<p>Khăn nước Chăn gối tiêu chuẩn</p>
</div>
<div class="icon">
<img src="images/icon/3.png" alt="" />
<p>App riêng với vô vàn ưu đãi</p>
</div>
</div>
<div class="formContainer">
<button>Đặt vé ngay</button>
</div>
</div>
<div class="multi img">
<img src="images/xe.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="homepageContainer">
<h1 style="margin: 40px; text-align: center">TẠI SAO CHỌN HAIVAN?</h1>
<div class="homepageFeatures">
<div class="homepageFeature">
<img src="images/icon/1.png" alt="" />
<p class="featureTitle">Khoang giường VIP Rộng rãi + Riêng tư</p>
</div>
<div class="homepageFeature">
<img src="images/icon/4.png" alt="" />
<p class="featureTitle">
Đội ngũ lái xe chu đáo được đào tạo bài bản
</p>
</div>
</div>
<div class="homepageFeatures">
<div class="homepageFeature">
<img src="images/icon/5.png" alt="" />
<p class="featureTitle">Chăn + Gối sạch sẽ cho từng giường</p>
</div>
<div class="homepageFeature">
<img src="images/icon/6.png" alt="" />
<p class="featureTitle">Xe Huyndai Univesal chất lượng cao</p>
</div>
</div>
<div class="homepageFeatures">
<div class="homepageFeature">
<img src="images/icon/2.png" alt="" />
<p class="featureTitle">Phòng chờ thương gia + Buffet miễn phí</p>
</div>
<div class="homepageFeature">
<img src="images/icon/7.png" alt="" />
<p class="featureTitle">App thông minh với vô vản ưu đãi</p>
</div>
</div>
<div class="formContainer">
<button style="background-color: #fbc040">Đặt vé ngay</button>
</div>
<div style="margin-bottom: 50px"></div>
<div class="container">
<a href="#" class="neon-button">Đặt vé ngay</a>
</div>
</div>
</body>
</html>