Home and shopping cart pages
Цей коміт міститься в:
сторонній
+9
-2
@@ -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
@@ -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
|
||||
|
||||
@@ -128,17 +128,25 @@
|
||||
margin-top: 40px;
|
||||
}
|
||||
.banner-main-container {
|
||||
height: 275px;
|
||||
|
||||
text-align: center;
|
||||
.col-md-6 {
|
||||
margin-top: 0px;
|
||||
.button_dark{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
.hero-banner {
|
||||
background: #cccccc;
|
||||
// background: url(../../dist/assets/imgs/Home/All-in-one.png);
|
||||
// background-size: cover;
|
||||
background-position: 0;
|
||||
}
|
||||
.aw-main-features{
|
||||
display: none;
|
||||
}
|
||||
.mobile-text-center {
|
||||
text-align: center;
|
||||
@@ -186,6 +194,15 @@
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
.offer-main-sec{
|
||||
margin-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.offer-sec{
|
||||
p{
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-wrapper {
|
||||
.accordion-button,
|
||||
|
||||
@@ -16,9 +16,14 @@
|
||||
}
|
||||
.alert-display-sec {
|
||||
z-index: 1;
|
||||
.alert-dismissible{
|
||||
background:rgb(255 255 255 / 66%)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.warrenty-sec img{
|
||||
width: 40px;
|
||||
}
|
||||
#footer-head {
|
||||
.footer-wrapper.sec-space-1 {
|
||||
margin-top: 0;
|
||||
@@ -42,4 +47,7 @@
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
.mobile-cart-img img{
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
Посилання в новій задачі
Заблокувати користувача