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 -13
View File
@@ -41,13 +41,13 @@
</div>
</div>
</section>
<section class="pt-5">
<section class="">
<div class="my-account-wrapper bg-gradient-violet py-md-5">
<div class="container pt-5">
<div class="container">
<div>
<h4>My Account </h4>
</div>
<div class="row pt-md-5 pt-3">
<div class="row pt-3 ">
<div class="col-lg-12">
<!-- My Account Page Start -->
<div class="myaccount-page-wrapper">
@@ -72,21 +72,21 @@
<div class="tab-pane fade " id="dashboad" role="tabpanel">
<div class="myaccount-content p-lg-4">
<div class="row bg-gray p-lg-4 align-items-end">
<div class="col-md-5 col-12">
<div class="col-md-7 col-12">
<div class="row align-items-center">
<div class="col-md-5">
<div class="col-md-3">
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png" class="w-md-65 w-50"/>
</div>
<div class="col-md-7">
<div class="col-md-9">
<h6>Name :<span class="text-black-50"> Anwi</span></h6>
<h6>Phone :<span class="text-black-50 User_phoneum">9542494949</span></h6>
<!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
</div>
</div>
</div>
<div class="col-md-5"></div>
<div class="col-md-3"></div>
<div class="col-md-2 col-12 text-end">
<a href="#" class="btn btn-outline-primary px-4">Edit</a>
<a href="#" class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
</div>
</div>
<div class="row py-4 justify-content-md-between">
@@ -212,7 +212,7 @@
<h3 class="mb-0 border-0 pb-0">Saved Address</h3>
</div>
<div class="col-md-6 text-end py-md-2">
<a href="#" class="btn btn-outline-primary">+ ADD NEW ADDRESS</a>
<a href="#" class="btn bg-gradient-anwi-outline btn-sm">+ ADD NEW ADDRESS</a>
</div>
</div>
<address>
@@ -269,8 +269,8 @@
</div>
<div class="p-3">
<div class="d-none">
<button class="btn btn-primary me-2">Send Remainder</button>
<button class="btn btn-primary">Extended warranty History</button>
<button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
<button class="btn bg-gradient-anwi">Extended warranty History</button>
</div>
</div>
</div>
@@ -298,8 +298,8 @@
</div>
<div class="p-3">
<div class="d-none">
<button class="btn btn-primary me-2">Send Remainder</button>
<button class="btn btn-primary">Extended warranty History</button>
<button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
<button class="btn bg-gradient-anwi">Extended warranty History</button>
</div>
</div>
</div>