Spaces:
Running
Running
Upload index_web2.html
Browse files- templates/index_web2.html +657 -0
templates/index_web2.html
ADDED
|
@@ -0,0 +1,657 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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="static/web2/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="static/web2/assets/css/swiper-bundle.min.css">
|
| 15 |
+
|
| 16 |
+
<!--=============== CSS ===============-->
|
| 17 |
+
<link rel="stylesheet" href="static/web2/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="static/web2/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="static/web2/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 class="login__form grid" id="loginForm">
|
| 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" required>
|
| 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" required>
|
| 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 id="loginMessage"></div>
|
| 149 |
+
</div>
|
| 150 |
+
|
| 151 |
+
<!--==================== MAIN ====================-->
|
| 152 |
+
<main class="main">
|
| 153 |
+
<!--==================== HOME ====================-->
|
| 154 |
+
<section class="home section" id="home">
|
| 155 |
+
<div class="home__container container grid">
|
| 156 |
+
<div class="home__data">
|
| 157 |
+
<h1 class="home__title">
|
| 158 |
+
Choose the best product for you
|
| 159 |
+
</h1>
|
| 160 |
+
|
| 161 |
+
<p class="home__description">
|
| 162 |
+
Find our best AI medical products, discover products in all the latest designs, take advantage of 50% off and more.
|
| 163 |
+
</p>
|
| 164 |
+
|
| 165 |
+
<a href="#" class="button">Discover more</a>
|
| 166 |
+
</div>
|
| 167 |
+
|
| 168 |
+
<div class="home__images">
|
| 169 |
+
<div class="home__swiper swiper">
|
| 170 |
+
<div class="swiper-wrapper">
|
| 171 |
+
<article class="home__article swiper-slide">
|
| 172 |
+
<img src="static/web2/assets/img/lung1.png" alt="image" class="home__img">
|
| 173 |
+
</article>
|
| 174 |
+
|
| 175 |
+
<article class="home__article swiper-slide">
|
| 176 |
+
<img src="static/web2/assets/img/lung2.jpg" alt="image" class="home__img">
|
| 177 |
+
</article>
|
| 178 |
+
|
| 179 |
+
<article class="home__article swiper-slide">
|
| 180 |
+
<img src="static/web2/assets/img/lung1.png" alt="image" class="home__img">
|
| 181 |
+
</article>
|
| 182 |
+
|
| 183 |
+
<article class="home__article swiper-slide">
|
| 184 |
+
<img src="static/web2/assets/img/lung1.png" alt="image" class="home__img">
|
| 185 |
+
</article>
|
| 186 |
+
|
| 187 |
+
<article class="home__article swiper-slide">
|
| 188 |
+
<img src="static/web2/assets/img/lung1.png" alt="image" class="home__img">
|
| 189 |
+
</article>
|
| 190 |
+
|
| 191 |
+
<article class="home__article swiper-slide">
|
| 192 |
+
<img src="static/web2/assets/img/lung1.png" alt="image" class="home__img">
|
| 193 |
+
</article>
|
| 194 |
+
</div>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
</div>
|
| 198 |
+
</section>
|
| 199 |
+
|
| 200 |
+
<!--==================== SERVICES ====================-->
|
| 201 |
+
<section class="services section">
|
| 202 |
+
<div class="services__container container grid">
|
| 203 |
+
<article class="services__card">
|
| 204 |
+
<i class="ri-truck-line"></i>
|
| 205 |
+
<h3 class="services__title">Free usermanual</h3>
|
| 206 |
+
<p class="services__description">For all product</p>
|
| 207 |
+
</article>
|
| 208 |
+
|
| 209 |
+
<article class="services__card">
|
| 210 |
+
<i class="ri-lock-2-line"></i>
|
| 211 |
+
<h3 class="services__title">Secure payment</h3>
|
| 212 |
+
<p class="services__description">100% Secure payment</p>
|
| 213 |
+
</article>
|
| 214 |
+
|
| 215 |
+
<article class="services__card">
|
| 216 |
+
<i class="ri-customer-service-2-line"></i>
|
| 217 |
+
<h3 class="services__title">Supports 24/7</h3>
|
| 218 |
+
<p class="services__description">Anytime</p>
|
| 219 |
+
</article>
|
| 220 |
+
</div>
|
| 221 |
+
</section>
|
| 222 |
+
|
| 223 |
+
<!--==================== FEATURED ====================-->
|
| 224 |
+
<section class="featured section" id="featured">
|
| 225 |
+
<h2 class="section__title">
|
| 226 |
+
Best selling products
|
| 227 |
+
</h2>
|
| 228 |
+
|
| 229 |
+
<div class="featured__container container">
|
| 230 |
+
<div class="featured__swiper swiper">
|
| 231 |
+
<div class="swiper-wrapper">
|
| 232 |
+
<article class="featured__card swiper-slide">
|
| 233 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 234 |
+
|
| 235 |
+
<h2 class="featured__title">Lung Cancer Detection</h2>
|
| 236 |
+
<div class="featured__prices">
|
| 237 |
+
<span class="featured__discount" data-price="4350000">4.350.000 ₫</span>
|
| 238 |
+
<span class="featured__price">4.470.000 ���</span>
|
| 239 |
+
</div>
|
| 240 |
+
|
| 241 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 242 |
+
|
| 243 |
+
<div class="featured__actions">
|
| 244 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 245 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 246 |
+
</div>
|
| 247 |
+
</article>
|
| 248 |
+
|
| 249 |
+
<article class="featured__card swiper-slide">
|
| 250 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 251 |
+
|
| 252 |
+
<h2 class="featured__title">Lung Cancer Recognition</h2>
|
| 253 |
+
<div class="featured__prices">
|
| 254 |
+
<span class="featured__discount" data-price="4140000">4.140.000 ₫</span>
|
| 255 |
+
<span class="featured__price">4.968.000 ₫</span>
|
| 256 |
+
</div>
|
| 257 |
+
|
| 258 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 259 |
+
|
| 260 |
+
<div class="featured__actions">
|
| 261 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 262 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 263 |
+
</div>
|
| 264 |
+
</article>
|
| 265 |
+
|
| 266 |
+
<article class="featured__card swiper-slide">
|
| 267 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 268 |
+
|
| 269 |
+
<h2 class="featured__title">Brain Tumor Detection</h2>
|
| 270 |
+
<div class="featured__prices">
|
| 271 |
+
<span class="featured__discount" data-price="4140000">4.140.000 ₫</span>
|
| 272 |
+
<span class="featured__price">4.968.000 ₫</span>
|
| 273 |
+
</div>
|
| 274 |
+
|
| 275 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 276 |
+
|
| 277 |
+
<div class="featured__actions">
|
| 278 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 279 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 280 |
+
</div>
|
| 281 |
+
</article>
|
| 282 |
+
|
| 283 |
+
<article class="featured__card swiper-slide">
|
| 284 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 285 |
+
|
| 286 |
+
<h2 class="featured__title">Brain Tumor Detection v2</h2>
|
| 287 |
+
<div class="featured__prices">
|
| 288 |
+
<span class="featured__discount" data-price="3979000">3.979.000 ₫</span>
|
| 289 |
+
<span class="featured__price">4.968.000 ₫</span>
|
| 290 |
+
</div>
|
| 291 |
+
|
| 292 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 293 |
+
|
| 294 |
+
<div class="featured__actions">
|
| 295 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 296 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 297 |
+
</div>
|
| 298 |
+
</article>
|
| 299 |
+
|
| 300 |
+
<article class="featured__card swiper-slide">
|
| 301 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 302 |
+
|
| 303 |
+
<h2 class="featured__title">Lung Cancer Detection v2</h2>
|
| 304 |
+
<div class="featured__prices">
|
| 305 |
+
<span class="featured__discount" data-price="3979000">3.979.000 ₫</span>
|
| 306 |
+
<span class="featured__price">3.979.000 ₫</span>
|
| 307 |
+
</div>
|
| 308 |
+
|
| 309 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 310 |
+
|
| 311 |
+
<div class="featured__actions">
|
| 312 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 313 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 314 |
+
</div>
|
| 315 |
+
</article>
|
| 316 |
+
|
| 317 |
+
<article class="featured__card swiper-slide">
|
| 318 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 319 |
+
|
| 320 |
+
<h2 class="featured__title">Lung Cancer Recognition v2</h2>
|
| 321 |
+
<div class="featured__prices">
|
| 322 |
+
<span class="featured__discount" data-price="3720000">3.720.000 ₫</span>
|
| 323 |
+
<span class="featured__price">4.464.000 ₫</span>
|
| 324 |
+
</div>
|
| 325 |
+
|
| 326 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 327 |
+
|
| 328 |
+
<div class="featured__actions">
|
| 329 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 330 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 331 |
+
</div>
|
| 332 |
+
</article>
|
| 333 |
+
|
| 334 |
+
<article class="featured__card swiper-slide">
|
| 335 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 336 |
+
|
| 337 |
+
<h2 class="featured__title">Brain Tumor Detection v2</h2>
|
| 338 |
+
<div class="featured__prices">
|
| 339 |
+
<span class="featured__discount" data-price="3240000">3.240.000 ₫</span>
|
| 340 |
+
<span class="featured__price">3.350.000 ₫</span>
|
| 341 |
+
</div>
|
| 342 |
+
|
| 343 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 344 |
+
|
| 345 |
+
<div class="featured__actions">
|
| 346 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 347 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 348 |
+
</div>
|
| 349 |
+
</article>
|
| 350 |
+
|
| 351 |
+
<article class="featured__card swiper-slide">
|
| 352 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 353 |
+
|
| 354 |
+
<h2 class="featured__title">Brain Tumor Detection v3</h2>
|
| 355 |
+
<div class="featured__prices">
|
| 356 |
+
<span class="featured__discount" data-price="3220000">3.220.000 ₫</span>
|
| 357 |
+
<span class="featured__price">3.350.000 ₫</span>
|
| 358 |
+
</div>
|
| 359 |
+
|
| 360 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 361 |
+
|
| 362 |
+
<div class="featured__actions">
|
| 363 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 364 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 365 |
+
</div>
|
| 366 |
+
</article>
|
| 367 |
+
|
| 368 |
+
<article class="featured__card swiper-slide">
|
| 369 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 370 |
+
|
| 371 |
+
<h2 class="featured__title">Brain Tumor Detection v4</h2>
|
| 372 |
+
<div class="featured__prices">
|
| 373 |
+
<span class="featured__discount" data-price="4329000">4.329.000 ₫</span>
|
| 374 |
+
<span class="featured__price">4.350.000 ₫</span>
|
| 375 |
+
</div>
|
| 376 |
+
|
| 377 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 378 |
+
|
| 379 |
+
<div class="featured__actions">
|
| 380 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 381 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 382 |
+
</div>
|
| 383 |
+
</article>
|
| 384 |
+
|
| 385 |
+
<article class="featured__card swiper-slide">
|
| 386 |
+
<img src="static/web2/assets/img/ai2.jpg" alt="image" class="featured__img">
|
| 387 |
+
|
| 388 |
+
<h2 class="featured__title">Lung Cancer Detection v3</h2>
|
| 389 |
+
<div class="featured__prices">
|
| 390 |
+
<span class="featured__discount" data-price="3420000">3.420.000 ₫</span>
|
| 391 |
+
<span class="featured__price">3.560.000 ₫</span>
|
| 392 |
+
</div>
|
| 393 |
+
|
| 394 |
+
<button class="button" id="add-to-cart">Add to cart</button>
|
| 395 |
+
|
| 396 |
+
<div class="featured__actions">
|
| 397 |
+
<button><i class="ri-search-line"></i></button>
|
| 398 |
+
<button><i class="ri-heart-3-line"></i></button>
|
| 399 |
+
<button><i class="ri-eye-line" onclick="openDetailPage()"></i></button>
|
| 400 |
+
</div>
|
| 401 |
+
</article>
|
| 402 |
+
</div>
|
| 403 |
+
|
| 404 |
+
<div class="swiper-button-prev">
|
| 405 |
+
<i class="ri-arrow-left-s-line"></i>
|
| 406 |
+
</div>
|
| 407 |
+
|
| 408 |
+
<div class="swiper-button-next">
|
| 409 |
+
<i class="ri-arrow-right-s-line"></i>
|
| 410 |
+
</div>
|
| 411 |
+
</div>
|
| 412 |
+
</div>
|
| 413 |
+
</section>
|
| 414 |
+
|
| 415 |
+
<!--==================== DISCOUNT ====================-->
|
| 416 |
+
<section class="discount section" id="discount">
|
| 417 |
+
<div class="discount__container container grid">
|
| 418 |
+
<div class="discount__data">
|
| 419 |
+
<h2 class="discount__title section__title">
|
| 420 |
+
Discount to 50%
|
| 421 |
+
</h2>
|
| 422 |
+
|
| 423 |
+
<p class="discount__description">
|
| 424 |
+
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.
|
| 425 |
+
</p>
|
| 426 |
+
|
| 427 |
+
<a href="#" class="button">Buy Now</a>
|
| 428 |
+
</div>
|
| 429 |
+
|
| 430 |
+
<div class="discount__images">
|
| 431 |
+
<img src="static/web2/assets/img/ai5.jpg" alt="" class="discount__img-1">
|
| 432 |
+
<img src="static/web2/assets/img/ai3.jpg" alt="" class="discount__img-2">
|
| 433 |
+
</div>
|
| 434 |
+
</div>
|
| 435 |
+
</section>
|
| 436 |
+
|
| 437 |
+
|
| 438 |
+
<!--==================== JOIN ====================-->
|
| 439 |
+
<section class="join section">
|
| 440 |
+
<div class="join__container">
|
| 441 |
+
<img src="static/web2/assets/img/AI-banners.jpg" alt="image" class="join__bg">
|
| 442 |
+
|
| 443 |
+
<div class="join__data container grid">
|
| 444 |
+
<h2 class="join__title section__title">
|
| 445 |
+
Sign up to receive <br>
|
| 446 |
+
latest news
|
| 447 |
+
</h2>
|
| 448 |
+
|
| 449 |
+
<form action="" class="join__form">
|
| 450 |
+
<input type="email" placeholder="Input your email..." class="join__input">
|
| 451 |
+
<button type="submit" class="join__button button">Register</button>
|
| 452 |
+
</form>
|
| 453 |
+
</div>
|
| 454 |
+
</div>
|
| 455 |
+
</section>
|
| 456 |
+
|
| 457 |
+
<!--==================== TESTIMONIAL ====================-->
|
| 458 |
+
<section class="testimonial section" id="testimonial">
|
| 459 |
+
<h2 class="section__title">
|
| 460 |
+
Feedback from our customers
|
| 461 |
+
</h2>
|
| 462 |
+
|
| 463 |
+
<div class="testimonial__container container">
|
| 464 |
+
<div class="testimonial__swiper swiper">
|
| 465 |
+
<div class="swiper-wrapper">
|
| 466 |
+
<article class="testimonial__card swiper-slide">
|
| 467 |
+
<img src="static/web2/assets/img/vinAi.png" alt="img" class="testimonial__img">
|
| 468 |
+
|
| 469 |
+
<h2 class="testimonial__title">VinAI Research</h2>
|
| 470 |
+
<p class="testimonial__description">
|
| 471 |
+
The product is too good. In the future, there will be stronger cooperation with the lab
|
| 472 |
+
</p>
|
| 473 |
+
|
| 474 |
+
<div class="testimonial__stars">
|
| 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-fill"></i>
|
| 479 |
+
<i class="ri-star-half-fill"></i>
|
| 480 |
+
</div>
|
| 481 |
+
</article>
|
| 482 |
+
|
| 483 |
+
<article class="testimonial__card swiper-slide">
|
| 484 |
+
<img src="static/web2/assets/img/huawei.png" alt="img" class="testimonial__img">
|
| 485 |
+
|
| 486 |
+
<h2 class="testimonial__title">Huawei</h2>
|
| 487 |
+
<p class="testimonial__description">
|
| 488 |
+
The product is too good. In the future, there will be stronger cooperation with the lab
|
| 489 |
+
</p>
|
| 490 |
+
|
| 491 |
+
<div class="testimonial__stars">
|
| 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-fill"></i>
|
| 496 |
+
<i class="ri-star-half-fill"></i>
|
| 497 |
+
</div>
|
| 498 |
+
</article>
|
| 499 |
+
|
| 500 |
+
<article class="testimonial__card swiper-slide">
|
| 501 |
+
<img src="static/web2/assets/img/peking.png" alt="img" class="testimonial__img">
|
| 502 |
+
|
| 503 |
+
<h2 class="testimonial__title">Peking University</h2>
|
| 504 |
+
<p class="testimonial__description">
|
| 505 |
+
The product is too good. In the future, there will be stronger cooperation with the lab
|
| 506 |
+
</p>
|
| 507 |
+
|
| 508 |
+
<div class="testimonial__stars">
|
| 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-fill"></i>
|
| 513 |
+
<i class="ri-star-half-fill"></i>
|
| 514 |
+
</div>
|
| 515 |
+
</article>
|
| 516 |
+
|
| 517 |
+
<article class="testimonial__card swiper-slide">
|
| 518 |
+
<img src="static/web2/assets/img/tsinghua.png" alt="img" class="testimonial__img">
|
| 519 |
+
|
| 520 |
+
<h2 class="testimonial__title">Tsinghua University</h2>
|
| 521 |
+
<p class="testimonial__description">
|
| 522 |
+
The product is too good. In the future, there will be stronger cooperation with the lab
|
| 523 |
+
</p>
|
| 524 |
+
|
| 525 |
+
<div class="testimonial__stars">
|
| 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-fill"></i>
|
| 530 |
+
<i class="ri-star-half-fill"></i>
|
| 531 |
+
</div>
|
| 532 |
+
</article>
|
| 533 |
+
</div>
|
| 534 |
+
</div>
|
| 535 |
+
</div>
|
| 536 |
+
</section>
|
| 537 |
+
</main>
|
| 538 |
+
|
| 539 |
+
<!--==================== FOOTER ====================-->
|
| 540 |
+
<footer class="footer">
|
| 541 |
+
<div class="footer__container container grid">
|
| 542 |
+
<div>
|
| 543 |
+
<a href="../index.html" class="nav__logo">
|
| 544 |
+
<img src="static/web2/assets/img/icon-main.svg" alt="image" id="icon-main"> Neural AI* Research
|
| 545 |
+
</a>
|
| 546 |
+
|
| 547 |
+
<p class="footer__description">
|
| 548 |
+
Find and discover our products, <br>
|
| 549 |
+
the best products for you,<br> the best products for your health.
|
| 550 |
+
</p>
|
| 551 |
+
</div>
|
| 552 |
+
|
| 553 |
+
<div class="footer__data grid">
|
| 554 |
+
<div>
|
| 555 |
+
<h3 class="footer__title">Ours</h3>
|
| 556 |
+
|
| 557 |
+
<ul class="footer__links">
|
| 558 |
+
<li>
|
| 559 |
+
<a href="#" class="footer__link">Details</a>
|
| 560 |
+
</li>
|
| 561 |
+
|
| 562 |
+
<li>
|
| 563 |
+
<a href="#" class="footer__link">FAQs</a>
|
| 564 |
+
</li>
|
| 565 |
+
|
| 566 |
+
<li>
|
| 567 |
+
<a href="#" class="footer__link">Privacy policy</a>
|
| 568 |
+
</li>
|
| 569 |
+
|
| 570 |
+
<li>
|
| 571 |
+
<a href="#" class="footer__link">Terms of service</a>
|
| 572 |
+
</li>
|
| 573 |
+
</ul>
|
| 574 |
+
</div>
|
| 575 |
+
|
| 576 |
+
<div>
|
| 577 |
+
<h3 class="footer__title">Enterprise</h3>
|
| 578 |
+
|
| 579 |
+
<ul class="footer__links">
|
| 580 |
+
<li>
|
| 581 |
+
<a href="#" class="footer__link">News</a>
|
| 582 |
+
</li>
|
| 583 |
+
|
| 584 |
+
<li>
|
| 585 |
+
<a href="#" class="footer__link">Labratory</a>
|
| 586 |
+
</li>
|
| 587 |
+
|
| 588 |
+
<li>
|
| 589 |
+
<a href="#" class="footer__link">Ours</a>
|
| 590 |
+
</li>
|
| 591 |
+
|
| 592 |
+
<li>
|
| 593 |
+
<a href="#" class="footer__link">Support center</a>
|
| 594 |
+
</li>
|
| 595 |
+
</ul>
|
| 596 |
+
</div>
|
| 597 |
+
|
| 598 |
+
<div>
|
| 599 |
+
<h3 class="footer__title">Contact</h3>
|
| 600 |
+
|
| 601 |
+
<ul class="footer__links">
|
| 602 |
+
<li>
|
| 603 |
+
<address class="footer__info">
|
| 604 |
+
Tsinghua Universiy <br>
|
| 605 |
+
30 Shuangqing Rd, Haidian District,<br> Beijing, China
|
| 606 |
+
</address>
|
| 607 |
+
</li>
|
| 608 |
+
|
| 609 |
+
<li>
|
| 610 |
+
<address class="footer__info">
|
| 611 |
+
nguyendatdtqn@thu.edu.cn<br>
|
| 612 |
+
+86-3457-460-68
|
| 613 |
+
</address>
|
| 614 |
+
</li>
|
| 615 |
+
</ul>
|
| 616 |
+
</div>
|
| 617 |
+
|
| 618 |
+
<div>
|
| 619 |
+
<h3 class="footer__title">Find us</h3>
|
| 620 |
+
|
| 621 |
+
<div class="footer__social">
|
| 622 |
+
<a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
|
| 623 |
+
<i class="ri-facebook-circle-line"></i>
|
| 624 |
+
</a>
|
| 625 |
+
|
| 626 |
+
<a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
|
| 627 |
+
<i class="ri-instagram-line"></i>
|
| 628 |
+
</a>
|
| 629 |
+
|
| 630 |
+
<a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
|
| 631 |
+
<i class="ri-twitter-x-line"></i>
|
| 632 |
+
</a>
|
| 633 |
+
</div>
|
| 634 |
+
</div>
|
| 635 |
+
</div>
|
| 636 |
+
</div>
|
| 637 |
+
|
| 638 |
+
<span class="footer__copy">
|
| 639 |
+
© All Rights Reserved By @ng.tdt204
|
| 640 |
+
</span>
|
| 641 |
+
</footer>
|
| 642 |
+
|
| 643 |
+
<!--========== SCROLL UP ==========-->
|
| 644 |
+
<a href="#" class="scrollup" id="scroll-up">
|
| 645 |
+
<i class="ri-arrow-up-line"></i>
|
| 646 |
+
</a>
|
| 647 |
+
|
| 648 |
+
<!--=============== SCROLLREVEAL ===============-->
|
| 649 |
+
<script src="static/web2/assets/js/scrollreveal.min.js"></script>
|
| 650 |
+
|
| 651 |
+
<!--=============== SWIPER JS ===============-->
|
| 652 |
+
<script src="static/web2/assets/js/swiper-bundle.min.js"></script>
|
| 653 |
+
|
| 654 |
+
<!--=============== MAIN JS ===============-->
|
| 655 |
+
<script src="static/web2/assets/js/main.js"></script>
|
| 656 |
+
</body>
|
| 657 |
+
</html>
|