-
Notifications
You must be signed in to change notification settings - Fork 0
/
perfume.html
364 lines (326 loc) · 31.8 KB
/
perfume.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
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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Aromatic is a demonstration website for perfume shop landing page. If you are interested in using this design for your website, please contact SWdevelopment with link clickable in website footer.">
<meta name="keywords" content="web design, perfume shop, perfume landing page, web development, aromatic">
<!--font family-->
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,500&family=Merriweather:wght@300&display=swap" rel="stylesheet">
<!--font awesome for icons-->
<script src="https://kit.fontawesome.com/0bdc2c5acb.js" crossorigin="anonymous"></script>
<!--Glide.js-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.4.1/css/glide.theme.min.css" integrity="sha512-wCwx+DYp8LDIaTem/rpXubV/C1WiNRsEVqoztV0NZm8tiTvsUeSlA/Uz02VTGSiqfzAHD4RnqVoevMcRZgYEcQ==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.4.1/css/glide.core.min.css" integrity="sha512-wYsVD8ho6rJOAo1Xf92gguhOGQ+aWgxuyKydjyEax4bnuEmHUt6VGwgpUqN8VlB4w50d0nt+ZL+3pgaFMAmdNQ==" crossorigin="anonymous" />
<!--Aos library-->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="css/main.css">
<title> Perfume | Aromatic </title>
<link rel="icon" type="image/jpg" href="/images/favicon.png">
</head>
<body>
<header class="header">
<div class="nav-bar">
<a href="perfume.html"> Perfume </a>
<a href="soap.html"> Soap </a>
<a href="about.html"> About Us </a>
</div>
<div class="hamburger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div class="nav-bar-mobile">
<a href="index.html"> Home </a>
<a href="perfume.html"> Perfume </a>
<a href="soap.html"> Soap </a>
<a href="about.html"> About Us </a>
<a href="contact.html"> Location </a>
</div>
<div class="icon">
<a href="index.html"> <img src="/images/logo.png"></a>
</div>
<div class="social-media">
<a href="contact.html"> Location </a>
<a href="https://www.facebook.com/" target="_blank"> Facebook </a>
<a href="https://www.instagram.com/" target="_blank"> Instagram </a>
</div>
<div class="social-media-mobile">
<a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-square"></i></a>
</div>
</header>
<div class="content">
<div class="page-hero" id="about-bg">
<img class="imageBG" src="/images/girl2.jpg">
<div class="overlay2"></div>
<div data-aos="fade-up">
<h1> Perfume </h1>
<hr>
<p> Breathe in your favorite aroma via our everlasting perfume </p>
</div>
</div>
<div class="hero-space"></div>
<section class="perfume-content">
<div class="top" data-aos="fade-up">
<h1> Our Everlasting Perfume Collection </h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="1280.000000pt" height="640.000000pt" viewBox="0 0 1280.000000 640.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M758 3889 c-271 -33 -507 -150 -631 -310 -175 -228 -166 -576 20 -766 91 -93 232 -142 374 -128 196 18 324 101 398 255 35 73 36 78 36 195 0 114 -2 123 -32 187 -61 130 -166 209 -277 210 -136 1 -187 -117 -65 -154 35 -10 52 -9 111 6 l70 18 24 -23 c13 -13 37 -48 52 -78 25 -51 27 -66 27 -171 0 -105 -2 -119 -27 -165 -69 -133 -215 -204 -393 -192 -59 3 -99 12 -138 30 -135 61 -217 215 -217 402 0 155 46 263 161 377 61 61 95 86 170 122 144 69 268 97 474 103 276 9 497 -35 827 -163 48 -19 91 -34 96 -34 4 0 23 13 42 28 l34 29 -130 50 c-320 126 -516 171 -764 178 -91 2 -199 0 -242 -6z"/>
<path d="M11663 3890 c-168 -18 -383 -77 -627 -173 l-130 -50 34 -29 c19 -15 38 -28 42 -28 4 0 31 10 60 21 197 79 412 140 580 165 166 24 415 15 558 -21 160 -39 275 -100 369 -193 115 -114 161 -222 161 -377 0 -93 -24 -191 -64 -259 -65 -111 -155 -165 -291 -173 -178 -12 -324 59 -393 192 -25 46 -27 60 -27 165 0 105 2 120 27 171 15 30 39 65 52 78 l24 23 70 -18 c59 -15 76 -16 111 -6 122 37 71 155 -65 154 -111 -1 -216 -80 -277 -210 -30 -64 -32 -73 -32 -187 0 -117 1 -122 36 -195 57 -119 157 -203 283 -236 248 -66 473 24 574 229 101 205 75 459 -67 647 -176 234 -573 356 -1008 310z"/>
<path d="M4548 3861 c-75 -24 -118 -52 -172 -112 -61 -68 -81 -130 -80 -249 1 -105 31 -213 80 -291 14 -23 24 -42 22 -44 -2 -2 -71 35 -153 82 -389 223 -742 394 -975 473 -374 128 -778 142 -1100 38 -245 -78 -444 -243 -547 -453 -46 -93 -58 -149 -57 -265 1 -89 5 -116 27 -174 86 -220 281 -356 512 -356 96 0 166 18 260 64 132 66 230 164 235 236 5 62 -1 83 -34 116 -26 26 -42 34 -69 34 -74 0 -111 -68 -97 -179 7 -57 5 -60 -70 -103 -77 -44 -152 -61 -254 -56 -77 3 -101 9 -159 37 -187 90 -285 302 -232 504 59 227 295 440 543 492 93 19 310 20 417 1 327 -58 655 -191 1450 -588 504 -253 676 -323 938 -387 268 -66 545 -83 732 -47 308 60 514 239 581 505 25 100 16 249 -19 323 -88 182 -337 263 -579 188 -115 -35 -188 -106 -188 -182 0 -89 124 -106 196 -26 12 12 32 43 44 68 13 25 28 48 34 52 20 14 171 8 224 -7 73 -22 132 -70 165 -135 27 -52 28 -61 25 -165 -3 -103 -5 -115 -41 -189 -72 -151 -221 -264 -422 -318 -118 -31 -376 -32 -527 0 -422 88 -770 337 -856 612 -26 84 -23 233 5 286 29 54 93 109 151 128 47 17 207 22 228 8 6 -4 24 -35 39 -70 31 -69 55 -92 97 -92 58 0 82 60 50 125 -54 112 -260 168 -424 116z"/>
<path d="M8015 3874 c-152 -38 -250 -168 -179 -238 19 -20 63 -21 90 -2 11 8 33 43 49 78 15 35 33 66 39 70 21 14 181 9 228 -8 58 -19 122 -74 151 -128 28 -53 31 -202 5 -286 -86 -275 -434 -524 -856 -612 -151 -32 -409 -31 -527 0 -201 54 -350 167 -422 318 -36 74 -38 86 -41 189 -3 104 -2 113 25 165 33 65 92 113 165 135 53 15 205 21 224 7 5 -4 20 -27 33 -52 42 -82 91 -120 156 -120 47 0 85 36 85 82 0 72 -76 144 -188 178 -242 75 -491 -6 -579 -188 -35 -74 -44 -223 -19 -323 53 -212 201 -375 415 -458 226 -87 541 -87 898 0 262 64 434 134 938 387 795 397 1123 530 1450 588 120 21 332 18 432 -6 249 -59 470 -264 528 -487 53 -202 -45 -414 -232 -504 -131 -63 -314 -49 -437 33 l-49 33 2 88 c2 85 1 88 -28 117 -77 78 -197 -10 -171 -125 13 -56 55 -111 123 -162 121 -90 241 -133 372 -133 389 0 648 388 501 751 -157 388 -615 608 -1169 560 -270 -22 -476 -79 -773 -211 -171 -76 -458 -226 -699 -363 -82 -47 -151 -84 -153 -82 -2 2 8 21 22 44 49 78 79 186 80 291 1 132 -19 186 -98 266 -81 80 -145 106 -276 110 -52 1 -104 1 -115 -2z"/>
<path d="M2058 3560 c-20 -11 -39 -24 -42 -29 -9 -13 498 -237 804 -354 80 -30 249 -91 375 -135 127 -44 237 -83 245 -86 8 -4 23 -19 32 -36 33 -59 148 -60 156 -2 7 50 -54 87 -260 157 -310 106 -798 295 -1026 396 -135 60 -245 109 -246 109 -1 -1 -18 -10 -38 -20z"/>
<path d="M10454 3470 c-224 -100 -707 -287 -1022 -395 -206 -70 -267 -107 -260 -157 8 -58 123 -57 156 2 9 17 24 32 32 36 8 3 119 42 245 86 127 44 295 105 375 135 307 118 813 341 804 354 -5 9 -80 50 -86 48 -2 0 -112 -49 -244 -109z"/>
<path d="M3080 3240 c0 -3 37 -19 83 -35 81 -30 85 -30 340 -35 141 -3 257 -2 257 1 0 4 -28 19 -62 35 l-63 29 -278 5 c-152 3 -277 3 -277 0z"/>
<path d="M9435 3240 l-270 -5 -62 -29 c-35 -16 -63 -31 -63 -35 0 -3 116 -4 257 -1 255 5 259 5 341 35 45 16 82 33 82 37 0 5 -3 7 -7 6 -5 -1 -129 -5 -278 -8z"/>
<path d="M140 3205 l0 -35 341 0 c307 0 341 2 335 16 -3 9 -6 24 -6 35 0 18 -11 19 -335 19 l-335 0 0 -35z"/>
<path d="M1012 3208 l3 -33 251 -3 251 -2 10 35 11 35 -265 0 -264 0 3 -32z"/>
<path d="M1766 3231 c-3 -4 -10 -20 -15 -34 l-10 -27 469 -2 c259 -2 470 -1 470 2 0 3 -37 20 -83 38 l-83 32 -371 0 c-205 0 -374 -4 -377 -9z"/>
<path d="M4546 3205 l26 -35 799 0 799 0 0 35 0 35 -826 0 -825 0 27 -35z"/>
<path d="M6630 3205 l0 -35 799 0 799 0 26 35 27 35 -825 0 -826 0 0 -35z"/>
<path d="M10198 3207 c-43 -18 -78 -34 -78 -37 0 -3 211 -4 470 -2 l470 2 -13 33 -13 32 -380 2 -379 1 -77 -31z"/>
<path d="M11273 3205 l10 -35 248 0 c265 0 259 -1 259 51 0 18 -10 19 -264 19 l-264 0 11 -35z"/>
<path d="M11990 3221 c0 -11 -3 -26 -6 -35 -6 -14 28 -16 335 -16 l341 0 0 35 0 35 -335 0 c-324 0 -335 -1 -335 -19z"/>
</g>
</svg>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur aut eaque, commodi placeat fugit velit a ipsum quidem. Provident ab esse maiores nisi rerum, ipsa alias dolores, possimus blanditiis quae non illo velit id ex ad facilis voluptates aliquam qui.</p>
<img src="/images/products.jpg">
</div>
</section>
<section class="full-content perfume">
<div class="perfume-layout">
<div data-aos="fade-down">
<h1> Citrus - Grapefruit with Orange</h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="1280.000000pt" height="640.000000pt" viewBox="0 0 1280.000000 640.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M758 3889 c-271 -33 -507 -150 -631 -310 -175 -228 -166 -576 20 -766 91 -93 232 -142 374 -128 196 18 324 101 398 255 35 73 36 78 36 195 0 114 -2 123 -32 187 -61 130 -166 209 -277 210 -136 1 -187 -117 -65 -154 35 -10 52 -9 111 6 l70 18 24 -23 c13 -13 37 -48 52 -78 25 -51 27 -66 27 -171 0 -105 -2 -119 -27 -165 -69 -133 -215 -204 -393 -192 -59 3 -99 12 -138 30 -135 61 -217 215 -217 402 0 155 46 263 161 377 61 61 95 86 170 122 144 69 268 97 474 103 276 9 497 -35 827 -163 48 -19 91 -34 96 -34 4 0 23 13 42 28 l34 29 -130 50 c-320 126 -516 171 -764 178 -91 2 -199 0 -242 -6z"/>
<path d="M11663 3890 c-168 -18 -383 -77 -627 -173 l-130 -50 34 -29 c19 -15 38 -28 42 -28 4 0 31 10 60 21 197 79 412 140 580 165 166 24 415 15 558 -21 160 -39 275 -100 369 -193 115 -114 161 -222 161 -377 0 -93 -24 -191 -64 -259 -65 -111 -155 -165 -291 -173 -178 -12 -324 59 -393 192 -25 46 -27 60 -27 165 0 105 2 120 27 171 15 30 39 65 52 78 l24 23 70 -18 c59 -15 76 -16 111 -6 122 37 71 155 -65 154 -111 -1 -216 -80 -277 -210 -30 -64 -32 -73 -32 -187 0 -117 1 -122 36 -195 57 -119 157 -203 283 -236 248 -66 473 24 574 229 101 205 75 459 -67 647 -176 234 -573 356 -1008 310z"/>
<path d="M4548 3861 c-75 -24 -118 -52 -172 -112 -61 -68 -81 -130 -80 -249 1 -105 31 -213 80 -291 14 -23 24 -42 22 -44 -2 -2 -71 35 -153 82 -389 223 -742 394 -975 473 -374 128 -778 142 -1100 38 -245 -78 -444 -243 -547 -453 -46 -93 -58 -149 -57 -265 1 -89 5 -116 27 -174 86 -220 281 -356 512 -356 96 0 166 18 260 64 132 66 230 164 235 236 5 62 -1 83 -34 116 -26 26 -42 34 -69 34 -74 0 -111 -68 -97 -179 7 -57 5 -60 -70 -103 -77 -44 -152 -61 -254 -56 -77 3 -101 9 -159 37 -187 90 -285 302 -232 504 59 227 295 440 543 492 93 19 310 20 417 1 327 -58 655 -191 1450 -588 504 -253 676 -323 938 -387 268 -66 545 -83 732 -47 308 60 514 239 581 505 25 100 16 249 -19 323 -88 182 -337 263 -579 188 -115 -35 -188 -106 -188 -182 0 -89 124 -106 196 -26 12 12 32 43 44 68 13 25 28 48 34 52 20 14 171 8 224 -7 73 -22 132 -70 165 -135 27 -52 28 -61 25 -165 -3 -103 -5 -115 -41 -189 -72 -151 -221 -264 -422 -318 -118 -31 -376 -32 -527 0 -422 88 -770 337 -856 612 -26 84 -23 233 5 286 29 54 93 109 151 128 47 17 207 22 228 8 6 -4 24 -35 39 -70 31 -69 55 -92 97 -92 58 0 82 60 50 125 -54 112 -260 168 -424 116z"/>
<path d="M8015 3874 c-152 -38 -250 -168 -179 -238 19 -20 63 -21 90 -2 11 8 33 43 49 78 15 35 33 66 39 70 21 14 181 9 228 -8 58 -19 122 -74 151 -128 28 -53 31 -202 5 -286 -86 -275 -434 -524 -856 -612 -151 -32 -409 -31 -527 0 -201 54 -350 167 -422 318 -36 74 -38 86 -41 189 -3 104 -2 113 25 165 33 65 92 113 165 135 53 15 205 21 224 7 5 -4 20 -27 33 -52 42 -82 91 -120 156 -120 47 0 85 36 85 82 0 72 -76 144 -188 178 -242 75 -491 -6 -579 -188 -35 -74 -44 -223 -19 -323 53 -212 201 -375 415 -458 226 -87 541 -87 898 0 262 64 434 134 938 387 795 397 1123 530 1450 588 120 21 332 18 432 -6 249 -59 470 -264 528 -487 53 -202 -45 -414 -232 -504 -131 -63 -314 -49 -437 33 l-49 33 2 88 c2 85 1 88 -28 117 -77 78 -197 -10 -171 -125 13 -56 55 -111 123 -162 121 -90 241 -133 372 -133 389 0 648 388 501 751 -157 388 -615 608 -1169 560 -270 -22 -476 -79 -773 -211 -171 -76 -458 -226 -699 -363 -82 -47 -151 -84 -153 -82 -2 2 8 21 22 44 49 78 79 186 80 291 1 132 -19 186 -98 266 -81 80 -145 106 -276 110 -52 1 -104 1 -115 -2z"/>
<path d="M2058 3560 c-20 -11 -39 -24 -42 -29 -9 -13 498 -237 804 -354 80 -30 249 -91 375 -135 127 -44 237 -83 245 -86 8 -4 23 -19 32 -36 33 -59 148 -60 156 -2 7 50 -54 87 -260 157 -310 106 -798 295 -1026 396 -135 60 -245 109 -246 109 -1 -1 -18 -10 -38 -20z"/>
<path d="M10454 3470 c-224 -100 -707 -287 -1022 -395 -206 -70 -267 -107 -260 -157 8 -58 123 -57 156 2 9 17 24 32 32 36 8 3 119 42 245 86 127 44 295 105 375 135 307 118 813 341 804 354 -5 9 -80 50 -86 48 -2 0 -112 -49 -244 -109z"/>
<path d="M3080 3240 c0 -3 37 -19 83 -35 81 -30 85 -30 340 -35 141 -3 257 -2 257 1 0 4 -28 19 -62 35 l-63 29 -278 5 c-152 3 -277 3 -277 0z"/>
<path d="M9435 3240 l-270 -5 -62 -29 c-35 -16 -63 -31 -63 -35 0 -3 116 -4 257 -1 255 5 259 5 341 35 45 16 82 33 82 37 0 5 -3 7 -7 6 -5 -1 -129 -5 -278 -8z"/>
<path d="M140 3205 l0 -35 341 0 c307 0 341 2 335 16 -3 9 -6 24 -6 35 0 18 -11 19 -335 19 l-335 0 0 -35z"/>
<path d="M1012 3208 l3 -33 251 -3 251 -2 10 35 11 35 -265 0 -264 0 3 -32z"/>
<path d="M1766 3231 c-3 -4 -10 -20 -15 -34 l-10 -27 469 -2 c259 -2 470 -1 470 2 0 3 -37 20 -83 38 l-83 32 -371 0 c-205 0 -374 -4 -377 -9z"/>
<path d="M4546 3205 l26 -35 799 0 799 0 0 35 0 35 -826 0 -825 0 27 -35z"/>
<path d="M6630 3205 l0 -35 799 0 799 0 26 35 27 35 -825 0 -826 0 0 -35z"/>
<path d="M10198 3207 c-43 -18 -78 -34 -78 -37 0 -3 211 -4 470 -2 l470 2 -13 33 -13 32 -380 2 -379 1 -77 -31z"/>
<path d="M11273 3205 l10 -35 248 0 c265 0 259 -1 259 51 0 18 -10 19 -264 19 l-264 0 11 -35z"/>
<path d="M11990 3221 c0 -11 -3 -26 -6 -35 -6 -14 28 -16 335 -16 l341 0 0 35 0 35 -335 0 c-324 0 -335 -1 -335 -19z"/>
</g>
</svg>
<p> Abundant grapefruit and orange aroma. Basil, peppermint and pimento mix perfectly with grapefruit's bright and sunny nature. Refreshing and uplifting.</p>
<br>
<p> 40ML | 100ML | 250ML </p>
</div>
<!--<div class="gallery">
<img src="./images/orange.jpg" alt="">
</div>-->
<div class="glide" id="glide1" data-aos="fade-up">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide"><img src="./images/orange.jpg" alt=""></li>
<li class="glide__slide"><img src="./images/orange2.jpg" alt=""></li>
<li class="glide__slide"><img src="./images/orange3.jpg" alt=""></li>
</ul>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">
<i class="fas fa-chevron-left"></i>
</button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">
<i class="fas fa-chevron-right"></i>
</button>
</div>
<div class="glide__bullets" data-glide-el="controls[nav]">
<button class="glide__bullet" data-glide-dir="=0"></button>
<button class="glide__bullet" data-glide-dir="=1"></button>
<button class="glide__bullet" data-glide-dir="=2"></button>
</div>
</div>
</div>
<div class="perfume-layout">
<div data-aos="fade-down">
<h1> Floral - Wild Bluebell with Lemongrass </h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="1280.000000pt" height="640.000000pt" viewBox="0 0 1280.000000 640.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M758 3889 c-271 -33 -507 -150 -631 -310 -175 -228 -166 -576 20 -766 91 -93 232 -142 374 -128 196 18 324 101 398 255 35 73 36 78 36 195 0 114 -2 123 -32 187 -61 130 -166 209 -277 210 -136 1 -187 -117 -65 -154 35 -10 52 -9 111 6 l70 18 24 -23 c13 -13 37 -48 52 -78 25 -51 27 -66 27 -171 0 -105 -2 -119 -27 -165 -69 -133 -215 -204 -393 -192 -59 3 -99 12 -138 30 -135 61 -217 215 -217 402 0 155 46 263 161 377 61 61 95 86 170 122 144 69 268 97 474 103 276 9 497 -35 827 -163 48 -19 91 -34 96 -34 4 0 23 13 42 28 l34 29 -130 50 c-320 126 -516 171 -764 178 -91 2 -199 0 -242 -6z"/>
<path d="M11663 3890 c-168 -18 -383 -77 -627 -173 l-130 -50 34 -29 c19 -15 38 -28 42 -28 4 0 31 10 60 21 197 79 412 140 580 165 166 24 415 15 558 -21 160 -39 275 -100 369 -193 115 -114 161 -222 161 -377 0 -93 -24 -191 -64 -259 -65 -111 -155 -165 -291 -173 -178 -12 -324 59 -393 192 -25 46 -27 60 -27 165 0 105 2 120 27 171 15 30 39 65 52 78 l24 23 70 -18 c59 -15 76 -16 111 -6 122 37 71 155 -65 154 -111 -1 -216 -80 -277 -210 -30 -64 -32 -73 -32 -187 0 -117 1 -122 36 -195 57 -119 157 -203 283 -236 248 -66 473 24 574 229 101 205 75 459 -67 647 -176 234 -573 356 -1008 310z"/>
<path d="M4548 3861 c-75 -24 -118 -52 -172 -112 -61 -68 -81 -130 -80 -249 1 -105 31 -213 80 -291 14 -23 24 -42 22 -44 -2 -2 -71 35 -153 82 -389 223 -742 394 -975 473 -374 128 -778 142 -1100 38 -245 -78 -444 -243 -547 -453 -46 -93 -58 -149 -57 -265 1 -89 5 -116 27 -174 86 -220 281 -356 512 -356 96 0 166 18 260 64 132 66 230 164 235 236 5 62 -1 83 -34 116 -26 26 -42 34 -69 34 -74 0 -111 -68 -97 -179 7 -57 5 -60 -70 -103 -77 -44 -152 -61 -254 -56 -77 3 -101 9 -159 37 -187 90 -285 302 -232 504 59 227 295 440 543 492 93 19 310 20 417 1 327 -58 655 -191 1450 -588 504 -253 676 -323 938 -387 268 -66 545 -83 732 -47 308 60 514 239 581 505 25 100 16 249 -19 323 -88 182 -337 263 -579 188 -115 -35 -188 -106 -188 -182 0 -89 124 -106 196 -26 12 12 32 43 44 68 13 25 28 48 34 52 20 14 171 8 224 -7 73 -22 132 -70 165 -135 27 -52 28 -61 25 -165 -3 -103 -5 -115 -41 -189 -72 -151 -221 -264 -422 -318 -118 -31 -376 -32 -527 0 -422 88 -770 337 -856 612 -26 84 -23 233 5 286 29 54 93 109 151 128 47 17 207 22 228 8 6 -4 24 -35 39 -70 31 -69 55 -92 97 -92 58 0 82 60 50 125 -54 112 -260 168 -424 116z"/>
<path d="M8015 3874 c-152 -38 -250 -168 -179 -238 19 -20 63 -21 90 -2 11 8 33 43 49 78 15 35 33 66 39 70 21 14 181 9 228 -8 58 -19 122 -74 151 -128 28 -53 31 -202 5 -286 -86 -275 -434 -524 -856 -612 -151 -32 -409 -31 -527 0 -201 54 -350 167 -422 318 -36 74 -38 86 -41 189 -3 104 -2 113 25 165 33 65 92 113 165 135 53 15 205 21 224 7 5 -4 20 -27 33 -52 42 -82 91 -120 156 -120 47 0 85 36 85 82 0 72 -76 144 -188 178 -242 75 -491 -6 -579 -188 -35 -74 -44 -223 -19 -323 53 -212 201 -375 415 -458 226 -87 541 -87 898 0 262 64 434 134 938 387 795 397 1123 530 1450 588 120 21 332 18 432 -6 249 -59 470 -264 528 -487 53 -202 -45 -414 -232 -504 -131 -63 -314 -49 -437 33 l-49 33 2 88 c2 85 1 88 -28 117 -77 78 -197 -10 -171 -125 13 -56 55 -111 123 -162 121 -90 241 -133 372 -133 389 0 648 388 501 751 -157 388 -615 608 -1169 560 -270 -22 -476 -79 -773 -211 -171 -76 -458 -226 -699 -363 -82 -47 -151 -84 -153 -82 -2 2 8 21 22 44 49 78 79 186 80 291 1 132 -19 186 -98 266 -81 80 -145 106 -276 110 -52 1 -104 1 -115 -2z"/>
<path d="M2058 3560 c-20 -11 -39 -24 -42 -29 -9 -13 498 -237 804 -354 80 -30 249 -91 375 -135 127 -44 237 -83 245 -86 8 -4 23 -19 32 -36 33 -59 148 -60 156 -2 7 50 -54 87 -260 157 -310 106 -798 295 -1026 396 -135 60 -245 109 -246 109 -1 -1 -18 -10 -38 -20z"/>
<path d="M10454 3470 c-224 -100 -707 -287 -1022 -395 -206 -70 -267 -107 -260 -157 8 -58 123 -57 156 2 9 17 24 32 32 36 8 3 119 42 245 86 127 44 295 105 375 135 307 118 813 341 804 354 -5 9 -80 50 -86 48 -2 0 -112 -49 -244 -109z"/>
<path d="M3080 3240 c0 -3 37 -19 83 -35 81 -30 85 -30 340 -35 141 -3 257 -2 257 1 0 4 -28 19 -62 35 l-63 29 -278 5 c-152 3 -277 3 -277 0z"/>
<path d="M9435 3240 l-270 -5 -62 -29 c-35 -16 -63 -31 -63 -35 0 -3 116 -4 257 -1 255 5 259 5 341 35 45 16 82 33 82 37 0 5 -3 7 -7 6 -5 -1 -129 -5 -278 -8z"/>
<path d="M140 3205 l0 -35 341 0 c307 0 341 2 335 16 -3 9 -6 24 -6 35 0 18 -11 19 -335 19 l-335 0 0 -35z"/>
<path d="M1012 3208 l3 -33 251 -3 251 -2 10 35 11 35 -265 0 -264 0 3 -32z"/>
<path d="M1766 3231 c-3 -4 -10 -20 -15 -34 l-10 -27 469 -2 c259 -2 470 -1 470 2 0 3 -37 20 -83 38 l-83 32 -371 0 c-205 0 -374 -4 -377 -9z"/>
<path d="M4546 3205 l26 -35 799 0 799 0 0 35 0 35 -826 0 -825 0 27 -35z"/>
<path d="M6630 3205 l0 -35 799 0 799 0 26 35 27 35 -825 0 -826 0 0 -35z"/>
<path d="M10198 3207 c-43 -18 -78 -34 -78 -37 0 -3 211 -4 470 -2 l470 2 -13 33 -13 32 -380 2 -379 1 -77 -31z"/>
<path d="M11273 3205 l10 -35 248 0 c265 0 259 -1 259 51 0 18 -10 19 -264 19 l-264 0 11 -35z"/>
<path d="M11990 3221 c0 -11 -3 -26 -6 -35 -6 -14 28 -16 335 -16 l341 0 0 35 0 35 -335 0 c-324 0 -335 -1 -335 -19z"/>
</g>
</svg>
<p> Vibrant wild bluebell blooms in a shaded woodland. The delicate sweetness of bluebells suffused with lemongrass of the valley. Floral and mesmerising. </p>
<br>
<p> 40ML | 100ML | 250ML </p>
</div>
<!--<div class="gallery">
<img src="./images/white.jpg" alt="">
</div>-->
<div class="glide" id="glide2" data-aos="fade-up">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide"><img src="./images/white2.jpg" alt=""></li>
<li class="glide__slide"><img src="./images/white.jpg" alt=""></li>
<li class="glide__slide"><img src="./images/white3.jpg" alt=""></li>
</ul>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">
<i class="fas fa-chevron-left"></i>
</button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">
<i class="fas fa-chevron-right"></i>
</button>
</div>
<div class="glide__bullets" data-glide-el="controls[nav]">
<button class="glide__bullet" data-glide-dir="=0"></button>
<button class="glide__bullet" data-glide-dir="=1"></button>
<button class="glide__bullet" data-glide-dir="=2"></button>
</div>
</div>
</div>
<div class="perfume-layout">
<div data-aos="fade-down">
<h1> Aquatic - Sea Salt and Melon </h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="1280.000000pt" height="640.000000pt" viewBox="0 0 1280.000000 640.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M758 3889 c-271 -33 -507 -150 -631 -310 -175 -228 -166 -576 20 -766 91 -93 232 -142 374 -128 196 18 324 101 398 255 35 73 36 78 36 195 0 114 -2 123 -32 187 -61 130 -166 209 -277 210 -136 1 -187 -117 -65 -154 35 -10 52 -9 111 6 l70 18 24 -23 c13 -13 37 -48 52 -78 25 -51 27 -66 27 -171 0 -105 -2 -119 -27 -165 -69 -133 -215 -204 -393 -192 -59 3 -99 12 -138 30 -135 61 -217 215 -217 402 0 155 46 263 161 377 61 61 95 86 170 122 144 69 268 97 474 103 276 9 497 -35 827 -163 48 -19 91 -34 96 -34 4 0 23 13 42 28 l34 29 -130 50 c-320 126 -516 171 -764 178 -91 2 -199 0 -242 -6z"/>
<path d="M11663 3890 c-168 -18 -383 -77 -627 -173 l-130 -50 34 -29 c19 -15 38 -28 42 -28 4 0 31 10 60 21 197 79 412 140 580 165 166 24 415 15 558 -21 160 -39 275 -100 369 -193 115 -114 161 -222 161 -377 0 -93 -24 -191 -64 -259 -65 -111 -155 -165 -291 -173 -178 -12 -324 59 -393 192 -25 46 -27 60 -27 165 0 105 2 120 27 171 15 30 39 65 52 78 l24 23 70 -18 c59 -15 76 -16 111 -6 122 37 71 155 -65 154 -111 -1 -216 -80 -277 -210 -30 -64 -32 -73 -32 -187 0 -117 1 -122 36 -195 57 -119 157 -203 283 -236 248 -66 473 24 574 229 101 205 75 459 -67 647 -176 234 -573 356 -1008 310z"/>
<path d="M4548 3861 c-75 -24 -118 -52 -172 -112 -61 -68 -81 -130 -80 -249 1 -105 31 -213 80 -291 14 -23 24 -42 22 -44 -2 -2 -71 35 -153 82 -389 223 -742 394 -975 473 -374 128 -778 142 -1100 38 -245 -78 -444 -243 -547 -453 -46 -93 -58 -149 -57 -265 1 -89 5 -116 27 -174 86 -220 281 -356 512 -356 96 0 166 18 260 64 132 66 230 164 235 236 5 62 -1 83 -34 116 -26 26 -42 34 -69 34 -74 0 -111 -68 -97 -179 7 -57 5 -60 -70 -103 -77 -44 -152 -61 -254 -56 -77 3 -101 9 -159 37 -187 90 -285 302 -232 504 59 227 295 440 543 492 93 19 310 20 417 1 327 -58 655 -191 1450 -588 504 -253 676 -323 938 -387 268 -66 545 -83 732 -47 308 60 514 239 581 505 25 100 16 249 -19 323 -88 182 -337 263 -579 188 -115 -35 -188 -106 -188 -182 0 -89 124 -106 196 -26 12 12 32 43 44 68 13 25 28 48 34 52 20 14 171 8 224 -7 73 -22 132 -70 165 -135 27 -52 28 -61 25 -165 -3 -103 -5 -115 -41 -189 -72 -151 -221 -264 -422 -318 -118 -31 -376 -32 -527 0 -422 88 -770 337 -856 612 -26 84 -23 233 5 286 29 54 93 109 151 128 47 17 207 22 228 8 6 -4 24 -35 39 -70 31 -69 55 -92 97 -92 58 0 82 60 50 125 -54 112 -260 168 -424 116z"/>
<path d="M8015 3874 c-152 -38 -250 -168 -179 -238 19 -20 63 -21 90 -2 11 8 33 43 49 78 15 35 33 66 39 70 21 14 181 9 228 -8 58 -19 122 -74 151 -128 28 -53 31 -202 5 -286 -86 -275 -434 -524 -856 -612 -151 -32 -409 -31 -527 0 -201 54 -350 167 -422 318 -36 74 -38 86 -41 189 -3 104 -2 113 25 165 33 65 92 113 165 135 53 15 205 21 224 7 5 -4 20 -27 33 -52 42 -82 91 -120 156 -120 47 0 85 36 85 82 0 72 -76 144 -188 178 -242 75 -491 -6 -579 -188 -35 -74 -44 -223 -19 -323 53 -212 201 -375 415 -458 226 -87 541 -87 898 0 262 64 434 134 938 387 795 397 1123 530 1450 588 120 21 332 18 432 -6 249 -59 470 -264 528 -487 53 -202 -45 -414 -232 -504 -131 -63 -314 -49 -437 33 l-49 33 2 88 c2 85 1 88 -28 117 -77 78 -197 -10 -171 -125 13 -56 55 -111 123 -162 121 -90 241 -133 372 -133 389 0 648 388 501 751 -157 388 -615 608 -1169 560 -270 -22 -476 -79 -773 -211 -171 -76 -458 -226 -699 -363 -82 -47 -151 -84 -153 -82 -2 2 8 21 22 44 49 78 79 186 80 291 1 132 -19 186 -98 266 -81 80 -145 106 -276 110 -52 1 -104 1 -115 -2z"/>
<path d="M2058 3560 c-20 -11 -39 -24 -42 -29 -9 -13 498 -237 804 -354 80 -30 249 -91 375 -135 127 -44 237 -83 245 -86 8 -4 23 -19 32 -36 33 -59 148 -60 156 -2 7 50 -54 87 -260 157 -310 106 -798 295 -1026 396 -135 60 -245 109 -246 109 -1 -1 -18 -10 -38 -20z"/>
<path d="M10454 3470 c-224 -100 -707 -287 -1022 -395 -206 -70 -267 -107 -260 -157 8 -58 123 -57 156 2 9 17 24 32 32 36 8 3 119 42 245 86 127 44 295 105 375 135 307 118 813 341 804 354 -5 9 -80 50 -86 48 -2 0 -112 -49 -244 -109z"/>
<path d="M3080 3240 c0 -3 37 -19 83 -35 81 -30 85 -30 340 -35 141 -3 257 -2 257 1 0 4 -28 19 -62 35 l-63 29 -278 5 c-152 3 -277 3 -277 0z"/>
<path d="M9435 3240 l-270 -5 -62 -29 c-35 -16 -63 -31 -63 -35 0 -3 116 -4 257 -1 255 5 259 5 341 35 45 16 82 33 82 37 0 5 -3 7 -7 6 -5 -1 -129 -5 -278 -8z"/>
<path d="M140 3205 l0 -35 341 0 c307 0 341 2 335 16 -3 9 -6 24 -6 35 0 18 -11 19 -335 19 l-335 0 0 -35z"/>
<path d="M1012 3208 l3 -33 251 -3 251 -2 10 35 11 35 -265 0 -264 0 3 -32z"/>
<path d="M1766 3231 c-3 -4 -10 -20 -15 -34 l-10 -27 469 -2 c259 -2 470 -1 470 2 0 3 -37 20 -83 38 l-83 32 -371 0 c-205 0 -374 -4 -377 -9z"/>
<path d="M4546 3205 l26 -35 799 0 799 0 0 35 0 35 -826 0 -825 0 27 -35z"/>
<path d="M6630 3205 l0 -35 799 0 799 0 26 35 27 35 -825 0 -826 0 0 -35z"/>
<path d="M10198 3207 c-43 -18 -78 -34 -78 -37 0 -3 211 -4 470 -2 l470 2 -13 33 -13 32 -380 2 -379 1 -77 -31z"/>
<path d="M11273 3205 l10 -35 248 0 c265 0 259 -1 259 51 0 18 -10 19 -264 19 l-264 0 11 -35z"/>
<path d="M11990 3221 c0 -11 -3 -26 -6 -35 -6 -14 28 -16 335 -16 l341 0 0 35 0 35 -335 0 c-324 0 -335 -1 -335 -19z"/>
</g>
</svg>
<p> Breathe in the fresh, salty scent of the ocean with a touch of summer-like melon fragrance. Like walking in the beach no matter where you are. Very crisp and clean. </p>
<br>
<p> 40ML | 100ML | 250ML </p>
</div>
<!--<div class="gallery">
<img src="./images/blue.jpg" alt="">
</div>-->
<div class="glide" id="glide3" data-aos="fade-up">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide"><img src="./images/blue.jpg" alt=""></li>
<li class="glide__slide"><img src="./images/blue2.jpg" alt=""></li>
<li class="glide__slide"><img src="./images/blue3.jpg" alt=""></li>
</ul>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">
<i class="fas fa-chevron-left"></i>
</button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">
<i class="fas fa-chevron-right"></i>
</button>
</div>
<div class="glide__bullets" data-glide-el="controls[nav]">
<button class="glide__bullet" data-glide-dir="=0"></button>
<button class="glide__bullet" data-glide-dir="=1"></button>
<button class="glide__bullet" data-glide-dir="=2"></button>
</div>
</div>
</div>
</section>
<section class="call-for-action" data-aos="fade-down">
<h3> Interested in our products? Visit our local store now. </h3>
<a class="button" href="contact.html"> Store Location </a>
</section>
</div>
<footer class="footer">
<div class="logo">
<a class="icon" href="index.html"> <img src="/images/logo-b.png"></a>
</div>
<div class="separate">
<div class="sitemap">
<a href="index.html"> Home </a>
<a href="perfume.html"> Perfume </a>
<a href="soap.html"> Soap </a>
<a href="about.html"> About Us </a>
<a href="contact.html"> Location </a>
</div>
<div class="social">
<a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-square"></i></a>
</div>
<div class="copyright">
<p> Copyright © Aromatic 2020 </p>
</div>
<div class="design">
<p> Website Designed by <a href="https://www.snowiewongdev.com"> SWDevelopment</a></p>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.4.1/glide.min.js" integrity="sha512-BXASbMmKLu+RC5TDnkupyhvrjiOQXILh/5zgIS8k5JAC71a73lNweVEg/X+9XJQ7GK22PH9WpztY3zqrji+xrQ==" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="/js/main.js"> </script>
<script>
new Glide('#glide1', {
type: 'carousel',
startAt: 0,
perView: 3,
focusAt: 'center',
autoplay: 4000,
hoverpause: true,
breakpoints:{
767: {
perView: 1
}
}
}).mount();
new Glide('#glide2', {
type: 'carousel',
startAt: 0,
perView: 3,
focusAt: 'center',
autoplay: 4000,
hoverpause: true,
breakpoints:{
767: {
perView: 1
}
}
}).mount();
new Glide('#glide3', {
type: 'carousel',
startAt: 0,
perView: 3,
focusAt: 'center',
autoplay: 4000,
hoverpause: true,
breakpoints:{
767: {
perView: 1
}
}
}).mount();
</script>
</body>
</html>