Hugging Face's logo

Spaces:
thulieu
/
baicss
Running

App Files Community
thulieu commited on
Commit
4ab1fb2
·
verified ·
1 Parent(s): 5533b22

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +317 -16
index.html CHANGED
@@ -1,19 +1,320 @@
1
- <!doctype html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
17
  </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>HomeFoody - Thực phẩm sạch</title>
6
+ <link rel="stylesheet" type="text/css" href="main.css"/>
7
+ <meta name="viewport" content ="width=device-width, initial-scale=1.0"/>
8
+ </head>
9
+ <body>
10
+ <div id="top">
11
+ <div id="top-content">
12
+ <div id="top-left">
13
+ <span>Hotline: <b>19001008</b></span>
14
+ <span class="address">Địa chỉ: Số 1 Đỗ Thế Diên, Nhân Hòa, Mỹ Hào, Hưng Yên</span>
15
+ </div>
16
+ <div id="top-right">
17
+ <a href="login.html">Đăng nhập</a> hoặc
18
+ <a href="signup.html">Đăng ký</a>
19
+ </div>
20
+ </div>
21
+ </div>
22
+
23
+ <div id="banner">
24
+ <div id="banner-content">
25
+ <div id="logo" >
26
+ <img src="dualeo.jpg" alt="Logo" />
27
+ </div>
28
+ <div id="deliver">
29
+ <img src="xeoto.jpg" alt="Delivery" />
30
+ <div class="text-block">
31
+ <span>Miễn phí vẫn chuyển</span><br />
32
+ <span>bán kính 10km</span>
33
+ </div>
34
+ </div>
35
+ <div id="support">
36
+ <img src="@.jpg" alt="Support" />
37
+ <div class="text-block">
38
+ <span>Hỗ trợ 24/7</span><br />
39
+ <span>Hotline: 19001008</span>
40
+ </div>
41
+ </div>
42
+ <div id="time">
43
+ <img src="dongho.jpg" alt="Time" />
44
+ <div class="text-block">
45
+ <span>Thời gian làm việc</span><br />
46
+ <span>T2-T7, 8:00-17:00</span>
47
+ </div>
48
+ </div>
49
+ <div id="cart">
50
+ <a href="#">Giỏ hàng(0)</a>
51
+ </div>
52
+ </div>
53
+ </div>
54
+
55
+ <div id="menu">
56
+ <div id="menu-content">
57
+ <!-- Hamburger Menu Button (chỉ hiện trên mobile) -->
58
+ <div class="hamburger-menu">
59
+ <button class="hamburger-btn" onclick="toggleMenu()">
60
+ <span></span>
61
+ <span></span>
62
+ <span></span>
63
+ </button>
64
+ </div>
65
+
66
+ <!-- Menu chính -->
67
+ <ul id="main-menu">
68
+ <li><a href="#"> Trang chủ</a></li>
69
+ <li><a href="#"> Giới thiệu</a></li>
70
+ <li><a href="#"> Sản phẩm</a>
71
+ <ul>
72
+ <li><a>Hoa quả sạch</a></li>
73
+ <li><a>Hoa quả nhập khẩu</a></li>
74
+ <li><a>Hoa quả tươi</a></li>
75
+ <li><a>Hoa quả Việt</a></li>
76
+ <li><a>Hoa quả bốn mùa</a></li>
77
+ </ul>
78
+ </li>
79
+ <li><a href="#"> Tin Tức</a>
80
+ <ul >
81
+ <li><a>Tin quốc tế</a></li>
82
+ <li><a>Tin trong nước</a></li>
83
+ <li><a>Tin 24h </a></li>
84
+ </ul>
85
+ </li>
86
+ <li><a href="#"> Khuyến mại</a></li>
87
+ <li><a href="#"> Liên hệ</a></li>
88
+ </ul>
89
  </div>
