2023-02-01 17:36:30 +05:30
<!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" />
2023-04-24 15:15:49 +05:30
2023-02-01 17:36:30 +05:30
< link rel = "stylesheet" href = "./libs/bootstrap/css/bootstrap.min.css" />
< link rel = "stylesheet" href = "./dist/css/main.css" />
< link rel = "stylesheet" href = "./styles/style.css" >
2023-04-17 11:11:03 +05:30
< link rel = "stylesheet" href = "./libs/owlcarousel/Css/owl.carousel.min.css" >
< link rel = "stylesheet" href = "./libs/owlcarousel/Css/owl.theme.default.min.css" >
< link rel = "stylesheet" href = "./style.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/bootstrap.min.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/bootstrap.min.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/vandella.css" >
< link rel = "stylesheet" href = "./dist/css/vendor/jellybelly.css" >
<!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
< link rel = "stylesheet" href = "./dist/css/vendor/fontello.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/easyzoom.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/slick.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/nice-select.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/animate.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/magnific-popup.css" >
< link rel = "stylesheet" href = "./dist/css/plugins/jquery-ui.css" >
< link rel = "stylesheet" href = "./dist/css/style.css" >
< link rel = "stylesheet" href = "./dist/css/fontawesome.all.min.css" >
< link rel = "stylesheet" href = "./dist/css/fontawesome.min.css" >
2023-04-24 15:15:49 +05:30
< title > Anwi</ title >
2023-04-28 15:43:17 +05:30
2023-05-05 12:08:51 +05:30
< style >
*,* :: after , :: before {
box-sizing : border-box ;
padding : 0 ;
margin : 0 ;
}
</ style >
2023-02-01 17:36:30 +05:30
</ head >
< body >
2023-02-03 12:01:57 +05:30
<!-- navbar -->
< div id = "navbar-head" class = "bg-white" ></ div >
<!-- end-navbar -->
2023-04-24 18:25:18 +05:30
2023-02-01 17:36:30 +05:30
<!-- main-body -->
2023-04-28 15:43:17 +05:30
< main class = "shopping-cart-main-container main-body pb-0 " >
2023-04-24 18:25:18 +05:30
< section class = "services h-100 pt-3 bg-gradient-anwi" >
< div class = "container pt-5 " >
< div class = "text-center text-white " >
</ div >
</ div >
</ section >
2023-04-24 15:15:49 +05:30
< section class = "bg-white d-none" >
2023-02-01 17:36:30 +05:30
< div class = "cart-sec-highlighter d-none d-sm-block" >
< div class = "container" >
< div class = "row align-items-center py-4 justify-content-around" >
< div class = "col-md-2" >
< h5 > 1. Shopping-cart </ h5 >
</ div >
< div class = "col-md-2 border-bottom border-dark" ></ div >
< div class = "col-md-2" >
< h5 class = "text-muted" > 2. Check-out </ h5 >
</ div >
< div class = "col-md-2 border-bottom border-dark" ></ div >
< div class = "col-md-2" >
< h5 class = "text-muted" > 3. Review </ h5 >
</ div >
</ div >
</ div >
</ div >
</ section >
2023-04-28 15:43:17 +05:30
< div class = "shopping-cart-details py-5 bg-gradient-violet h-100" >
2023-02-01 17:36:30 +05:30
< div class = "container pt-4" >
2023-04-24 18:25:18 +05:30
< div class = "row align-items-center bg-white border-radius-top py-1 d-none d-md-flex shopping-cart-details-row-1 border-bottom" >
2023-02-01 17:36:30 +05:30
< div class = "col-md-2" >
2023-04-24 18:25:18 +05:30
< h6 class = "" > Product Image</ h6 >
2023-02-01 17:36:30 +05:30
</ div >
< div class = "col-md-4" >
2023-04-24 18:25:18 +05:30
< h6 > Product Name</ h6 >
2023-02-01 17:36:30 +05:30
</ div >
< div class = "col-md-2" >
< h6 > Price</ h6 >
</ div >
< div class = "col-md-2" >
< h6 > Quantity</ h6 >
</ div >
< div class = "col-md-2" >
< h6 > Total</ h6 >
</ div >
</ div >
2023-04-24 15:15:49 +05:30
< div class = "appendItems" >
</ div >
< div class = "emptyShow row d-none" >
2023-05-25 12:32:11 +05:30
< div class = "bg-white innerEmptyShow p-5 d-flex flex-column align-items-center justify-content-center gap-2" >
< p > < span >< i class = "fa fa-cart-shopping" ></ i ></ span >
< span > Your Card is Empty</ span ></ p >
< p >< a class = "btn btn-dark button_dark" href = "index.html" > Continue Shopping</ a ></ p >
2023-04-24 15:15:49 +05:30
</ div >
</ div >
< div class = "d-flex justify-content-end align-items-center pt-4" >
2023-04-28 15:43:17 +05:30
< div class = " checkoutbtn bg-gradient-anwi btn btn-sm mt-3 text-white px-4" >< div class = "spinner-border d-none" role = "status" >
2023-04-24 15:15:49 +05:30
</ div >< span > Check out</ span ></ div >
</ div >
<!-- append -->
<!-- <div class="row bg-white mt-3 rounded py-3 d-none d-sm-flex ">
2023-02-01 17:36:30 +05:30
<div class="col-md-2"><img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid"></div>
<div class="col-md-4">
<p class="mb-0">Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe SSD.</p>
<small>Xiaomi Technology India Private Limited</small>
<span class="badge text-bg-warning">8 Offers ></span>
</div>
<div class="col-md-2">
<p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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</p>
</div>
<div class="col-md-2">
<p>Max 1 per order</p>
</div>
<div class="col-md-2">
<div class="d-flex justify-content-between">
<p class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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</p>
<span>x</span>
</div>
</div>
<div class="warrenty-sec px-3 sec-space-4">
<div class="row align-items-center border
py-2 mx-4">
<div class="col-md-8">
<p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
</div>
<div class="col-md-3">
<p class="text-end mb-0"> ₹3,200 (2 year)
</p>
</div>
</div>
<div class="row align-items-center border
py-2 mx-4 mt-3">
<div class="col-md-8">
<p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
</div>
<div class="col-md-3">
<p class="text-end mb-0"> ₹2,900 (2 year)
</p>
</div>
</div>
</div>
2023-04-24 15:15:49 +05:30
</div> -->
<!-- append -->
< div class = "bg-white rounded d-none " >
<!-- <div class="bg-white rounded d-block d-sm-none "> -->
2023-02-06 19:16:15 +05:30
< div class = "card mb-3 mt-5" style = "max-width: 540px;" >
2023-02-01 17:36:30 +05:30
< div class = "mx-auto mobile-cart-img" >
2023-05-25 12:32:11 +05:30
< img src = "{img}" alt = "shopping-cart-item-img" class = "img-fluid" >
2023-02-01 17:36:30 +05:30
</ div >
< div class = "d-flex align-items-center g-0" >
< 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 >
< small > Xiaomi Technology India Private Limited</ small >
< span class = "badge text-bg-warning" > 8 Offers ></ span >
</ div >
</ div >
</ div >
< div class = "card-footer bg-white border-0" >
< div class = "d-flex justify-content-between" >
< p >< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" 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</ p >
< p > Max 1 per order</ p >
< p > x</ p >
</ div >
</ div >
< div class = "warrenty-sec sec-space-4" >
< div class = "row align-items-center border
py-2 mx-4" >
< div class = "col-md-8" >
< p class = "mb-0" > < img src = "./dist/assets/imgs/Home/Anwi-cart-logo.png" alt = "shopping-cart-item-img" > Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </ p >
</ div >
< div class = "col-md-3" >
< p class = "text-end mb-0" > ₹3,200 (2 year)
</ p >
</ div >
</ div >
< div class = "row align-items-center border
py-2 mx-4" >
< div class = "col-md-8" >
< p class = "mb-0" > < img src = "./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt = "shopping-cart-item-img" > Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </ p >
</ div >
< div class = "col-md-3" >
< p class = "text-end mb-0" > ₹2,900 (2 year)
</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
2023-04-24 15:15:49 +05:30
< div class = "alert-display-sec position-fixed d-none w-100 bottom-0 " >
2023-02-01 17:36:30 +05:30
< 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" >
< div class = "row align-items-center" >
< div class = "col-md-7" >
< div class = "d-flex align-items-center " >
< p class = "mb-0 text-dark" > You have selected 1 item out of all 1 item
</ p >
< button type = "button" class = "btn-close" data-bs-dismiss = "alert" aria-label = "Close" ></ button >
</ div >
</ div >
< div class = "col-md-5 mt-2" >
< div class = "d-flex justify-content-end" >
< 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
Out</ a >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
<!-- buy-together-sec -->
2023-04-24 15:15:49 +05:30
< div class = "d-none buy-together-sec" >
2023-02-01 17:36:30 +05:30
< div class = "container" >
< div class = "row bg-white px-4" >
< h5 class = "py-3 border-bottom" > Buy Together
</ h5 >
< div class = "special-offers px-0" >
< div class = "px-0" >
< h6 class = "text-muted" > Special Offer Exclusive with your purchase</ h6 >
</ div >
< div class = "row" >
< div class = "col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto" >
< div class = "card mb-3" >
< div class = "row g-0 align-items-center" >
< div class = "col-md-4 text-center" >
< img src = "./dist/assets/imgs/Home/anwi-bag.png" class = "img-fluid rounded-start h-100p " alt = "shopping-cart-item-img" >
</ div >
< div class = "col-md-8" >
< div class = "card-body" >
< p class = "card-title" > Anwi Step Out Backpack Dark Blue
</ p >
< p class = "card-text" >< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" 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 > 199
< del class = "text-muted" >
< small class = "text-muted" >< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" 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 >
499</ small ></ del >
</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = "col-md-1 d-lg-block d-sm-none d-md-none" ></ div >
< div class = "col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto" >
< div class = "card mb-3" >
< div class = "row g-0 align-items-center" >
< div class = "col-md-4 text-center" >
< img src = "./dist/assets/imgs/Home/head-phone.png" class = "img-fluid rounded-start h-100p " alt = "shopping-cart-item-img" >
</ div >
< div class = "col-md-8" >
< div class = "card-body" >
< p class = "card-title" > Anwi Dark Black Earphones
</ p >
< p class = "card-text" >< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" 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 > 2500
< del class = "text-muted" >
< small class = "text-muted" >< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" 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 >
4999</ small ></ del >
</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = "px-0" >
< h6 class = "text-muted" > Limited Period Offer Exclusive with your purchase
</ h6 >
</ div >
< div class = "row" >
< div class = "col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto" >
< div class = "card mb-3" >
< div class = "row g-0 align-items-center" >
< div class = "col-md-4 ps-2 " >
< img src = "./dist/assets/imgs/Home/Anwi-keyboard.png" class = "img-fluid rounded-start" alt = "shopping-cart-item-img" >
</ div >
< div class = "col-md-8" >
< div class = "card-body" >
< p class = "card-title" > Anwi Ultra Keyboard
</ p >
< p class = "card-text" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" 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 > 1999
2023-04-24 15:15:49 +05:30
2023-02-01 17:36:30 +05:30
</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
<!-- buy-together-sec -->
<!-- delivery to -->
< div class = " delivery-to-sec sec-space-3 d-block d-sm-none " >
2023-04-24 15:15:49 +05:30
<!-- <div class=" delivery-to-sec sec-space-3 d-block d-sm-none "> -->
< div class = " container d-none" >
2023-02-01 17:36:30 +05:30
< div class = " col-md-5 " >
< div class = " d-flex align-items-center justify-content-around p-1" >
< div class = " px-0 " >
< p class = "mb-0" > Delivery to
</ p >
</ div >
< div class = " px-0 " >
< input type = "text" placeholder = " Input pincode to check " class = "p-1" >
</ div >
< a class = " btn btn-dark button_dark " href = " # " > Delivery</ a >
</ div >
</ div >
</ div >
</ div >
< div class = " delivery-to-sec sec-space-3 d-none d-sm-block" >
2023-04-24 15:15:49 +05:30
< div class = " container d-none" >
2023-02-01 17:36:30 +05:30
< 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
</ h6 >
</ div >
< div class = " px-0 " >
< input type = "text" placeholder = " Input pincode to check " class = "p-1" >
</ div >
< a class = " btn btn-dark button_dark " href = " # " > Delivery</ a >
</ div >
</ div >
</ div >
</ div >
<!-- delivery to -->
</ div >
</ main >
2023-04-25 17:00:37 +05:30
<!-- modal -->
<!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#deletecartmodal">
Launch demo modal
</button> -->
<!-- Modal -->
< div class = "modal fade" id = "deletecartmodal" tabindex = "-1" aria-labelledby = "modalremovecart" aria-hidden = "true" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< h1 class = "modal-title fs-5" id = "modalremovecart" > Modal title</ h1 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" ></ button >
</ div >
< div class = "modal-body" >
< div >
Are you sure? You want to delete this item?
</ div >
</ div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-secondary" data-bs-dismiss = "modal" > Close</ button >
< button type = "button" data-bs-dismiss = "modal" class = "btn btn-danger removeitemcartmodal" > Remove item</ button >
</ div >
</ div >
</ div >
</ div >
<!-- modal -->
2023-02-01 17:36:30 +05:30
<!-- footer -->
< div id = "footer-head" ></ div >
<!-- end-footer -->
< script src = "./libs/bootstrap/js/bootstrap.bundle.min.js" ></ script >
2023-04-17 11:11:03 +05:30
< script src = "./dist/js/jquery.min.js" ></ script >
< script src = "./libs/owlcarousel/js/owl.carousel.min.js" ></ script >
2023-05-05 12:08:51 +05:30
2023-04-24 15:15:49 +05:30
< script src = "./libs/axios.min.js" ></ script >
2023-05-25 12:32:11 +05:30
2023-04-24 15:15:49 +05:30
< script src = "./libs/cookies.min.js" ></ script >
2023-04-17 11:11:03 +05:30
2023-05-25 12:32:11 +05:30
< script src = "./dist/toaster/toastr.js" ></ script >
2023-04-17 11:11:03 +05:30
< script src = "./dist/js/fontawesome.all.js" ></ script >
< script src = "./dist/js/fontawesome.min.js" ></ script >
< script src = "./dist/js/vendor/modernizr-3.11.7.min.js" ></ script >
< script src = "./dist/js/vendor/jquery-v3.6.0.min.js" ></ script >
< script src = "./dist/js/vendor/jquery-migrate-v3.3.2.min.js" ></ script >
< script src = "./dist/js/vendor/bootstrap.min.js" ></ script >
< script src = "./dist/js/plugins/slick.js" ></ script >
< script src = "./dist/js/plugins/wow.js" ></ script >
< script src = "./dist/js/plugins/svg-injector.min.js" ></ script >
< script src = "./dist/js/plugins/jquery.nice-select.min.js" ></ script >
2023-05-25 12:32:11 +05:30
2023-04-17 11:11:03 +05:30
<!-- Main JS -->
2023-05-25 12:32:11 +05:30
< script src = "./dist/js/footer.js" ></ script >
< script src = "./dist/js/utils/helpers.js" ></ script >
2023-04-24 15:15:49 +05:30
< script src = "./dist/js/auth/apiservice.js" ></ script >
< script src = "./dist/js/shoppingcart/addtocart.js" ></ script >
2023-05-05 12:08:51 +05:30
< script src = "./dist/js/shoppingcart/shoppingcart.js" ></ script >
< script src = "./dist/js/navbar.js" ></ script >
2023-05-25 12:32:11 +05:30
< script src = "./dist/js/main.js" ></ script >
2023-02-01 17:36:30 +05:30
< script >
$ ( window ). scroll ( function () {
if ( isScrolledIntoView ( '#footer-head' ))
$ ( '.alert-display-sec' ). css ( 'visibility' , 'hidden' );
else {
$ ( '.alert-display-sec' ). css ( 'visibility' , 'visible' );
}
});
function isScrolledIntoView ( elem ) {
let docViewTop = $ ( window ). scrollTop ();
let docViewBottom = docViewTop + $ ( window ). height ();
let elemTop = $ ( elem ). offset (). top ;
let elemBottom = elemTop + $ ( elem ). height ();
return (( elemTop < docViewBottom ));
}
</ script >
</ body >
</ html >
