-
Notifications
You must be signed in to change notification settings - Fork 0
/
company-message-history.html
640 lines (561 loc) · 37.1 KB
/
company-message-history.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
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
<!doctype html>
<html 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://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<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">
<title>Company Chat</title>
</head>
<body class="chats-tab-open company-messagebody">
<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="company-chat-board.html">
<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6675 10.6667L23.1676 3.00001C22.6676 1.25001 21.0842 0 19.1676 0H4.1675C2.25082 0 0.667483 1.25001 0.16748 3.00001L11.6675 10.6667Z" fill="#fff"></path>
<path d="M12.1667 12.3337C12.0001 12.417 11.8334 12.5004 11.6667 12.5004C11.5 12.5004 11.3334 12.417 11.1667 12.3337L0 4.91699V15.8337C0 18.167 1.83334 20.0004 4.16668 20.0004H19.1667C21.5001 20.0004 23.3334 18.167 23.3334 15.8337V4.91699L12.1667 12.3337Z" fill="#fff"></path>
</svg><br>
<span class="notification-sign"></span>
<span class="menu-text"> Lähetetyt</span>
</a>
</li>
<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>
Oma profiili
</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>
Kirjaudu ulos
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
<section class="message-history-block">
<div class="container">
<h3 class="history-title">Lähetetyt liidit:</h3>
<p>Hallitse liidejäsi ja keskustele niihin vastanneiden osaajien kanssa.</p>
<div class="view-status-cards radio-group show-cards" style="display:none;">
<!-- <a href="javascript:void(0)" class="view-receipet">Kuitti</a> -->
<a href="" class="deactivate-link" data-toggle="modal" data-target="#Companydeactivatemessage">Poista liidi</a>
</div>
<table class="table table-bordered table-hover" cellspacing="0" width="100%">
<thead>
<tr>
<th class="small-column"></th>
<th class="">Liidi</th>
<th class="">Pvm</th>
<th class="">Vastaanottajat</th>
<th class="">Vastaukset</th>
<!-- <th class="col-md-2">Receipt</th>
<th class="col-md-2">Status</th> -->
</tr>
</thead>
<tbody>
<tr>
<td class="small-columns">
<div class="form-group">
<input id="radio-12" class="radio-custom" name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-12" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">(15 uutta)</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<input id="radio-11" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-11" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="javascript:void(0)" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<input id="radio-10" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-10" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">Näytä</a>
</div>
</td>
</tr>
<tr>
<td> <div class="form-group">
<input id="radio-9" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-9" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td> <div class="form-group">
<input id="radio-8" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-8" class="radio-custom-label"></label>
</div></td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td> <div class="form-group">
<input id="radio-7" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-7" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="javascript:void(0)" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td class="small-columns">
<div class="form-group">
<input id="radio-1" class="radio-custom" name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-1" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="javascript:void(0)" class="new-link">(15 uutta)</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<input id="radio-2" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-2" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<input id="radio-3" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-3" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">Näytä</a>
</div>
</td>
</tr>
<tr>
<td> <div class="form-group">
<input id="radio-4" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-4" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td> <div class="form-group">
<input id="radio-5" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-5" class="radio-custom-label"></label>
</div></td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="company-chat-board.html" class="new-link">(15 new)</a>
</div>
</td>
</tr>
<tr>
<td> <div class="form-group">
<input id="radio-6" class="radio-custom"name="radio-group" value="show-cards" type="checkbox" onchange="valueChanged()">
<label for="radio-6" class="radio-custom-label"></label>
</div>
</td>
<td>
<a href="" class="ceo-title" data-toggle="modal" data-target="#Selectedfilters-companymessage">CEO Needed</a>
</td>
<td class="highligh">1.12.2021</td>
<td><span class="border-bt">9177</span></td>
<td><div class="d-flex">
<a href="company-chat-board.html" class="btn-green">212</a>
<a href="javascript:void(0)" class="new-link">(15 new)</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</section>
</div>
<div class="mobile-bottom-pannel comapany-message-fixed">
<ul class="mobile-pannel-list">
<li class="nav-item">
<a class="nav-link" href="company-dashboard.html">
<svg width="23" height="20" viewBox="0 0 23 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1111 0C11.1111 0 4.23778 5.93333 0.396667 9.14667C0.171111 9.35111 0 9.64889 0 10C0 10.6144 0.496667 11.1111 1.11111 11.1111H3.33333V18.8889C3.33333 19.5033 3.83 20 4.44444 20H7.77778C8.39222 20 8.88889 19.5022 8.88889 18.8889V14.4444H13.3333V18.8889C13.3333 19.5022 13.83 20 14.4444 20H17.7778C18.3922 20 18.8889 19.5033 18.8889 18.8889V11.1111H21.1111C21.7256 11.1111 22.2222 10.6144 22.2222 10C22.2222 9.64889 22.0511 9.35111 21.7967 9.14667C17.9822 5.93333 11.1111 0 11.1111 0Z" fill="#808080"/>
</svg>
<span class="menu-text">Koti</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="company-message-history.html">
<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6675 10.6667L23.1676 3.00001C22.6676 1.25001 21.0842 0 19.1676 0H4.1675C2.25082 0 0.667483 1.25001 0.16748 3.00001L11.6675 10.6667Z" fill="#808080"/>
<path d="M12.1667 12.3337C12.0001 12.417 11.8334 12.5004 11.6667 12.5004C11.5 12.5004 11.3334 12.417 11.1667 12.3337L0 4.91699V15.8337C0 18.167 1.83334 20.0004 4.16668 20.0004H19.1667C21.5001 20.0004 23.3334 18.167 23.3334 15.8337V4.91699L12.1667 12.3337Z" fill="#808080"/>
</svg>
<span class="notification-sign"></span>
<span class="menu-text">Lähetetyt</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="menu-text">Uusi</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="notification-pdrop" tabIndex="1">
<div class="click">
<svg width="5" height="17" viewBox="0 0 5 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 0.625C1.5375 0.625 0.75 1.4125 0.75 2.375C0.75 3.3375 1.5375 4.125 2.5 4.125C3.4625 4.125 4.25 3.3375 4.25 2.375C4.25 1.4125 3.4625 0.625 2.5 0.625ZM2.5 12.875C1.5375 12.875 0.75 13.6625 0.75 14.625C0.75 15.5875 1.5375 16.375 2.5 16.375C3.4625 16.375 4.25 15.5875 4.25 14.625C4.25 13.6625 3.4625 12.875 2.5 12.875ZM2.5 6.75C1.5375 6.75 0.75 7.5375 0.75 8.5C0.75 9.4625 1.5375 10.25 2.5 10.25C3.4625 10.25 4.25 9.4625 4.25 8.5C4.25 7.5375 3.4625 6.75 2.5 6.75Z" fill="#808080"/>
</svg>
<span class="menu-text">Lisää</span>
</div>
<div class="notification-list" id="profile-description">
<ul class="more-dropdown">
<li>
<a class="d-flex" 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="#000"/>
</svg>
<span class="menu-text">Tuki</span>
</a>
</li>
<li>
<a href="company-edit-profile.html">
<img src="images/profile-image.png" alt="">
Oma profiili</a>
</li>
<li>
<a 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>
Kirjaudu ulos</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</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>(C) 2022 FAiBR</p>
</div>
</div>
</div>
</footer>
<!--company profile card model -->
<div class="modal fade" id="Companydeactivatemessage" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="message-deactivate">
<h3>Deactivate Message?</h3>
<p>On clicking deactivate the message will be deactivated instantly. You cannot undo this action.</p>
<div class="d-flex mt-top">
<a href="" class="cancle-btn">Cancel</a>
<a href="" class="deactivate-btn">Deactivate Message</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Chat filter selected models -->
<div class="modal fade" id="Selectedfilters-companymessage" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6637 18.0001C16.4882 18.0002 16.3143 17.9657 16.1521 17.8986C15.9899 17.8315 15.8425 17.7331 15.7184 17.609L0.408002 2.29774C0.280357 2.17446 0.178543 2.02699 0.108501 1.86394C0.0384591 1.70088 0.00159248 1.52552 5.04609e-05 1.34806C-0.00149156 1.17061 0.0323223 0.994628 0.0995202 0.830383C0.166718 0.666138 0.265953 0.51692 0.391436 0.391438C0.516919 0.265955 0.666137 0.166719 0.830382 0.0995215C0.994627 0.0323236 1.17061 -0.00149156 1.34806 5.0459e-05C1.52551 0.00159248 1.70088 0.0384604 1.86394 0.108502C2.02699 0.178544 2.17446 0.280359 2.29774 0.408003L17.609 15.7193C17.7957 15.9062 17.9228 16.1443 17.9743 16.4035C18.0257 16.6627 17.9992 16.9313 17.898 17.1754C17.7969 17.4195 17.6256 17.6281 17.4059 17.7749C17.1862 17.9217 16.9279 18.0001 16.6637 18.0001Z" fill="#FF4B25"/>
<path d="M1.35285 17.9995C1.0887 17.9992 0.830538 17.9207 0.610976 17.7738C0.391414 17.627 0.220299 17.4183 0.119244 17.1743C0.0181878 16.9302 -0.00827589 16.6617 0.0431942 16.4026C0.0946642 16.1435 0.22176 15.9055 0.408428 15.7186L15.7188 0.407318C15.9694 0.156605 16.3093 0.0157086 16.6638 0.015625C17.0183 0.0155415 17.3583 0.156277 17.609 0.406872C17.8597 0.657467 18.0006 0.997394 18.0007 1.35187C18.0008 1.70635 17.86 2.04634 17.6094 2.29706L2.29817 17.6083C2.17401 17.7324 2.02662 17.8308 1.86442 17.8979C1.70222 17.965 1.52839 17.9995 1.35285 17.9995Z" fill="#FF4B25"/>
</svg>
</span>
</button>
</div>
<div class="modal-body">
<div class="selected-filters">
<div class="row">
<div class="col-md-12">
<div class="form-cards">
<label>Occuption:</label>
<ul class="occupation-list">
<li>Occuption 1</li>
<li>Occuption 1</li>
<li>Occuption 1</li>
</ul>
</div>
<div class="form-cards">
<label>Special Skills:</label>
<ul class="occupation-list">
<li>Occuption 1</li>
<li>Occuption 1</li>
<li>Occuption 1</li>
</ul>
</div>
<div class="form-cards">
<label>Job Locations:</label>
<ul class="occupation-list">
<li>New York</li>
<li>Chicago</li>
<li>Florida</li>
</ul>
</div>
<div class="form-cards">
<label>Job Experience:</label>
<ul class="occupation-list">
<li>5-10 Years</li>
</ul>
</div>
</div>
<div class="col-md-12">
<h3>New Job Opportunity in company X</h3>
<p>Hi Was reaching out to you as we are looking for a nurse instructor.</p>
<p>We are a Drug company based in Finland. Initially we will do the 1 year contract which will be extended after. Please send us your complete Resume and any other related documents.......</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/function.js"></script>
<script>
$(document).ready(function() {
$('.table').DataTable({
//disable sorting on last column
"columnDefs": [
{ "orderable": false, "targets": 4 }
],
language: {
//customize pagination prev and next buttons: use arrows instead of words
'paginate': {
'previous': '<span class="fa fa-chevron-left"></span>',
'next': '<span class="fa fa-chevron-right"></span>'
},
//customize number of elements to be displayed
"lengthMenu": 'Display <select class="form-control input-sm">'+
'<option value="10">10</option>'+
'<option value="20">20</option>'+
'<option value="30">30</option>'+
'<option value="40">40</option>'+
'<option value="50">50</option>'+
'<option value="-1">All</option>'+
'</select> results'
}
})
} );
</script>
</body>
</html>