Home and shopping cart pages

This commit is contained in:
2023-01-31 16:27:05 +05:30
parent c9b12f29ed
commit 6c21a9aeab
4 changed files with 47 additions and 16 deletions
+9 -2
View File
@@ -31,17 +31,24 @@
<h5 class="mb-4">AIO24 - 1700N</h5>
<h1 class="banner_heading_4 mb-4">All-in-One</h1>
<h6 class="subtitle_1 mb-4">Extraordinary Performance and Unparalleled Flexibility</h6>
<a class="btn btn-dark button_dark" href="#">Learn
<a class="btn btn-dark button_dark" href="#">Know
More</a>
</div>
<div class="col-md-12 d-block d-sm-none">
<img src="../../assets/imgs/Home/all-in-one-mobile.png" class="img-fluid" alt="mobile-all-in-one">
</div>
</div>
</section>
<section class="offer-main-sec py-2 mb-3">
<div class="offer-sec bg-white shadow rounded ms-auto
col-md-4">
<p class="py-3 text-center satoshi_font">Flat <span class="fw-bold"> 4,500</span> Instant Discount with HDFC credit card</p>
<p class="py-3 text-center satoshi_font">Flat <span class="fw-bold"> 4,500</span> Instant Discount with HDFC Credit Card</p>
</div>
</section>
<div class="col-5 d-block d-sm-none">
<a class="btn btn-dark button_dark mb-4" href="#">Know
More</a>
</div>
</div>
</section>
<!-- end-banner -->
+10 -11
View File
@@ -45,10 +45,10 @@
<div class="container pt-4">
<div class="row align-items-center bg-white rounded d-none d-sm-flex shopping-cart-details-row-1 ">
<div class="col-md-2">
<h6>All</h6>
<h6 class="text-center">All</h6>
</div>
<div class="col-md-4">
<h6>Product Name</h6>
<h6 class="text-center">Product Name</h6>
</div>
<div class="col-md-2">
<h6>Price</h6>
@@ -111,12 +111,12 @@
</div>
</div>
</div>
<div class="row bg-white rounded d-block d-sm-none ">
<div class="bg-white rounded d-block d-sm-none ">
<div class="card mb-3" style="max-width: 540px;">
<div class="mx-auto mobile-cart-img">
<img src="../../assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">
</div>
<div class="d-flex align-items-center g-0">
<div class="col-md-4">
<img src="../../assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="mb-0"> Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe SSD.</p>
@@ -164,8 +164,8 @@
</div>
</div>
</div>
<div class="alert-display-sec position-fixed w-100 bottom-0">
<div class="alert alert-white bg-white border
<div class="alert-display-sec position-fixed w-100 bottom-0 ">
<div class="alert alert-white border
border-end-0 border-start-0 mb-0 rounded-0
alert-dismissible fade show" role="alert">
<div class="container">
@@ -182,8 +182,7 @@
<h2 class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
</svg> 54,999.00</h01>
<a class="btn btn-dark
button_dark" href="#">Check
<a class="btn btn-dark button_dark" href="#">Check
Out</a>
</div>
</div>
@@ -304,7 +303,7 @@
</div>
<div class=" delivery-to-sec sec-space-3 d-none d-sm-block">
<div class=" container ">
<div class=" col-md-5 ">
<div class="col-md-7 col-lg-5">
<div class=" d-flex align-items-center justify-content-around ">
<div class=" px-0 ">
<h6>Delivery to