-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathedit_profile.html
executable file
·136 lines (133 loc) · 6.33 KB
/
edit_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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" href="img/logo.png">
<title>CaloCal - Shopping the Healthy Way</title>
<!-- Slick Slider -->
<link rel="stylesheet" type="text/css" href="vendor/slick/slick.min.css"/>
<link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.min.css"/>
<!-- Icofont Icon-->
<link href="vendor/icons/icofont.min.css" rel="stylesheet" type="text/css">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- Sidebar CSS -->
<link href="vendor/sidebar/demo.css" rel="stylesheet">
</head>
<body>
<div class="osahan-profle">
<div class="p-3 border-bottom">
<div class="d-flex align-items-center"> <a class="font-weight-bold text-success text-decoration-none" href="my_account.html"> <i class="icofont-rounded-left back-page"></i></a>
<h6 class="font-weight-bold m-0 ml-3">Edit Profile</h6>
<a class="toggle ml-auto" href="#"><i class="icofont-navigation-menu"></i></a> </div>
</div>
</div>
<div id="edit_profile">
<div class="p-4 profile text-center border-bottom"> <img src="img/alimi.jpg" class="img-fluid rounded-pill">
<h6 class="font-weight-bold m-0 mt-2">Wasiu Alimi</h6>
<p class="small text-muted m-0">[email protected]</p>
</div>
<div class="p-3">
<form action="edit_profile.html">
<div class="form-group">
<label for="exampleInputName1">Full Name</label>
<input type="text" class="form-control" id="exampleInputName1" value="Wasiu Alimi">
</div>
<div class="form-group">
<label for="exampleInputNumber1">Mobile Number</label>
<input type="number" class="form-control" id="exampleInputNumber1" value="0469074258">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" value="[email protected]">
</div>
<div class="form-row">
<div class="form-group col-6">
<label>Age</label>
<input type="number" class="form-control" id="exampleInputAge1" value="32">
</div>
<div class="form-group col-6">
<label>Gender</label>
<p class="form-control">
<label for="exampleInputMale1">Male</label>
<input type="radio" id="exampleInputMale1" value="male" checked="checked"/>
<label for="exampleInputFemale1">Female</label>
<input type="radio" id="exampleInputFemale1" value="female"/>
</p>
</div>
</div>
<div class="form-row">
<div class="form-group col-6">
<label>Height</label>
<input class="form-control" placeholder="180cm" type="number">
</div>
<div class="form-group col-6">
<label>Weight</label>
<input class="form-control" placeholder="80Kg" type="number">
</div>
</div>
<div class="form-group" >
<label for="state">Activity Level</label>
<select id="state" name="state">
<option value="select" selected="selected">Please Select</option>
<option value="VIC">None</option>
<option value="NSW">Light</option>
<option value="QLD">Moderate</option>
<option value="NT">Active</option>
</select>
</div>
<div class="text-center">
<button type="submit" class="btn btn-success btn-block btn-lg">Save Changes</button>
</div>
</form>
</div>
<div class="additional">
<div class="change_password border-bottom border-top"> <a href="change_password.html" class="p-3 bg-white btn d-flex align-items-center">Change Password <i class="icofont-rounded-right ml-auto"></i></a> </div>
<div class="deactivate_account border-bottom"> <a href="deactivate_account.html" class="p-3 bg-white btn d-flex align-items-center">Deactivate Account <i class="icofont-rounded-right ml-auto"></i></a> </div>
</div>
</div>
<nav id="main-nav">
<ul class="second-nav">
<li><a href="home.html"><i class="icofont-ui-home mr-2"></i> Home</a></li>
<li><a href="notification.html"><i class="icofont-notification mr-2"></i> Notification</a></li>
<li><a href="list.html"><i class="icofont-sub-listing mr-2"></i> My List</a></li>
<li><a href="history.html"><i class="icofont-ui-calendar mr-2"></i> History</a></li>
<li><a href="health_tips.html"><i class="icofont-light-bulb mr-2"></i> Health Tips</a></li>
<li><a href="my_account.html" class="font-weight-bold selected"><i class="icofont-ui-user mr-2"></i> My Account</a></li>
<li> <a href="#"><i class="icofont-sub-listing mr-2"></i> Settings</a>
<ul>
<li><a href="review.html">Rate this App</a></li>
<li><a href="terms&conditions.html">Terms & Conditions</a></li>
<li><a href="privacy.html">Privacy</a></li>
<li> <a href="help_support.html">Help Support</a></li>
</ul>
</li>
</ul>
<ul class="bottom-nav">
<li class="email"> <a href="home.html" class="text-dark small col text-decoration-none p-2">
<p class="h5 m-0"><i class="icofont-home"></i></p>
Home </a> </li>
<li class="github"> <a href="list.html">
<p class="h5 m-0"><i class="icofont-sub-listing"></i></p>
My List </a> </li>
<li class="ko-fi"> <a href="help_ticket.html">
<p class="h5 m-0"><i class="icofont-headphone"></i></p>
Help </a> </li>
</ul>
</nav>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- slick Slider JS-->
<script type="text/javascript" src="vendor/slick/slick.min.js"></script>
<!-- Sidebar JS-->
<script type="text/javascript" src="vendor/sidebar/hc-offcanvas-nav.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/osahan.js"></script>
</body>
</html>