Added login and warranty along with toaster

This commit is contained in:
2023-04-20 10:20:36 +05:30
vanhempi 7b54670c3a
commit a92277bb70
11 muutettua tiedostoa jossa 1710 lisäystä ja 296 poistoa
+15 -14
Näytä tiedosto
@@ -39,7 +39,7 @@
<div class="container pb-5">
<div class="row pb-4">
<div class="col-6">
<a href="myaccount.html" class="fw-600 text-a-color"> Back to Orders</a>
<a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>
</div>
<div class="col-6 text-end">
<a href="#" class="fw-600 text-a-color">Need Help ?</a>
@@ -73,7 +73,7 @@
<img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" class="img-fluid order_img"/>
</div>
<div class="col-md-8 position-relative">
<p class="mb-0 fs-6">14inch laptop</p>
<p class="mb-0 fs-6 order_itemname"></p>
<p class="mb-3 fs-6 fw-600 d-flex align-items-center">
<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"></path>
@@ -110,7 +110,7 @@
<img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" class="img-fluid order_img"/>
</div>
<div class="col-md-8 position-relative">
<p class="mb-0 fs-6">14inch laptop</p>
<p class="mb-0 fs-6 order_itemname"></p>
<p class="mb-3 fs-6 fw-600 d-flex align-items-center">
<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"></path>
@@ -125,12 +125,7 @@
<div class="col-md-4">
<div class="Order_details_section mb-2">
<div class="card rounded-0 border-0 order-summary">
<div class="card-body">
<div>
<p class="mb-0 fs-6 fw-500">Order<span># AN309630760202</span></span><span class="text-secondary fs-9"> (1 items)</p>
<p class="mb-0 fs-6">Order placed on 4th March 2023</p>
<p class="mb-0 fs-9">Paid by Credit Card</p>
</div>
</div>
</div>
<div class="card rounded-0 border-top-0">
@@ -143,15 +138,17 @@
<p class="fs-9 mb-0">Order Amount</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-0">₹32,000.00</p>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" 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"></path>
</svg><span class="order_price fs-7">32,000</span>
</div>
</div>
<div class="row align-items-center">
<div class="col-6">
<p class="fs-9 mb-0">Order Savings</p>
<p class="fs-9 mb-0">Tax</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-0 text-order-brown">-₹1000.00</p>
<p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p>
</div>
</div>
<div class="row align-items-center">
@@ -164,10 +161,13 @@
</div>
<div class="row align-items-center">
<div class="col-6">
<p class="fs-9 mb-1 fw-500">Order Toatal</p>
<p class="fs-9 mb-1 fw-500">Order Total</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-1 fw-500">₹31,000.00</p>
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" 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"></path>
</svg>
<span class="fs-7 mb-1 fw-500 Order_total"></span>
</div>
</div>
@@ -248,6 +248,7 @@
<script src="./dist/js/plugins/isotope.js"></script>
<script src="./dist/js/plugins/jquery-ui.js"></script>
<script src="./dist/js/plugins/magnific-popup.js"></script>
<script src="./dist/js/orderDetails/order_summary.js"></script>
<!-- Main JS -->
<script src="./dist/js/main.js"></script>