BTL_WebBasics / static /web2 /detail.html
datnguyentien204's picture
Upload 450 files
3c5d3da verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--=============== FAVICON ===============-->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!--=============== REMIXICONS ===============-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css">
<!--=============== SWIPER CSS ===============-->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!--=============== CSS ===============-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>Basic web design</title>
</head>
<body>
<header class="header" id="header">
<nav class="nav container">
<a href="../index.html" class="nav__logo">
<img src="assets/img/icon-main.svg" alt="image" id="icon-main"> Neural AI* Research
</a>
<div class="nav__menu">
<ul class="nav__list">
<li class="nav__item">
<a href="#home" class="nav__link active-link">
<i class="ri-home-line"></i>
<span>Home</span>
</a>
</li>
<li class="nav__item">
<a href="#featured" class="nav__link">
<i class="ri-sparkling-line"></i>
<span>Outstanding product</span>
</a>
</li>
<li class="nav__item">
<a href="#discount" class="nav__link">
<i class="ri-price-tag-3-line"></i>
<span> Discount </span>
</a>
</li>
<li class="nav__item">
<a href="#testimonial" class="nav__link">
<i class="ri-message-3-line"></i>
<span>Evaluate</span>
</a>
</li>
</ul>
</div>
<div class="nav__actions">
<!-- Search button -->
<i class="ri-search-line search-button" id="search-button"></i>
<i class="ri-shopping-bag-line bag-button" id="bag-button"></i>
<!-- Login button -->
<i class="ri-user-line login-button" id="login-button"></i>
<!-- Theme button -->
<i class="ri-moon-line change-theme" id="theme-button"></i>
</div>
</nav>
</header>
<!--==================== SEARCH ====================-->
<div class="search" id="search-content">
<form action="" class="search__form">
<i class="ri-search-line search__icon"></i>
<input type="search" placeholder="What are you looking for?" class="search__input">
</form>
<i class="ri-close-line search__close" id="search-close"></i>
</div>
<!--=============== SHOPPING BAG ===============-->
<div class="bag grid" id="bag-content">
<form action="" class="bag__form grid">
<h3 class="bag__title">Your cart</h3>
<div class="bag__group grid">
<div id="cartItemsContainer">
</div>
<div id="totalAmountContainer">
</div>
<button type="button" class="bag__button button" id="clearCart">Reset cart</button>
<div>
<h3>Recipient information</h3>
<h4>Beneficiary bank: MBBank</h4>
<h4>Beneficiary: NGUYEN TIEN DAT</h4>
<h4>Beneficiary account: 1555 201314 2004</h4>
<h4>Content: customer_product_buyDate</h4>
</div>
<div>
<img src="assets/img/QR.jpg" alt="QR">
</div>
<button type="submit" class="bag__button button" id="checkOut">Thanh toán</button>
</div>
</form>
<i class="ri-close-line bag__close" id="bag-close"></i>
</div>
<!--==================== LOGIN ====================-->
<div class="login grid" id="login-content">
<form action="" class="login__form grid">
<h3 class="login__title">Login</h3>
<div class="login__group grid">
<div>
<label for="login-email" class="login__label">Email</label>
<input type="email" placeholder="Please enter email..." id="login-email" class="login__input">
</div>
<div>
<label for="login-pass" class="login__label">Password</label>
<input type="password" placeholder="Please enter a password..." id="login-pass" class="login__input">
</div>
</div>
<div>
<span class="login__signup">
You don't have an account yet? <a href="#">Register now</a>
</span>
<a href="#" class="login__forgot">
You forgot your password?
</a>
<button type="submit" class="login__button button">Log In</button>
</div>
</form>
<i class="ri-close-line login__close" id="login-close"></i>
</div>
<!--==================== MAIN ====================-->
<main class="main">
<!--==================== DETAIL SECTION ====================-->
<section class="detail section">
<div class="product__title">
<h2 class="title">Lung Cancer Segmentation</h2>
</div>
<div style="clear: both;"></div>
<div class="product__info">
<div class="product__img">
<img src="assets/img/ai3.jpg" alt="image">
</div>
<div class="product__detail">
<h3 class="product__about">Technical Specifications</h3>
<p class="detail">
- Method: Deep Learning <br>
- Models: UNet, SegNet, V-Net <br>
- Datasets: LIDC-IDRI, NSCLC Radiomics, Kaggle Data Science Bowl <br>
- Accuracy: 85-95% depending on dataset and preprocessing <br>
- Training Time: 12-48 hours <br>
- Hardware Requirements: NVIDIA Tesla V100 GPU, 32GB RAM <br>
- Programming Language: Python <br>
- Libraries: TensorFlow, Keras, PyTorch <br>
- Operating System: Ubuntu 18.04 <br>
- Developer: Neural* AI Research Lab & TsinghuaAIR Lab <br>
</p>
</div>
</div>
<div class="product__add2cart">
</div>
</section>
<!--==================== JOIN ====================-->
<!--==================== JOIN ====================-->
<section class="join section">
<div class="join__container">
<img src="assets/img/AI-banners.jpg" alt="image" class="join__bg">
<div class="join__data container grid">
<h2 class="join__title section__title">
Sign up to receive <br>
latest news
</h2>
<form action="" class="join__form">
<input type="email" placeholder="Input your email..." class="join__input">
<button type="submit" class="join__button button">Register</button>
</form>
</div>
</div>
</section>
<!--==================== TESTIMONIAL ====================-->
<section class="testimonial section" id="testimonial">
<h2 class="section__title">
Feedback from our customers
</h2>
<div class="testimonial__container container">
<div class="testimonial__swiper swiper">
<div class="swiper-wrapper">
<article class="testimonial__card swiper-slide">
<img src="assets/img/vinAi.png" alt="img" class="testimonial__img">
<h2 class="testimonial__title">VinAI Research</h2>
<p class="testimonial__description">
The product is too good. In the future, there will be stronger cooperation with the lab
</p>
<div class="testimonial__stars">
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-half-fill"></i>
</div>
</article>
<article class="testimonial__card swiper-slide">
<img src="assets/img/huawei.png" alt="img" class="testimonial__img">
<h2 class="testimonial__title">Huawei</h2>
<p class="testimonial__description">
The product is too good. In the future, there will be stronger cooperation with the lab
</p>
<div class="testimonial__stars">
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-half-fill"></i>
</div>
</article>
<article class="testimonial__card swiper-slide">
<img src="assets/img/peking.png" alt="img" class="testimonial__img">
<h2 class="testimonial__title">Peking University</h2>
<p class="testimonial__description">
The product is too good. In the future, there will be stronger cooperation with the lab
</p>
<div class="testimonial__stars">
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-half-fill"></i>
</div>
</article>
<article class="testimonial__card swiper-slide">
<img src="assets/img/tsinghua.png" alt="img" class="testimonial__img">
<h2 class="testimonial__title">Tsinghua University</h2>
<p class="testimonial__description">
The product is too good. In the future, there will be stronger cooperation with the lab
</p>
<div class="testimonial__stars">
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-fill"></i>
<i class="ri-star-half-fill"></i>
</div>
</article>
</div>
</div>
</div>
</section>
</main>
<!--==================== FOOTER ====================-->
<footer class="footer">
<div class="footer__container container grid">
<div>
<a href="#" class="nav__logo">
<img src="assets/img/icon-main.svg" alt="image" id="icon-main"> Neural AI* Research
</a>
<p class="footer__description">
Find and discover our products, <br>
the best products for you,<br> the best products for your health.
</p>
</div>
<div class="footer__data grid">
<div>
<h3 class="footer__title">Ours</h3>
<ul class="footer__links">
<li>
<a href="#" class="footer__link">Details</a>
</li>
<li>
<a href="#" class="footer__link">FAQs</a>
</li>
<li>
<a href="#" class="footer__link">Privacy policy</a>
</li>
<li>
<a href="#" class="footer__link">Terms of service</a>
</li>
</ul>
</div>
<div>
<h3 class="footer__title">Enterprise</h3>
<ul class="footer__links">
<li>
<a href="#" class="footer__link">News</a>
</li>
<li>
<a href="#" class="footer__link">Labratory</a>
</li>
<li>
<a href="#" class="footer__link">Ours</a>
</li>
<li>
<a href="#" class="footer__link">Support center</a>
</li>
</ul>
</div>
<div>
<h3 class="footer__title">Contact</h3>
<ul class="footer__links">
<li>
<address class="footer__info">
Tsinghua Universiy <br>
30 Shuangqing Rd, Haidian District,<br> Beijing, China
</address>
</li>
<li>
<address class="footer__info">
nguyendatdtqn@email.com <br>
+86-3457-460-68
</address>
</li>
</ul>
</div>
<div>
<h3 class="footer__title">Find us</h3>
<div class="footer__social">
<a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
<i class="ri-facebook-circle-line"></i>
</a>
<a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
<i class="ri-instagram-line"></i>
</a>
<a href="https://www.facebook.com/charrise.elaina/?locale=vi_VN" target="_blank" class="footer__social-link">
<i class="ri-twitter-x-line"></i>
</a>
</div>
</div>
</div>
</div>
<span class="footer__copy">
&#169; All Rights Reserved By @ng.tdt204
</span>
</footer>
<!--========== SCROLL UP ==========-->
<a href="#" class="scrollup" id="scroll-up">
<i class="ri-arrow-up-line"></i>
</a>
<!--=============== SCROLLREVEAL ===============-->
<script src="assets/js/scrollreveal.min.js"></script>
<!--=============== SWIPER JS ===============-->
<script src="assets/js/swiper-bundle.min.js"></script>
<!--=============== MAIN JS ===============-->
<script src="assets/js/main.js"></script>
</body>
</html>