-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile-setting.html
556 lines (510 loc) · 52.2 KB
/
profile-setting.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
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
<!doctype html>
<html class="body-overflow-none" lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/chat.css" rel="stylesheet">
<link href="css/mob-responsive.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,300;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Chat Template</title>
</head>
<body class="body-overflow-none">
<header>
<nav class="navbar navbar-expand-md navbar-dark bg-blue">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/fyber-logo.svg" alt=""></a>
<button class="navbar-toggler mobile-hidden-btn" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><img src="images/menu-icon.svg"></span>
<span class="navbar-close-icon"><img src="images/close-icon.svg"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto list-border">
<li class="nav-item">
<a class="nav-link" href="help.html">
<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 18.5833C7.897 18.5833 8.625 19.3113 8.625 20.2083C8.625 21.1053 7.897 21.8333 7 21.8333C6.103 21.8333 5.375 21.1053 5.375 20.2083C5.375 19.3113 6.103 18.5833 7 18.5833ZM7 0.166656C10.5902 0.166656 13.5 3.07649 13.5 6.66666C13.5 9.01207 12.6843 10.2308 10.6032 11.9999C8.51558 13.7733 8.08333 14.5717 8.08333 16.4167H5.91667C5.91667 13.7365 6.76925 12.4137 9.20025 10.3489C10.8437 8.95249 11.3333 8.22016 11.3333 6.66666C11.3333 4.27249 9.39417 2.33332 7 2.33332C4.60583 2.33332 2.66667 4.27249 2.66667 6.66666V7.74999H0.5V6.66666C0.5 3.07649 3.40983 0.166656 7 0.166656Z" fill="white"></path>
</svg><br>
<span class="menu-text">Tuki</span>
</a>
</li>
<li class="notification-pdrop" tabindex="1">
<a class="nav-link" href="company-notification.html">
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="path-act" d="M17.0625 6.5625C17.0625 2.93869 14.1238 0 10.5 0C6.87619 0 3.9375 2.93869 3.9375 6.5625V13.125L0 15.75V17.0625H21V15.75L17.0625 13.125V6.5625Z" fill="#fff"></path>
<path d="M13.125 18.375H7.875C7.875 19.8253 9.04969 21 10.5 21C11.9503 21 13.125 19.8253 13.125 18.375Z" fill="#fff" fill-opacity="1"></path>
</svg><br>
<span class="notification-sign"></span>
<span class="menu-text">Ilmoitukset</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle nav-after" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="avatar header-avtar">
<img src="images/pf-img.png" alt="">
</div>
</a>
<div class="dropdown-menu header-dropdown" aria-labelledby="navbarDropdownMenuLink">
<ul>
<li>
<a class="dropdown-item" href="#">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.57832 0.939753C9.73022 0.787863 9.91054 0.667377 10.109 0.585174C10.3074 0.502972 10.5201 0.460663 10.735 0.460663C10.9498 0.460663 11.1625 0.502972 11.3609 0.585174C11.5594 0.667377 11.7397 0.787863 11.8916 0.939753C12.0435 1.09164 12.164 1.27196 12.2462 1.47042C12.3284 1.66887 12.3707 1.88157 12.3707 2.09638C12.3707 2.31119 12.3284 2.52389 12.2462 2.72234C12.164 2.9208 12.0435 3.10112 11.8916 3.25301L4.08435 11.0602L0.903625 11.9277L1.7711 8.74698L9.57832 0.939753Z" stroke="#2A8BF2" stroke-width="0.86747" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Edit profile
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4338 0.421631H5.28192V12.7834H13.4338V0.421631Z" stroke="black" stroke-width="0.650602" stroke-miterlimit="6.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.3538 6.60236H1.07703" stroke="black" stroke-width="0.650602" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.07703 6.60236L3.80923 9.27569" stroke="black" stroke-width="0.650602" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.07703 6.60231L3.80923 3.92899" stroke="black" stroke-width="0.650602" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Logout
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="main-layout-chart">
<div class="setting-page-content">
<div class="container">
<div class="row">
<div class="col-md-12" id="main">
<div class="setting-card accordion">
<div class="setting-header">
<h4>Muokkaa</h4>
<a class="setting-icon" href="job-preference.html">
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.279 13.17C20.3263 12.786 20.3617 12.396 20.3617 12C20.3617 11.604 20.3263 11.214 20.279 10.83L22.7788 8.844C23.0034 8.664 23.0684 8.34 22.9207 8.076L20.5568 3.918C20.409 3.66 20.1017 3.552 19.8358 3.66L16.8927 4.866C16.284 4.392 15.6162 3.99 14.8952 3.684L14.4519 0.504C14.3988 0.222 14.1564 0 13.861 0H9.13313C8.83764 0 8.59534 0.222 8.54806 0.504L8.10483 3.684C7.38383 3.99 6.71603 4.386 6.10732 4.866L3.16424 3.66C2.8983 3.558 2.591 3.66 2.44325 3.918L0.0793359 8.076C-0.0684088 8.334 -0.00340102 8.658 0.221171 8.844L2.7151 10.83C2.66782 11.214 2.63236 11.604 2.63236 12C2.63236 12.396 2.66782 12.786 2.7151 13.17L0.221171 15.156C-0.00340102 15.336 -0.0684088 15.66 0.0793359 15.924L2.44325 20.082C2.591 20.34 2.8983 20.448 3.16424 20.34L6.10732 19.134C6.71603 19.608 7.38383 20.01 8.10483 20.316L8.54806 23.496C8.59534 23.778 8.83764 24 9.13313 24H13.861C14.1564 24 14.3988 23.778 14.446 23.496L14.8893 20.316C15.6103 20.01 16.2781 19.614 16.8868 19.134L19.8298 20.34C20.0958 20.442 20.4031 20.34 20.5508 20.082L22.9148 15.924C23.0625 15.666 22.9975 15.342 22.7729 15.156L20.279 13.17ZM11.497 16.2C9.20996 16.2 7.36019 14.322 7.36019 12C7.36019 9.678 9.20996 7.8 11.497 7.8C13.7841 7.8 15.6339 9.678 15.6339 12C15.6339 14.322 13.7841 16.2 11.497 16.2Z" fill="#1D4354"/>
</svg>
</a>
</div>
<div class="setting-body" >
<div class="card">
<div class="card-header" id="job-prefrence-header">
<a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#job-prefrence"
aria-expanded="true" aria-controls="job-prefrence">Omat tiedot</a>
</div>
<div id="job-prefrence" class="collapse show" aria-labelledby="job-prefrence-header" data-parent="#job-prefrence">
<div class="card-body">
<form id="user-form" class="user-register-form">
<label class="form-label">
Osaajakategoria (Valitse yksi)
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"/>
</svg>
</label>
<ul class="ocupation-list">
<li>
<div class="form-group">
<input type="checkbox" id="occupation-one" checked disabled>
<label for="occupation-one">Haavanhoidon erikoispätevyys</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-two" checked disabled>
<label for="occupation-two">Lääkkeenmääräämisen lisäkoulutus</label>
</div>
</li>
<li>
<div class="form-group">
<input type="checkbox" id="occupation-three" checked disabled>
<label for="occupation-three">Vanhustenhoitotyö</label>
</div>
</li>
</ul>
<div class="form-row form-style">
<div class="col-md-8">
<div class="form-group">
<label class="form-label">
Työpaikan toivottu sijainti (Voit valita useita)
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"/>
</svg>
</label>
<div class="location-field user-uneditable-fields"><span class="selected-loc">New york</span> <span class="selected-loc">chicago</span> <span class="selected-loc">florida</span></div>
</div>
<div class="form-group">
<label class="form-label">
Vähimmäispalkkatoive kokoaikatyöhön (kk-palkka)
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"/>
</svg>
</label>
<div class="salary-field user-uneditable-fields">200-100€</div>
</div>
<div class="form-group">
<label class="form-label">
Vähimmäispalkkatoive tuntityöhön (tuntipalkka)
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"/>
</svg>
</label>
<div class="salary-field user-uneditable-fields">10-15€</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="form-label">
Työkokemustaso
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"/>
</svg>
</label>
<div class="experience user-uneditable-fields">5 years</div>
</div>
<div class="form-group">
<label class="form-label">
Erikoisosaaminen (Voit valita useita)
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"/>
</svg>
</label>
<div class="experience user-uneditable-fields">Administration, Painting</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<div class="form-label">
Haluan viestejä, jos työnantaja ei ole valinnut erikoisosaamista, mutta muut kriteerit täyttyvät
<a href="#" data-toggle="tooltip" title="Valitsemalla Kyllä saat viestejä myös, jos työnantaja ei ole määritellyt erikoisosaamista.">
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.1" d="M7.5 0C3.35781 0 0 2.93816 0 6.56267C5.12769e-05 7.42449 0.194095 8.27787 0.571053 9.07407C0.948011 9.87027 1.5005 10.5937 2.19698 11.2031C2.89345 11.8124 3.72027 12.2958 4.63024 12.6256C5.5402 12.9553 6.51548 13.125 7.50039 13.125C8.4853 13.125 9.46057 12.9552 10.3705 12.6253C11.2804 12.2955 12.1072 11.812 12.8036 11.2026C13.5 10.5932 14.0524 9.86968 14.4292 9.07344C14.8061 8.2772 15.0001 7.42381 15 6.56199C15 2.93816 11.6414 0 7.5 0ZM7.38203 10.3902H7.34219C6.73125 10.3745 6.3 9.98004 6.31797 9.45298C6.33516 8.9348 6.77656 8.55813 7.36719 8.55813L7.40313 8.5595C8.03125 8.57522 8.45781 8.96556 8.43984 9.50767C8.42188 10.0272 7.98828 10.3902 7.38203 10.3902ZM9.95313 5.92554C9.80938 6.10328 9.49375 6.32614 9.09531 6.59753L8.65625 6.86209C8.41562 7.02616 8.27031 7.18134 8.21641 7.33242C8.17266 7.45137 8.15234 7.4835 8.14844 7.72618V7.7877H6.47266L6.47734 7.66329C6.49844 7.15468 6.5125 6.85389 6.75391 6.60574C7.13281 6.21745 7.96875 5.74575 8.00391 5.72593C8.11859 5.65262 8.21863 5.56323 8.3 5.46137C8.47578 5.24877 8.55313 5.08197 8.55313 4.91927C8.55313 4.69094 8.47656 4.47971 8.32422 4.29308C8.17734 4.11124 7.89844 4.021 7.49531 4.021C7.09531 4.021 6.82109 4.13175 6.65781 4.36007C6.48906 4.59319 6.40391 4.8386 6.40391 5.08949V5.15238H4.67656L4.67969 5.08675C4.72422 4.16183 5.10234 3.49531 5.80078 3.10633C6.24063 2.85955 6.78828 2.73445 7.42656 2.73445C8.26094 2.73445 8.96719 2.91218 9.52188 3.26219C10.0852 3.61699 10.3703 4.14884 10.3703 4.84202C10.3695 5.22963 10.2297 5.59399 9.95313 5.92554Z" fill="black"></path>
</svg>
</a>
</div>
<ul class="custom_radio">
<li>
<input type="radio" id="featured-1" name="featured" disabled="">
<label for="featured-1">Kyllä</label>
</li>
<li>
<input type="radio" id="featured-2" name="featured" checked="">
<label for="featured-2">Ei</label>
</li>
</ul>
</div>
<div class="form-group">
<div class="form-label">Haluan vastaanottaa viestejä liittyen:</div>
<ul class="custom_radio_checkbox">
<li>
<input type="checkbox" id="messageone" name="longterm">
<label for="messageone">Kokoaikatyöhön</label>
</li>
<li>
<input type="checkbox" id="messagetwo" name="shotterm" >
<label for="messagetwo">Tuntityöhön</label>
</li>
<li>
<input type="checkbox" id="messagethree" name="nonjob">
<label for="messagethree">Koulutuksiin yms.</label>
</li>
</ul>
</div>
</div>
<div class="col-md-4 ">
<div class="form-group">
<div class="form-label">Haluan sähköposti-ilmoituksia uusista viesteistä</div>
<ul class="custom_radio">
<li>
<input type="radio" id="email-notificationone" name="email-notification" checked="">
<label for="email-notificationone">Kyllä</label>
</li>
<li>
<input type="radio" id="email-notificationtwo" name="email-notification" disabled="">
<label for="email-notificationtwo">Ei</label>
</li>
</ul>
</div>
<div class="form-group nick-name">
<label class="control-label form-label" for="email">Chat-nimi (Vapaaehtoinen keskusteluissa näytettävä nimi)</label>
<input type="text" class="form-control field-style" name="name" id="name" placeholder="Chat-nimi" disabled="">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="setting-card accordion acordian-two"> -->
<!-- <div class="setting-header">
<h4>Muokkaa</h4>
<a class="setting-icon" href="promotion-sub.html">
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.279 13.17C20.3263 12.786 20.3617 12.396 20.3617 12C20.3617 11.604 20.3263 11.214 20.279 10.83L22.7788 8.844C23.0034 8.664 23.0684 8.34 22.9207 8.076L20.5568 3.918C20.409 3.66 20.1017 3.552 19.8358 3.66L16.8927 4.866C16.284 4.392 15.6162 3.99 14.8952 3.684L14.4519 0.504C14.3988 0.222 14.1564 0 13.861 0H9.13313C8.83764 0 8.59534 0.222 8.54806 0.504L8.10483 3.684C7.38383 3.99 6.71603 4.386 6.10732 4.866L3.16424 3.66C2.8983 3.558 2.591 3.66 2.44325 3.918L0.0793359 8.076C-0.0684088 8.334 -0.00340102 8.658 0.221171 8.844L2.7151 10.83C2.66782 11.214 2.63236 11.604 2.63236 12C2.63236 12.396 2.66782 12.786 2.7151 13.17L0.221171 15.156C-0.00340102 15.336 -0.0684088 15.66 0.0793359 15.924L2.44325 20.082C2.591 20.34 2.8983 20.448 3.16424 20.34L6.10732 19.134C6.71603 19.608 7.38383 20.01 8.10483 20.316L8.54806 23.496C8.59534 23.778 8.83764 24 9.13313 24H13.861C14.1564 24 14.3988 23.778 14.446 23.496L14.8893 20.316C15.6103 20.01 16.2781 19.614 16.8868 19.134L19.8298 20.34C20.0958 20.442 20.4031 20.34 20.5508 20.082L22.9148 15.924C23.0625 15.666 22.9975 15.342 22.7729 15.156L20.279 13.17ZM11.497 16.2C9.20996 16.2 7.36019 14.322 7.36019 12C7.36019 9.678 9.20996 7.8 11.497 7.8C13.7841 7.8 15.6339 9.678 15.6339 12C15.6339 14.322 13.7841 16.2 11.497 16.2Z" fill="#1D4354"/>
</svg>
</a>
</div> -->
<!-- <div class="setting-body" >
<div class="card">
<div class="card-header" id="promotion-head">
<a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#promotion"
aria-expanded="true" aria-controls="promotion">Asetukset</a>
</div>
<div id="promotion" class="collapse show" aria-labelledby="promotion-head" data-parent="#promotion">
<div class="card-body">
<form id="user-form" class="user-register-form">
<div class="form-row form-style">
<div class="col-md-8">
<div class="form-group">
<div class="form-label">Do you want to receive messages based on strict filters or not?</div>
<ul class="custom_radio">
<li>
<input type="radio" id="featured-1" name="featured" disabled>
<label for="featured-1">Yes</label>
</li>
<li>
<input type="radio" id="featured-2" name="featured" checked>
<label for="featured-2">No</label>
</li>
</ul>
</div>
<div class="form-group">
<div class="form-label">Do you want to receive other messages than job messages?</div>
<ul class="custom_radio">
<li>
<input type="radio" id="messageone" name="message" checked>
<label for="messageone">Long term Job</label>
</li>
<li>
<input type="radio" id="messagetwo" name="message" disabled>
<label for="messagetwo">Short term job</label>
</li>
<li>
<input type="radio" id="messagethree" name="message" disabled>
<label for="messagethree">Non job related</label>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<div class="form-label">Do you want to get email notification?</div>
<ul class="custom_radio">
<li>
<input type="radio" id="email-notificationone" name="email-notification" checked>
<label for="email-notificationone">Yes</label>
</li>
<li>
<input type="radio" id="email-notificationtwo" name="email-notification" disabled >
<label for="email-notificationtwo">No</label>
</li>
</ul>
</div>
<div class="form-group">
<label class="control-label form-label" for="email">Nick name</label>
<input type="text" class="form-control field-style" name="name" id="name" placeholder="Johndeo" disabled>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div> -->
<!-- </div> -->
<div class="setting-card accordion acordian-three">
<div class="setting-header">
<h4>Muokkaa</h4>
<a class="setting-icon" href="account-setting.html">
<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.279 13.17C20.3263 12.786 20.3617 12.396 20.3617 12C20.3617 11.604 20.3263 11.214 20.279 10.83L22.7788 8.844C23.0034 8.664 23.0684 8.34 22.9207 8.076L20.5568 3.918C20.409 3.66 20.1017 3.552 19.8358 3.66L16.8927 4.866C16.284 4.392 15.6162 3.99 14.8952 3.684L14.4519 0.504C14.3988 0.222 14.1564 0 13.861 0H9.13313C8.83764 0 8.59534 0.222 8.54806 0.504L8.10483 3.684C7.38383 3.99 6.71603 4.386 6.10732 4.866L3.16424 3.66C2.8983 3.558 2.591 3.66 2.44325 3.918L0.0793359 8.076C-0.0684088 8.334 -0.00340102 8.658 0.221171 8.844L2.7151 10.83C2.66782 11.214 2.63236 11.604 2.63236 12C2.63236 12.396 2.66782 12.786 2.7151 13.17L0.221171 15.156C-0.00340102 15.336 -0.0684088 15.66 0.0793359 15.924L2.44325 20.082C2.591 20.34 2.8983 20.448 3.16424 20.34L6.10732 19.134C6.71603 19.608 7.38383 20.01 8.10483 20.316L8.54806 23.496C8.59534 23.778 8.83764 24 9.13313 24H13.861C14.1564 24 14.3988 23.778 14.446 23.496L14.8893 20.316C15.6103 20.01 16.2781 19.614 16.8868 19.134L19.8298 20.34C20.0958 20.442 20.4031 20.34 20.5508 20.082L22.9148 15.924C23.0625 15.666 22.9975 15.342 22.7729 15.156L20.279 13.17ZM11.497 16.2C9.20996 16.2 7.36019 14.322 7.36019 12C7.36019 9.678 9.20996 7.8 11.497 7.8C13.7841 7.8 15.6339 9.678 15.6339 12C15.6339 14.322 13.7841 16.2 11.497 16.2Z" fill="#1D4354"/>
</svg>
</a>
</div>
<div class="setting-body" >
<div class="card">
<div class="card-header" id="account-setting-head">
<a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#account-setting"
aria-expanded="true" aria-controls="faq1">Sisäänkirjautumistiedot</a>
</div>
<div id="account-setting" class="collapse show" aria-labelledby="account-setting-head" data-parent="#account-setting">
<div class="card-body">
<form id="user-form" class="user-register-form">
<div class="form-row form-style">
<div class="col-md-8 col-sm-6">
<div class="form-group">
<label class="form-label">
Sähköposti
</label>
<div class="location-field user-uneditable-fields">[email protected]</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label class="form-label">
Salasana
</label>
<div class="experience user-uneditable-fields">************ <span class="password-icon"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0196 1.16263C16.7327 0.994694 16.3657 1.09436 16.2 1.38523L14.365 4.60781C13.1148 4.02263 11.8207 3.72343 10.5107 3.72343C6.99078 3.72343 3.58575 5.88483 0.839947 9.94808L0.829057 9.96405L0.819532 9.97785C0.728071 10.1088 0.725737 10.2628 0.819075 10.3922C2.84523 13.4018 5.23279 15.3729 7.7613 16.2014L6.29951 18.7667C6.1338 19.0576 6.23213 19.4295 6.5191 19.5974L6.77893 19.7495C7.0659 19.9174 7.43285 19.8178 7.59855 19.5269L17.499 2.14543C17.6648 1.85456 17.5664 1.48263 17.2794 1.31468L17.0196 1.16263ZM13.569 6.00529C12.5515 5.5573 11.524 5.33895 10.5107 5.33895C7.95315 5.33895 5.30562 6.72983 2.95431 9.69293C2.72859 9.9774 2.72859 10.3921 2.95431 10.6766C4.71684 12.8978 6.64576 14.2358 8.5785 14.7668L9.58912 12.9924C8.43465 12.6242 7.48 11.597 7.48 10.1864C7.48 8.40195 8.84767 6.95526 10.5345 6.95526C11.3131 6.95526 12.0238 7.26351 12.5633 7.7709L13.569 6.00529ZM11.7292 9.23528C11.4694 8.83253 11.0423 8.57078 10.5345 8.57078C9.69037 8.57078 9 9.29295 9 10.1852C9 10.7748 9.6324 11.4638 10.4268 11.5218L11.7292 9.23528Z" fill="#7B5E5E"/>
<path d="M11.0154 16.6321C14.3482 16.4361 17.5541 14.3015 20.1647 10.4482C20.2194 10.3675 20.2499 10.2841 20.2499 10.1848C20.2499 10.0901 20.2237 10.0111 20.1716 9.9341C19.1683 8.45075 18.0768 7.22162 16.9238 6.25916L16.1294 7.65388C16.7914 8.22395 17.4397 8.90248 18.067 9.6929C18.2927 9.97738 18.2927 10.3921 18.067 10.6765C16.1756 13.0601 14.0926 14.4268 12.019 14.8702L11.0154 16.6321Z" fill="#7B5E5E"/>
</svg>
</span>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="account-delete-card">
<h4>Tilin poisto</h4>
<a href=""></a>
<a href="#" class="btn-delete" data-toggle="modal" data-target="#Delete-account">Poista</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-bottom-pannel employee-edit-mobile">
<ul class="mobile-pannel-list">
<li class="nav-item">
<a class="nav-link active" href="company-dashboard.html">
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_1585_6008" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="33" height="33">
<circle cx="16.5" cy="16.5" r="16.5" fill="#3E0E0E"/>
</mask>
<g mask="url(#mask0_1585_6008)">
<ellipse cx="16.923" cy="17.1986" rx="16.641" ry="15.855" fill="#E6E1DB"/>
<ellipse cx="16.9791" cy="16.6513" rx="8.91282" ry="8.58979" fill="#14A800" fill-opacity="0.7"/>
<path d="M31.4763 29.7887C31.4763 33.3617 25.1245 36.2582 17.2891 36.2582C9.45376 36.2582 2.53785 33.8933 2.53784 30.2508C2.53783 26.6083 8.79938 21.4979 16.9789 21.4979C24.8142 21.4979 31.4763 26.2157 31.4763 29.7887Z" fill="#14A800" fill-opacity="0.4"/>
</g>
</svg>
<span class="menu-text">Oma profiili</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 22.9583C15.5005 22.9583 16.3125 23.7703 16.3125 24.7708C16.3125 25.7713 15.5005 26.5833 14.5 26.5833C13.4995 26.5833 12.6875 25.7713 12.6875 24.7708C12.6875 23.7703 13.4995 22.9583 14.5 22.9583ZM14.5 2.41663C18.5044 2.41663 21.75 5.66221 21.75 9.66663C21.75 12.2827 20.8401 13.642 18.5189 15.6153C16.1905 17.5933 15.7083 18.4838 15.7083 20.5416H13.2917C13.2917 17.5522 14.2426 16.0768 16.9541 13.7738C18.7872 12.2162 19.3333 11.3994 19.3333 9.66663C19.3333 6.99621 17.1704 4.83329 14.5 4.83329C11.8296 4.83329 9.66667 6.99621 9.66667 9.66663V10.875H7.25V9.66663C7.25 5.66221 10.4956 2.41663 14.5 2.41663Z" fill="#808080"/>
</svg>
<span class="menu-text">Tuki</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="company-message-page.html">
<svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.5943 12.4702C23.4149 12.201 23.1458 11.9319 22.7869 11.9319C22.4281 11.9319 22.1589 12.1113 21.9795 12.3804L21.8001 12.6496C21.5309 13.1879 21.0824 13.457 20.3647 13.5467V13.0981C20.275 12.2907 20.275 11.3936 20.0955 10.5862C19.9161 9.50962 19.3778 8.43307 18.391 7.35651C18.1218 6.99766 17.5836 6.99766 17.2247 7.2668C17.0453 7.35651 16.8659 7.53594 16.8659 7.71536C16.507 8.70221 15.879 9.50962 15.1613 10.4068L14.8922 10.6759C13.8156 12.1113 13.2773 13.8158 13.2773 15.5204C13.3671 18.1221 15.879 20.4546 18.5704 20.4546C21.1721 20.4546 23.3252 18.6604 23.8635 16.2381C24.4018 15.1615 24.2223 13.6364 23.5943 12.4702Z" fill="#FAAE3B"/>
<path class="active-path" d="M11.6627 15.7895C11.573 14.0849 12.0215 12.4701 12.829 10.945L12.2907 11.4833C12.1113 11.573 11.8421 11.6627 11.6627 11.6627C11.4833 11.6627 11.2141 11.573 11.0347 11.4833L9.59929 10.2273L5.02393 14.1747C4.93422 14.2644 4.66508 14.3541 4.48565 14.3541C4.21651 14.3541 3.94737 14.2644 3.76795 14.0849C3.40909 13.7261 3.49881 13.1878 3.85766 12.829L8.2536 9.06102L3.85766 5.29307C3.49881 4.93422 3.40909 4.39594 3.76795 4.03709C4.1268 3.67823 4.66508 3.58852 5.02393 3.94737L11.573 9.689L18.122 3.94737C18.4809 3.58852 19.0192 3.67823 19.378 4.03709C19.7369 4.39594 19.6472 4.93422 19.2883 5.29307L18.75 5.74163C19.1089 5.92106 19.378 6.10049 19.6472 6.36962C20.8134 7.62561 21.5311 8.9713 21.8003 10.4067C22.0694 10.317 22.4283 10.2273 22.7871 10.2273C22.9665 10.2273 23.0562 10.2273 23.2357 10.317V2.69139C23.2357 1.16627 22.0694 0 20.5443 0H2.69139C1.16627 0 0 1.16627 0 2.69139V15.2512C0 16.7763 1.16627 17.9426 2.69139 17.9426H12.1113C11.8421 17.2249 11.6627 16.5072 11.6627 15.7895Z" fill="#808080"/>
</svg>
<span class="notification-sign"></span>
<span class="menu-text">Saapuneet</span>
</a>
</li>
<li class="nav-item" >
<a href="">
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.0625 6.5625C17.0625 2.93869 14.1238 0 10.5 0C6.87619 0 3.9375 2.93869 3.9375 6.5625V13.125L0 15.75V17.0625H21V15.75L17.0625 13.125V6.5625Z" fill="#808080"/>
<path d="M13.125 18.375H7.875C7.875 19.8253 9.04969 21 10.5 21C11.9503 21 13.125 19.8253 13.125 18.375Z" fill="black" fill-opacity="0.5"/>
</svg>
<span class="notification-sign"></span>
<span class="menu-text">Ilmoitukset</span>
</a>
</li>
<li class="nav-item" >
<a href="">
<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.31579 17.6H5.52632V19.8H18.7895V2.2H5.52632V4.4H3.31579V1.1C3.31579 0.808262 3.43224 0.528473 3.63951 0.322182C3.84679 0.115892 4.12792 0 4.42105 0H19.8947C20.1879 0 20.469 0.115892 20.6763 0.322182C20.8836 0.528473 21 0.808262 21 1.1V20.9C21 21.1917 20.8836 21.4715 20.6763 21.6778C20.469 21.8841 20.1879 22 19.8947 22H4.42105C4.12792 22 3.84679 21.8841 3.63951 21.6778C3.43224 21.4715 3.31579 21.1917 3.31579 20.9V17.6ZM5.52632 9.9H13.2632V12.1H5.52632V15.4L0 11L5.52632 6.6V9.9Z" fill="#808080"/>
</svg>
<span class="menu-text">Kirjaudu ulos</span>
</a>
</li>
</ul>
</div>
<footer class="d-none d-sm-none d-md-block">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="detail-list">
<p>Seuraa meitä somessa:</p>
<ul class="footer-list">
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 11C22 4.92486 17.0751 0 11 0C4.92486 0 0 4.92486 0 11C0 16.4904 4.02256 21.0412 9.28125 21.8664V14.1797H6.48828V11H9.28125V8.57656C9.28125 5.81969 10.9235 4.29688 13.4361 4.29688C14.6396 4.29688 15.8984 4.51172 15.8984 4.51172V7.21875H14.5114C13.1449 7.21875 12.7188 8.06665 12.7188 8.93655V11H15.7695L15.2818 14.1797H12.7188V21.8664C17.9775 21.0412 22 16.4904 22 11Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM9.0625 16.8505C13.9301 16.8505 16.5917 12.8171 16.5917 9.32143C16.5917 9.20618 16.5917 9.09094 16.5862 8.98116C17.102 8.60802 17.552 8.14155 17.9087 7.60925C17.4368 7.81778 16.9264 7.96048 16.3886 8.02631C16.9374 7.69704 17.3544 7.1812 17.552 6.56111C17.0416 6.86293 16.4764 7.08241 15.8727 7.20315C15.3898 6.68731 14.7039 6.36904 13.9411 6.36904C12.4813 6.36904 11.296 7.55438 11.296 9.01411C11.296 9.22264 11.318 9.42567 11.3673 9.61774C9.16678 9.508 7.21862 8.45436 5.91259 6.85193C5.68756 7.24157 5.55586 7.69703 5.55586 8.17996C5.55586 9.0964 6.02233 9.90859 6.73574 10.3805C6.30218 10.3696 5.89609 10.2488 5.5394 10.0513V10.0842C5.5394 11.3683 6.45034 12.4329 7.66313 12.6799C7.44365 12.7402 7.20766 12.7732 6.96622 12.7732C6.79607 12.7732 6.63145 12.7567 6.46684 12.7238C6.80157 13.7774 7.77838 14.5402 8.9363 14.5622C8.03082 15.2701 6.88939 15.6927 5.64914 15.6927C5.43512 15.6927 5.22659 15.6817 5.01806 15.6542C6.17598 16.4115 7.56985 16.8505 9.0625 16.8505Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM11 4.125C9.13288 4.125 8.89874 4.13291 8.16544 4.16638C7.43368 4.19977 6.93391 4.316 6.49657 4.48594C6.0445 4.66164 5.66109 4.89672 5.27888 5.27893C4.89668 5.66113 4.66159 6.04454 4.48589 6.49662C4.31595 6.93391 4.19977 7.43368 4.16634 8.16544C4.13291 8.89874 4.125 9.13288 4.125 11C4.125 12.8671 4.13291 13.1013 4.16634 13.8346C4.19977 14.5663 4.31595 15.0661 4.48589 15.5034C4.66159 15.9555 4.89668 16.3389 5.27888 16.7211C5.66109 17.1033 6.0445 17.3384 6.49657 17.5141C6.93391 17.684 7.43368 17.8002 8.16544 17.8336C8.89874 17.8671 9.13288 17.875 11 17.875C12.8671 17.875 13.1013 17.8671 13.8346 17.8336C14.5663 17.8002 15.0661 17.684 15.5034 17.5141C15.9555 17.3384 16.3389 17.1033 16.7211 16.7211C17.1033 16.3389 17.3384 15.9555 17.5141 15.5034C17.684 15.0661 17.8002 14.5663 17.8336 13.8346C17.8671 13.1013 17.875 12.8671 17.875 11C17.875 9.13288 17.8671 8.89874 17.8336 8.16544C17.8002 7.43368 17.684 6.93391 17.5141 6.49662C17.3384 6.04454 17.1033 5.66113 16.7211 5.27893C16.3389 4.89672 15.9555 4.66164 15.5034 4.48594C15.0661 4.316 14.5663 4.19977 13.8346 4.16638C13.1013 4.13291 12.8671 4.125 11 4.125ZM11 5.36375C12.8357 5.36375 13.0531 5.37075 13.7781 5.40384C14.4484 5.43443 14.8124 5.54641 15.0547 5.64055C15.3756 5.76525 15.6046 5.91426 15.8452 6.15484C16.0858 6.39538 16.2348 6.62445 16.3594 6.94534C16.4536 7.1876 16.5656 7.55159 16.5962 8.2219C16.6293 8.94687 16.6363 9.16429 16.6363 11C16.6363 12.8357 16.6293 13.0531 16.5962 13.7781C16.5656 14.4484 16.4536 14.8124 16.3594 15.0547C16.2348 15.3756 16.0858 15.6046 15.8452 15.8452C15.6046 16.0858 15.3756 16.2348 15.0547 16.3594C14.8124 16.4536 14.4484 16.5656 13.7781 16.5962C13.0533 16.6293 12.8358 16.6363 11 16.6363C9.16416 16.6363 8.94678 16.6293 8.2219 16.5962C7.55159 16.5656 7.1876 16.4536 6.94534 16.3594C6.62441 16.2348 6.39538 16.0858 6.1548 15.8452C5.91422 15.6046 5.76525 15.3756 5.64055 15.0547C5.54641 14.8124 5.43439 14.4484 5.40379 13.7781C5.37071 13.0531 5.36375 12.8357 5.36375 11C5.36375 9.16429 5.37071 8.94687 5.40379 8.2219C5.43439 7.55159 5.54641 7.1876 5.64055 6.94534C5.76525 6.62445 5.91422 6.39538 6.1548 6.15484C6.39538 5.91426 6.62441 5.76525 6.94534 5.64055C7.1876 5.54641 7.55159 5.43443 8.2219 5.40384C8.94687 5.37075 9.16429 5.36375 11 5.36375ZM11 7.4696C9.05021 7.4696 7.4696 9.05021 7.4696 11C7.4696 12.9498 9.05021 14.5304 11 14.5304C12.9498 14.5304 14.5304 12.9498 14.5304 11C14.5304 9.05021 12.9498 7.4696 11 7.4696V7.4696ZM11 13.2917C9.73436 13.2917 8.70835 12.2656 8.70835 11C8.70835 9.73436 9.73436 8.70835 11 8.70835C12.2656 8.70835 13.2917 9.73436 13.2917 11C13.2917 12.2656 12.2656 13.2917 11 13.2917V13.2917ZM15.4949 7.33012C15.4949 7.78577 15.1255 8.15508 14.6699 8.15508C14.2143 8.15508 13.8449 7.78577 13.8449 7.33012C13.8449 6.87448 14.2143 6.50512 14.6699 6.50512C15.1255 6.50512 15.4949 6.87448 15.4949 7.33012Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM7.56091 17.182V8.5916H4.70504V17.182H7.56091ZM17.8571 17.182V12.2558C17.8571 9.61709 16.4483 8.38961 14.5696 8.38961C13.0547 8.38961 12.3762 9.22273 11.9962 9.80787V8.5916H9.14109C9.17894 9.39757 9.14109 17.182 9.14109 17.182H11.9962V12.3845C11.9962 12.1277 12.0147 11.871 12.0903 11.6875C12.2964 11.1747 12.7665 10.6434 13.5554 10.6434C14.5881 10.6434 15.0018 11.4314 15.0018 12.5858V17.182H17.8571V17.182ZM6.15227 4.44941C5.17516 4.44941 4.53677 5.0918 4.53677 5.93377C4.53677 6.758 5.15573 7.41808 6.11445 7.41808H6.13289C7.12869 7.41808 7.74851 6.758 7.74851 5.93377C7.73003 5.0918 7.12873 4.44941 6.15227 4.44941V4.44941Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.0711 0 22 4.92895 22 11C22 17.0711 17.0711 22 11 22C4.92895 22 0 17.0711 0 11C0 4.92895 4.92895 0 11 0ZM17.5878 7.69046C17.4296 7.09882 16.9638 6.633 16.3722 6.47488C15.2998 6.1875 11 6.1875 11 6.1875C11 6.1875 6.70025 6.1875 5.62783 6.47488C5.03637 6.633 4.57037 7.09882 4.41225 7.69046C4.125 8.76275 4.125 11.0001 4.125 11.0001C4.125 11.0001 4.125 13.2373 4.41225 14.3095C4.57037 14.9012 5.03637 15.3672 5.62783 15.5253C6.70025 15.8125 11 15.8125 11 15.8125C11 15.8125 15.2998 15.8125 16.3722 15.5253C16.9638 15.3672 17.4296 14.9012 17.5878 14.3095C17.875 13.2373 17.875 11.0001 17.875 11.0001C17.875 11.0001 17.875 8.76275 17.5878 7.69046ZM9.62496 13.0626V8.93754L13.1972 11.0001L9.62496 13.0626V13.0626Z" fill="white"/>
</svg>
</a>
</li>
</ul>
</div>
<p>© 2022 FAiBR</p>
</div>
</div>
</div>
</footer>
<!--DELETE ACCOUNT MODEL-->
<!-- basic modal -->
<div class="modal fade website-models" id="Delete-account" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0.833374C4.95837 0.833374 0.833374 4.95837 0.833374 10C0.833374 15.0417 4.95837 19.1667 10 19.1667C15.0417 19.1667 19.1667 15.0417 19.1667 10C19.1667 4.95837 15.0417 0.833374 10 0.833374ZM14.4917 13.2084L13.2084 14.4917L10 11.2834L6.79171 14.4917L5.50837 13.2084L8.71671 10L5.50837 6.79171L6.79171 5.50837L10 8.71671L13.2084 5.50837L14.4917 6.79171L11.2834 10L14.4917 13.2084Z" fill="black"/>
</svg>
</button>
</div>
<div class="modal-body">
<h4>Haluatko varmasti poistaa tilisi?</h4>
<!-- <p>Deleted account cannot be recovered and all of your data will be deleted.</p> -->
<form class="delete-account">
<button type="button" class="bg-button">Poista tili</button>
<button type="button" class="brder-button" data-dismiss="modal" aria-label="Close">En</button>
</form>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/function.js"></script>
</body>
</html>