sachin.ganesh/anwi_website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

code added

Browse Source
This commit is contained in:
sachinganesh
2023-04-24 15:15:49 +05:30
parent 0bfbd9cabf
commit ee730c9a18
25 changed files with 2994 additions and 951 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shopping-cart.html
+39 -48
View File
@@ -5,7 +5,7 @@
<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="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
<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">
@@ -28,7 +28,7 @@
<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">
<title>Cart | Anwi</title>
<title>Anwi</title>
</head>
<body>
@@ -37,12 +37,8 @@
<!-- end-navbar -->
<hr class="mx-5">
<!-- main-body -->
<main class="shopping-cart-main-container main-body d-none">
<section class="bg-white">
<main class="shopping-cart-main-container main-body pt-5">
<section class="bg-white d-none">
<div class="cart-sec-highlighter d-none d-sm-block">
<div class="container">
<div class="row align-items-center py-4 justify-content-around">
@@ -63,7 +59,7 @@
</section>
<div class="shopping-cart-details">
<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="row align-items-center bg-white rounded d-none d-md-flex shopping-cart-details-row-1 ">
<div class="col-md-2">
<h6 class="text-center">All</h6>
</div>
@@ -80,7 +76,24 @@
<h6>Total</h6>
</div>
</div>
<div class="row bg-white mt-3 rounded py-3 d-none d-sm-flex ">
<div class="appendItems">
</div>
<div class="emptyShow row d-none">
<div class="bg-white innerEmptyShow p-5 d-flex justify-content-center gap-2">
<span><i class="fa fa-cart-shopping"></i></span>
<span> Your Card is Empty</span>
</div>
</div>
<div class="d-flex justify-content-end align-items-center pt-4">
<div class="btn btn-dark button_dark checkoutbtn"><div class="spinner-border d-none" role="status">
</div><span>Check out</span></div>
</div>
<!-- append -->
<!-- <div class="row bg-white mt-3 rounded py-3 d-none d-sm-flex ">
<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>
@@ -130,8 +143,10 @@
</div>
</div>
</div>
</div>
<div class="bg-white rounded d-block d-sm-none ">
</div> -->
<!-- append -->
<div class="bg-white rounded d-none ">
<!-- <div class="bg-white rounded d-block d-sm-none "> -->
<div class="card mb-3 mt-5" style="max-width: 540px;">
<div class="mx-auto mobile-cart-img">
<img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">
@@ -184,7 +199,7 @@
</div>
</div>
</div>
<div class="alert-display-sec position-fixed w-100 bottom-0 ">
<div class="alert-display-sec position-fixed d-none 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">
@@ -211,7 +226,7 @@
</div>
</div>
<!-- buy-together-sec -->
<div class="buy-together-sec">
<div class="d-none buy-together-sec">
<div class="container">
<div class="row bg-white px-4">
<h5 class="py-3 border-bottom">Buy Together
@@ -290,8 +305,7 @@
<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
</small>
</del>
</p>
</div>
</div>
@@ -306,7 +320,8 @@
<!-- buy-together-sec -->
<!-- delivery to -->
<div class=" delivery-to-sec sec-space-3 d-block d-sm-none ">
<div class=" container ">
<!-- <div class=" delivery-to-sec sec-space-3 d-block d-sm-none "> -->
<div class=" container d-none">
<div class=" col-md-5 ">
<div class=" d-flex align-items-center justify-content-around p-1">
<div class=" px-0 ">
@@ -322,7 +337,7 @@
</div>
</div>
<div class=" delivery-to-sec sec-space-3 d-none d-sm-block">
<div class=" container ">
<div class=" container d-none">
<div class="col-md-7 col-lg-5">
<div class=" d-flex align-items-center justify-content-around ">
<div class=" px-0 ">
@@ -340,34 +355,6 @@
<!-- delivery to -->
</div>
</main>
<section class="pt-4">
<div class="container py-md-5 py-3 pt-4">
<div class="row shadow px-3 rounded-4">
<div class="bg-white">
<div>
<p class="mb-0 py-2">○○○</p>
</div>
<div class="content_section">
<div>
<h4 class="satoshi_font pb-3 text-center" >Cart</h4>
</div>
<div class="px-4 pb-3">
<div>
<p class="satoshi_font text-center">Your shopping cart is empty
.</p>
<p class="satoshi_font text-center"><a href="#" class="btn btn-dark px-4 button_dark">Go Shopping</a></p>
<div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<div id="footer-head"></div>
<!-- end-footer -->
@@ -375,9 +362,9 @@
<script src="./dist/js/jquery.min.js"></script>
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
<script src="./dist/js/navbar.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./dist/js/footer.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./dist/js/fontawesome.all.js"></script>
<script src="./dist/js/fontawesome.min.js"></script>
@@ -395,7 +382,11 @@
<script src="./dist/js/plugins/jquery-ui.js"></script>
<script src="./dist/js/plugins/magnific-popup.js"></script>
<!-- Main JS -->
<script src="./dist/js/utils/helpers.js"></script>
<script src="./dist/js/main.js"></script>
<script src="./dist/js/auth/apiservice.js"></script>
<script src="./dist/js/shoppingcart/addtocart.js"></script>
<script src="./dist/js/shoppingcart/shoppingcart.js"></script>
<script>
$(window).scroll(function() {
if (isScrolledIntoView('#footer-head'))