138 lines
5.8 KiB
HTML
138 lines
5.8 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" />
|
|
<link rel="stylesheet" href="../../../styles/style.css">
|
|
<title>project</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="productoverviewmain vh-100">
|
|
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-navbar -->
|
|
|
|
<div class="container h-100 text-white ">
|
|
<div class="row h-100">
|
|
<div class="col-sm-4 padding_top_10 ">
|
|
<h1 class="banner_heading_4 pb-4">Anwi XCreate</h1>
|
|
<div class="subtitle_1 satoshi_font">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 py-4 w-100 ">
|
|
<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/imgs/box.png" alt="box" />
|
|
</div>
|
|
<div class="ps-3 ">
|
|
<div class="satoshi_font fw-700">Delivery</div>
|
|
<div class="satoshi_font">See estimated delivery times by</div>
|
|
<div class="satoshi_font ">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 flex-column p-6 align-items-center container justify-content-between">
|
|
<div class="font-1_7 overviewProductHeading fw-600">Overview</div>
|
|
<div class="font-2_2 text-center fw-bold overviewProductFullTitle">The Laptop of tomorrow with
|
|
4K OLED Dual Screen for Creative Multitasking</div>
|
|
<div class="overviewProductDes">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>
|
|
|
|
<!-- photos display -->
|
|
<div class="container PO_galleryContainer">
|
|
<div class="p-6 pt-0">
|
|
<div class="PO_gallery_display">
|
|
<img class="PO_gallery_display_img" src="./../../assets/imgs/laptop_display.png" />
|
|
</div>
|
|
<div class="d-flex h-200p pt-5 justify-content-between align-items-center">
|
|
<span class="PO_gallery_box h-100">
|
|
<div class="PO_gallery_box_inner h-100">
|
|
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
|
|
</div>
|
|
</span>
|
|
<span class="PO_gallery_box h-100">
|
|
<div class="PO_gallery_box_inner h-100">
|
|
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
|
|
</div>
|
|
</span>
|
|
<span class="PO_gallery_box h-100">
|
|
<div class="PO_gallery_box_inner h-100">
|
|
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
|
|
</div>
|
|
</span>
|
|
<span class="PO_gallery_box h-100">
|
|
<div class="PO_gallery_box_inner h-100">
|
|
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
|
|
</div>
|
|
</span>
|
|
<span class="PO_gallery_box h-100">
|
|
<div class="PO_gallery_box_inner h-100">
|
|
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
|
|
</div>
|
|
</span>
|
|
<span class="PO_gallery_box h-100">
|
|
<div class="PO_gallery_box_inner h-100">
|
|
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
|
|
</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- photos display end -->
|
|
|
|
|
|
<!-- specs -->
|
|
|
|
<!-- specs end -->
|
|
|
|
<!-- 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> |