headermuli

2023-01-19 18:45:21 +05:30
@@ -1,28 +1,66 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<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="../../../libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./../../css/main.css" />
    <title>project</title>
-  </head>
-  <body>
-    <div class=" bg-green vw-100 vh-100">
-        <div class="container h-100 text-white">
-            <div class="col-sm-4 padding_top_12 ">
-               <h1 class="banner_heading_4">Anwi xCreate</h1>
-                <div class="subtitle_12">2.5 Resolution | 120 Hz Refresh Rate</div>
-            </div>
-            <div class="col-sm-7">
+</head>

+<body>
+    <header class=" bg-green">
+        <div class="container vh-85 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>

-    </div>
+    </header>
+
+    <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+</body>

-  <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
-  </body>
 </html>