-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
400 lines (397 loc) · 39.2 KB
/
index.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
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!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>Best Coffee</title>
<link
rel="shortcut icon"
href="./assets/LogoIcon.svg"
type="image/x-icon"
/>
<link
rel="icon"
href="./assets/LogoIcon.svg"
type="image/x-icon"
sizes="192x192"
/>
<link
rel="appel-touch-icon"
href="./assets/LogoIcon.svg"
type="image/x-icon"
sizes="180x180"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Alegreya+Sans&family=Cedarville+Cursive&family=Josefin+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
href="http://fonts.cdnfonts.com/css/george-rounded?styles=104227"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/normalize.css" />
<link rel="stylesheet" href="./css/main.css" />
<link
href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css"
rel="stylesheet"
/>
<script src="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script>
</head>
<body>
<!-- start prelaoder -->
<div class="preloader">
<img src="./assets/preloaderImg.gif" alt="">
</div>
<!-- end prelaoder -->
<!-- start skip to content link -->
<a href="#main" class="skip-to-content">Skip to content</a>
<!-- end skip to content link -->
<!-- start a link to the project on github -->
<a title="View source on Github" href="https://github.com/Von-mehdi/Coffee-template" target="_blank" class="github-corner" aria-label="View source on Github"><svg viewBox="0 0 250 250"
aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px" class="octo-arm"></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg></a>
<!-- end a link to the project on github -->
<!-- start home -->
<div class="home">
<!-- start haeder -->
<header class="header">
<div class="headerContainer flex">
<div class="logo"><img src="assets/logo.svg" alt="logo" /></div>
<button
aria-controls="menu"
aria-expanded="false"
aria-label="menu"
class="toggleButton"
><span></span><span></span><span></span>
</button>
<nav>
<ul id="menu" class="flex menu">
<li class="Navlogo">
<img src="assets/logo.svg" alt="logo" />
</li>
<li>
<a href="#about" class="text-dark ff-Josefin fs-200 bold"
>About us</a
>
</li>
<li>
<a href="#promotion" class="text-dark ff-Josefin fs-200 bold"
>Promotion</a
>
</li>
<li>
<a href="#shop" class="text-dark ff-Josefin fs-200 bold"
>Shop</a
>
</li>
<li class="mobileLast">
<a href="#contact" class="text-dark ff-Josefin fs-200 bold"
>Contacts</a
>
</li>
<li class="bg-green">
<a href="mailto: [email protected]" class="ff-Josefin bold text-white fs-200 email"
>Contact Us</a
>
</li>
</ul>
</nav>
</div>
</header>
<!-- end haeder -->
<!-- start landing-->
<div class="landing" id="main">
<div class="container flex">
<div id="ladingContent" class="">
<p class="ff-cedarville quote text-green">
Drink coffee, enjoy with Samwyle
</p>
<h1 class="text-dark ff-Josefin fs-800">Coffee Shop</h1>
<button class="orderButton bg-green ff-George fs-400">
Order here
</button>
</div>
<div class="">
<img src="assets/coffee1.svg" alt="coffee cup" />
</div>
</div>
</div>
<!-- end landing-->
</div>
<!-- end home -->
<!-- start about -->
<div class="about" id="about">
<div class="container flex">
<section class="bg-lightPink grid">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 370 267"
fill="none"
style="width: min(100%, 21.875rem)"
>
<path
d="M256.835 202.785C199.235 242.785 133.502 218.452 107.835 201.285H107.335C107.002 200.618 106.235 198.885 105.835 197.285C105.564 196.199 103.129 193.825 100.81 191.785M256.835 202.785C234.335 217.285 173.535 236.985 110.335 199.785M256.835 202.785C201.235 240.385 136.002 220.785 110.335 206.285V199.785M256.835 202.785L256.335 202.285M110.335 199.785L106.835 196.785L102.835 192.285L100.81 191.785M296.335 196.285L290.835 200.285C288.835 195.085 266.669 199.118 255.835 201.785L256.335 202.285M296.335 196.285C301.669 197.118 311.035 200.485 305.835 207.285C299.502 212.285 279.735 223.185 251.335 226.785C226.169 231.118 164.935 237.185 121.335 226.785C82.3355 219.785 22.4355 202.685 94.8355 190.285L97.8354 189.285M296.335 196.285C286.735 193.485 275.002 188.118 270.335 185.785M97.8354 189.285C98.6391 189.928 99.7114 190.819 100.81 191.785M97.8354 189.285L89.579 177.785M83.8354 169.785C38.5021 174.118 -36.1646 192.785 27.8354 232.785C64.6688 253.118 171.835 284.685 305.835 248.285C356.669 230.118 423.535 188.885 284.335 169.285M83.8354 169.785C53.8354 119.385 52.6688 59.7851 55.8354 36.285M83.8354 169.785L89.579 177.785M284.335 169.285L296.835 141.785M284.335 169.285L277.335 177.535M256.335 202.285L270.335 185.785M270.335 185.785L277.335 177.535M290.835 196.785L271.335 188.785L263.835 197.785L279.835 194.785L281.835 195.785H283.335L272.335 191.785L270.335 192.785L268.835 194.785L272.335 194.285M296.835 141.785C326.002 138.618 380.435 121.585 364.835 78.7851C360.502 68.9517 344.635 51.9851 315.835 62.7851M296.835 141.785C298.365 139.155 299.82 135.93 301.196 132.285M315.835 62.7851C315.497 65.7757 315.046 69.3376 314.486 73.285M315.835 62.7851L314.486 73.285M301.196 132.285C301.755 130.802 302.302 129.249 302.835 127.638M301.196 132.285C302.447 132.062 303.961 131.763 305.607 131.401M302.835 127.638L325.835 124.285C326.169 122.785 326.235 120.685 323.835 124.285C321.894 127.197 312.566 129.868 305.607 131.401M302.835 127.638C303.197 126.546 303.552 125.427 303.901 124.285M303.901 124.285L305.607 131.401M303.901 124.285C308.027 110.792 311.268 94.103 313.439 80.285M303.901 124.285C312.185 123.999 325.208 121.585 334.835 115.077M313.439 80.285C339.123 74.685 346.738 86.285 347.335 92.785C347.335 98.7967 345.519 103.742 342.568 107.785M313.439 80.285C313.822 77.8516 314.171 75.5072 314.486 73.285M314.486 73.285C319.769 72.285 330.635 70.585 331.835 71.785M314.486 73.285V36.285M342.568 107.785C345.574 110.952 348.463 116.685 335.962 114.285M342.568 107.785C341.741 108.918 340.825 109.98 339.835 110.975M335.962 114.285C337.343 113.275 338.643 112.174 339.835 110.975M335.962 114.285C335.592 114.555 335.216 114.819 334.835 115.077M339.835 110.975C342.169 113.106 344.435 116.91 334.835 115.077M314.486 36.285C288.207 65.885 215.103 70.285 181.835 68.785C153.169 70.4517 87.8354 66.285 55.8354 36.285M314.486 36.285C314.989 33.2774 314.043 29.6007 310.82 25.785M55.8354 36.285C54.603 33.4409 55.2688 29.7231 59.4112 25.785M65.8354 87.285C74.6688 124.785 101.135 200.285 136.335 202.285M310.82 25.785C300.47 13.5313 266.631 -0.15513 181.835 2.28504C102.263 4.57491 69.8333 15.877 59.4112 25.785M310.82 25.785C309.346 27.7004 307.157 29.9133 304.211 32.285M59.4112 25.785C60.5882 27.8957 62.067 29.894 63.8105 31.785M63.8105 31.785C70.6522 26.4517 87.1354 16.285 98.3354 18.285M63.8105 31.785C70.8334 39.4025 82.1506 45.2813 95.3354 49.7661M147.335 10.785C155.335 9.78503 172.735 7.98503 178.335 8.78503M189.835 8.78503C199.835 8.61837 220.035 8.78503 220.835 10.785M95.3354 49.7661C123.54 59.3598 160.291 62.5746 181.835 62.7851C223.604 62.7851 254.223 56.1279 275.335 48.0012M95.3354 49.7661C118.002 40.7499 185.735 27.7742 275.335 48.0012M275.335 48.0012C288.551 42.9142 298.042 37.2513 304.211 32.285M277.335 177.535C291.169 177.618 319.835 179.185 323.835 184.785M89.579 177.785C72.8312 178.118 38.4354 180.885 34.8354 189.285M58.3354 215.285C71.3354 224.118 106.935 241.385 145.335 239.785M231.335 237.285C248.669 235.285 285.335 229.785 293.335 223.785M267.835 17.285C278.586 19.285 300.912 25.085 304.211 32.285M299.835 64.785C300.002 84.4517 293.435 135.385 265.835 181.785M251.335 196.785L259.335 188.285M103.835 196.285L87.3354 200.785C86.8354 201.452 86.2354 202.685 87.8354 202.285C89.4354 201.885 99.8354 199.452 104.835 198.285L103.835 196.285Z"
stroke="#444A4A"
stroke-width="4"
style="stroke: #af9283"
/>
</svg>
<div aria-hidden="true"class="sectionName fs-500 ff-cedarville text-dark leftSide">
About us
</div>
</section>
<section>
<article class="flow">
<header class="bold ff-Josefin text-dark fs-700">
Coffee Shop Samwayle
</header>
<p class="fs-300 lt-2">
Only one moment - when the barista reaches out over the bar
to transfer the cup to the outstretched hand of the buyer.
But this is exactly the moment when a connection arises
between us and our guests.
</p>
<p class="fs-300 lt-2">
And we strive to do our best to maintain this connection -
starting with our commitment to selecting the highest
quality coffee in the world and ending with how we interact
with guests and organizations to fulfill our obligations.
</p>
</article>
</section>
</div>
</div>
<!-- end about -->
<!-- start promotion -->
<div class="promotion" id="promotion">
<div class="container flex">
<section class="grid">
<div>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 240 324"
fill="none"
style="width: min(100%, 15rem)"
>
<path
xmlns="http://www.w3.org/2000/svg"
d="M21.6087 11.3084C27.1821 7.55052 51.7951 0.48575 105.661 2.28952C141.596 1.69777 201.23 2.03783 210.499 6.61111M21.6087 11.3084C16.186 13.7644 10.7633 41.5216 10.7633 40.1688M21.6087 11.3084L27.9352 11.6372M205.529 11.3084L198.298 11.881M205.529 11.3084C211.833 9.39043 213.003 7.84636 210.499 6.61111M205.529 11.3084H212.533M177.059 13.5631C148.138 15.0663 85.2351 17.1707 64.9903 13.5631M177.059 13.5631C140.908 4.18351 87.2837 9.65495 64.9903 13.5631M177.059 13.5631L159.888 12.2103C132.021 11.3084 77.1914 10.2261 80.8065 13.1122C84.4217 15.9982 135.485 9.95558 135.485 9.95558M177.059 13.5631L188.809 12.6326M64.9903 13.5631L47.3666 12.6471M10.7633 40.1688C13.6253 40.6197 19.2589 41.251 18.8974 40.1688M10.7633 40.1688L9.79809 39.9623C6.36993 39.2293 2.75807 39.7808 2.21251 43.2438V43.2438C1.38803 48.4771 6.03876 52.972 11.2617 53.8602C12.7582 54.1147 14.249 54.3639 15.7342 54.6079M27.9352 11.6372C24.772 20.6968 18.5359 39.0865 18.8974 40.1688M27.9352 11.6372L41.9439 12.3653M18.8974 40.1688C20.861 40.4684 22.8193 40.758 24.772 41.0377M220.441 40.1688L228.575 39.2669M220.441 40.1688C222.249 40.1688 215.922 20.9285 212.533 11.3084M220.441 40.1688C218.675 40.5286 216.714 40.8973 214.566 41.2691M197.846 43.7017C200.892 43.3278 203.758 42.9438 206.432 42.5561M197.846 43.7017C197.244 33.7439 198.118 19.5739 206.432 42.5561M197.846 43.7017C185.402 45.229 169.948 46.5864 152.205 47.3321M206.432 42.5561C209.38 42.1287 212.096 41.6968 214.566 41.2691M200.106 33.4046C199.955 35.0581 199.744 38.7257 200.106 40.1688C200.462 41.5914 202.019 39.0403 202.785 37.5276C202.805 37.4872 202.802 37.4399 202.777 37.4023V37.4023C202.691 37.2736 202.493 37.3835 202.558 37.5243L204.173 41.0706L202.828 38.1617C201.918 36.1958 200.857 34.3038 199.654 32.5027V32.5027M188.809 12.6326L193.328 18.5235M188.809 12.6326L198.298 11.881M193.328 18.5235C191.52 15.7486 191.43 12.6999 198.298 11.881M193.328 18.5235C193.779 19.8763 197.937 11.6176 198.298 11.881M219.537 11.3084L210.499 6.61111M219.537 11.3084C223.152 19.8763 230.021 37.4631 228.575 39.2669M219.537 11.3084H212.533M228.575 39.2669H230.221C232.996 39.2669 234.559 38.6181 236.127 40.9072V40.9072C239.589 45.9584 233.993 53.5878 228.047 55.0518C226.915 55.3304 225.735 55.6091 224.508 55.8867M15.7342 54.6079C17.5417 73.3942 20.705 110.967 18.8974 110.967M15.7342 54.6079C17.0946 54.8314 18.4503 55.0505 19.8012 55.2653M18.8974 110.967C16.9392 110.666 13.0228 111.147 13.0228 115.476L24.992 224.679C25.4208 228.592 27.8217 231.894 31.0985 234.074V234.074M18.8974 110.967L15.657 113.841C15.1313 114.307 14.8304 114.977 14.8304 115.679V116.454C14.8304 117.193 15.3594 117.827 16.087 117.959L16.2457 117.988C17.5401 118.223 18.4636 116.764 17.6979 115.694L17.6229 115.59C17.5692 115.515 17.5024 115.45 17.4256 115.399V115.399C16.9086 115.055 16.9989 114.27 17.5804 114.053L19.1872 113.451C19.5698 113.308 19.999 113.37 20.326 113.614L20.5513 113.783C21.0796 114.178 21.0796 114.97 20.5513 115.366V115.366C20.1307 115.681 20.0298 116.269 20.3217 116.706L20.5512 117.05C21.0795 117.841 22.2194 117.902 22.829 117.172L23.6027 116.245C23.7763 116.037 24.0043 115.882 24.2613 115.796V115.796C24.8398 115.604 25.477 115.792 25.8584 116.268L25.9272 116.353C26.5205 117.094 26.3514 118.183 25.5616 118.709L24.4093 119.475C23.5204 120.067 23.0288 121.075 23.1351 122.138C26.6366 157.14 32.8768 225.911 31.0985 234.074M18.8974 110.967C22.1286 112.253 25.4045 113.454 28.7178 114.574M31.0985 234.074L33.4389 287.792C33.6724 293.149 36.3875 298.142 41.0401 300.808V300.808M31.0985 234.074C34.578 235.504 38.673 236.994 43.2995 238.466M209.596 232.27L205.412 286.163C204.914 292.574 201.577 298.489 196.039 301.755V301.755M209.596 232.27V232.27C214.579 230.613 214.917 224.239 215.598 219.031C219.402 189.944 224.965 145.172 226.511 125.101C227.027 118.402 226.205 109.995 219.537 109.163V109.163M209.596 232.27C208.248 232.89 206.896 233.491 205.541 234.074M219.537 109.163L224.508 55.8867M219.537 109.163L218.816 113.24C218.745 113.644 219.319 113.801 219.464 113.418V113.418C219.509 113.297 219.619 113.212 219.747 113.207C221.034 113.162 220.913 114.016 219.537 113.672C218.429 113.396 219.904 112.308 220.789 111.746C221.139 111.524 221.565 111.491 221.958 111.622V111.622C222.426 111.777 222.792 112.144 222.948 112.611L223.152 113.222L223.706 115.707C223.898 116.57 223.343 117.422 222.476 117.595L222.039 117.683C220.98 117.894 220.118 116.83 220.544 115.837L220.86 115.101C220.88 115.055 220.926 115.025 220.976 115.025V115.025C221.128 115.025 221.149 115.245 221 115.274L217.829 115.907C217.764 115.92 217.702 115.948 217.649 115.988L215.922 117.28M224.508 55.8867C222.929 56.244 221.272 56.5996 219.537 56.9515M215.922 117.28C213.911 155.61 209.02 232.631 205.541 234.074M215.922 117.28C214.195 117.727 212.348 118.179 210.388 118.633M205.541 234.074C202.688 235.301 199.82 236.447 196.943 237.516M196.943 237.516L204.625 119.9M196.943 237.516C192.145 239.297 187.319 240.863 182.482 242.232M204.625 119.9C205.081 119.805 205.533 119.709 205.981 119.613M204.625 119.9C203.45 120.145 202.245 120.39 201.01 120.633M189.261 122.736L182.482 242.232M189.261 122.736C184.973 123.432 180.442 124.093 175.704 124.699M189.261 122.736C191.115 122.435 192.923 122.128 194.683 121.815M182.482 242.232C178.72 243.296 174.951 244.241 171.185 245.074M175.704 124.699L171.185 245.074M175.704 124.699C171.632 125.22 167.406 125.7 163.051 126.127M171.185 245.074C167.414 245.908 163.645 246.631 159.888 247.25M163.051 126.127L159.888 247.25M163.051 126.127C158.372 126.585 153.542 126.982 148.59 127.3M159.888 247.25C155.195 248.022 150.52 248.634 145.879 249.099M148.59 127.3L145.879 249.099M148.59 127.3C144.889 127.538 141.119 127.733 137.293 127.877M145.879 249.099C143.002 249.388 140.139 249.62 137.293 249.801M137.293 127.877V249.801M137.293 127.877C131.387 128.1 125.347 128.203 119.217 128.161M137.293 249.801C131.174 250.188 125.136 250.335 119.217 250.277M119.217 128.161V250.277M119.217 128.161C113.854 128.125 108.422 127.978 102.949 127.704M119.217 250.277C114.663 250.233 110.18 250.069 105.787 249.801M102.949 127.704L105.787 249.801M102.949 127.704C99.0495 127.509 95.1296 127.249 91.2001 126.919M105.787 249.801C101.905 249.564 98.0925 249.246 94.3633 248.859M91.2001 126.919L94.3633 248.859M91.2001 126.919C86.2375 126.502 81.2596 125.972 76.2876 125.318M94.3633 248.859C89.3855 248.343 84.5552 247.705 79.9028 246.971M76.2876 125.318L79.9028 246.971M76.2876 125.318C72.5153 124.822 68.7465 124.253 64.9903 123.608M79.9028 246.971C76.2352 246.393 72.6781 245.756 69.2463 245.074M64.9903 123.608L69.2463 245.074M64.9903 123.608C60.2948 122.802 55.6192 121.876 50.9817 120.818M69.2463 245.074C64.8072 244.192 60.5778 243.234 56.59 242.232M50.9817 120.818L56.59 242.232M50.9817 120.818C49.9252 120.578 48.8708 120.33 47.8185 120.076M56.59 242.232C51.7912 241.025 47.3424 239.752 43.2995 238.466M35.1655 116.639L43.2995 238.466M35.1655 116.639C33.9217 116.262 32.6823 115.875 31.4477 115.476M35.1655 116.639C36.4019 117.014 37.6427 117.377 38.8876 117.731M23.8682 83.4593L19.8012 55.2653M23.8682 83.4593V55.9012M23.8682 83.4593C22.0606 72.6366 19.9819 52.5246 26.1277 58.6574C30.597 63.1174 30.2388 62.4419 28.8418 60.7588C28.3257 60.137 27.3384 60.5975 27.4647 61.3956V61.3956C27.6116 62.3237 29.1902 62.3278 29.43 61.4192C30.0835 58.943 30.9691 57.214 32.0023 58.6574C33.3879 60.5933 35.9244 61.0628 37.7794 61.0411C38.5403 61.0321 39.2325 61.6124 39.2325 62.3734V62.3734C39.2325 63.6913 41.0327 64.073 41.5676 62.8685L43.4374 58.6574M19.8012 55.2653C21.1617 55.4816 22.5174 55.6936 23.8682 55.9012M23.8682 55.9012C30.5116 56.9223 37.036 57.8387 43.4374 58.6574M43.4374 58.6574C112.103 67.4398 166.61 64.9843 201.914 59.9574M30.1947 23.9348L24.772 41.0377M24.772 41.0377C28.865 41.624 32.9332 42.167 36.9731 42.6687M40.5882 32.9537L36.9731 42.6687M36.9731 42.6687C53.6593 44.7413 69.8608 46.1114 85.3255 46.9336M44.2033 21.2291L41.9439 12.3653M44.2033 21.2291L47.3666 12.6471M44.2033 21.2291L44.6552 12.5062M41.9439 12.3653L44.6552 12.5062M47.3666 12.6471L44.6552 12.5062M85.3255 46.9336C85.4761 44.8289 86.2293 40.3491 88.0368 39.2669M85.3255 46.9336C108.686 48.1755 130.366 48.1671 149.494 47.4405M88.0368 39.2669C89.4147 38.4419 89.6547 41.5827 89.5575 44.4543C89.5267 45.363 88.4067 45.7036 87.8381 44.9941V44.9941C87.6755 44.7912 87.597 44.5338 87.6186 44.2748L88.0368 39.2669ZM149.494 47.4405C149.946 44.5656 151.211 38.9963 152.657 39.7178M149.494 47.4405C150.404 47.406 151.307 47.3698 152.205 47.3321M152.657 39.7178C153.679 40.2277 154.16 42.5697 154.353 44.6423C154.477 45.9637 153.512 47.1012 152.205 47.3321V47.3321M152.657 39.7178L152.205 47.3321M214.566 41.2691L210.499 24.8367M219.537 56.9515C219.537 57.3065 219.535 57.6595 219.53 58.0105C219.46 63.3062 216.382 62.7638 216.826 57.4862V57.4862M219.537 56.9515C218.654 57.1308 217.75 57.3091 216.826 57.4862M219.537 56.9515L216.826 57.4862M216.826 57.4862C215.228 57.7925 213.571 58.0952 211.855 58.3927M211.855 58.3927C211.855 63.1407 211.765 71.8249 211.403 68.5782C211.042 65.3314 209.445 60.7895 208.692 58.9244M211.855 58.3927C210.822 58.5719 209.767 58.7492 208.692 58.9244M208.692 58.9244C206.518 59.2784 204.258 59.6236 201.914 59.9574M201.914 59.9574C201.914 63.4322 201.642 70.1114 200.558 69.0291C199.473 67.9468 199.202 62.8662 199.202 60.4612M205.981 119.613C206.432 112.522 207.607 98.7011 208.692 100.144M205.981 119.613C206.805 119.437 207.613 119.26 208.404 119.084M208.692 100.144C209.776 101.587 210.275 113.071 210.388 118.633M208.692 100.144L208.404 119.084M210.388 118.633C209.739 118.783 209.078 118.933 208.404 119.084M191.52 122.24C191.52 118.182 191.791 110.426 192.876 111.869C193.96 113.312 194.533 119.101 194.683 121.815M194.683 121.815C195.292 121.707 195.894 121.599 196.491 121.49M196.491 121.49C196.792 116.178 197.575 106.097 198.298 108.261M196.491 121.49C197.254 121.35 198.007 121.21 198.75 121.069M198.298 108.261C199.021 110.426 200.407 117.411 201.01 120.633M198.298 108.261L198.75 121.069M201.01 120.633C200.267 120.779 199.514 120.925 198.75 121.069M41.0401 300.808C41.7932 286.831 43.2995 259.598 43.2995 262.484C43.2995 265.37 43.2995 290.079 43.2995 302.073M41.0401 300.808C41.7751 301.229 42.5284 301.651 43.2995 302.073M43.2995 302.073C45.0201 303.014 46.8294 303.955 48.7222 304.887M48.7222 304.887C49.3248 297.367 50.6202 283.317 50.9817 287.285C51.3432 291.254 51.7349 301.682 51.8855 306.4M48.7222 304.887C49.7522 305.395 50.8069 305.9 51.8855 306.4M51.8855 306.4C54.3271 307.534 56.8911 308.648 59.5676 309.727M59.5676 309.727C60.1702 304.802 61.3752 295.312 61.3752 296.755C61.3752 298.198 61.9777 306.714 62.279 310.792M59.5676 309.727C60.4591 310.086 61.363 310.441 62.279 310.792M62.279 310.792C91.6108 322.023 133.377 328.633 175.704 311.753M175.704 311.753C176.306 306.303 177.511 295.763 177.511 297.206C177.511 298.649 178.415 306.635 178.867 310.448M175.704 311.753C176.758 311.332 177.812 310.897 178.867 310.448M178.867 310.448C181.729 309.227 184.592 307.897 187.453 306.451M187.453 306.451C187.905 299.912 188.809 287.376 188.809 289.54C188.809 291.705 189.411 300.939 189.712 305.285M187.453 306.451C188.206 306.071 188.96 305.682 189.712 305.285M189.712 305.285C190.798 304.714 191.882 304.125 192.966 303.519M192.966 303.519C194.292 283.828 196.943 248.955 196.943 266.993C196.943 285.031 196.34 297.683 196.039 301.755M192.966 303.519C193.991 302.947 195.015 302.359 196.039 301.755M28.7178 114.574C29.0595 109.464 29.8332 99.6932 30.1947 101.497C30.5562 103.301 31.1807 111.568 31.4477 115.476M28.7178 114.574C29.625 114.881 30.5351 115.182 31.4477 115.476M38.8876 117.731C39.7557 113.222 41.4016 105.555 41.0401 110.967C41.0281 111.145 41.0185 111.314 41.011 111.473C40.8127 115.674 47.7481 109.033 47.3666 113.222V113.222C47.0051 117.19 47.5172 119.444 47.8185 120.076M38.8876 117.731C41.8434 118.57 44.822 119.351 47.8185 120.076M41.0401 116.378C42.3958 116.679 45.1975 117.28 45.559 117.28C45.9192 117.28 45.4121 113.997 45.1104 112.338C45.1082 112.325 45.1071 112.313 45.1071 112.301V112.301C45.1071 112.08 44.818 112.014 44.726 112.214C44.2763 113.192 43.7514 114.475 43.7514 115.025C43.7514 115.747 41.3413 116.228 40.1363 116.378"
stroke="#444A4A"
stroke-width="4"
/>
</svg>
<div class="overlay">
<div
aria-hidden="true"
class="
sectionName
fs-500
ff-cedarville
text-dark
rightSide
"
>
Promotion
</div>
</div>
</div>
</section>
<section>
<article class="flow">
<header class="bold ff-Josefin text-dark fs-700">
Coffee of the day
</header>
<p class="fs-300 lt-2">
Americano coffee (Italian: Caffè Americano) is an
espresso diluted with hot water. The presence of foam
(cream) depends on how coffee and water are mixed.
Attention! The concepts of “American” and “American coffee”
should not be confused. n the second case, this refers not
to diluted espresso, but to a drink prepared through a
filter system..
</p>
<button
class="orderButton bg-green text-white ff-George fs-400"
>
Order Now
</button>
</article>
</section>
</div>
</div>
<!-- end promotion -->
<!-- start combination contact, fotter, shop -->
<div class="contactFotterShop">
<!-- start shop -->
<div class="shop" id="shop">
<div class="container">
<div class="products flex">
<figure class="coffee">
<a href="#"></a>
<img src="./assets/coffees/coffeeImg-1.jpg" alt="product one" aria-label="Buy the product" />
<figcaption>
<header class="ff-cedarville bold">Americano</header>
<p class="ff-Josefin">Peru Cenfrocafe</p>
<div>$1.50</div>
</figcaption>
</figure>
<figure class="coffee">
<a href="#"></a>
<img src="./assets/coffees/coffeeImg-2.jpg" alt="product two" aria-label="Buy the product" />
<figcaption>
<header class="ff-cedarville bold">Latte</header>
<p class="ff-Josefin">Costa Rica Finca Edgar</p>
<div>$2.00</div>
</figcaption>
</figure>
<figure class="coffee">
<a href="#"></a>
<img src="./assets/coffees/coffeeImg-3.jpg" alt="product three" aria-label="Buy the product" />
<figcaption>
<header class="ff-cedarville bold">Voneto</header>
<p class="ff-Josefin">Costa Rica Las Abejas</p>
<div>$3.50</div>
</figcaption>
</figure>
<figure class="coffee">
<a href="#"></a>
<img src="./assets/coffees/coffeeImg-4.jpg" alt="product four" aria-label="Buy the product" />
<figcaption>
<header class="ff-cedarville bold">Espresso</header>
<p class="ff-Josefin">Decaf Colombia</p>
<div>$3.00</div>
</figcaption>
</figure>
<figure class="coffee">
<a href="#"></a>
<img src="./assets/coffees/coffeeImg-6.jpg" alt="product five" aria-label="Buy the product" />
<figcaption>
<header class="ff-cedarville bold">Lavazza</header>
<p class="ff-Josefin">Casablanca</p>
<div>$2.00</div>
</figcaption>
</figure>
<figure class="coffee">
<a href="#"></a>
<img src="./assets/coffees/coffeeImg-5.jpg" alt="product six" aria-label="Buy the product" />
<figcaption>
<header class="ff-cedarville bold">Dope</header>
<p class="ff-Josefin">Decaf Colombia</p>
<div>$1.50</div>
</figcaption>
</figure>
</div>
</div>
</div>
<!-- end shop -->
<!-- start contact -->
<div class="contact" id="contact">
<div class="container flex">
<section class="map-container">
<div id="map"></div>
<div
aria-hidden="true"
class="sectionName fs-500 ff-cedarville text-dark rightSide"
>
Contacts
</div>
</section>
<section>
<div class="flex infoContainer">
<div></div>
<div class="contactInfo">
<header class="text-dark lt-1 bold fs-600">
Our address
</header>
<div class="lt-2">
110 St-Cathedral Pkwy Station <br />
94-54 Corona Ave., Elmhurst <br />
5627 Van Doren St, Queens <br />
4310 94th St, Flushing
</div>
</div>
</div>
</section>
</div>
</div>
<!-- end contact -->
<!-- start footer -->
<footer class="footer">
<div class="container">
Copyright ©<span id="thisYear">2021</span> All rights reserved | This template was
made with <span style="color: red">♥</span> by <span style="color: black;text-decoration: underline;">Essaadi
Elmehdi</span> && designed by <span style="color: black;text-decoration: underline;">Samwyle bandtitos</span>
</div>
</footer>
<!-- end footer -->
</div>
<!-- ned combination contact, fotter, shop -->
<!-- start my personal logo -->
<svg viewBox="-129.826 -55.23 1386.919 610.459" xmlns="http://www.w3.org/2000/svg" class="CreaterLogo" aria-label="owner's logo" aria-hidden="true">
<defs>
<linearGradient id="grd1" gradientUnits="userSpaceOnUse" x1="279.3" y1="216.5" x2="-129.5" y2="335.8">
<stop offset="0" stop-color="#ffffff"></stop>
<stop offset="0.4" stop-color="#199dd9"></stop>
<stop offset="0.7" stop-color="#1284c9"></stop>
<stop offset="1" stop-color="#0b598a"></stop>
</linearGradient>
<linearGradient gradientUnits="userSpaceOnUse" x1="1508.157" y1="156.233" x2="1508.157" y2="551.913"
id="gradient-0" gradientTransform="matrix(0.66157, 0.838296, -1.011573, 0.728743, 920.148696, -831.784362)">
<stop offset="0" style="stop-color: rgb(255, 255, 255)"></stop>
<stop offset="0.161" style="stop-color: rgb(202, 232, 246)"></stop>
<stop offset="0.701" style="stop-color: rgb(25, 157, 217)"></stop>
<stop offset="0.869" style="stop-color: rgb(18, 132, 201)"></stop>
<stop offset="1" style="stop-color: rgb(11, 89, 138)"></stop>
</linearGradient>
</defs>
<g id="Layer 1" transform="matrix(0.129585, 0, 0, 0.193971, -90.083817, 246.351791)">
<path fill-rule="evenodd" class="shp0"
d="M 4301.855 274.454 C 4104.824 189.98 3921.515 70.712 3710.762 -78.482 C 4004.409 51.117 4299.715 152.51 4597.201 216.635 C 4849.949 271.115 4994.539 239.895 5236.655 261.323 C 5436.334 279.007 5670.157 322.649 5796.719 484.693 C 5717.824 305.797 5486.488 166.709 5118.8 91.386 L 5130.543 55.097 C 5439.477 125.731 5993.723 329.462 6042.299 685.905 C 6066.453 863.093 5995.341 958.101 5842.7 1072.86 C 5677.808 1196.873 5453.68 1272.611 5188.815 1272.611 C 4533.365 1272.611 4253.239 858.821 4253.239 509.055 C 4253.239 435.666 4269.101 354.97 4301.855 274.454 Z M 5832.87 703.072 C 5800.223 529.977 5630.342 414.205 5481.058 380.737 C 5209.411 319.827 4822.438 437.285 4511.324 348.967 L 4507.592 347.899 C 4503.072 382.378 4500.731 418.556 4500.731 456.464 C 4500.731 909.118 4824.377 1192.601 5256.823 1192.601 C 5368.66 1192.601 5539.437 1166.553 5677.487 1062.293 C 5801.587 968.544 5859.351 843.498 5832.87 703.072 Z M 3432.509 -482.559 C 3551.581 -448.338 3669.021 -412.476 3797.455 -387.563 C 4084.642 -467.27 3978.169 -142.349 3778.838 -340.56 C 3666.6 -397.276 3549.28 -439.12 3432.509 -482.559 Z M 4015.457 -273.287 L 4144.76 -234.58 C 4091.276 -118.111 3863.939 -155.795 3556.717 -172.748 C 3744.225 -171.545 3918.453 -183.687 4015.457 -273.287 Z M 3742.433 -111.467 C 3929.954 -110.253 4104.169 -122.394 4201.186 -211.994 L 4330.476 -173.299 C 4277.005 -56.819 4049.682 -94.514 3742.433 -111.467 Z M 3924.03 -54.919 C 4111.551 -53.705 4285.766 -65.846 4382.77 -155.435 L 4512.073 -116.74 C 4458.602 -0.282 4231.278 -37.966 3924.03 -54.919 Z M 4111.177 4.035 C 4298.712 5.238 4472.926 -6.904 4569.917 -96.492 L 4699.22 -57.786 C 4645.749 58.683 4418.426 20.999 4111.177 4.035 Z M 4304.57 67.171 C 4492.078 68.385 4666.306 56.244 4763.31 -33.356 L 4892.613 5.339 C 4839.129 121.808 4611.805 84.124 4304.57 67.171 Z M 4483.88 136.029 C 4671.415 137.243 4845.629 125.102 4942.62 35.502 L 5071.923 74.197 C 5018.452 190.666 4791.129 152.982 4483.88 136.029 Z M 4146.044 -262.674 L 4019.135 -306.608 C 4018.319 -427.743 3898.471 -534.723 3758.108 -639.252 C 3999.983 -479.119 4198.966 -379.323 4146.044 -262.674 Z M 4339.437 -199.549 L 4212.514 -243.472 C 4211.712 -364.618 4091.851 -471.598 3951.487 -576.117 C 4193.376 -415.983 4392.359 -316.187 4339.437 -199.549 Z M 4136.454 -510.732 C 4378.343 -350.599 4577.313 -250.791 4524.404 -134.154 L 4397.481 -178.077 C 4396.666 -299.222 4276.818 -406.203 4136.454 -510.732 Z M 4334.047 -448.72 C 4575.935 -288.587 4774.905 -188.791 4721.983 -72.142 L 4595.074 -116.065 C 4594.258 -237.21 4474.411 -344.202 4334.047 -448.72 Z M 4512.113 -389.283 C 4753.988 -229.15 4952.972 -129.353 4900.049 -12.693 L 4773.14 -56.628 C 4772.311 -177.773 4652.463 -284.742 4512.113 -389.283 Z M 4697.909 -333.859 C 4939.798 -173.726 5138.781 -73.929 5085.859 42.719 L 4958.936 -1.204 C 4958.134 -122.361 4838.287 -229.33 4697.909 -333.859 Z M 6075.306 795.977 C 6106.295 661.937 6023.454 485.919 5880.656 332.452 C 5798.016 -2.452 5507.953 -176.784 5188.815 -176.784 C 5141.764 -176.784 5096.291 -173.838 5052.637 -168.015 C 5031.171 -188.273 5004.77 -209.004 4974.518 -230.623 C 5044.893 -243.146 5120.82 -249.937 5202.416 -249.937 C 5740.921 -249.937 6148.879 26.677 6148.879 479.331 C 6148.879 591.55 6123.213 698.721 6075.306 795.977 Z"
style="stroke: rgb(75, 112, 91); fill: rgb(30, 120, 194)"></path>
<g id="Layer 2" transform="matrix(7.716942, 0, 0, 4.611678, -2347.806396, -2256.979248)">
<g id="g-2">
<path class="shp1"
d="M1644.22 439.02C1635 445.63 1618.98 457.18 1599.3 471.84C1578.22 487.56 1559.23 502.16 1542.09 515.76C1513.91 538.14 1490.77 557.81 1471.74 575.24C1404.65 636.7 1388.49 670.42 1381.62 697.3C1374.58 724.83 1375.52 752.07 1375.58 753.45C1377.06 790.21 1388.89 818.61 1397.07 834.7C1399.38 793.78 1409.42 749.55 1435.85 709.41C1447.24 692.11 1459.06 679.54 1471.74 668.27C1495.16 647.43 1521.52 630.99 1553.55 597.23C1554.4 596.34 1555.25 595.43 1556.11 594.51C1582.46 566.23 1609.89 529 1632.99 479.62C1609.45 544.16 1578.7 585.99 1553.55 612.96C1552.55 614.03 1551.56 615.08 1550.59 616.1C1526.02 641.77 1498.07 662.89 1471.74 700.46C1466.68 707.68 1461.68 715.49 1456.77 724.08C1444.1 746.26 1436.33 766.01 1431.72 779.38C1454.45 782.99 1503.8 786.58 1549.76 758.3C1559.35 752.39 1567.97 745.02 1575.88 737C1617.33 694.99 1631.55 644.44 1639.5 613.14C1657.37 542.76 1651.83 480.16 1644.22 439.02Z"
style="fill: url(#gradient-0)"></path>
<path class="shp2"
d="M1527.23 488.04C1499.55 447.1 1452.7 420.13 1399.67 420.13C1390.79 420.13 1375.91 420.9 1358.61 425.7C1329.25 433.84 1308.48 449.29 1296.66 459.8C1291.04 457.09 1282.73 453.72 1272.21 451.69C1266.8 450.65 1257.55 448.87 1245.72 449.96C1232.67 451.17 1226.3 454.96 1217.76 451.98C1216.37 451.5 1213.21 450.24 1208.5 449.35C1205.25 448.73 1201.88 448.4 1198.44 448.4C1168.69 448.4 1144.57 472.52 1144.57 502.27C1144.57 532.03 1168.69 556.15 1198.44 556.15C1218.04 556.15 1235.18 545.68 1244.61 530.04C1247.16 529.7 1249.76 529.5 1252.38 529.43C1248.1 543.55 1245.79 558.51 1245.79 574.01L1245.79 737L1327.6 737L1327.6 574.01C1327.6 562.83 1330.15 552.24 1334.71 542.79C1336.23 539.64 1337.98 536.62 1339.92 533.74C1341.22 531.83 1342.6 529.97 1344.07 528.19C1357.3 512.17 1377.31 501.94 1399.67 501.94C1422.02 501.94 1442.03 512.17 1455.26 528.19C1456.73 529.97 1458.12 531.83 1459.42 533.74C1461.36 536.62 1463.1 539.64 1464.62 542.79C1466.01 545.67 1467.21 548.65 1468.21 551.72C1486.13 535.55 1507.48 517.51 1532.99 497.25C1531.17 494.11 1529.26 491.03 1527.23 488.04Z"
style="fill: rgb(30, 120, 194)"></path>
<path class="shp3"
d="M1532.99 497.25C1507.48 517.51 1486.13 535.55 1468.21 551.72C1470.5 558.74 1471.74 566.23 1471.74 574.01L1471.74 575.24C1490.77 557.81 1513.91 538.14 1542.09 515.76C1539.47 509.36 1536.41 503.18 1532.99 497.25Z"
style="fill: transparent"></path>
</g>
</g>
</g>
<g id="g-3" transform="matrix(2.432237, 0, 0, 2.135695, -129.971649, -56.126999)">
<g >
<g >
<g >
<g >
<path class="s0"
d="m230.43 0.53v0l-83.69 190.19l-31.49 71.57l-31.49-71.57l31.49-71.57l26.83-60.98c15.42-35.03 50.08-57.65 88.35-57.65z"
style="fill: url(#grd1)"></path>
<g >
<path class="s1"
d="m70.46 17.39c12.66 28.77 25.32 57.54 37.98 86.3l-32.31 69.7l-76.07-172.87c58.14-0.03 116.28-0.07 174.41-0.1c-46.21 5.8-92.42 11.59-138.63 17.39c11.54-0.14 23.09-0.28 34.63-0.42z"
style="fill: rgb(30, 120, 194)"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<!-- end my personal logo -->
<script src="main.js"></script>
</body>
</html>