90
+ </div>
91
+
92
+ <div id="slideshow">
93
+ <img src="silde.jpg" alt="silde">
94
+ </div>
95
+
96
+ <div id="container">
97
+ <div id="content">
98
+ <div class="cate">
99
+ <h1 class="cate-title">Hoa quả sạch</h1>
100
+ <div class="list-products">
101
+ <div class="col-s-12 col-m-4 col-x-3">
102
+ <div class="product">
103
+ <img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br />
104
+ <a class="name" href="#">Nho Mỹ</a><br />
105
+ <span class="price">250.000đ</span><br />
106
+ <input class="buy" type="button" value="Chọn mua"/>
107
+ </div>
108
+ </div>
109
+ <div class="col-s-12 col-m-4 col-x-3">
110
+ <div class="product">
111
+ <img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br />
112
+ <a class="name" href="#">Dưa lưới</a><br />
113
+ <span class="price">180.000đ</span><br />
114
+ <input class="buy" type="button" value="Chọn mua"/>
115
+ </div>
116
+ </div>
117
+ <div class="col-s-12 col-m-4 col-x-3">
118
+ <div class="product">
119
+ <img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br />
120
+ <a class="name" href="#">Hồng Mỹ</a><br />
121
+ <span class="price">120.000đ</span><br />
122
+ <input class="buy" type="button" value="Chọn mua"/>
123
+ </div>
124
+ </div>
125
+ <div class="col-s-12 col-m-4 col-x-3">
126
+ <div class="product">
127
+ <img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br />
128
+ <a class="name" href="#">Táo Mỹ</a><br />
129
+ <span class="price">120.000đ</span><br />
130
+ <input class="buy" type="button" value="Chọn mua"/>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ <div class="list-products">
135
+ <div class="col-s-12 col-m-4 col-x-3">
136
+ <div class="product">
137
+ <img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br />
138
+ <a class="name" href="#">Nho Mỹ</a><br />
139
+ <span class="price">250.000đ</span><br />
140
+ <input class="buy" type="button" value="Chọn mua"/>
141
+ </div>
142
+ </div>
143
+ <div class="col-s-12 col-m-4 col-x-3">
144
+ <div class="product">
145
+ <img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br />
146
+ <a class="name" href="#">Dưa lưới</a><br />
147
+ <span class="price">180.000đ</span><br />
148
+ <input class="buy" type="button" value="Chọn mua"/>
149
+ </div>
150
+ </div>
151
+ <div class="col-s-12 col-m-4 col-x-3">
152
+ <div class="product">
153
+ <img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br />
154
+ <a class="name" href="#">Hồng Mỹ</a><br />
155
+ <span class="price">120.000đ</span><br />
156
+ <input class="buy" type="button" value="Chọn mua"/>
157
+ </div>
158
+ </div>
159
+ <div class="col-s-12 col-m-4 col-x-3">
160
+ <div class="product">
161
+ <img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br />
162
+ <a class="name" href="#">Táo Mỹ</a><br />
163
+ <span class="price">120.000đ</span><br />
164
+ <input class="buy" type="button" value="Chọn mua"/>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ <div id="container">
172
+ <div id="content">
173
+ <div class="cate">
174
+ <h1 class="cate-title">Hoa quả sạch</h1>
175
+ <div class="list-products">
176
+ <div class="col-s-12 col-m-4 col-x-3">
177
+ <div class="product">
178
+ <img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br />
179
+ <a class="name" href="#">Nho Mỹ</a><br />
180
+ <span class="price">250.000đ</span><br />
181
+ <input class="buy" type="button" value="Chọn mua"/>
182
+ </div>
183
+ </div>
184
+ <div class="col-s-12 col-m-4 col-x-3">
185
+ <div class="product">
186
+ <img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br />
187
+ <a class="name" href="#">Dưa lưới</a><br />
188
+ <span class="price">180.000đ</span><br />
189
+ <input class="buy" type="button" value="Chọn mua"/>
190
+ </div>
191
+ </div>
192
+ <div class="col-s-12 col-m-4 col-x-3">
193
+ <div class="product">
194
+ <img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br />
195
+ <a class="name" href="#">Hồng Mỹ</a><br />
196
+ <span class="price">120.000đ</span><br />
197
+ <input class="buy" type="button" value="Chọn mua"/>
198
+ </div>
199
+ </div>
200
+ <div class="col-s-12 col-m-4 col-x-3">
201
+ <div class="product">
202
+ <img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br />
203
+ <a class="name" href="#">Táo Mỹ</a><br />
204
+ <span class="price">120.000đ</span><br />
205
+ <input class="buy" type="button" value="Chọn mua"/>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ <div class="list-products">
210
+ <div class="col-s-12 col-m-4 col-x-3">
211
+ <div class="product">
212
+ <img class="photo" src="nho.jpg" alt="Nho Mỹ"/><br />
213
+ <a class="name" href="#">Nho Mỹ</a><br />
214
+ <span class="price">250.000đ</span><br />
215
+ <input class="buy" type="button" value="Chọn mua"/>
216
+ </div>
217
+ </div>
218
+ <div class="col-s-12 col-m-4 col-x-3">
219
+ <div class="product">
220
+ <img class="photo" src="duagang.jpg" alt="Dưa lưới"/><br />
221
+ <a class="name" href="#">Dưa lưới</a><br />
222
+ <span class="price">180.000đ</span><br />
223
+ <input class="buy" type="button" value="Chọn mua"/>
224
+ </div>
225
+ </div>
226
+ <div class="col-s-12 col-m-4 col-x-3">
227
+ <div class="product">
228
+ <img class="photo" src="hongngam.jpg" alt="Hồng Mỹ"/><br />
229
+ <a class="name" href="#">Hồng Mỹ</a><br />
230
+ <span class="price">120.000đ</span><br />
231
+ <input class="buy" type="button" value="Chọn mua"/>
232
+ </div>
233
+ </div>
234
+ <div class="col-s-12 col-m-4 col-x-3">
235
+ <div class="product">
236
+ <img class="photo" src="tao.jpg" alt="Táo Mỹ"/><br />
237
+ <a class="name" href="#">Táo Mỹ</a><br />
238
+ <span class="price">120.000đ</span><br />
239
+ <input class="buy" type="button" value="Chọn mua"/>
240
+ </div>
241
+ </div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ <div id ="chat">
247
+ <a href="https://www.facebook.com/homefooody1" target="_blank">
248
+ <img src="fb.png" alt="Facebook">
249
+ </a>
250
+ <a href="https://bit.ly/4d3QNQf" target="_blank">
251
+ <img src="zl.png" alt="Chat Zalo">
252
+ </a>
253
+ <a href="tel:19001008">
254
+ <img src="dt.png" alt="Gọi điện">
255
+ </a>
256
+ </div>
257
+ </div>
258
+ <div id="footer">
259
+ <div class="footer-container">
260
+ <!-- Cột thông tin liên hệ -->
261
+ <div class="footer-column">
262
+ <h2>📋 Thông tin liên hệ</h2>
263
+ <p><strong>Home Foody</strong> - Chuyên cung cấp thực phẩm sạch, an toàn cho sức khỏe</p>
264
+ <p>📞 Hotline: <b>19001008</b></p>
265
+ <p>🕒 Mở cửa: Thứ 2 - Thứ 7 (8:00 - 17:00)</p>
266
+ <p>✉ Email: [email protected]</p>
267
+ <p>📍 Địa chỉ: Số 1 Đỗ Thế Diên, Nhân Hòa, Mỹ Hào, Hưng Yên</p>
268
+ </div>
269
+
270
+ <!-- Cột hỗ trợ khách hàng -->
271
+ <div class="footer-column1">
272
+ <h2>🗣 Hỗ trợ khách hàng</h2>
273
+ <ul class="footer-links">
274
+ <li><a href="#">Trang chủ</a></li>
275
+ <li><a href="#">Sản phẩm</a></li>
276
+ <li><a href="#">Tin tức</a></li>
277
+ <li><a href="#">Giới thiệu</a></li>
278
+ <li><a href="#">Liên hệ</a></li>
279
+ <li><a href="#">Demo Tùy chọn</a></li>
280
+ </ul>
281
+ </div>
282
+
283
+ <!-- Cột bản đồ -->
284
+ <div class="footer-column footer-map">
285
+ <h2>📍 Đường đến cửa hàng DUALEO-X</h2>
286
+ <iframe
287
+ src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3726.2817185209333!2d106.05655447499821!3d20.94119879078073!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135a47e1e283027%3A0x3040976f2392b403!2zMSDEkMaw4budbmcgxJDhu5cgVGjhur8gRGnDqm4sIFRULiBC4bqnbiBZw6puIE5ow6JuLCBN4bu5IEjDoG8sIEjGsG5nIFnDqm4sIFZp4buHdCBOYW0!5e0!3m2!1svi!2s!4v1746700288500!5m2!1svi!2s"
288
+ width="100%"
289
+ height="250"
290
+ style="border:0; border-radius: 8px;"
291
+ allowfullscreen=""
292
+ loading="lazy">
293
+ </iframe>
294
+ </div>
295
+ </div>
296
+ </div>
297
+
298
+ <!-- JavaScript cho hamburger menu -->
299
+ <script>
300
+ function toggleMenu() {
301
+ const menu = document.getElementById('main-menu');
302
+ const hamburger = document.querySelector('.hamburger-btn');
303
+
304
+ menu.classList.toggle('menu-open');
305
+ hamburger.classList.toggle('active');
306
+ }
307
+
308
+ // Đóng menu khi click ra ngoài
309
+ document.addEventListener('click', function(event) {
310
+ const menu = document.getElementById('main-menu');
311
+ const hamburger = document.querySelector('.hamburger-menu');
312
+
313
+ if (!hamburger.contains(event.target) && !menu.contains(event.target)) {
314
+ menu.classList.remove('menu-open');
315
+ document.querySelector('.hamburger-btn').classList.remove('active');
316
+ }
317
+ });
318
+ </script>
319
+ </body>
320
  </html>