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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
|
<!DOCTYPE html>
<html lang="en">
<head>
<title>FLORA HOUSE</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<meta name="keywords" content="FLORA HOUSE">
<meta name="description" content="Green is More Than a Colour">
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<div class="subPageMenu">
<?php include 'inc/navbar.php';?>
</div>
<!-- end of header-->
<section class="garyBg mainWarp">
<div class="row">
<div class="col-lg-6 mobileAccountMenu">
<p class="lightGreenFont small text-uppercase">My Account</p>
<div class="accountMenu">
<a href="javascript:void(0);" class="mb-4 active" data-link="order" title="My Orders">
My Orders</a>
<a href="javascript:void(0);" class="mb-4" data-link="address" title="Address book">
Address book</a>
<!-- <a href="javascript:void(0);" class="mb-4" data-link="payment" title="Payment Details">Payment
Details</a> -->
<a href="javascript:void(0);" class="mb-4" data-link="personal" title="Personal Details"> Personal
Details</a>
<a href="javascript:void(0);" class="mb-4" data-link="login" title="Login Details">
Login Details</a>
<a href="javascript:void(0);" class="mb-4" data-link="wishlist" title="Wishlist">
Wishlist</a>
</div>
<a href="register.php" class="linkActive lightGreenFont">Logout</a>
</div>
<div class="col-lg-6">
<div class="loadAccountContent">
</div>
<div class="personalPage">
<div>
<div class="mobileAccountTitle">
<a href="javascript:void(0);" class="mobileAccountMenuBack"><img
src="../assets/images/leftIcon.svg" /></a>
<p class="biggerest greenFont text-center Roman mt-3">Personal Details</p>
</div>
<p>
You can access and modify your personal details (name, billing address,
telephone number, etc.) in order to facilitate your future purchases and to
notify us of any change in your contact details.
</p>
<hr class="greenDeepLine" />
<div class="row">
<div class="col-md-12 mb-4">
<div class="custom-control custom-radio d-inline-block mr-2">
<input type="radio" class="custom-control-input" id="Mr" name="Sclerosis" value="Mr"
checked />
<label class="custom-control-label pt-1" for="Mr">Mr.</label>
</div>
<div class="custom-control custom-radio d-inline-block">
<input type="radio" class="custom-control-input" id="Ms" name="Sclerosis"
value="Ms" />
<label class="custom-control-label pt-1" for="Ms">Ms.</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="FirstName" aria-describedby="FirstName"
placeholder="First name(optional)">
</div>
</div>
<div class="col-md-6">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="LastName" aria-describedby="LastName"
placeholder="Last name">
</div>
</div>
<div class="col-md-12">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="Company" aria-describedby="Company"
placeholder="Company(optional)">
</div>
<div class="form-group fullWidth">
<input type="text" class="form-control" id="Address" aria-describedby="Address"
placeholder="Address">
</div>
</div>
<div class="col-md-6 mb-4">
<p class="greenFont mb-1">District</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="Kowloon">Kowloon</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-6 mb-4">
<p class="greenFont mb-1">Area</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="MongKok">MongKok</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-6 mb-4">
<p class="greenFont mb-1">Country/Region</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="form-group fullWidth phoneNo position-relative">
<lable class="greenFont phoneContry" for="Phone">(+ 852)</lable>
<input type="text" class="form-control" id="Phone" aria-describedby="Phone"
placeholder="Phone">
</div>
<p class="greenFont mb-2">Staircases fee (applicable to Floor Plants only)</p>
<p class="small greenFont mb-2">If the delivery location cannot be accessed by
elevator/lift,
HKD50 per
pot per
floor (up to 7 floors) will be charged additionally. Please indicate below the floor
number if
any. </p>
</div>
</div>
</div>
<button class="yellowBtn noBorder" type="button">
Update personal details
</button>
</div>
<div class="addressPage">
<div>
<div class="mobileAccountTitle">
<a href="javascript:void(0);" class="mobileAccountMenuBack"><img
src="../assets/images/leftIcon.svg" /></a>
<p class="biggerest greenFont text-center Roman mt-3">Address book</p>
</div>
<p>
Manage as many shipping addresses as you wish (your home, your office,
family residence, etc.) This means you won't have to fill in the shipping
address each time you place an order.
</p>
<hr class="greenDeepLine" />
<div class="addressItemWrap">
<div class="addressItem">
<div class="row">
<div class="col-md-8 addressTextareaWrap">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="Address" readonly
aria-describedby="Address" placeholder=""
value="Flat 2B, Shu Hang Estate, Hang Pak House,North Point, Hong Kong Island, HK">
</div>
<div class="row mb-4">
<div class="col-md-6">
<p class="greenFont mb-1">District</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size"
data-dropup-auto="false" id="Size">
<option value="Kowloon">Kowloon</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-6">
<p class="greenFont mb-1">Area</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size"
data-dropup-auto="false" id="Size">
<option value="MongKok">MongKok</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
</div>
<div>
<p class="greenFont mb-1">Country/Region</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false"
id="Size">
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
</div>
<div class="col-md-4">
<div class="d-flex justify-content-end mt-2">
<a href="#" class="linkActive lightGreenFont mr-2 addressEditBtn">
Main</a>
<a href="#" class="linkActive lightGreenFont addressEditBtn">
Edit</a>
<a href="#" class="linkActive lightGreenFont addressSaveBtn">
Save</a>
<a href="#" class="linkActive lightGreenFont ml-2 addressMoveBtn">
Remove</a>
</div>
</div>
</div>
<hr class="greenDeepLine" />
</div>
</div>
<button class="yellowBtn noBorder addNewAddressBtn" type="button">
Add new address
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'inc/subscribe.php';?>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php';?>
<script src="../assets/js/loadpage.js"></script>
<script>
$(".loadAccountContent").load("../view/account/order.html");
</script>
</body>
</html>
|