445 lines
35 KiB
HTML
445 lines
35 KiB
HTML
<!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" />
|
|
<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="./style.css">
|
|
<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="./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/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">
|
|
<title>My Account | Anwi</title>
|
|
</head>
|
|
|
|
<body class="my_account_page">
|
|
<!-- navbar -->
|
|
<div id="navbar-head" class="bg-white"></div>
|
|
<!-- end-navbar -->
|
|
<!-- main-body -->
|
|
<main class="shopping-cart-main-container main-body pb-0">
|
|
<section class="pt-5">
|
|
<div class="my-account-wrapper bg-gradient-violet py-md-5">
|
|
<div class="container pt-5">
|
|
<div>
|
|
<h4>My Account </h4>
|
|
</div>
|
|
<div class="row pt-md-5 pt-3">
|
|
<div class="col-lg-12">
|
|
<!-- My Account Page Start -->
|
|
<div class="myaccount-page-wrapper">
|
|
<!-- My Account Tab Menu Start -->
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4">
|
|
<div class="myaccount-tab-menu nav" role="tablist">
|
|
<a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
|
|
<a href="#orders" data-bs-toggle="tab" class="active"> My Orders</a>
|
|
<a href="#warrenty" data-bs-toggle="tab">Warranty Products </a>
|
|
<a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment Method</a>
|
|
|
|
<a href="#account-info" data-bs-toggle="tab">Profile</a>
|
|
<a href="#address-edit" data-bs-toggle="tab">address</a>
|
|
<a href="./login.html">Logout</a>
|
|
</div>
|
|
</div>
|
|
<!-- My Account Tab Menu End -->
|
|
<!-- My Account Tab Content Start -->
|
|
<div class="col-lg-9 col-md-8">
|
|
<div class="tab-content" id="myaccountContent">
|
|
<!-- Single Tab Content Start -->
|
|
<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="row align-items-center">
|
|
<div class="col-md-5">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png" class="w-md-65 w-50"/>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<h6>Name :<span class="text-black-50"> Anwi</span></h6>
|
|
<h6>Phone :<span class="text-black-50"> 9876543215</span></h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5"></div>
|
|
<div class="col-md-2 col-12 text-end">
|
|
<a href="#" class="btn btn-outline-primary px-4">Edit</a>
|
|
</div>
|
|
</div>
|
|
<div class="row py-4 justify-content-md-between">
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-orders.png" class="w-25 img-fluid"/>
|
|
<h6>Orders</h6>
|
|
<p class="mb-0 text-secondary">Check your order status</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-collections.png" class="w-25 img-fluid"/>
|
|
<h6>Warranty</h6>
|
|
<p class="mb-0 text-secondary">All your curated product collections</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png" class="w-25 img-fluid"/>
|
|
<h6>Anwi Credit</h6>
|
|
<p class="mb-0 text-secondary">Manage all your refunds & gift cards</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-myntrapoints.png" class="w-25 img-fluid"/>
|
|
<h6>AnwCash</h6>
|
|
<p class="mb-0 text-secondary">Earn AnwCash as you shop and use them in checkout</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-cards.png" class="w-25 img-fluid"/>
|
|
<h6>Saved Cards</h6>
|
|
<p class="mb-0 text-secondary">Save your cards for faster checkout</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/upiIcon.png" class="w-25 img-fluid"/>
|
|
<h6>Saved VPA</h6>
|
|
<p class="mb-0 text-secondary">View your saved VPA</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-address.png" class="w-25 img-fluid"/>
|
|
<h6>Addresses</h6>
|
|
<p class="mb-0 text-secondary">Save addressess for a hassle free checkout</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-coupons.png" class="w-25 img-fluid"/>
|
|
<h6>Coupons</h6>
|
|
<p class="mb-0 text-secondary">Manage coupons for additional discounts</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
|
<a href="#">
|
|
<div class="border-0 card text-center">
|
|
<div class="card-body">
|
|
<img src="./dist/assets/imgs/account_warrenty/profile-edit.png" class="w-25 img-fluid"/>
|
|
<h6>Profile Details</h6>
|
|
<p class="mb-0 text-secondary">Change your profile details & password</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Tab Content End -->
|
|
<!-- Single Tab Content Start -->
|
|
<div class="tab-pane fade active show" id="orders" role="tabpanel">
|
|
<div class="myaccount-content">
|
|
<h3>Orders</h3>
|
|
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-3 text-center">
|
|
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="row ps-md-2 ps-3">
|
|
<div class="col-md-5">
|
|
<div>Serial No : <span class="text-secondary fs-9">#7907987897348</span></div>
|
|
<div>Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
|
|
<div class="row">
|
|
<div class="col-md-5 col-6"> Status :</div>
|
|
<div class="col-md-7 col-6"><span class="btn btn-success py-0 fs-9">Running</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="p-3">
|
|
<p class="text-success d-done">Add Product Serial Number</p>
|
|
<div class="d-none">
|
|
<button class="btn btn-primary me-2">Send Remainder</button>
|
|
<button class="btn btn-primary">Extended warranty History</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards">
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-md-3 text-center">
|
|
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="row ps-md-2 ps-3">
|
|
<div class="col-md-5">
|
|
<div class="fs-9">Serial No : <span class="text-secondary fs-9">#7907987897348</span></div>
|
|
<div class="fs-9">Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
|
|
<div class="row">
|
|
<div class="col-md-5 col-6"> Status :</div>
|
|
<div class="col-md-7 col-6"> <span class="btn btn-success py-0 fs-9">Running</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="p-3">
|
|
<p class="text-success d-none">Add Product Serial Number</p>
|
|
<div class="d-none">
|
|
<button class="btn btn-primary me-2">Send Remainder</button>
|
|
<button class="btn btn-primary">Extended warranty History</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Tab Content End -->
|
|
<!-- Single Tab Content Start -->
|
|
<div class="tab-pane fade" id="payment-method" role="tabpanel">
|
|
<div class="myaccount-content">
|
|
<h3>Payment Method</h3>
|
|
<p class="saved-message">You Can't Saved Your Payment Method yet.</p>
|
|
</div>
|
|
</div>
|
|
<!-- Single Tab Content End -->
|
|
<!-- Single Tab Content Start -->
|
|
<div class="tab-pane fade" id="address-edit" role="tabpanel">
|
|
<div class="myaccount-content pb-0">
|
|
<div class="row">
|
|
<div class="col-md-6 py-md-2">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<address>
|
|
<p><strong>Alex Tuntuni</strong></p>
|
|
<p>1355 Market St, Suite 900 <br>
|
|
San Francisco, CA 94103</p>
|
|
<p>Mobile: (123) 456-7890</p>
|
|
</address>
|
|
<div class="row border-top">
|
|
<div class="col-md-6 border-end text-center py-md-2">
|
|
<a href="#" class="check-btn sqr-btn">Edit Address</a>
|
|
</div>
|
|
<div class="col-md-6 text-center py-md-2">
|
|
<a href="#" class="check-btn sqr-btn">Remove</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="warrenty" role="tabpanel">
|
|
<div class="myaccount-content pb-0">
|
|
<div id="product-2" class="tab-pane active pb-5">
|
|
<h5 class="mb-md-4">Enter your Product Serial no. :</h5>
|
|
<div class="row ">
|
|
<div class="col-md-12">
|
|
<form>
|
|
<div class="row pt-2">
|
|
<div class="col-md-6">
|
|
<div class="col-md-12 pb-4 d-none">
|
|
<input type="text" class="form-control border-0 shadow-none border-bottom" placeholder="Enetr Mobile Number.." required />
|
|
</div>
|
|
<div class="col-md-12 text-center d-none py-md-4 py-2">
|
|
<sapn class="p-2 shadow bg-gray rounded-2">Or</span>
|
|
</div>
|
|
<div class="col-md-12 pb-4">
|
|
<input type="text"
|
|
class="form-control border-0 shadow-none border-bottom"
|
|
placeholder="Enetr Serial Number.." required />
|
|
</div>
|
|
<div class="col-md-12 pb-4 d-none">
|
|
<input type="text"
|
|
class="form-control border-0 shadow-none border-bottom"
|
|
placeholder="Enetr captcha" required />
|
|
</div>
|
|
<div class="col-md-12 pb-4 px-md-2 text-center d-none">
|
|
<span class="fw-bold pe-3">W p 5 C n</span> <span
|
|
class="cursor-pointer text-primary">Refresh captcha</span>
|
|
</div>
|
|
<div class="col-md-6 pb-4 px-md-2">
|
|
</div>
|
|
<div class="col-md-12 pb-4 text-center">
|
|
<span class="action_btn">
|
|
<button class="btn border px-5">Submit</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Tab Content End -->
|
|
<!-- Single Tab Content Start -->
|
|
<div class="tab-pane fade" id="account-info" role="tabpanel">
|
|
<div class="myaccount-content">
|
|
<h3>Account Details</h3>
|
|
<div class="account-details-form">
|
|
<form action="#">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="single-input-item">
|
|
<label for="first-name" class="required">First Name</label>
|
|
<input type="text" id="first-name" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="single-input-item">
|
|
<label for="last-name" class="required">Last Name</label>
|
|
<input type="text" id="last-name" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="single-input-item">
|
|
<label for="display-name" class="required">Display Name</label>
|
|
<input type="text" id="display-name" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
<div class="single-input-item">
|
|
<label for="email" class="required">Email Addres</label>
|
|
<input type="email" id="email" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
<fieldset>
|
|
<legend>Password change</legend>
|
|
<div class="single-input-item">
|
|
<label for="current-pwd" class="required">Current Password</label>
|
|
<input type="password" id="current-pwd" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="single-input-item">
|
|
<label for="new-pwd" class="required">New Password</label>
|
|
<input type="password" id="new-pwd" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="single-input-item">
|
|
<label for="confirm-pwd" class="required">Confirm Password</label>
|
|
<input type="password" id="confirm-pwd" class="form-control shadow-none rounded-0">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<div class="single-input-item">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6 col-6 text-center">
|
|
<button class="check-btn sqr-btn ">Save Changes</button>
|
|
</div>
|
|
<div class="col-md-6 col-6 text-center">
|
|
<button class="check-btn sqr-btn ">Edit Profile</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> <!-- Single Tab Content End -->
|
|
</div>
|
|
</div> <!-- My Account Tab Content End -->
|
|
</div>
|
|
</div> <!-- My Account Page End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!-- footer -->
|
|
<div id="footer-head"></div>
|
|
<!-- end-footer -->
|
|
<!-- <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> -->
|
|
<script src="./dist/js/jquery.min.js"></script>
|
|
<script src="./dist/js/navbar.js"></script>
|
|
<script src="./dist/js/footer.js"></script>
|
|
<script src="./dist/js/cookies.min.js"></script>
|
|
<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>
|
|
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
|
<script src="./dist/js/plugins/images-loaded.js"></script>
|
|
<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>
|
|
<!-- Main JS -->
|
|
<script src="./dist/js/main.js"></script>
|
|
|
|
<script>
|
|
$(".order-cards").each(function(){
|
|
$(".order-cards").css("cursor","pointer")
|
|
$(this).click(function(){
|
|
window.location.href = "./orderdetails.html";
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html> |