-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
376 lines (372 loc) · 31.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description" content="Diana Vilé is a frontend web developer specialized in UX Design & Web Development HTML, CSS, JS, React." />
<meta name="robots" content="index,follow" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./styles/style.css" />
<title>Diana Vilé| Front End Web Developer</title>
</head>
<body>
<header class="main-head">
<nav>
<div class="logo">
<img src="icons/code.svg" alt="logo" />
<h1>Diana Vilé</h1>
</div>
<ul class="nav-links">
<li><a class="active" href=" / ">Home</a></li>
<li><a href="./projects/">Projects</a></li>
<li><a href="./contact/ ">Contact</a></li>
</ul>
</nav>
</header>
<section class="intro">
<div class="intro-text">
<h2>Diana Vilé</h2>
<h3>
Front End Web Developer
</h3>
<p>
Let me design, build and optimize your digital products!
</p>
<div class="intro-social">
<a href="https://www.linkedin.com/in/dianavile/"><img src="icons/linked-in.svg " alt="linkedin-social-link " /></a>
<a href="https://github.com/dianavile"><img src="icons/github.svg " alt="github-social-link " /></a>
</div>
</div>
<div class="intro-images">
<svg width="1101" height="667" viewBox="0 0 1101 667" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="FrontEnd" clip-path="url(#clip0)">
<path
id="Vector"
d="M633.929 250.416C654.03 250.416 670.325 234.121 670.325 214.02C670.325 193.919 654.03 177.624 633.929 177.624C613.829 177.624 597.534 193.919 597.534 214.02C597.534 234.121 613.829 250.416 633.929 250.416Z"
fill="#2F2E41"
/>
<path
id="Vector_2"
d="M644.069 178.626C650.368 178.627 656.559 180.262 662.036 183.372C667.514 186.482 672.091 190.96 675.319 196.368C678.548 201.777 680.318 207.93 680.457 214.228C680.595 220.525 679.097 226.75 676.109 232.295C679.264 228.347 681.563 223.785 682.857 218.9C684.152 214.014 684.415 208.913 683.63 203.92C682.844 198.928 681.027 194.154 678.294 189.902C675.561 185.651 671.973 182.015 667.757 179.227C663.542 176.439 658.792 174.56 653.81 173.709C648.828 172.859 643.724 173.055 638.822 174.286C633.92 175.517 629.328 177.756 625.34 180.859C621.351 183.963 618.052 187.864 615.654 192.313C619.057 188.041 623.378 184.592 628.298 182.223C633.218 179.853 638.609 178.624 644.069 178.626Z"
fill="#2F2E41"
/>
<path
id="Vector_3"
d="M429.05 610.271C430.17 605.391 430.92 602.631 430.92 602.631L430.34 598.661L424.37 558.121L421.86 541.021C443.6 531.961 449.04 490.281 449.04 490.281L449.86 489.791L453.57 487.571V487.561L466.89 479.571L467.16 479.411L472.54 482.991L483.47 490.281C521.71 518.401 560.65 517.901 584.68 513.471C599.37 510.761 608.5 506.591 608.5 506.591L634.86 497.801L635.68 497.531L636.49 497.651L651.95 499.991L652.23 500.041L653.51 500.231L649.93 524.981L644.74 560.951C658.45 568.211 670.64 581.851 681.3 598.661C683.66 602.381 685.947 606.251 688.16 610.271C691.04 615.471 693.79 620.881 696.41 626.421C696.73 627.081 697.04 627.751 697.35 628.421C698.36 630.591 699.36 632.781 700.33 634.981H424.25C424.61 632.771 424.97 630.661 425.32 628.631C425.338 628.562 425.352 628.492 425.36 628.421C425.49 627.741 425.61 627.081 425.72 626.421C426.94 619.821 428.12 614.311 429.05 610.271Z"
fill="#2F2E41"
/>
<path
id="Vector_4"
d="M418.234 261.963C418.234 261.963 438.167 298.205 430.919 343.506C423.671 388.808 452.664 501.157 452.664 501.157L474.409 495.721C474.409 495.721 459.912 401.493 463.536 379.748C467.161 358.003 467.161 272.835 449.04 261.963C430.919 251.091 418.234 261.963 418.234 261.963Z"
fill="#2F2E41"
/>
<path
id="Vector_5"
d="M628.973 299.625L636.59 500.251L651.086 509.311C651.086 509.311 671.925 289.144 661.053 289.144H638.93C637.578 289.144 636.24 289.419 634.997 289.953C633.754 290.486 632.633 291.267 631.702 292.247C630.77 293.228 630.048 294.387 629.579 295.656C629.11 296.924 628.904 298.275 628.973 299.625Z"
fill="#2F2E41"
/>
<path
id="Vector_6"
d="M462.63 496.627C467.634 496.627 471.691 492.57 471.691 487.567C471.691 482.563 467.634 478.506 462.63 478.506C457.626 478.506 453.57 482.563 453.57 487.567C453.57 492.57 457.626 496.627 462.63 496.627Z"
fill="#6C63FF"
/>
<path
id="Vector_7"
d="M643.838 505.687C648.842 505.687 652.898 501.631 652.898 496.627C652.898 491.623 648.842 487.567 643.838 487.567C638.834 487.567 634.778 491.623 634.778 496.627C634.778 501.631 638.834 505.687 643.838 505.687Z"
fill="#6C63FF"
/>
<path
id="Vector_8"
d="M671.925 495.721C671.925 495.721 589.476 480.318 584.039 507.499C578.603 534.681 675.549 522.902 675.549 522.902L671.925 495.721Z"
fill="#FFB8B8"
/>
<path
id="Vector_9"
d="M378.369 571.828L403.738 591.761C403.738 591.761 421.859 647.935 449.04 631.627C476.221 615.318 423.671 557.331 423.671 557.331L392.865 546.459L378.369 571.828Z"
fill="#FFB8B8"
/>
<path
id="Vector_10"
d="M894.448 627.416H161.448V629.416H894.448V627.416Z"
fill="#3F3D56"
/>
<g id="person">
<path
id="Vector_11"
d="M565.919 213.943C624.965 213.943 672.831 166.077 672.831 107.031C672.831 47.9844 624.965 0.118011 565.919 0.118011C506.873 0.118011 459.006 47.9844 459.006 107.031C459.006 166.077 506.873 213.943 565.919 213.943Z"
fill="#2F2E41"
/>
<path
id="Vector_12"
d="M482.01 40.6964C500.432 19.9785 526.182 7.22824 553.827 5.13671C581.472 3.04519 608.848 11.776 630.177 29.4865C629.303 28.6554 628.438 27.8176 627.529 27.01C606.336 8.17859 578.532 -1.46422 550.23 0.202342C521.928 1.8689 495.447 14.7083 476.611 35.8969C457.775 57.0855 448.125 84.8881 449.786 113.19C451.446 141.492 464.279 167.976 485.463 186.817C486.372 187.625 487.305 188.386 488.233 189.157C468.146 170.049 456.268 143.884 455.107 116.185C453.946 88.4853 463.592 61.4184 482.01 40.6964Z"
fill="#2F2E41"
/>
<path
id="Vector_13"
d="M565.013 213.037C603.042 213.037 633.872 182.208 633.872 144.178C633.872 106.148 603.042 75.3192 565.013 75.3192C526.983 75.3192 496.154 106.148 496.154 144.178C496.154 182.208 526.983 213.037 565.013 213.037Z"
fill="#FFB8B8"
/>
<path
id="Vector_14"
d="M516.087 165.923C516.087 165.923 525.147 249.278 510.65 258.339C496.154 267.399 594.006 280.084 594.006 280.084C594.006 280.084 579.509 189.48 615.751 165.923H516.087Z"
fill="#FFB8B8"
/>
<path
id="Vector_15"
d="M603.066 243.842C603.066 243.842 630.049 231.242 591.188 235.73C552.328 240.218 518.801 223.003 518.801 223.003C518.801 223.003 507.026 211.225 505.214 223.909C503.402 236.594 510.65 260.151 470.785 263.775C430.919 267.399 394.678 256.527 380.181 283.708C365.684 310.889 372.933 428.674 372.933 428.674C372.933 428.674 400.114 526.526 421.859 541.023C443.604 555.519 633.872 535.587 633.872 535.587L688.234 437.734V323.574C688.234 323.574 680.986 283.708 630.247 294.58C630.247 294.58 597.63 287.332 599.442 271.023C601.254 254.715 603.066 243.842 603.066 243.842Z"
fill="#6C63FF"
/>
<path
id="Vector_16"
d="M506.12 58.104V126.963H522.067L542.362 105.218L539.644 126.963H610.133L605.784 105.218L614.482 126.963H625.717V58.104H506.12Z"
fill="#2F2E41"
/>
<path
id="Vector_17"
d="M495.248 139.648C498.25 139.648 500.684 135.186 500.684 129.681C500.684 124.177 498.25 119.715 495.248 119.715C492.245 119.715 489.812 124.177 489.812 129.681C489.812 135.186 492.245 139.648 495.248 139.648Z"
fill="#FFB8B8"
/>
<path
id="Vector_18"
d="M634.778 139.648C637.78 139.648 640.214 135.186 640.214 129.681C640.214 124.177 637.78 119.715 634.778 119.715C631.775 119.715 629.341 124.177 629.341 129.681C629.341 135.186 631.775 139.648 634.778 139.648Z"
fill="#FFB8B8"
/>
<path
id="Vector_19"
d="M670.113 309.077C670.113 309.077 867.629 466.728 831.388 504.781C795.146 542.835 657.429 531.962 657.429 531.962L666.489 486.661L746.22 477.6L706.355 437.734L670.113 441.359V309.077Z"
fill="#6C63FF"
/>
<path
id="Vector_20"
d="M403.738 280.084L378.437 287.698C378.437 287.698 202.597 417.802 195.349 454.043C188.101 490.285 229.779 510.217 229.779 510.217L387.429 584.513L403.738 541.023L329.443 502.969C329.443 502.969 334.879 492.097 313.134 490.285C291.389 488.473 287.765 464.916 287.765 464.916C287.765 464.916 331.255 397.869 354.812 412.365C378.369 426.862 385.617 437.734 385.617 437.734L403.738 280.084Z"
fill="#6C63FF"
/>
<path
id="Vector_21"
d="M764.6 616.481V622.551C764.603 624.217 764.295 625.869 763.69 627.421C763.421 628.113 763.097 628.782 762.72 629.421C761.528 631.421 759.837 633.078 757.812 634.228C755.787 635.378 753.499 635.982 751.17 635.981H304.62C302.291 635.982 300.003 635.378 297.978 634.228C295.953 633.078 294.262 631.421 293.07 629.421C292.693 628.782 292.369 628.113 292.1 627.421C291.495 625.869 291.187 624.217 291.19 622.551V616.481C291.189 614.717 291.537 612.97 292.211 611.341C292.886 609.711 293.875 608.231 295.122 606.983C296.37 605.736 297.85 604.747 299.48 604.072C301.11 603.397 302.856 603.05 304.62 603.051H330.36V600.221C330.36 600.147 330.374 600.074 330.402 600.006C330.43 599.938 330.472 599.877 330.524 599.825C330.576 599.773 330.638 599.731 330.706 599.703C330.774 599.675 330.846 599.661 330.92 599.661H344.35C344.424 599.661 344.496 599.675 344.564 599.703C344.632 599.731 344.694 599.773 344.746 599.825C344.798 599.877 344.839 599.938 344.868 600.006C344.896 600.074 344.91 600.147 344.91 600.221V603.051H353.3V600.221C353.3 600.147 353.314 600.074 353.342 600.006C353.37 599.938 353.412 599.877 353.464 599.825C353.516 599.773 353.578 599.731 353.646 599.703C353.714 599.675 353.786 599.661 353.86 599.661H367.29C367.364 599.661 367.436 599.675 367.504 599.703C367.572 599.731 367.634 599.773 367.686 599.825C367.738 599.877 367.779 599.938 367.808 600.006C367.836 600.074 367.85 600.147 367.85 600.221V603.051H376.25V600.221C376.25 600.147 376.264 600.074 376.292 600.006C376.32 599.938 376.362 599.877 376.414 599.825C376.466 599.773 376.528 599.731 376.596 599.703C376.664 599.675 376.736 599.661 376.81 599.661H390.24C390.314 599.661 390.386 599.675 390.454 599.703C390.522 599.731 390.584 599.773 390.636 599.825C390.688 599.877 390.729 599.938 390.758 600.006C390.786 600.074 390.8 600.147 390.8 600.221V603.051H399.19V600.221C399.19 600.147 399.204 600.074 399.232 600.006C399.26 599.938 399.302 599.877 399.354 599.825C399.406 599.773 399.468 599.731 399.536 599.703C399.604 599.675 399.676 599.661 399.75 599.661H413.18C413.254 599.661 413.326 599.675 413.394 599.703C413.462 599.731 413.524 599.773 413.576 599.825C413.628 599.877 413.67 599.938 413.698 600.006C413.726 600.074 413.74 600.147 413.74 600.221V603.051H422.13V600.221C422.13 600.147 422.144 600.074 422.172 600.006C422.2 599.938 422.242 599.877 422.294 599.825C422.346 599.773 422.408 599.731 422.476 599.703C422.544 599.675 422.616 599.661 422.69 599.661H436.12C436.194 599.661 436.266 599.675 436.334 599.703C436.402 599.731 436.464 599.773 436.516 599.825C436.568 599.877 436.609 599.938 436.638 600.006C436.666 600.074 436.68 600.147 436.68 600.221V603.051H445.08V600.221C445.08 600.147 445.094 600.074 445.122 600.006C445.15 599.938 445.192 599.877 445.244 599.825C445.296 599.773 445.358 599.731 445.426 599.703C445.494 599.675 445.566 599.661 445.64 599.661H459.07C459.144 599.661 459.216 599.675 459.284 599.703C459.352 599.731 459.414 599.773 459.466 599.825C459.518 599.877 459.559 599.938 459.588 600.006C459.616 600.074 459.63 600.147 459.63 600.221V603.051H468.02V600.221C468.02 600.147 468.034 600.074 468.062 600.006C468.09 599.938 468.132 599.877 468.184 599.825C468.236 599.773 468.298 599.731 468.366 599.703C468.434 599.675 468.506 599.661 468.58 599.661H573.78C573.854 599.661 573.926 599.675 573.994 599.703C574.062 599.731 574.124 599.773 574.176 599.825C574.228 599.877 574.269 599.938 574.298 600.006C574.326 600.074 574.34 600.147 574.34 600.221V603.051H582.74V600.221C582.74 600.147 582.754 600.074 582.782 600.006C582.81 599.938 582.852 599.877 582.904 599.825C582.956 599.773 583.018 599.731 583.086 599.703C583.154 599.675 583.226 599.661 583.3 599.661H596.73C596.878 599.662 597.02 599.722 597.124 599.826C597.229 599.931 597.289 600.073 597.29 600.221V603.051H605.68V600.221C605.68 600.147 605.694 600.074 605.722 600.006C605.75 599.938 605.792 599.877 605.844 599.825C605.896 599.773 605.958 599.731 606.026 599.703C606.094 599.675 606.166 599.661 606.24 599.661H619.67C619.744 599.661 619.816 599.675 619.884 599.703C619.952 599.731 620.014 599.773 620.066 599.825C620.118 599.877 620.159 599.938 620.188 600.006C620.216 600.074 620.23 600.147 620.23 600.221V603.051H628.62V600.221C628.62 600.147 628.634 600.074 628.662 600.006C628.69 599.938 628.732 599.877 628.784 599.825C628.836 599.773 628.898 599.731 628.966 599.703C629.034 599.675 629.106 599.661 629.18 599.661H642.61C642.684 599.661 642.756 599.675 642.824 599.703C642.892 599.731 642.954 599.773 643.006 599.825C643.058 599.877 643.099 599.938 643.128 600.006C643.156 600.074 643.17 600.147 643.17 600.221V603.051H651.57V600.221C651.57 600.147 651.584 600.074 651.612 600.006C651.64 599.938 651.682 599.877 651.734 599.825C651.786 599.773 651.848 599.731 651.915 599.703C651.983 599.675 652.056 599.661 652.13 599.661H665.56C665.707 599.663 665.847 599.723 665.95 599.828C666.053 599.932 666.111 600.074 666.11 600.221V603.051H674.51V600.221C674.51 600.147 674.524 600.074 674.552 600.006C674.58 599.938 674.622 599.877 674.674 599.825C674.726 599.773 674.788 599.731 674.855 599.703C674.923 599.675 674.996 599.661 675.07 599.661H688.5C688.574 599.661 688.646 599.675 688.714 599.703C688.782 599.731 688.844 599.773 688.896 599.825C688.948 599.877 688.99 599.938 689.018 600.006C689.046 600.074 689.06 600.147 689.06 600.221V603.051H697.45V600.221C697.45 600.147 697.464 600.074 697.492 600.006C697.52 599.938 697.562 599.877 697.614 599.825C697.666 599.773 697.728 599.731 697.796 599.703C697.863 599.675 697.936 599.661 698.01 599.661H711.44C711.514 599.661 711.586 599.675 711.654 599.703C711.722 599.731 711.784 599.773 711.836 599.825C711.888 599.877 711.93 599.938 711.958 600.006C711.986 600.074 712 600.147 712 600.221V603.051H751.17C752.934 603.05 754.68 603.397 756.31 604.072C757.94 604.747 759.42 605.736 760.667 606.983C761.915 608.231 762.904 609.711 763.579 611.341C764.253 612.971 764.6 614.717 764.6 616.481Z"
fill="#3F3D56"
/>
<path
id="Vector_22"
d="M728.642 360.847H562.2V357.416H486.728V360.847H319.599C316.613 360.847 313.749 362.033 311.638 364.144C309.526 366.256 308.34 369.119 308.34 372.105V600.017C308.34 603.003 309.526 605.866 311.638 607.978C313.749 610.089 316.613 611.275 319.599 611.275H728.642C731.628 611.275 734.492 610.089 736.604 607.978C738.715 605.866 739.901 603.003 739.901 600.017V372.105C739.901 370.627 739.61 369.163 739.044 367.797C738.478 366.431 737.649 365.19 736.604 364.144C735.558 363.099 734.317 362.27 732.951 361.704C731.585 361.138 730.121 360.847 728.642 360.847Z"
fill="#3F3D56"
/>
</g>
<path
id="Vector_23"
d="M524.448 465.416C538.255 465.416 549.448 454.223 549.448 440.416C549.448 426.609 538.255 415.416 524.448 415.416C510.641 415.416 499.448 426.609 499.448 440.416C499.448 454.223 510.641 465.416 524.448 465.416Z"
stroke="#D0CDE1"
stroke-width="2"
stroke-miterlimit="10"
/>
<path
id="Vector_24"
d="M516.448 474.416C530.255 474.416 541.448 463.223 541.448 449.416C541.448 435.609 530.255 424.416 516.448 424.416C502.641 424.416 491.448 435.609 491.448 449.416C491.448 463.223 502.641 474.416 516.448 474.416Z"
fill="#D0CDE1"
/>
<path
id="Vector_25"
d="M215.02 663.551H26.0201V665.812H215.02V663.551Z"
fill="#3F3D56"
/>
<path
id="Vector_26"
d="M1040.02 663.551H851.02V665.812H1040.02V663.551Z"
fill="#3F3D56"
/>
<g id="plant-left">
<path
id="Vector_27"
d="M123.874 664.955L122.78 664.612C122.384 664.488 83.0592 651.856 63.1822 619.406C43.3053 586.955 49.9195 546.183 49.9879 545.775L50.1793 544.645L51.2731 544.988C51.6686 545.112 90.9938 557.744 110.871 590.195C130.748 622.645 124.133 663.416 124.065 663.825L123.874 664.955ZM51.7926 547.277C50.8874 554.12 47.279 589.613 64.8874 618.361C82.4967 647.108 115.755 660.019 122.26 662.323C123.166 655.48 126.774 619.987 109.166 591.24C91.5563 562.492 58.2985 549.581 51.7926 547.277H51.7926Z"
fill="#3F3D56"
/>
<g id="flower-left">
<g id="Group 1">
<path
id="Vector_28"
d="M136.139 590.717C116.228 623.224 123.079 663.658 123.079 663.658C123.079 663.658 162.211 651.389 182.122 618.883C202.033 586.377 195.183 545.942 195.183 545.942C195.183 545.942 156.05 558.211 136.139 590.717Z"
fill="#3F3D56"
/>
</g>
<path
id="Vector_29"
d="M122.266 663.927L121.134 663.747C120.724 663.682 79.9759 656.931 55.5717 627.732C31.1675 598.533 31.7547 557.233 31.7627 556.819L31.787 555.673L32.9191 555.852C33.3285 555.917 74.0771 562.669 98.4814 591.868C122.886 621.067 122.298 662.367 122.29 662.781L122.266 663.927Z"
fill="#6C63FF"
/>
</g>
<path
id="Vector_30"
d="M124.321 558.328C136.471 558.328 146.321 548.478 146.321 536.328C146.321 524.177 136.471 514.328 124.321 514.328C112.171 514.328 102.321 524.177 102.321 536.328C102.321 548.478 112.171 558.328 124.321 558.328Z"
fill="#3F3D56"
/>
</g>
<path
id="Vector_31"
d="M399.789 258.254L273.582 131.051H214V129.051H274.417L274.711 129.348L401.211 256.848L399.789 258.254Z"
fill="#3F3D56"
/>
<path
id="Vector_32"
d="M696.211 254.254L822.417 127.051H882V125.051H821.582L821.289 125.348L694.789 252.848L696.211 254.254Z"
fill="#3F3D56"
/>
<path
id="Vector_33"
d="M146 68.3396H6.10352e-05V97.2168H146V68.3396Z"
fill="#D0CDE1"
/>
<path
id="Vector_34"
d="M146 112.651H6.10352e-05V141.528H146V112.651Z"
fill="#D0CDE1"
/>
<path
id="Vector_35"
d="M146 156.963H6.10352e-05V185.84H146V156.963Z"
fill="#D0CDE1"
/>
<path
id="Vector_36"
opacity="0.15"
d="M60.3989 68.3397H0.00012207V97.2168H60.3989V68.3397Z"
fill="black"
/>
<path
id="Vector_37"
opacity="0.15"
d="M19.5536 112.651H0V141.528H19.5536V112.651Z"
fill="black"
/>
<path
id="Vector_38"
opacity="0.15"
d="M97.3333 156.963H6.10352e-05V185.84H97.3333V156.963Z"
fill="black"
/>
<path
id="Vector_39"
d="M1101 74.827H954.776V87.8569H1101V74.827Z"
fill="#D0CDE1"
/>
<path
id="Vector_40"
d="M928.955 73.1404H900V102.096H928.955V73.1404Z"
fill="#6C63FF"
/>
<path
id="Vector_41"
d="M928.955 116.573H900V145.529H928.955V116.573Z"
fill="#6C63FF"
/>
<path
id="Vector_42"
d="M928.955 160.006H900V188.961H928.955V160.006Z"
fill="#6C63FF"
/>
<path
id="Vector_43"
d="M936.955 96.0958H906V65.1403H936.955V96.0958ZM908 94.0958H934.955V67.1403H908V94.0958Z"
fill="#3F3D56"
/>
<path
id="Vector_44"
d="M1101 118.26H954.776V131.29H1101V118.26Z"
fill="#D0CDE1"
/>
<path
id="Vector_45"
d="M936.955 139.528H906V108.573H936.955V139.528ZM908 137.528H934.955V110.573H908V137.528Z"
fill="#3F3D56"
/>
<path
id="Vector_46"
d="M1101 161.693H954.776V174.723H1101V161.693Z"
fill="#D0CDE1"
/>
<path
id="Vector_47"
d="M936.955 182.961H906V152.006H936.955V182.961ZM908 180.961H934.955V154.006H908V180.961Z"
fill="#3F3D56"
/>
<path
id="Vector_48"
d="M189 99.0509C197.837 99.0509 205 91.8875 205 83.0509C205 74.2143 197.837 67.0509 189 67.0509C180.163 67.0509 173 74.2143 173 83.0509C173 91.8875 180.163 99.0509 189 99.0509Z"
fill="#6C63FF"
/>
<path
id="Vector_49"
d="M189 147.051C197.837 147.051 205 139.887 205 131.051C205 122.214 197.837 115.051 189 115.051C180.163 115.051 173 122.214 173 131.051C173 139.887 180.163 147.051 189 147.051Z"
fill="#6C63FF"
/>
<path
id="Vector_50"
d="M189 190.051C197.837 190.051 205 182.887 205 174.051C205 165.214 197.837 158.051 189 158.051C180.163 158.051 173 165.214 173 174.051C173 182.887 180.163 190.051 189 190.051Z"
fill="#6C63FF"
/>
<path
id="Vector_51"
d="M181 96.0509C177.638 96.0509 174.351 95.0539 171.555 93.1859C168.76 91.3179 166.581 88.6629 165.294 85.5565C164.007 82.4502 163.671 79.032 164.327 75.7344C164.983 72.4367 166.602 69.4076 168.979 67.0301C171.357 64.6526 174.386 63.0335 177.683 62.3775C180.981 61.7216 184.399 62.0583 187.506 63.345C190.612 64.6316 193.267 66.8106 195.135 69.6062C197.003 72.4018 198 75.6886 198 79.0509C197.995 83.558 196.202 87.8791 193.015 91.0662C189.828 94.2532 185.507 96.0459 181 96.0509ZM181 64.0509C178.033 64.0509 175.133 64.9306 172.666 66.5789C170.2 68.2271 168.277 70.5698 167.142 73.3106C166.006 76.0515 165.709 79.0675 166.288 81.9772C166.867 84.887 168.296 87.5597 170.393 89.6575C172.491 91.7553 175.164 93.1839 178.074 93.7627C180.983 94.3415 183.999 94.0444 186.74 92.9091C189.481 91.7738 191.824 89.8512 193.472 87.3845C195.12 84.9177 196 82.0176 196 79.0509C195.996 75.074 194.414 71.2613 191.602 68.4493C188.79 65.6372 184.977 64.0554 181 64.0509Z"
fill="#3F3D56"
/>
<path
id="Vector_52"
d="M181 144.051C177.638 144.051 174.351 143.054 171.555 141.186C168.76 139.318 166.581 136.663 165.294 133.557C164.007 130.45 163.671 127.032 164.327 123.734C164.983 120.437 166.602 117.408 168.979 115.03C171.357 112.653 174.386 111.033 177.683 110.378C180.981 109.722 184.399 110.058 187.506 111.345C190.612 112.632 193.267 114.811 195.135 117.606C197.003 120.402 198 123.689 198 127.051C197.995 131.558 196.202 135.879 193.015 139.066C189.828 142.253 185.507 144.046 181 144.051ZM181 112.051C178.033 112.051 175.133 112.931 172.666 114.579C170.2 116.227 168.277 118.57 167.142 121.311C166.006 124.052 165.709 127.068 166.288 129.977C166.867 132.887 168.296 135.56 170.393 137.657C172.491 139.755 175.164 141.184 178.074 141.763C180.983 142.341 183.999 142.044 186.74 140.909C189.481 139.774 191.824 137.851 193.472 135.384C195.12 132.918 196 130.018 196 127.051C195.996 123.074 194.414 119.261 191.602 116.449C188.79 113.637 184.977 112.055 181 112.051Z"
fill="#3F3D56"
/>
<path
id="Vector_53"
d="M181 187.051C177.638 187.051 174.351 186.054 171.555 184.186C168.76 182.318 166.581 179.663 165.294 176.557C164.007 173.45 163.671 170.032 164.327 166.734C164.983 163.437 166.602 160.408 168.979 158.03C171.357 155.653 174.386 154.034 177.683 153.378C180.981 152.722 184.399 153.058 187.506 154.345C190.612 155.632 193.267 157.811 195.135 160.606C197.003 163.402 198 166.689 198 170.051C197.995 174.558 196.202 178.879 193.015 182.066C189.828 185.253 185.507 187.046 181 187.051ZM181 155.051C178.033 155.051 175.133 155.931 172.666 157.579C170.2 159.227 168.277 161.57 167.142 164.311C166.006 167.052 165.709 170.068 166.288 172.977C166.867 175.887 168.296 178.56 170.393 180.658C172.491 182.755 175.164 184.184 178.074 184.763C180.983 185.341 183.999 185.044 186.74 183.909C189.481 182.774 191.824 180.851 193.472 178.384C195.12 175.918 196 173.018 196 170.051C195.996 166.074 194.414 162.261 191.602 159.449C188.79 156.637 184.977 155.055 181 155.051Z"
fill="#3F3D56"
/>
<g id="Coffee-right">
<path
id="Vector_54"
d="M989 596.051H987V581.051C987.001 580.256 987.317 579.493 987.88 578.931C988.442 578.368 989.205 578.052 990 578.051H995C995.265 578.051 995.519 577.945 995.707 577.758C995.894 577.57 996 577.316 996 577.051V567.051C996 566.786 995.894 566.531 995.707 566.344C995.519 566.156 995.265 566.051 995 566.051H990C989.205 566.05 988.442 565.734 987.88 565.171C987.317 564.609 987.001 563.846 987 563.051V558.051C987 557.786 986.894 557.531 986.707 557.344C986.519 557.156 986.265 557.051 986 557.051H977C976.205 557.05 975.442 556.734 974.88 556.171C974.317 555.609 974.001 554.846 974 554.051V553.051C974 552.786 973.894 552.531 973.707 552.344C973.519 552.156 973.265 552.051 973 552.051H937C936.735 552.051 936.481 552.156 936.293 552.344C936.106 552.531 936 552.786 936 553.051V554.051C935.999 554.846 935.683 555.609 935.12 556.171C934.558 556.734 933.795 557.05 933 557.051H924C923.735 557.051 923.481 557.156 923.293 557.344C923.106 557.531 923 557.786 923 558.051V563.051C922.999 563.846 922.683 564.609 922.12 565.171C921.558 565.734 920.795 566.05 920 566.051H915C914.735 566.051 914.481 566.156 914.293 566.344C914.106 566.531 914 566.786 914 567.051V577.051C914 577.316 914.106 577.57 914.293 577.758C914.481 577.945 914.735 578.051 915 578.051H921C921.795 578.052 922.558 578.368 923.12 578.931C923.683 579.493 923.999 580.256 924 581.051V596.051H922V581.051C922 580.786 921.894 580.531 921.707 580.344C921.519 580.156 921.265 580.051 921 580.051H915C914.205 580.05 913.442 579.734 912.88 579.171C912.317 578.609 912.001 577.846 912 577.051V567.051C912.001 566.256 912.317 565.493 912.88 564.931C913.442 564.368 914.205 564.052 915 564.051H920C920.265 564.051 920.519 563.945 920.707 563.758C920.894 563.57 921 563.316 921 563.051V558.051C921.001 557.256 921.317 556.493 921.88 555.931C922.442 555.368 923.205 555.052 924 555.051H933C933.265 555.051 933.519 554.945 933.707 554.758C933.894 554.57 934 554.316 934 554.051V553.051C934.001 552.256 934.317 551.493 934.88 550.931C935.442 550.368 936.205 550.052 937 550.051H973C973.795 550.052 974.558 550.368 975.12 550.931C975.683 551.493 975.999 552.256 976 553.051V554.051C976 554.316 976.106 554.57 976.293 554.758C976.481 554.945 976.735 555.051 977 555.051H986C986.795 555.052 987.558 555.368 988.12 555.931C988.683 556.493 988.999 557.256 989 558.051V563.051C989 563.316 989.106 563.57 989.293 563.758C989.481 563.945 989.735 564.051 990 564.051H995C995.795 564.052 996.558 564.368 997.12 564.931C997.683 565.493 997.999 566.256 998 567.051V577.051C997.999 577.846 997.683 578.609 997.12 579.171C996.558 579.734 995.795 580.05 995 580.051H990C989.735 580.051 989.481 580.156 989.293 580.344C989.106 580.531 989 580.786 989 581.051V596.051Z"
fill="#3F3D56"
/>
<g id="Coffee-right_2">
<path
id="Vector_55"
d="M986 666.051H925C924.205 666.05 923.442 665.734 922.88 665.171C922.317 664.609 922.001 663.846 922 663.051V620.051H924V663.051C924 663.316 924.106 663.57 924.293 663.758C924.481 663.945 924.735 664.051 925 664.051H986C986.265 664.051 986.519 663.945 986.707 663.758C986.894 663.57 987 663.316 987 663.051V620.051H989V663.051C988.999 663.846 988.683 664.609 988.12 665.171C987.558 665.734 986.795 666.05 986 666.051Z"
fill="#3F3D56"
/>
<path
id="Vector_56"
d="M999 603.051H924C922.895 603.051 922 603.946 922 605.051V625.051C922 626.155 922.895 627.051 924 627.051H999C1000.1 627.051 1001 626.155 1001 625.051V605.051C1001 603.946 1000.1 603.051 999 603.051Z"
fill="#6C63FF"
/>
<path
id="Vector_57"
d="M992.5 621.051H917.5C916.705 621.05 915.942 620.734 915.38 620.171C914.817 619.609 914.501 618.846 914.5 618.051V598.051C914.501 597.256 914.817 596.493 915.38 595.931C915.942 595.368 916.705 595.052 917.5 595.051H992.5C993.295 595.052 994.058 595.368 994.62 595.931C995.183 596.493 995.499 597.256 995.5 598.051V618.051C995.499 618.846 995.183 619.609 994.62 620.171C994.058 620.734 993.295 621.05 992.5 621.051ZM917.5 597.051C917.235 597.051 916.981 597.156 916.793 597.344C916.606 597.531 916.5 597.786 916.5 598.051V618.051C916.5 618.316 916.606 618.57 916.793 618.758C916.981 618.945 917.235 619.051 917.5 619.051H992.5C992.765 619.051 993.019 618.945 993.207 618.758C993.394 618.57 993.5 618.316 993.5 618.051V598.051C993.5 597.786 993.394 597.531 993.207 597.344C993.019 597.156 992.765 597.051 992.5 597.051H917.5Z"
fill="#3F3D56"
/>
<path
id="Vector_58"
d="M953 543.051C950.342 525.143 949.639 506.999 950.905 488.94L953 459.051C941.458 482.016 944.067 512.243 953 543.051V543.051Z"
fill="#D0CDE1"
/>
<path
id="Vector_59"
d="M962 548.051C960.72 537.365 960.383 526.587 960.992 515.842L962 498.051C956.447 511.721 957.702 529.713 962 548.051Z"
fill="#D0CDE1"
/>
</g>
</g>
</g>
<defs>
<clipPath id="clip0">
<rect width="1101" height="666.051" fill="white" />
</clipPath>
</defs>
</svg>
<img class="splash" src="/img/splash.svg " alt=" " />
</div>
</section>
<footer>
<h4>
Created with <span style="color: #ffb8b8;">♥</span> by Diana Vilé I All Digital Agency © 2020
</h4>
</footer>
</body>
</html>