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="../../../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>