From 6c21a9aeab21e7aba67e9fc0f045c2ae3bdcea4b Mon Sep 17 00:00:00 2001
From: ananthvijay <ananthvijay@bizgaze.com>
Date: Tue, 31 Jan 2023 16:27:05 +0530
Subject: [PATCH] Home and shopping cart pages

---
 dist/html/pages/index.html         | 11 +++++++++--
 dist/html/pages/shopping-cart.html | 21 ++++++++++-----------
 styles/pages/_home.scss            | 21 +++++++++++++++++++--
 styles/pages/_shopping-cart.scss   | 10 +++++++++-
 4 files changed, 47 insertions(+), 16 deletions(-)

diff --git a/dist/html/pages/index.html b/dist/html/pages/index.html
index dcb7bd2..fd4523d 100644
--- a/dist/html/pages/index.html
+++ b/dist/html/pages/index.html
@@ -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 -->
diff --git a/dist/html/pages/shopping-cart.html b/dist/html/pages/shopping-cart.html
index eeb5f8e..4c79023 100644
--- a/dist/html/pages/shopping-cart.html
+++ b/dist/html/pages/shopping-cart.html
@@ -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
diff --git a/styles/pages/_home.scss b/styles/pages/_home.scss
index e55fc70..aaeeb11 100644
--- a/styles/pages/_home.scss
+++ b/styles/pages/_home.scss
@@ -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,
diff --git a/styles/pages/_shopping-cart.scss b/styles/pages/_shopping-cart.scss
index 7b484e6..4e81511 100644
--- a/styles/pages/_shopping-cart.scss
+++ b/styles/pages/_shopping-cart.scss
@@ -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;
+    }
 }
\ No newline at end of file