-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdeactivate_account.html
executable file
·157 lines (155 loc) · 8.14 KB
/
deactivate_account.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!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-help">
<div class="p-3 border-bottom">
<div class="d-flex align-items-center">
<a class="font-weight-bold text-success text-decoration-none" href="edit_profile.html">
<i class="icofont-rounded-left back-page"></i></a>
<h6 class="font-weight-bold m-0 ml-3">Deactivate Account</h6>
<a class="toggle ml-auto" href="#"><i class="icofont-navigation-menu"></i></a>
</div>
</div>
</div>
<div id="edit_profile">
<div class="p-3 bg-white">
<form>
<div class="form-group">
<div class="email">
<span class="small font-weight-bold">Email</span>
<p class="email">[email protected]</p>
</div>
<div class="number">
<span class="small font-weight-bold">Number</span>
<p class="number">0469074258</p>
</div>
<label for="exampleInputPassword1">Password</label>
<input type="password" placeholder="Enter Password" class="form-control" id="exampleInputPassword1">
</div>
<div class="text-center">
<button type="button" class="btn btn-success btn-block btn-lg" data-toggle="modal" data-target="#exampleModal">CONFIRM DEACTIVATE</button>
</div>
</form>
</div>
<div class="border-top">
<div class="terms p-3 small">
<span class="font-weight-bold">When you deactivate the account</span>
<ul class="list-unstyled text-muted">
<li>We will miss you.</li>
<li>You won't be able to access your Wish list.</li>
<li>You will not get updates about the latest offers & discounts.</li>
<li>You will have to fill your details while checking out over and over again.</li>
<li>You won't be able to check your past orders.</li>
</ul>
<span class="font-weight-bold pt-2">How do I reactivate my Grocery account?</span>
<ul class="list-unstyled text-muted">
<li>Coming back is easy.</li>
<li>Simply contact us to re-activate your account. Your account data will be fully restored - default settings will be applied and you will be subscribed to receive promotional emails from Grocery.</li>
<li>Grocery retains your account data for you to conveniently start off from where you left, if you decide to reactivate your account.</li>
</ul>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Deactivate Account</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center p-4 d-flex align-items-center">
<div>
<p class="small text-muted mb-2">Enter the 4-digit code we sent to you</p>
<h5 class="mb-3 font-weight-bold">0469074258</h5>
<form action="signup.html">
<div class="row my-5 px-5">
<div class="col px-2">
<input type="text" placeholder="0" class="form-control opt form-control-lg text-center">
</div>
<div class="col px-2">
<input type="text" placeholder="0" class="form-control opt form-control-lg text-center">
</div>
<div class="col px-2">
<input type="text" placeholder="0" class="form-control opt form-control-lg text-center">
</div>
<div class="col px-2">
<input type="text" placeholder="0" class="form-control opt form-control-lg text-center">
</div>
</div>
<p class="mb-2"><a href="#" class="text-decoration-none text-success">Resend Code</a></p>
<p class="small m-0"><a href="#" class="text-decoration-none text-dark">Call me instead</a></p>
</form>
</div>
</div>
<div class="modal-footer p-0 border-0">
<div class="col-6 m-0 p-0">
<button type="button" class="btn border-top btn-lg btn-block" data-dismiss="modal">Close</button>
</div>
<div class="col-6 m-0 p-0">
<button type="button" class="btn btn-success btn-lg btn-block">Deactivate</button>
</div>
</div>
</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>