90 рядки
3.4 KiB
HTML
90 рядки
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
<link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="./../../css/main.css" />
|
|
<title>project</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class=" bg-green">
|
|
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-navbar -->
|
|
|
|
<div class="container vh-77 text-white ">
|
|
<div class="row h-100">
|
|
<div class="col-sm-4 padding_top_14 ">
|
|
<h1 class="banner_heading_4">Anwi XCreate</h1>
|
|
<div class="subtitle_1">2.5K Resolution | 120 Hz Refresh Rate</div>
|
|
</div>
|
|
<div class="col-sm-7 h-100">
|
|
<div class="d-flex align-items-end justify-content-end h-100">
|
|
<div class="photo_dual">
|
|
<img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="price_footer vh-15 py-4 ">
|
|
<div class="d-flex align-items-center container justify-content-between">
|
|
<div class="d-flex">
|
|
<div class="boxImgContainer">
|
|
<img class="w-100 h-100" src="./../../assets/box.png" alt="box" />
|
|
</div>
|
|
<div class="ps-3">
|
|
<div class="fw-bold">Delivery</div>
|
|
<div>See estimated delivery times by</div>
|
|
<div>entering your PIN code</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="pe-5">
|
|
<div class="font-1_5 fw-bold">$69,999.00</div>
|
|
<div class="d-flex align-items-center justify-content-end gap-1 priceCut_multi">
|
|
<span class="text-decoration-line-through pe-3">$ 89,999</span><span> Save $ 19,999</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<button>Add to Cart</button>
|
|
</div>
|
|
<div>No Cost EMI Available <span>Learn more</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
<section class="productOverview container">
|
|
<div class=" d-flex align-items-center container justify-content-between">
|
|
<div>Overview</div>
|
|
<div>The Laptop of tomorrow with
|
|
4K OLED Dual Screen for Creative Multitasking</div>
|
|
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
|
|
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
|
|
amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- footer -->
|
|
<div id="footer-head"></div>
|
|
<!-- end-footer -->
|
|
|
|
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<script src="../../js/navbar.js"></script>
|
|
<script src="../../js/footer.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |