datnguyentien204 commited on
Commit
505cc89
·
verified ·
1 Parent(s): 3f7b01f

Delete static/web2/index.html

Browse files
Files changed (1) hide show
  1. static/web2/index.html +0 -656
static/web2/index.html DELETED
@@ -1,656 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
-
7
- <!--=============== FAVICON ===============-->
8
- <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
9
-
10
- <!--=============== REMIXICONS ===============-->
11
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css">
12
-
13
- <!--=============== SWIPER CSS ===============-->
14
- <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
15
-
16
- <!--=============== CSS ===============-->
17
- <link rel="stylesheet" href="assets/css/styles.css">
18
-
19
- <title>BTL Basic web design</title>
20
- </head>
21
- <body>
22
- <!--==================== HEADER ====================-->
23
- <header class="header" id="header">
24
- <nav class="nav container">
25
- <a href="#" class="nav__logo">
26
- <img src="assets/img/icon-main.svg" alt="image" id="icon-main"> Neural AI* Research
27
- </a>
28
-
29
- <div class="nav__menu">
30
- <ul class="nav__list">
31
- <li class="nav__item">
32
- <a href="#home" class="nav__link active-link">
33
- <i class="ri-home-line"></i>
34
- <span>Home</span>
35
- </a>
36
- </li>
37
-
38
- <li class="nav__item">
39
- <a href="#featured" class="nav__link">
40
- <i class="ri-sparkling-line"></i>
41
- <span>Outstanding product</span>
42
- </a>
43
- </li>
44
-
45
- <li class="nav__item">
46
- <a href="#discount" class="nav__link">
47
- <i class="ri-price-tag-3-line"></i>
48
- <span> Discount </span>
49
- </a>
50
- </li>
51
-
52
- <li class="nav__item">
53
- <a href="#testimonial" class="nav__link">
54
- <i class="ri-message-3-line"></i>
55
- <span>Evaluate</span>
56
- </a>
57
- </li>
58
- </ul>
59
- </div>
60
-
61
- <div class="nav__actions">
62
- <!-- Search button -->
63
- <i class="ri-search-line search-button" id="search-button"></i>
64
-
65
- <i class="ri-shopping-bag-line bag-button" id="bag-button"></i>
66
-
67
- <!-- Login button -->
68
- <i class="ri-user-line login-button" id="login-button"></i>
69
-
70
- <!-- Theme button -->
71
- <i class="ri-moon-line change-theme" id="theme-button"></i>
72
- </div>
73
- </nav>
74
- </header>
75
-
76
- <!--==================== SEARCH ====================-->
77
- <div class="search" id="search-content">
78
- <form action="" class="search__form">
79
- <i class="ri-search-line search__icon"></i>
80
- <input type="search" placeholder="What are you looking for?" class="search__input">
81
- </form>
82
-
83
- <i class="ri-close-line search__close" id="search-close"></i>
84
- </div>
85
-
86
- <!--=============== SHOPPING BAG ===============-->
87
- <div class="bag grid" id="bag-content">
88
- <form action="" class="bag__form grid">
89
- <h3 class="bag__title">Your cart</h3>
90
-
91
- <div class="bag__group grid">
92
- <div id="cartItemsContainer">
93
-
94
- </div>
95
- <div id="totalAmountContainer">
96
-
97
- </div>
98
- <button type="button" class="bag__button button" id="clearCart">Reset cart</button>
99
- <div>
100
- <h3>Recipient information</h3>
101
- <h4>Beneficiary bank: MBBank</h4>
102
- <h4>Beneficiary: NGUYEN TIEN DAT</h4>
103
- <h4>Beneficiary account: 1555 201314 2004</h4>
104
- <h4>Content: customer_product_buyDate</h4>
105
- </div>
106
- <div>
107
- <img src="assets/img/QR.jpg" alt="QR">
108
- </div>
109
-
110
- <button type="submit" class="bag__button button" id="checkOut">Check Out</button>
111
- </div>
112
- </form>
113
-
114
- <i class="ri-close-line bag__close" id="bag-close"></i>
115
- </div>
116
-
117
- <!--==================== LOGIN ====================-->
118
- <div class="login grid" id="login-content">
119
- <form action="" class="login__form grid">
120
- <h3 class="login__title">Login</h3>
121
-
122
- <div class="login__group grid">
123
- <div>
124
- <label for="login-email" class="login__label">Email</label>
125
- <input type="email" placeholder="Please enter email..." id="login-email" class="login__input">
126
- </div>
127
-
128
- <div>
129
- <label for="login-pass" class="login__label">Password</label>
130
- <input type="password" placeholder="Please enter a password..." id="login-pass" class="login__input">
131
- </div>
132
- </div>
133
-
134
- <div>
135
- <span class="login__signup">
136
- You don't have an account yet? <a href="#">Register now</a>
137
- </span>
138
-
139
- <a href="#" class="login__forgot">
140
- You forgot your password?
141
- </a>
142
-
143
- <button type="submit" class="login__button button">Log In</button>
144
- </div>
145
- </form>
146
-
147
- <i class="ri-close-line login__close" id="login-close"></i>
148
- </div>
149
-
150
- <!--==================== MAIN ====================-->
151
- <main class="main">
152
- <!--==================== HOME ====================-->
153
- <section class="home section" id="home">
154
- <div class="home__container container grid">
155
- <div class="home__data">
156
- <h1 class="home__title">
157
- Choose the best product for you
158
- </h1>
159
-
160
- <p class="home__description">
161
- Find our best AI medical products, discover products in all the latest designs, take advantage of 50% off and more.
162
- </p>
163
-
164
- <a href="#" class="button">Discover more</a>
165
- </div>
166
-
167
- <div class="home__images">
168
- <div class="home__swiper swiper">
169
- <div class="swiper-wrapper">
170
- <article class="home__article swiper-slide">
171
- <img src="assets/img/lung1.png" alt="image" class="home__img">
172
- </article>
173
-
174
- <article class="home__article swiper-slide">
175
- <img src="assets/img/lung2.jpg" alt="image" class="home__img">
176
- </article>
177
-
178
- <article class="home__article swiper-slide">
179
- <img src="assets/img/lung1.png" alt="image" class="home__img">
180
- </article>
181
-
182
- <article class="home__article swiper-slide">
183
- <img src="assets/img/lung1.png" alt="image" class="home__img">
184
- </article>
185
-
186
- <article class="home__article swiper-slide">
187
- <img src="assets/img/lung1.png" alt="image" class="home__img">
188
- </article>
189
-
190
- <article class="home__article swiper-slide">
191
- <img src="assets/img/lung1.png" alt="image" class="home__img">
192
- </article>
193
- </div>
194
- </div>
195
- </div>
196
- </div>
197
- </section>
198
-
199
- <!--==================== SERVICES ====================-->
200
- <section class="services section">
201
- <div class="services__container container grid">
202
- <article class="services__card">
203
- <i class="ri-truck-line"></i>
204
- <h3 class="services__title">Free usermanual</h3>
205
- <p class="services__description">For all product</p>
206
- </article>
207
-
208
- <article class="services__card">
209
- <i class="ri-lock-2-line"></i>
210
- <h3 class="services__title">Secure payment</h3>
211
- <p class="services__description">100% Secure payment</p>
212
- </article>
213
-
214
- <article class="services__card">
215
- <i class="ri-customer-service-2-line"></i>
216
- <h3 class="services__title">Supports 24/7</h3>
217
- <p class="services__description">Anytime</p>
218
- </article>
219
- </div>
220
- </section>
221
-
222
- <!--==================== FEATURED ====================-->
223
- <section class="featured section" id="featured">
224
- <h2 class="section__title">
225
- Best selling products
226
- </h2>
227
-
228
- <div class="featured__container container">
229
- <div class="featured__swiper swiper">
230
- <div class="swiper-wrapper">
231
- <article class="featured__card swiper-slide">
232
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
233
-
234
- <h2 class="featured__title">Lung Cancer Detection</h2>
235
- <div class="featured__prices">
236
- <span class="featured__discount" data-price="4350000">4.350.000 ₫</span>
237
- <span class="featured__price">4.470.000 ₫</span>
238
- </div>
239
-
240
- <button class="button" id="add-to-cart">Add to cart</button>
241
-
242
- <div class="featured__actions">
243
- <button><i class="ri-heart-3-line"></i></button>
244
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
245
- </div>
246
- </article>
247
-
248
- <article class="featured__card swiper-slide">
249
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
250
-
251
- <h2 class="featured__title">Lung Cancer Recognition</h2>
252
- <div class="featured__prices">
253
- <span class="featured__discount" data-price="4140000">4.140.000 ₫</span>
254
- <span class="featured__price">4.968.000 ₫</span>
255
- </div>
256
-
257
- <button class="button" id="add-to-cart">Add to cart</button>
258
-
259
- <div class="featured__actions">
260
- <button><i class="ri-heart-3-line"></i></button>
261
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
262
- </div>
263
- </article>
264
-
265
- <article class="featured__card swiper-slide">
266
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
267
-
268
- <h2 class="featured__title">Brain Tumor Detection</h2>
269
- <div class="featured__prices">
270
- <span class="featured__discount" data-price="4140000">4.140.000 ₫</span>
271
- <span class="featured__price">4.968.000 ₫</span>
272
- </div>
273
-
274
- <button class="button" id="add-to-cart">Add to cart</button>
275
-
276
- <div class="featured__actions">
277
- <button><i class="ri-heart-3-line"></i></button>
278
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
279
- </div>
280
- </article>
281
-
282
- <article class="featured__card swiper-slide">
283
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
284
-
285
- <h2 class="featured__title">Brain Tumor Detection v2</h2>
286
- <div class="featured__prices">
287
- <span class="featured__discount" data-price="3979000">3.979.000 ₫</span>
288
- <span class="featured__price">4.968.000 ₫</span>
289
- </div>
290
-
291
- <button class="button" id="add-to-cart">Add to cart</button>
292
-
293
- <div class="featured__actions">
294
- <button><i class="ri-heart-3-line"></i></button>
295
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
296
- </div>
297
- </article>
298
-
299
- <article class="featured__card swiper-slide">
300
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
301
-
302
- <h2 class="featured__title">Lung Cancer Detection v2</h2>
303
- <div class="featured__prices">
304
- <span class="featured__discount" data-price="3979000">3.979.000 ₫</span>
305
- <span class="featured__price">3.979.000 ₫</span>
306
- </div>
307
-
308
- <button class="button" id="add-to-cart">Add to cart</button>
309
-
310
- <div class="featured__actions">
311
- <button><i class="ri-heart-3-line"></i></button>
312
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
313
- </div>
314
- </article>
315
-
316
- <article class="featured__card swiper-slide">
317
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
318
-
319
- <h2 class="featured__title">Lung Cancer Recognition v2</h2>
320
- <div class="featured__prices">
321
- <span class="featured__discount" data-price="3720000">3.720.000 ₫</span>
322
- <span class="featured__price">4.464.000 ₫</span>
323
- </div>
324
-
325
- <button class="button" id="add-to-cart">Add to cart</button>
326
-
327
- <div class="featured__actions">
328
- <button><i class="ri-heart-3-line"></i></button>
329
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
330
- </div>
331
- </article>
332
-
333
- <article class="featured__card swiper-slide">
334
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
335
-
336
- <h2 class="featured__title">Brain Tumor Detection v2</h2>
337
- <div class="featured__prices">
338
- <span class="featured__discount" data-price="3240000">3.240.000 ₫</span>
339
- <span class="featured__price">3.350.000 ₫</span>
340
- </div>
341
-
342
- <button class="button" id="add-to-cart">Add to cart</button>
343
-
344
- <div class="featured__actions">
345
- <button><i class="ri-heart-3-line"></i></button>
346
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
347
- </div>
348
- </article>
349
-
350
- <article class="featured__card swiper-slide">
351
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
352
-
353
- <h2 class="featured__title">Brain Tumor Detection v3</h2>
354
- <div class="featured__prices">
355
- <span class="featured__discount" data-price="3220000">3.220.000 ₫</span>
356
- <span class="featured__price">3.350.000 ₫</span>
357
- </div>
358
-
359
- <button class="button" id="add-to-cart">Add to cart</button>
360
-
361
- <div class="featured__actions">
362
- <button><i class="ri-heart-3-line"></i></button>
363
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
364
- </div>
365
- </article>
366
-
367
- <article class="featured__card swiper-slide">
368
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
369
-
370
- <h2 class="featured__title">Brain Tumor Detection v4</h2>
371
- <div class="featured__prices">
372
- <span class="featured__discount" data-price="4329000">4.329.000 ₫</span>
373
- <span class="featured__price">4.350.000 ₫</span>
374
- </div>
375
-
376
- <button class="button" id="add-to-cart">Add to cart</button>
377
-
378
- <div class="featured__actions">
379
- <button><i class="ri-heart-3-line"></i></button>
380
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
381
- </div>
382
- </article>
383
-
384
- <article class="featured__card swiper-slide">
385
- <img src="assets/img/ai2.jpg" alt="image" class="featured__img">
386
-
387
- <h2 class="featured__title">Lung Cancer Detection v3</h2>
388
- <div class="featured__prices">
389
- <span class="featured__discount" data-price="3420000">3.420.000 ₫</span>
390
- <span class="featured__price">3.560.000 ₫</span>
391
- </div>
392
-
393
- <button class="button" id="add-to-cart">Add to cart</button>
394
-
395
- <div class="featured__actions">
396
- <button><i class="ri-search-line"></i></button>
397
- <button><i class="ri-heart-3-line"></i></button>
398
- <button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
399
- </div>
400
- </article>
401
- </div>
402
-
403
- <div class="swiper-button-prev">
404
- <i class="ri-arrow-left-s-line"></i>
405
- </div>
406
-
407
- <div class="swiper-button-next">
408
- <i class="ri-arrow-right-s-line"></i>
409
- </div>
410
- </div>
411
- </div>
412
- </section>
413
-
414
- <!--==================== DISCOUNT ====================-->
415
- <section class="discount section" id="discount">
416
- <div class="discount__container container grid">
417
- <div class="discount__data">
418
- <h2 class="discount__title section__title">
419
- Discount to 50%
420
- </h2>
421
-
422
- <p class="discount__description">
423
- Take advantage of the discount days we have for you, buy products from your favorite brands, the more you buy, the more discounts we have for you.
424
- </p>
425
-
426
- <a href="#" class="button">Buy Now</a>
427
- </div>
428
-
429
- <div class="discount__images">
430
- <img src="assets/img/ai5.jpg" alt="" class="discount__img-1">
431
- <img src="assets/img/ai3.jpg" alt="" class="discount__img-2">
432
- </div>
433
- </div>
434
- </section>
435
-
436
-
437
- <!--==================== JOIN ====================-->
438
- <section class="join section">
439
- <div class="join__container">
440
- <img src="assets/img/AI-banners.jpg" alt="image" class="join__bg">
441
-
442
- <div class="join__data container grid">
443
- <h2 class="join__title section__title">
444
- Sign up to receive <br>
445
- latest news
446
- </h2>
447
-
448
- <form action="" class="join__form">
449
- <input type="email" placeholder="Input your email..." class="join__input">
450
- <button type="submit" class="join__button button">Register</button>
451
- </form>
452
- </div>
453
- </div>
454
- </section>
455
-
456
- <!--==================== TESTIMONIAL ====================-->
457
- <section class="testimonial section" id="testimonial">
458
- <h2 class="section__title">
459
- Feedback from our customers
460
- </h2>
461
-
462
- <div class="testimonial__container container">
463
- <div class="testimonial__swiper swiper">
464
- <div class="swiper-wrapper">
465
- <article class="testimonial__card swiper-slide">
466
- <img src="assets/img/vinAi.png" alt="img" class="testimonial__img">
467
-
468
- <h2 class="testimonial__title">VinAI Research</h2>
469
- <p class="testimonial__description">
470
- The product is too good. In the future, there will be stronger cooperation with the lab
471
- </p>
472
-
473
- <div class="testimonial__stars">
474
- <i class="ri-star-fill"></i>
475
- <i class="ri-star-fill"></i>
476
- <i class="ri-star-fill"></i>
477
- <i class="ri-star-fill"></i>
478
- <i class="ri-star-half-fill"></i>
479
- </div>
480
- </article>
481
-
482
- <article class="testimonial__card swiper-slide">
483
- <img src="assets/img/huawei.png" alt="img" class="testimonial__img">
484
-
485
- <h2 class="testimonial__title">Huawei</h2>
486
- <p class="testimonial__description">
487
- The product is too good. In the future, there will be stronger cooperation with the lab
488
- </p>
489
-
490
- <div class="testimonial__stars">
491
- <i class="ri-star-fill"></i>
492
- <i class="ri-star-fill"></i>
493
- <i class="ri-star-fill"></i>
494
- <i class="ri-star-fill"></i>
495
- <i class="ri-star-half-fill"></i>
496
- </div>
497
- </article>
498
-
499
- <article class="testimonial__card swiper-slide">
500
- <img src="assets/img/peking.png" alt="img" class="testimonial__img">
501
-
502
- <h2 class="testimonial__title">Peking University</h2>
503
- <p class="testimonial__description">
504
- The product is too good. In the future, there will be stronger cooperation with the lab
505
- </p>
506
-
507
- <div class="testimonial__stars">
508
- <i class="ri-star-fill"></i>
509
- <i class="ri-star-fill"></i>
510
- <i class="ri-star-fill"></i>
511
- <i class="ri-star-fill"></i>
512
- <i class="ri-star-half-fill"></i>
513
- </div>
514
- </article>
515
-
516
- <article class="testimonial__card swiper-slide">
517
- <img src="assets/img/tsinghua.png" alt="img" class="testimonial__img">
518
-
519
- <h2 class="testimonial__title">Tsinghua University</h2>
520
- <p class="testimonial__description">
521
- The product is too good. In the future, there will be stronger cooperation with the lab
522
- </p>
523
-
524
- <div class="testimonial__stars">
525
- <i class="ri-star-fill"></i>
526
- <i class="ri-star-fill"></i>
527
- <i class="ri-star-fill"></i>
528
- <i class="ri-star-fill"></i>
529
- <i class="ri-star-half-fill"></i>
530
- </div>
531
- </article>
532
- </div>
533
- </div>
534
- </div>
535
- </section>
536
- </main>
537
-
538
- <!--==================== FOOTER ====================-->
539
- <footer class="footer">
540
- <div class="footer__container container grid">
541
- <div>
542
- <a href="../index.html" class="nav__logo">
543
- <img src="assets/img/icon-main.svg" alt="image" id="icon-main"> Neural AI* Research
544
- </a>
545
-
546
- <p class="footer__description">
547
- Find and discover our products, <br>
548
- the best products for you,<br> the best products for your health.
549
- </p>
550
- </div>
551
-
552
- <div class="footer__data grid">
553
- <div>
554
- <h3 class="footer__title">Ours</h3>
555
-
556
- <ul class="footer__links">
557
- <li>
558
- <a href="#" class="footer__link">Details</a>
559
- </li>
560
-
561
- <li>
562
- <a href="#" class="footer__link">FAQs</a>
563
- </li>
564
-
565
- <li>
566
- <a href="#" class="footer__link">Privacy policy</a>
567
- </li>
568
-
569
- <li>
570
- <a href="#" class="footer__link">Terms of service</a>
571
- </li>
572
- </ul>
573
- </div>
574
-
575
- <div>
576
- <h3 class="footer__title">Enterprise</h3>
577
-
578
- <ul class="footer__links">
579
- <li>
580
- <a href="#" class="footer__link">News</a>
581
- </li>
582
-
583
- <li>
584
- <a href="#" class="footer__link">Labratory</a>
585
- </li>
586
-
587
- <li>
588
- <a href="#" class="footer__link">Ours</a>
589
- </li>
590
-
591
- <li>
592
- <a href="#" class="footer__link">Support center</a>
593
- </li>
594
- </ul>
595
- </div>
596
-
597
- <div>
598
- <h3 class="footer__title">Contact</h3>
599
-
600
- <ul class="footer__links">
601
- <li>
602
- <address class="footer__info">
603
- Tsinghua Universiy <br>
604
- 30 Shuangqing Rd, Haidian District,<br> Beijing, China
605
- </address>
606
- </li>
607
-
608
- <li>
609
- <address class="footer__info">
610
- nguyendatdtqn@email.com <br>
611
- +86-3457-460-68
612
- </address>
613
- </li>
614
- </ul>
615
- </div>
616
-
617
- <div>
618
- <h3 class="footer__title">Find us</h3>
619
-
620
- <div class="footer__social">
621
- <a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
622
- <i class="ri-facebook-circle-line"></i>
623
- </a>
624
-
625
- <a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
626
- <i class="ri-instagram-line"></i>
627
- </a>
628
-
629
- <a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
630
- <i class="ri-twitter-x-line"></i>
631
- </a>
632
- </div>
633
- </div>
634
- </div>
635
- </div>
636
-
637
- <span class="footer__copy">
638
- &#169; All Rights Reserved By @ng.tdt204
639
- </span>
640
- </footer>
641
-
642
- <!--========== SCROLL UP ==========-->
643
- <a href="#" class="scrollup" id="scroll-up">
644
- <i class="ri-arrow-up-line"></i>
645
- </a>
646
-
647
- <!--=============== SCROLLREVEAL ===============-->
648
- <script src="assets/js/scrollreveal.min.js"></script>
649
-
650
- <!--=============== SWIPER JS ===============-->
651
- <script src="assets/js/swiper-bundle.min.js"></script>
652
-
653
- <!--=============== MAIN JS ===============-->
654
- <script src="assets/js/main.js"></script>
655
- </body>
656
- </html>