My Account page UI

This commit is contained in:
Abhiram
2023-04-24 14:31:15 +05:30
parent 9aed733cc5
commit 0bfbd9cabf
7 changed files with 98 additions and 28 deletions
+13 -7
View File
@@ -34,8 +34,14 @@
<div id="navbar-head"></div>
<!-- end-navbar -->
<!-- main-body -->
<main class="main-body home-main-container pt-5">
<section class="bg-gray-7 pt-md-5 pt-5">
<main class="main-body home-main-container">
<section class="services h-100 pt-3 bg-gradient-anwi">
<div class="container pt-5 ">
<div class="text-center text-white ">
</div>
</div>
</section>
<section class="bg-gray-7 pt-md-5 pt-5 bg-gradient-violet">
<div class="container pb-5">
<div class="row pb-4">
<div class="col-6">
@@ -51,11 +57,11 @@
</div>
<div class="col-md-4">
<div class="Order_details_section mb-2">
<div class="card rounded-0 border-0 order-summary">
<div class="card rounded-0 border-0 order-summary bg-gradient-anwi text-white" >
</div>
<div class="card rounded-0 border-top-0">
<div class="card-body">
<div class="card-body" >
<div class="payement details">
<p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
<div class="py-1">
@@ -80,13 +86,13 @@
<div class="col-6 text-end">
<!-- <p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p> -->
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
fill="currentColor" class="bi bi-currency-rupee text-order-brown"
fill="currentColor" class="bi bi-currency-rupee text-blue"
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-0 text-order-brown order_tax"></span>
<span class="fs-7 mb-0 text-blue order_tax"></span>
</div>
</div>
<div class="row align-items-center">
@@ -94,7 +100,7 @@
<p class="fs-9 mb-0">Shipping Fee</p>
</div>
<div class="col-6 text-end">
<p class="fs-7 mb-0 text-order-brown">Free</p>
<p class="fs-7 mb-0 text-blue">Free</p>
</div>
</div>
<div class="row align-items-center">