-
Notifications
You must be signed in to change notification settings - Fork 2
/
profile.html
90 lines (86 loc) · 5.48 KB
/
profile.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>profile</title>
<link rel="stylesheet" href="profile.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
</head>
<body>
<div id="ka_pa_navbar" style="background-color: #008ecc; padding:10px 50px ; ">
<h3 id="ka_pa__title " style="color: #fff; font-size: 22px;">JioMart</h3>
<h5 id="ka_pa_beta" style="color: #fff; font-size: 18px;">BETA</h5>
</div>
<div>
<h1 id="Aheading">My Account</h1>
<div id="Amain">
<div id="Aleft">
<div id="Adetail">
<img id="Auserlogo2" src="data:image/png;base64,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" alt="">
<div>
<h4 id="Ausername">Atal Kumar Pandey</h4>
<p id="Auseremail" class="Aptag">abc@gmail.com</p>
<p class="Aptag">+91 - <span id="Amob1">8904309353</span></p>
</div>
</div>
<button id="Abutt1"><i id="Alogopay" class="fa-solid fa-credit-card"></i>Payment Methods</button>
<button id="Abutt2"><i class="fa-solid fa-rectangle-vertical-history"></i>Order History</button>
<button id="Abutt3"><i id="Alogolo" class="fa-solid fa-location-dot"></i>Delivery Address</button>
</div>
<div id="Aright">
<h2 id="Ainfo">Account Information <button id="Aedit">EDIT</button></h2>
<div id="Abox">
<div>
<p class="AP">Name</p>
<h4 id="Ausername1">Atal Kumar Pandey</h4>
</div>
<div>
<p class="AP">Mobile No</p>
<h4>+91 - <span id="Amob2">854354303</span></h4>
</div>
<div>
<p class="AP">Email Address</p>
<h4 id="Aemail2">abc@gmail.com</h4>
</div>
<div>
<p class="AP">Default Address</p>
<h4></h4>
</div>
</div>
</div>
</div>
<div id="Aextra">
<h4>My list</h4>
<h4>Wishlist</h4>
<h4>Legal Information</h4>
<h4>Need Help</h4>
<h4>Contect us</h4>
<h4><button id="Alogout"> Logout</button></h4>
</div>
</div>
<div id="Adropdown">
<button id="Aclose">X</button>
<h3>EDIT PROFILE</h3>
<label for="">First Name</label>
<input type="text" name="" id="fname">
<label for="">Last Name</label>
<input type="text" name="" id="lastname">
<select name="" id="Aselect">
<option value="">Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
</select>
<input type="date" name="" id="Adob" placeholder="Date of Birth">
<label for="">Email</label>
<input type="text" name="" id="Email">
<label for="">Mobile No</label>
<input type="text" name="" id="mbl">
<button id="Asave">Save Changes</button>
</div>
<!-- <div id="blurDiv" style="width:100%; height:100vh; position:absolute;top:0; background-color: rgba(128, 128, 128, 0.291);"></div> -->
</body>
</html>
<script src="profile.js">
</script>