sachin.ganesh
/
anwi_website


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!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="./../../css/pages/productOverview.css">
    <title>project</title>
</head>

<body>

    <header class="productoverviewmain bg-green vh-100">

        <!-- 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 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/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/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/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/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/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/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/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>