-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1119 lines (1100 loc) · 81.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
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
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LinkedIn</title>
<link rel="icon" type="image/x-icon" href="./assets/images/LinkedIn_Logo2.svg">
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<svg style="display: none;">
<symbol id="group-icon" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Iconly/Light/3-User" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="3-User" transform="translate(1.000000, 3.500000)" stroke-width="1.5">
<path
d="M16.8877,7.3967 C18.2827,7.2007 19.3567,6.0047 19.3597,4.5557 C19.3597,3.1277 18.3187,1.9437 16.9537,1.7197"
id="Stroke-1"></path>
<path
d="M18.7285,10.7503 C20.0795,10.9523 21.0225,11.4253 21.0225,12.4003 C21.0225,13.0713 20.5785,13.5073 19.8605,13.7813"
id="Stroke-3"></path>
<path
d="M10.8867,11.1638 C7.6727,11.1638 4.9277,11.6508 4.9277,13.5958 C4.9277,15.5398 7.6557,16.0408 10.8867,16.0408 C14.1007,16.0408 16.8447,15.5588 16.8447,13.6128 C16.8447,11.6668 14.1177,11.1638 10.8867,11.1638 Z"
id="Stroke-5"></path>
<path
d="M10.8867,8.3879 C12.9957,8.3879 14.7057,6.6789 14.7057,4.5689 C14.7057,2.4599 12.9957,0.7499 10.8867,0.7499 C8.7777,0.7499 7.06767183,2.4599 7.06767183,4.5689 C7.0597,6.6709 8.7567,8.3809 10.8587,8.3879 L10.8867,8.3879 Z"
id="Stroke-7"></path>
<path
d="M4.8848,7.3967 C3.4888,7.2007 2.4158,6.0047 2.4128,4.5557 C2.4128,3.1277 3.4538,1.9437 4.8188,1.7197"
id="Stroke-9"></path>
<path
d="M3.0439,10.7503 C1.6929,10.9523 0.7499,11.4253 0.7499,12.4003 C0.7499,13.0713 1.1939,13.5073 1.9119,13.7813"
id="Stroke-11"></path>
</g>
</g>
</symbol>
<symbol id="hashtag" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd"
d="M5.40977 5L6.0068 1.4178L6.9932 1.5822L6.42356 5H9.40977L10.0068 1.4178L10.9932 1.5822L10.4236 5H13V6H10.2569L9.7569 9H13V10H9.59023L8.9932 13.5822L8.0068 13.4178L8.57644 10H5.59023L4.9932 13.5822L4.0068 13.4178L4.57644 10H2V9H4.7431L5.2431 6H2V5H5.40977ZM6.2569 6L5.7569 9H8.7431L9.2431 6H6.2569Z"
fill-rule="evenodd" />
</symbol>
<symbol id="bookmark-icon" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Iconly/Light/Bookmark" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="Bookmark" transform="translate(4.200000, 2.300000)" stroke-width="1.5">
<path
d="M15.5388471,3.85363409 C15.5388471,1.10275689 13.6581454,-2.13162821e-14 10.9503759,-2.13162821e-14 L4.5914787,-2.13162821e-14 C1.96691729,-2.13162821e-14 2.66453526e-15,1.02756892 2.66453526e-15,3.67017544 L2.66453526e-15,18.393985 C2.66453526e-15,19.1197995 0.780952381,19.5769424 1.41353383,19.2220551 L7.79548872,15.6421053 L14.1223058,19.2160401 C14.7558897,19.5729323 15.5388471,19.1157895 15.5388471,18.3889724 L15.5388471,3.85363409 Z"
id="Stroke-1"></path>
<line x1="4.071178" y1="6.72802013" x2="11.3894737" y2="6.72802013" id="Stroke-3"></line>
</g>
</g>
</symbol>
<symbol id="more" enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M16,13c-1.654,0-3,1.346-3,3s1.346,3,3,3s3-1.346,3-3S17.654,13,16,13z" id="XMLID_287_" />
<path d="M6,13c-1.654,0-3,1.346-3,3s1.346,3,3,3s3-1.346,3-3S7.654,13,6,13z" id="XMLID_289_" />
<path d="M26,13c-1.654,0-3,1.346-3,3s1.346,3,3,3s3-1.346,3-3S27.654,13,26,13z" id="XMLID_291_" />
</symbol>
<symbol id="send" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.2209 21.6301C13.0409 21.6301 11.3709 20.8001 10.0509 16.8301L9.33086 14.6701L7.17086 13.9501C3.21086 12.6301 2.38086 10.9601 2.38086 9.78007C2.38086 8.61007 3.21086 6.93007 7.17086 5.60007L15.6609 2.77007C17.7809 2.06007 19.5509 2.27007 20.6409 3.35007C21.7309 4.43007 21.9409 6.21007 21.2309 8.33007L18.4009 16.8201C17.0709 20.8001 15.4009 21.6301 14.2209 21.6301ZM7.64086 7.03007C4.86086 7.96007 3.87086 9.06007 3.87086 9.78007C3.87086 10.5001 4.86086 11.6001 7.64086 12.5201L10.1609 13.3601C10.3809 13.4301 10.5609 13.6101 10.6309 13.8301L11.4709 16.3501C12.3909 19.1301 13.5009 20.1201 14.2209 20.1201C14.9409 20.1201 16.0409 19.1301 16.9709 16.3501L19.8009 7.86007C20.3109 6.32007 20.2209 5.06007 19.5709 4.41007C18.9209 3.76007 17.6609 3.68007 16.1309 4.19007L7.64086 7.03007Z" />
<path
d="M10.1108 14.4C9.92078 14.4 9.73078 14.33 9.58078 14.18C9.29078 13.89 9.29078 13.41 9.58078 13.12L13.1608 9.53C13.4508 9.24 13.9308 9.24 14.2208 9.53C14.5108 9.82 14.5108 10.3 14.2208 10.59L10.6408 14.18C10.5008 14.33 10.3008 14.4 10.1108 14.4Z" />
</symbol>
<symbol id="share" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<title />
<g data-name="1" id="_1">
<path
d="M72.86,407.49H69.13a15,15,0,0,1-15-15V282.25C54.13,201.62,119.74,136,200.37,136h50.21V70.75a15,15,0,0,1,25-11.14L451.18,217.88a15,15,0,0,1,0,22.28L275.63,398.44a15,15,0,0,1-25-11.15V322H183.65a99.52,99.52,0,0,0-96.28,74.25A15,15,0,0,1,72.86,407.49ZM183.65,292h81.93a15,15,0,0,1,15,15v46.54L418.73,229,280.58,104.47V151a15,15,0,0,1-15,15H200.37A116.37,116.37,0,0,0,84.13,282.25v56.36A129.6,129.6,0,0,1,183.65,292Z" />
</g>
</symbol>
<symbol id="comment" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16 22.75H3C2.04 22.75 1.25 21.96 1.25 21V8C1.25 3.58 3.58 1.25 8 1.25H16C20.42 1.25 22.75 3.58 22.75 8V16C22.75 20.42 20.42 22.75 16 22.75ZM8 2.75C4.42 2.75 2.75 4.42 2.75 8V21C2.75 21.14 2.86 21.25 3 21.25H16C19.58 21.25 21.25 19.58 21.25 16V8C21.25 4.42 19.58 2.75 16 2.75H8Z" />
<path
d="M17 10.25H7C6.59 10.25 6.25 9.91 6.25 9.5C6.25 9.09 6.59 8.75 7 8.75H17C17.41 8.75 17.75 9.09 17.75 9.5C17.75 9.91 17.41 10.25 17 10.25Z" />
<path
d="M14 15.25H7C6.59 15.25 6.25 14.91 6.25 14.5C6.25 14.09 6.59 13.75 7 13.75H14C14.41 13.75 14.75 14.09 14.75 14.5C14.75 14.91 14.41 15.25 14 15.25Z" />
</symbol>
<symbol id="like-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.2794 22.1H12.4794C11.9194 22.1 10.6994 21.93 10.0494 21.28L7.01937 18.94L7.93937 17.75L11.0394 20.15C11.2894 20.39 11.9194 20.59 12.4794 20.59H16.2794C17.1794 20.59 18.1494 19.87 18.3494 19.06L20.7694 11.71C20.9294 11.27 20.8994 10.87 20.6894 10.58C20.4694 10.27 20.0694 10.09 19.5794 10.09H15.5794C15.0594 10.09 14.5794 9.86999 14.2494 9.48999C13.9094 9.09999 13.7594 8.57999 13.8394 8.03999L14.3394 4.82999C14.4594 4.26999 14.0794 3.63999 13.5394 3.45999C13.0494 3.27999 12.4194 3.53999 12.1994 3.85999L8.09938 9.95999L6.85938 9.12999L10.9594 3.02999C11.5894 2.08999 12.9694 1.63999 14.0494 2.04999C15.2994 2.45999 16.0994 3.83999 15.8194 5.11999L15.3294 8.26999C15.3194 8.33999 15.3194 8.43999 15.3894 8.51999C15.4394 8.56999 15.5094 8.59999 15.5894 8.59999H19.5894C20.5694 8.59999 21.4194 9.00999 21.9194 9.71999C22.4094 10.41 22.5094 11.32 22.1894 12.2L19.7994 19.48C19.4294 20.93 17.8894 22.1 16.2794 22.1Z" />
<path
d="M5.38086 20.9999H4.38086C2.53086 20.9999 1.63086 20.1299 1.63086 18.3499V8.5499C1.63086 6.7699 2.53086 5.8999 4.38086 5.8999H5.38086C7.23086 5.8999 8.13086 6.7699 8.13086 8.5499V18.3499C8.13086 20.1299 7.23086 20.9999 5.38086 20.9999ZM4.38086 7.3999C3.29086 7.3999 3.13086 7.6599 3.13086 8.5499V18.3499C3.13086 19.2399 3.29086 19.4999 4.38086 19.4999H5.38086C6.47086 19.4999 6.63086 19.2399 6.63086 18.3499V8.5499C6.63086 7.6599 6.47086 7.3999 5.38086 7.3999H4.38086Z" />
</symbol>
<symbol id="document" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/Document" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="Document" transform="translate(3.000000, 2.000000)" stroke-width="1.5">
<line x1="12.7162" y1="14.2234" x2="5.4962" y2="14.2234" id="Stroke-1"></line>
<line x1="12.7162" y1="10.0369" x2="5.4962" y2="10.0369" id="Stroke-2"></line>
<line x1="8.2513" y1="5.8601" x2="5.4963" y2="5.8601" id="Stroke-3"></line>
<path
d="M12.9086,0.7498 C12.9086,0.7498 5.2316,0.7538 5.2196,0.7538 C2.4596,0.7708 0.7506,2.5868 0.7506,5.3568 L0.7506,14.5528 C0.7506,17.3368 2.4726,19.1598 5.2566,19.1598 C5.2566,19.1598 12.9326,19.1568 12.9456,19.1568 C15.7056,19.1398 17.4156,17.3228 17.4156,14.5528 L17.4156,5.3568 C17.4156,2.5728 15.6926,0.7498 12.9086,0.7498 Z"
id="Stroke-4"></path>
</g>
</g>
</symbol>
<symbol id="celendar" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/Calendar" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="Calendar" transform="translate(3.000000, 2.000000)" stroke-width="1.5">
<line x1="0.0926400664" y1="7.40425532" x2="17.9165888" y2="7.40425532" id="Line_200"></line>
<line x1="13.4420736" y1="11.3096927" x2="13.4513376" y2="11.3096927" id="Line_201"></line>
<line x1="9.00461445" y1="11.3096927" x2="9.01387846" y2="11.3096927" id="Line_202"></line>
<line x1="4.55789127" y1="11.3096927" x2="4.56715527" y2="11.3096927" id="Line_203"></line>
<line x1="13.4420736" y1="15.1962175" x2="13.4513376" y2="15.1962175" id="Line_204"></line>
<line x1="9.00461445" y1="15.1962175" x2="9.01387846" y2="15.1962175" id="Line_205"></line>
<line x1="4.55789127" y1="15.1962175" x2="4.56715527" y2="15.1962175" id="Line_206"></line>
<line x1="13.0437213" y1="-2.26485497e-14" x2="13.0437213" y2="3.29078014" id="Line_207"></line>
<line x1="4.96550756" y1="-2.26485497e-14" x2="4.96550756" y2="3.29078014" id="Line_208"></line>
<path
d="M13.2382655,1.57919622 L4.77096342,1.57919622 C1.83427331,1.57919622 0,3.21513002 0,6.22222222 L0,15.2718676 C0,18.3262411 1.83427331,20 4.77096342,20 L13.2290015,20 C16.1749556,20 18,18.3546099 18,15.3475177 L18,6.22222222 C18.0092289,3.21513002 16.1842196,1.57919622 13.2382655,1.57919622 Z"
id="Path"></path>
</g>
</g>
</symbol>
<symbol id="video" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/Video" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="Video" transform="translate(2.300000, 5.000000)" stroke-width="1.5">
<path
d="M13.9968329,10.5383104 C14.0777257,12.3703766 12.599129,13.9196009 10.6945655,13.9974564 C10.5542831,14.0033694 3.71526168,13.9895723 3.71526168,13.9895723 C1.81991377,14.133457 0.161100366,12.7714799 0.0116023677,10.9463123 C0.000338819853,10.8103117 0.00341069653,3.47219182 0.00341069653,3.47219182 C-0.0805539327,1.63815461 1.39599479,0.0849882318 3.30158229,0.00417627553 C3.44391258,-0.00272230611 10.2737184,0.0100893455 10.2737184,0.0100893455 C12.1782819,-0.131824334 13.8422151,1.2400079 13.9896652,3.0740451 C14,3.20610367 13.9968329,10.5383104 13.9968329,10.5383104 Z"
id="Stroke-1"></path>
<path
d="M14,4.97983717 L17.293,2.28483717 C18.109,1.61683717 19.333,2.19883717 19.3320006,3.25183717 L19.32,10.6008372 C19.319,11.6538372 18.094,12.2308372 17.28,11.5628372 L14,8.86783717"
id="Stroke-3"></path>
</g>
</g>
</symbol>
<symbol id="image" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/Image-2" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="Image-2" transform="translate(2.000000, 2.000000)" stroke-width="1.5">
<path
d="M14.3027,0.7498 L5.6507,0.7498 C2.6387,0.7498 0.7497,2.8838 0.7497,5.9038 L0.7497,14.0498 C0.7497,17.0698 2.6307,19.2038 5.6507,19.2038 L14.2977,19.2038 C17.3227,19.2038 19.2027064,17.0698 19.2027064,14.0498 L19.2027064,5.9038 C19.2067,2.8838 17.3257,0.7498 14.3027,0.7498 Z"
id="Stroke-1"></path>
<path
d="M8.7031,6.785 C8.7031,7.805 7.8771,8.631 6.8571,8.631 C5.8381,8.631 5.0111,7.805 5.0111,6.785 C5.0111,5.765 5.8381,4.939 6.8571,4.939 C7.8761,4.94 8.7021,5.766 8.7031,6.785 Z"
id="Stroke-3"></path>
<path
d="M19.207,12.951 C18.284,12.001 16.509,10.082 14.579,10.082 C12.648,10.082 11.535,14.315 9.678,14.315 C7.821,14.315 6.134,12.401 4.646,13.628 C3.158,14.854 1.75,17.361 1.75,17.361"
id="Stroke-5"></path>
</g>
</g>
</symbol>
<symbol id="search" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/Search" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
stroke-linejoin="round">
<g id="Search" transform="translate(2.000000, 2.000000)" stroke-width="1.5">
<circle id="Ellipse_739" cx="9.76659044" cy="9.76659044" r="8.9885584"></circle>
<line x1="16.0183067" y1="16.4851259" x2="19.5423342" y2="20.0000001" id="Line_181"></line>
</g>
</g>
</symbol>
<symbol id="category" viewBox="0 0 48 48">
<path
d="M8 16h8v-8h-8v8zm12 24h8v-8h-8v8zm-12 0h8v-8h-8v8zm0-12h8v-8h-8v8zm12 0h8v-8h-8v8zm12-20v8h8v-8h-8zm-12 8h8v-8h-8v8zm12 12h8v-8h-8v8zm0 12h8v-8h-8v8z" />
<path d="M0 0h48v48h-48z" fill="none" />
</symbol>
<symbol id="arrow-down" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Bold/Arrow---Down-2" stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Arrow---Down-2" transform="translate(6.000000, 7.000000)" fill-rule="nonzero">
<path
d="M4.869,9.63078422 C4.811,9.57428154 4.563,9.36093522 4.359,9.16220166 C3.076,7.99707745 0.976,4.95762299 0.335,3.36678032 C0.232,3.12518266 0.014,2.51436922 0,2.18801754 C0,1.87530443 0.072,1.57720409 0.218,1.29274233 C0.422,0.938139308 0.743,0.653677545 1.122,0.497808086 C1.385,0.397467121 2.172,0.241597662 2.186,0.241597662 C3.047,0.0857282026 4.446,0 5.992,0 C7.465,0 8.807,0.0857282026 9.681,0.213346322 C9.695,0.227959084 10.673,0.383828544 11.008,0.554310765 C11.62,0.867023868 12,1.47783731 12,2.13151486 L12,2.18801754 C11.985,2.613736 11.605,3.5090112 11.591,3.5090112 C10.949,5.01412567 8.952,7.98343887 7.625,9.17681442 C7.625,9.17681442 7.284,9.51290794 7.071,9.65903556 C6.765,9.88699464 6.386,10 6.007,10 C5.584,10 5.19,9.87238188 4.869,9.63078422">
</path>
</g>
</g>
</symbol>
<symbol id="arrow-down-sort" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Bold/Arrow---Down-2" stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Arrow---Down-2" transform="translate(6.000000, 7.000000)" fill-rule="nonzero">
<path
d="M4.869,9.63078422 C4.811,9.57428154 4.563,9.36093522 4.359,9.16220166 C3.076,7.99707745 0.976,4.95762299 0.335,3.36678032 C0.232,3.12518266 0.014,2.51436922 0,2.18801754 C0,1.87530443 0.072,1.57720409 0.218,1.29274233 C0.422,0.938139308 0.743,0.653677545 1.122,0.497808086 C1.385,0.397467121 2.172,0.241597662 2.186,0.241597662 C3.047,0.0857282026 4.446,0 5.992,0 C7.465,0 8.807,0.0857282026 9.681,0.213346322 C9.695,0.227959084 10.673,0.383828544 11.008,0.554310765 C11.62,0.867023868 12,1.47783731 12,2.13151486 L12,2.18801754 C11.985,2.613736 11.605,3.5090112 11.591,3.5090112 C10.949,5.01412567 8.952,7.98343887 7.625,9.17681442 C7.625,9.17681442 7.284,9.51290794 7.071,9.65903556 C6.765,9.88699464 6.386,10 6.007,10 C5.584,10 5.19,9.87238188 4.869,9.63078422">
</path>
</g>
</g>
</symbol>
<symbol id="remove" viewBox="0 0 24 24">
<title />
<path
d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm3.21,11.79a1,1,0,0,1,0,1.42,1,1,0,0,1-1.42,0L12,13.41l-1.79,1.8a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42L10.59,12l-1.8-1.79a1,1,0,0,1,1.42-1.42L12,10.59l1.79-1.8a1,1,0,0,1,1.42,1.42L13.41,12Z" />
</symbol>
<symbol id="close-dropdown" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Close-Square" transform="translate(2.000000, 2.000000)">
<path
d="M14.334,0 C17.723,0 20,2.378 20,5.916 L20,14.084 C20,17.622 17.723,20 14.333,20 L5.665,20 C2.276,20 0,17.622 0,14.084 L0,5.916 C0,2.378 2.276,0 5.665,0 L14.334,0 Z M14.334,1.5 L5.665,1.5 C3.135,1.5 1.5,3.233 1.5,5.916 L1.5,14.084 C1.5,16.767 3.135,18.5 5.665,18.5 L14.333,18.5 C16.864,18.5 18.5,16.767 18.5,14.084 L18.5,5.916 C18.5,3.233 16.864,1.5 14.334,1.5 Z M8.1305,7.0626 L9.998,8.93 L11.8645,7.0647 C12.1575,6.7717 12.6315,6.7717 12.9245,7.0647 C13.2175,7.3577 13.2175,7.8317 12.9245,8.1247 L11.058,9.99 L12.9265,11.8596 C13.2195,12.1526 13.2195,12.6266 12.9265,12.9196 C12.7805,13.0666 12.5875,13.1396 12.3965,13.1396 C12.2045,13.1396 12.0125,13.0666 11.8665,12.9196 L9.998,11.05 L8.1325,12.9167 C7.9865,13.0637 7.7945,13.1367 7.6025,13.1367 C7.4105,13.1367 7.2185,13.0637 7.0725,12.9167 C6.7795,12.6237 6.7795,12.1497 7.0725,11.8567 L8.938,9.99 L7.0705,8.1226 C6.7775,7.8296 6.7775,7.3556 7.0705,7.0626 C7.3645,6.7696 7.8385,6.7696 8.1305,7.0626 Z"
id="Combined-Shape"></path>
</g>
</g>
</symbol>
<symbol id="salary" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-2 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Wallet" data-name="Iconly Bulk Wallet">
<g id="Wallet-3">
<path id="Fill_1-59" data-name="Fill 1-59" class="cls-1"
d="M14.29,18.54H5.71A5.29,5.29,0,0,1,1.88,17.2,5,5,0,0,1,.51,13.47v-7A5.05,5.05,0,0,1,1.88,2.79,5.33,5.33,0,0,1,5.71,1.46h8.58a5.34,5.34,0,0,1,3.83,1.33,5.05,5.05,0,0,1,1.37,3.73v0h-4a3.35,3.35,0,0,0-3.39,3.3,3.29,3.29,0,0,0,1,2.35,3.45,3.45,0,0,0,2.4,1h4v.29a5,5,0,0,1-1.37,3.73A5.29,5.29,0,0,1,14.29,18.54ZM5,5.13a.73.73,0,0,0-.73.71A.72.72,0,0,0,5,6.55h5.36a.69.69,0,0,0,.51-.21.67.67,0,0,0,.21-.5.72.72,0,0,0-.72-.71Z" />
<path id="Fill_4-32" data-name="Fill 4-32" class="cls-2"
d="M13.83,10.28a1.91,1.91,0,0,0,1.9,1.52h3.09a.67.67,0,0,0,.67-.69V8.7A.68.68,0,0,0,18.81,8H15.65a1.88,1.88,0,0,0-1.85,1.9,2.22,2.22,0,0,0,0,.37" />
<circle id="Oval" class="cls-1" cx="15.7" cy="9.91" r="0.95" />
</g>
</g>
</symbol>
<symbol id="insight" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-1 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Chart" data-name="Iconly Bulk Chart">
<g id="Chart-3">
<path id="Fill_1-52" data-name="Fill 1-52" class="cls-1"
d="M14.21,1H5.8C2.74,1,1,2.74,1,5.8v8.4C1,17.26,2.74,19,5.8,19h8.41C17.27,19,19,17.26,19,14.2V5.8C19,2.74,17.27,1,14.21,1" />
<path id="Fill_4-27" data-name="Fill 4-27" class="cls-2"
d="M5.83,7.63a.75.75,0,0,0-.74.75v6.19a.75.75,0,1,0,1.49,0V8.38a.75.75,0,0,0-.75-.75h0" />
<path id="Fill_6-12" data-name="Fill 6-12" class="cls-2"
d="M10,4.68a.75.75,0,0,0-.74.75v9.14a.75.75,0,1,0,1.49,0V5.43A.75.75,0,0,0,10,4.68h0" />
<path id="Fill_8-3" data-name="Fill 8-3" class="cls-2"
d="M14.18,10.9a.75.75,0,0,0-.76.75h0v2.92a.75.75,0,0,0,1.5,0V11.65a.75.75,0,0,0-.74-.75" />
</g>
</g>
</symbol>
<symbol id="percent" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-1 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Discount" data-name="Iconly Bulk Discount">
<path id="Fill_1-47" data-name="Fill 1-47" class="cls-1"
d="M10,19a2.69,2.69,0,0,1-1.91-.79l-.66-.65a1.33,1.33,0,0,0-1-.4H5.55a2.71,2.71,0,0,1-2.71-2.71v-.93a1.32,1.32,0,0,0-.4-.95l-.64-.65a2.7,2.7,0,0,1,0-3.83l.65-.66a1.33,1.33,0,0,0,.4-1V5.55A2.71,2.71,0,0,1,5.55,2.84h.92a1.33,1.33,0,0,0,1-.4l.65-.64a2.7,2.7,0,0,1,3.83,0l.66.65a1.32,1.32,0,0,0,.95.4h.93a2.71,2.71,0,0,1,2.71,2.71v.92a1.33,1.33,0,0,0,.4,1l.64.65a2.7,2.7,0,0,1,0,3.82l0,0-.64.64a1.36,1.36,0,0,0-.39,1v.92a2.71,2.71,0,0,1-2.71,2.71h-.93a1.31,1.31,0,0,0-.95.4l-.65.64A2.72,2.72,0,0,1,10,19" />
<path id="Combined_Shape-14" data-name="Combined Shape-14" class="cls-2"
d="M11.76,12.87a.85.85,0,0,1-.17-.25.81.81,0,0,1-.06-.31.77.77,0,0,1,.06-.3.82.82,0,0,1,.16-.25.8.8,0,0,1,.87-.18,1.06,1.06,0,0,1,.26.17.83.83,0,0,1,0,1.12.88.88,0,0,1-.56.23A.79.79,0,0,1,11.76,12.87Zm-4.63,0a.8.8,0,0,1,0-1.11l4.63-4.63a.78.78,0,0,1,1.11,1.11L8.25,12.87a.79.79,0,0,1-1.12,0Zm0-4.62a.8.8,0,0,1,0-1.12A.73.73,0,0,1,7.4,7a.77.77,0,0,1,.85.17.85.85,0,0,1,.17.25.77.77,0,0,1-.18.87.74.74,0,0,1-.55.22A.82.82,0,0,1,7.13,8.25Z" />
</g>
</symbol>
<symbol id="star" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-1 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Ticket_Star" data-name="Iconly Bulk Ticket Star">
<g id="Ticket_Star-3" data-name="Ticket Star-3">
<path id="Fill_1-44" data-name="Fill 1-44" class="cls-1"
d="M18.33,11.33a1.33,1.33,0,0,1,0-2.66h0a.7.7,0,0,0,.47-.19A.67.67,0,0,0,19,8V5.59A3.71,3.71,0,0,0,15.27,1.9H4.73A3.71,3.71,0,0,0,1,5.59V8.08a.63.63,0,0,0,.2.47.67.67,0,0,0,.47.2A1.27,1.27,0,0,1,3,10,.11.11,0,0,0,3,10a1.35,1.35,0,0,1-1.35,1.33A.67.67,0,0,0,1,12H1v2.41A3.72,3.72,0,0,0,4.73,18.1H15.27A3.72,3.72,0,0,0,19,14.41V12a.67.67,0,0,0-.67-.67" />
<path id="Fill_4-24" data-name="Fill 4-24" class="cls-2"
d="M13.09,9.63l-1.06,1,.25,1.46a.67.67,0,0,1-.55.77.68.68,0,0,1-.42-.06L10,12.14l-1.31.69a.67.67,0,0,1-.9-.28.7.7,0,0,1-.07-.43L8,10.66l-1.06-1a.66.66,0,0,1,0-.94.64.64,0,0,1,.38-.2l1.47-.21L9.4,7a.67.67,0,0,1,.6-.37h0a.65.65,0,0,1,.59.37l.66,1.33,1.47.22a.66.66,0,0,1,.56.75.69.69,0,0,1-.19.38" />
</g>
</g>
</symbol>
<symbol id="group" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-2 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_3_User" data-name="Iconly Bulk 3 User">
<g id="_3_User-2" data-name=" 3 User-2">
<path id="Fill_1-37" data-name="Fill 1-37" class="cls-1"
d="M10,12.18c-3,0-5.5.49-5.5,2.37S7,16.9,10,16.9s5.49-.49,5.49-2.37S12.92,12.18,10,12.18" />
<path id="Fill_3-16" data-name="Fill 3-16" class="cls-2"
d="M10,10.39a3.63,3.63,0,0,0,3.63-3.63v0a3.64,3.64,0,1,0-3.66,3.65h0" />
<path id="Fill_6-9" data-name="Fill 6-9" class="cls-2"
d="M17.85,7.59A3.08,3.08,0,0,0,15.68,3.8a3,3,0,0,0-.79-.11,3.15,3.15,0,0,0-.61.06.12.12,0,0,0-.07,0,.08.08,0,0,0,0,.09,5,5,0,0,1,.93,2.91,5.07,5.07,0,0,1-.85,2.8.13.13,0,0,0,0,.19l.06,0a2,2,0,0,0,.42,0,3,3,0,0,0,3-2.26" />
<path id="Fill_8" data-name="Fill 8" class="cls-1"
d="M19.34,12.42A2.38,2.38,0,0,0,17.5,11.3a13.26,13.26,0,0,0-2.8-.25s0,0,0,0,0,0,0,0A3.83,3.83,0,0,1,17,14.9a.16.16,0,0,0,.14.17h0c.5-.08,1.78-.35,2.18-1.21a1.75,1.75,0,0,0,0-1.45" />
<path id="Fill_11" data-name="Fill 11" class="cls-2"
d="M5.72,3.75a3.15,3.15,0,0,0-.61-.06A3.09,3.09,0,0,0,2,6.8a3.58,3.58,0,0,0,.11.79A3,3,0,0,0,5.2,9.85a1.84,1.84,0,0,0,.41,0,.13.13,0,0,0,.12-.15s0,0,0-.06a5,5,0,0,1,.07-5.71.08.08,0,0,0,0-.09.12.12,0,0,0-.07,0" />
<path id="Fill_13" data-name="Fill 13" class="cls-1"
d="M2.51,11.3A2.35,2.35,0,0,0,.67,12.42a1.59,1.59,0,0,0,0,1.44c.39.87,1.67,1.14,2.17,1.21A.16.16,0,0,0,3,14.94v0a3.84,3.84,0,0,1,2.29-3.78s0,0,0,0l0,0a13.14,13.14,0,0,0-2.8.25" />
</g>
</g>
</symbol>
<symbol id="bag-job" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-1 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Work" data-name="Iconly Bulk Work">
<g id="Work-3">
<path id="Fill_1-18" data-name="Fill 1-18" class="cls-1"
d="M1,9.26c.05,2.11.17,5.71.19,6.1a4.26,4.26,0,0,0,.89,2.32A3.32,3.32,0,0,0,4.86,18.9H15.18A3.34,3.34,0,0,0,18,17.68a4.07,4.07,0,0,0,.88-2.32c0-.33.11-4.24.16-6.1Z" />
<path id="Fill_4-8" data-name="Fill 4-8" class="cls-2"
d="M9.32,13.14V14.3a.68.68,0,0,0,1.36,0V13.14a.68.68,0,0,0-1.36,0" />
<path id="Fill_6-7" data-name="Fill 6-7" class="cls-2"
d="M12.23,12.9a.66.66,0,0,1-.65-.51A1.64,1.64,0,0,0,10,11.17a1.67,1.67,0,0,0-1.61,1.22.67.67,0,0,1-.65.5H7.65A15.35,15.35,0,0,1,1.3,10.52.65.65,0,0,1,1,10V6.84A3.43,3.43,0,0,1,4.44,3.41H6.21A2.65,2.65,0,0,1,8.83,1.09h2.33a2.66,2.66,0,0,1,2.63,2.32h1.78A3.44,3.44,0,0,1,19,6.84V10a.65.65,0,0,1-.3.56,15.25,15.25,0,0,1-6.38,2.37ZM8.83,2.44a1.31,1.31,0,0,0-1.26,1h4.85a1.31,1.31,0,0,0-1.26-1Z" />
</g>
</g>
</symbol>
<symbol id="play" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-1 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Play" data-name="Iconly Bulk Play">
<g id="Play-3">
<path id="Fill_1-10" data-name="Fill 1-10" class="cls-1" d="M19,10a9,9,0,1,1-9-9,9,9,0,0,1,9,9" />
<path id="Fill_4-3" data-name="Fill 4-3" class="cls-2"
d="M13.6,10a1,1,0,0,1-.22.64,2.18,2.18,0,0,1-.25.28l-.05.05a13.86,13.86,0,0,1-3.57,2.39,2.94,2.94,0,0,1-.83.24h0a1.14,1.14,0,0,1-1-.59,5.54,5.54,0,0,1-.21-.8A14.82,14.82,0,0,1,7.3,10a14.6,14.6,0,0,1,.15-2.29c0-.21.1-.43.16-.64a1.14,1.14,0,0,1,.5-.54,1.25,1.25,0,0,1,.57-.13,3.25,3.25,0,0,1,.74.2A13.73,13.73,0,0,1,13.07,9l.3.3a1.09,1.09,0,0,1,.23.68" />
</g>
</g>
</symbol>
<symbol id="lead" data-name="Layer 1" viewBox="0 0 20 20">
<defs>
<style>
.cls-1,
.cls-2 {
fill: #0c65c3;
}
.cls-1 {
isolation: isolate;
opacity: 0.4;
}
</style>
</defs>
<g id="Iconly_Bulk_Discovery" data-name="Iconly Bulk Discovery">
<g id="Discovery-3">
<path id="Fill_1-27" data-name="Fill 1-27" class="cls-1" d="M19,10a9,9,0,1,1-9-9,9,9,0,0,1,9,9" />
<path id="Fill_4-13" data-name="Fill 4-13" class="cls-2"
d="M13.47,7,12,11.64a.61.61,0,0,1-.4.4L7,13.48a.4.4,0,0,1-.5-.27.31.31,0,0,1,0-.23L8,8.36A.58.58,0,0,1,8.36,8L13,6.52a.41.41,0,0,1,.51.27.43.43,0,0,1,0,.25" />
</g>
</g>
</symbol>
</svg>
<header class="global-header">
<nav class="global-nav container">
<ul class="global-nav__content flex">
<li class="global-nav__logo">
<a href="#" class="global-nav__logo__link wh-100 ">
<figure class="linkedin-logo">
<img src="./assets/images/LinkedIn_Logo.svg" alt="">
</figure>
</a>
</li>
<li class="global-nav__search align-horizontally">
<div class="global-nav__search__tab">
<div class="primary-tab hidden">
<div class="primary-tab__icon center">
<svg class="search-icon">
<use xlink:href="#search"></use>
</svg>
</div>
</div>
</div>
<div class="global-nav__search__wrapper">
<div class="global-nav__search-input__wrapper hidden">
<input data-input="search" type="text" placeholder="Search">
<button class="global-nav__search__search-btn center">
<svg class="search-icon">
<use xlink:href="#search"></use>
</svg>
</button>
<button class="global-nav__search__remove-btn center">
<svg class="remove-icon">
<use xlink:href="#remove"></use>
</svg>
</button>
</div>
<div class="search-history hidden">
<div class="search-history__container">
<p class="search-history__title flex">Recent <span
class="search-history__title--btn">Clear</span></p>
<ul class="search-history__search-list">
<li class="search-history__search-item">
<a href="#" class="search-history__search-link">
COVID-19
</a>
</li>
<li class="search-history__search-item">
<a href="#" class="search-history__search-link">
elon musk
</a>
</li>
<li class="search-history__search-item">
<a href="#" class="search-history__search-link">
front end developer jobs
</a>
</li>
</ul>
</div>
<div class="search-history__container">
<p class="search-history__title ">Try searching for</p>
<ul class="search-history__search-list trending">
<li class="search-history__search-item">
<a href="#" class="search-history__trending-search-link">
Stocks of European companies
</a>
</li>
<li class="search-history__search-item">
<a href="#" class="search-history__trending-search-link">
Global movement against deadly viruses like COVID-19
</a>
</li>
<li class="search-history__search-item">
<a href="#" class="search-history__trending-search-link">
Hiring employees
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="global-nav__nav">
<ul class="global-nav__primary flex">
<li class="global-nav__primary__item tools">
<div class="primary-tab hidden">
<div class="primary-tab__icon center">
<svg class="category-icon wh-100">
<use xlink:href="#category"></use>
</svg>
</div>
<div class="primary-tab__context center">
<p class="primary-tab__title">Work</p>
<svg class="arrow-down-icon">
<use xlink:href="#arrow-down"></use>
</svg>
</div>
</div>
</li>
<li class="vertical-line"></li>
<li class="global-nav__primary__item profile">
<div class="primary-tab hidden">
<div class="primary-tab__icon center">
<figure class="global-nav__primary__profile"></figure>
</div>
<div class="primary-tab__context center">
<p class="primary-tab__title">Me</p>
<svg class="arrow-down-icon">
<use xlink:href="#arrow-down"></use>
</svg>
</div>
</div>
<ul class="global-nav__primary__me-content">
<li class="global-nav__primary__me-item info">
<ul class="me-profile-info">
<a href="#" class="me-profile-info__desc__wrapper">
<li class="me-profile-info__avatar"></li>
<li class="me-profile-info__desc">
<h2 class="me-profile-info__desc__title">Robert D.</h2>
<p class="me-profile-info__desc__sub-title" title="">Front-end developer
- ReactJS
/ NextJS / NodeJS
</p>
</li>
</a>
</ul>
<div class="me-profile-btn-container">
<a href="#" class="me-profile-btn center">View Profile</a>
</div>
</li>
<li class="global-nav__primary__me-item">
<ul class="me-list">
<li class="me-list__title">Account</li>
<li class="me-list__item"><a href="#" class="me-list__link">Settings &
Privacy</a></li>
<li class="me-list__item"><a href="#" class="me-list__link">Help</a></li>
<li class="me-list__item"><a href="#" class="me-list__link">Language</a>
</li>
</ul>
</li>
<li class="global-nav__primary__me-item manage">
<ul class="me-list">
<li class="me-list__title">Manage</li>
<li class="me-list__item"><a href="#" class="me-list__link">Posts & Activity</a>
</li>
<li class="me-list__item"><a href="#" class="me-list__link">Company: Google</a>
</li>
<li class="me-list__item"><a href="#" class="me-list__link">Job Posting
Account</a>
</li>
</ul>
</li>
<li class="global-nav__primary__me-item sign-out">
<ul class="me-list">
<li class="me-list__item"><a href="#" class="me-list__link">Sign Out</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<div class="side-modal-container">
<ul class="side-modal">
<li class="side-modal__heading">
<div class="side-modal__item__heading-text">Work</div>
<svg class="side-modal__close-dropdown-icon">
<use xlink:href="#close-dropdown"></use>
</svg>
</li>
<li class="side-modal__products">
<header class="side-modal__header-context">visit More LinkedIn Products</header>
<ul class="side-modal__product">
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="bag-job-icon">
<use xlink:href="#bag-job"></use>
</svg>
</div>
<p class="side-modal__product-name hidden">Post a job
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="play-icon">
<use xlink:href="#play"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Learning
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="insight-icon">
<use xlink:href="#insight"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Insights
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="star-icon">
<use xlink:href="#star"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Advertise
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="lead-icon">
<use xlink:href="#lead"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Find Leads
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="group-icon">
<use xlink:href="#group"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Groups
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="percent-icon">
<use xlink:href="#percent"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Services Marketplace
</p>
</a>
<a href="#" class="side-modal__product-item">
<div class="side-modal__product-icon center">
<svg class="salary-icon">
<use xlink:href="#salary"></use>
</svg>
</div>
<p class="side-modal__product-name center hidden">Salary
</p>
</a>
</ul>
</li>
<li class="side-modal__services">
<header class="side-modal__header-context">LinkedIn Business Services</header>
<ul class="side-modal__service">
<li class="side-modal__service-item">
<a href="#" class="side-modal__service-link">
<p class="side-modal__service-link__title">Talent Solutions</p>
<p class="side-modal__service-link__sub-title">Find, attract and recruit talent</p>
</a>
</li>
<li class="side-modal__service-item">
<a href="#" class="side-modal__service-link">
<p class="side-modal__service-link__title">Sales Solutions</p>
<p class="side-modal__service-link__sub-title">Unlock sales opportunities</p>
</a>
</li>
<li class="side-modal__service-item">
<a href="#" class="side-modal__service-link">
<p class="side-modal__service-link__title">Post a job for free</p>
<p class="side-modal__service-link__sub-title">Get your job in front of quality
candidates</p>
</a>
</li>
<li class="side-modal__service-item">
<a href="#" class="side-modal__service-link">
<p class="side-modal__service-link__title">Marketing Solutions</p>
<p class="side-modal__service-link__sub-title">Acquire customers and grow your
business
</p>
</a>
</li>
<li class="side-modal__service-item">
<a href="#" class="side-modal__service-link">
<p class="side-modal__service-link__title">Learning Solutions</p>
<p class="side-modal__service-link__sub-title">Develop talent across your
organization
</p>
</a>
</li>
</ul>
<footer class="side-modal__footer-context">
<a href="#" class="side-modal__footer-context__link">LinkedIn Business Services</a>
</footer>
</li>
</ul>
<div class="backdrop wh-100"></div>
</div>
</nav>
</header>
<main class="global-main">
<header class="sub-header">
<nav class="sub-header-nav container">
<ul class="navigation">
<li class="navigation__item active">
<a href="#" class="navigation__link">
<svg id="home" class="navigation__link-icon" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/Home" stroke-width="1" fill="none" fill-rule="evenodd"
stroke-linecap="round" stroke-linejoin="round">
<g id="Home" transform="translate(2.500000, 2.000000)" stroke-width="1.5">
<path
d="M6.65721519,18.7714023 L6.65721519,15.70467 C6.65719744,14.9246392 7.29311743,14.2908272 8.08101266,14.2855921 L10.9670886,14.2855921 C11.7587434,14.2855921 12.4005063,14.9209349 12.4005063,15.70467 L12.4005063,15.70467 L12.4005063,18.7809263 C12.4003226,19.4432001 12.9342557,19.984478 13.603038,20 L15.5270886,20 C17.4451246,20 19,18.4606794 19,16.5618312 L19,16.5618312 L19,7.8378351 C18.9897577,7.09082692 18.6354747,6.38934919 18.0379747,5.93303245 L11.4577215,0.685301154 C10.3049347,-0.228433718 8.66620456,-0.228433718 7.51341772,0.685301154 L0.962025316,5.94255646 C0.362258604,6.39702249 0.00738668938,7.09966612 0,7.84735911 L0,16.5618312 C0,18.4606794 1.55487539,20 3.47291139,20 L5.39696203,20 C6.08235439,20 6.63797468,19.4499381 6.63797468,18.7714023 L6.63797468,18.7714023">
</path>
</g>
</g>
</svg>
<span class="navigation__link__text">Home</span></a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<svg id="network" class="navigation__link-icon" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light/2-User" stroke-width="1" fill="none" fill-rule="evenodd"
stroke-linecap="round" stroke-linejoin="round">
<g id="2-User" transform="translate(2.000000, 2.500000)" stroke-width="1.5">
<path
d="M7.5915,12.7068 C11.2805,12.7068 14.4335,13.2658 14.4335,15.4988 C14.4335,17.7318 11.3015,18.3068 7.5915,18.3068 C3.9015,18.3068 0.7495,17.7528 0.7495,15.5188 C0.7495,13.2848 3.8805,12.7068 7.5915,12.7068 Z"
id="Stroke-1"></path>
<path
d="M7.5915,9.5198 C5.1695,9.5198 3.2055,7.5568 3.2055,5.1348 C3.2055,2.7128 5.1695,0.7498 7.5915,0.7498 C10.0125,0.7498 11.976531,2.7128 11.976531,5.1348 C11.9855,7.5478 10.0355,9.5108 7.6225,9.5198 L7.5915,9.5198 Z"
id="Stroke-3"></path>
<path
d="M14.4831,8.3816 C16.0841,8.1566 17.3171,6.7826 17.3201,5.1196 C17.3201,3.4806 16.1251,2.1206 14.5581,1.8636"
id="Stroke-5"></path>
<path
d="M16.5954,12.2322 C18.1464,12.4632 19.2294,13.0072 19.2294,14.1272 C19.2294,14.8982 18.7194,15.3982 17.8954,15.7112"
id="Stroke-7"></path>
</g>
</g>
</svg>
<span class="navigation__link__text">my network</span></a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<svg id="jobs" class="navigation__link-icon" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light-Outline/Work" stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Work" transform="translate(2.000000, 2.000000)">
<path
d="M19.2729,12.7352 C19.6859,12.7662 19.9949,13.1272 19.9639,13.5402 L19.7739,16.0492 C19.6169,18.1192 17.8699,19.7402 15.7949,19.7402 L4.1949,19.7402 C2.1199,19.7402 0.3729,18.1192 0.2159,16.0492 L0.0259,13.5402 C-0.0051,13.1272 0.3049,12.7662 0.7179,12.7352 C1.1329,12.7202 1.4909,13.0132 1.5229,13.4272 L1.7119,15.9352 C1.8099,17.2272 2.8999,18.2402 4.1949,18.2402 L15.7949,18.2402 C17.0899,18.2402 18.1809,17.2272 18.2779,15.9352 L18.4679,13.4272 C18.4999,13.0132 18.8669,12.7192 19.2729,12.7352 Z M11.2851,0.0001 C12.7880388,0.0001 14.033158,1.12636437 14.2206909,2.57912633 L16.1902,2.58 C18.2862,2.58 19.9902,4.289 19.9902,6.391 L19.9902,9.83 C19.9902,10.097 19.8482,10.343 19.6192,10.477 C17.1508939,11.9224966 14.0241124,12.7656134 10.7447407,12.8780753 L10.7451,14.6767 C10.7451,15.0907 10.4091,15.4267 9.9951,15.4267 C9.5811,15.4267 9.2451,15.0907 9.2451,14.6767 L9.24445102,12.878327 C5.96838209,12.7668769 2.84135614,11.92358 0.3712,10.477 C0.1412,10.343 0.0002,10.097 0.0002,9.83 L0.0002,6.381 C0.0002,4.285 1.7092,2.58 3.8102,2.58 L5.76950912,2.57912633 C5.957042,1.12636437 7.20216122,0.0001 8.7051,0.0001 L11.2851,0.0001 Z M16.1902,4.08 L3.8102,4.08 C2.5362,4.08 1.5002,5.112 1.5002,6.381 L1.5002,9.393 C3.87391245,10.6827571 6.86643164,11.3896381 9.98119456,11.390998 L9.9951,11.3897 L9.9951,11.3897 L10.0062,11.3901 L10.4823519,11.3851426 C13.4281612,11.3149612 16.2383053,10.6160526 18.4902,9.393 L18.4902,6.391 C18.4902,5.116 17.4592,4.08 16.1902,4.08 Z M11.2851,1.5001 L8.7051,1.5001 C8.03175553,1.5001 7.46335904,1.95837286 7.2954501,2.57937902 L12.6947499,2.57937902 C12.526841,1.95837286 11.9584445,1.5001 11.2851,1.5001 Z"
id="Combined-Shape"></path>
</g>
</g>
</svg>
<span class="navigation__link__text">jobs</span></a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<svg id="message" class="navigation__link-icon" viewBox="0 0 24 24">
<path
d="M17.8681 21.8717C17.5581 21.8717 17.2481 21.7917 16.9681 21.6217L12.9581 19.2417C12.5381 19.2317 12.1181 19.2017 11.7181 19.1417C11.4481 19.1017 11.2181 18.9217 11.1181 18.6617C11.0181 18.4017 11.0681 18.1217 11.2481 17.9117C11.9081 17.1417 12.2481 16.2217 12.2481 15.2417C12.2481 12.8217 10.1181 10.8517 7.49812 10.8517C6.51812 10.8517 5.57812 11.1217 4.78812 11.6417C4.56812 11.7817 4.29812 11.8017 4.05812 11.6917C3.82812 11.5817 3.65813 11.3617 3.62813 11.1017C3.59813 10.8217 3.57812 10.5417 3.57812 10.2517C3.57812 5.29171 7.87813 1.26172 13.1581 1.26172C18.4381 1.26172 22.7381 5.29171 22.7381 10.2517C22.7381 12.9717 21.4781 15.4717 19.2581 17.1817L19.5981 19.9017C19.6781 20.5817 19.3781 21.2217 18.8081 21.5917C18.5281 21.7717 18.1981 21.8717 17.8681 21.8717ZM13.1481 17.7317C13.2881 17.7217 13.4281 17.7617 13.5481 17.8417L17.7381 20.3317C17.8481 20.4017 17.9381 20.3717 17.9981 20.3317C18.0481 20.3017 18.1281 20.2217 18.1081 20.0817L17.7181 16.9217C17.6881 16.6417 17.8081 16.3717 18.0281 16.2117C20.0681 14.7817 21.2381 12.6017 21.2381 10.2317C21.2381 6.10169 17.6181 2.7417 13.1581 2.7417C8.86813 2.7417 5.34812 5.86174 5.08812 9.78174C5.83812 9.49174 6.64813 9.33173 7.48813 9.33173C10.9381 9.33173 13.7381 11.9717 13.7381 15.2217C13.7481 16.1017 13.5381 16.9517 13.1481 17.7317Z" />
<path
d="M4.57782 22.7498C4.31782 22.7498 4.06781 22.6798 3.83781 22.5298C3.38781 22.2398 3.14782 21.7398 3.20782 21.2098L3.40782 19.6698C2.05782 18.5698 1.25781 16.9398 1.25781 15.2298C1.25781 13.2798 2.27782 11.4598 3.98782 10.3698C5.01782 9.69981 6.23781 9.33984 7.50781 9.33984C10.9578 9.33984 13.7578 11.9798 13.7578 15.2298C13.7578 16.5498 13.2778 17.8498 12.3978 18.8798C11.2678 20.2498 9.57782 21.0498 7.71782 21.1098L5.27782 22.5598C5.05782 22.6898 4.81782 22.7498 4.57782 22.7498ZM7.49782 10.8398C6.51782 10.8398 5.57781 11.1098 4.78781 11.6298C3.50781 12.4498 2.74782 13.7898 2.74782 15.2298C2.74782 16.6198 3.42782 17.8898 4.62782 18.7098C4.85782 18.8698 4.97781 19.1398 4.94781 19.4198L4.72781 21.1298L7.11781 19.7098C7.23781 19.6398 7.36782 19.5998 7.49782 19.5998C8.96782 19.5998 10.3578 18.9698 11.2378 17.8998C11.8978 17.1198 12.2478 16.1998 12.2478 15.2198C12.2478 12.8098 10.1178 10.8398 7.49782 10.8398Z" />
</svg>
<span class="navigation__link__text">messaging</span></a>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<svg id="notification" class="navigation__link-icon" viewBox="0 0 24 24" version="1.1">
<g id="Iconly/Light-Outline/Notification" stroke="none" stroke-width="1"
fill-rule="evenodd">
<g transform="translate(3.000000, 1.000000)">
<path
d="M7.3243,19.106 C7.8423,19.683 8.5073,20 9.1973,20 L9.1983,20 C9.8913,20 10.5593,19.683 11.0783,19.105 C11.3563,18.798 11.8303,18.773 12.1373,19.05 C12.4453,19.327 12.4703,19.802 12.1933,20.109 C11.3853,21.006 10.3223,21.5 9.1983,21.5 L9.1963,21.5 C8.0753,21.499 7.0143,21.005 6.2093,20.108 C5.9323,19.801 5.9573,19.326 6.2653,19.05 C6.5733,18.772 7.0473,18.797 7.3243,19.106 Z M9.2471,0 C13.6921,0 16.6781,3.462 16.6781,6.695 C16.6781,8.358 17.1011,9.063 17.5501,9.811 C17.9941,10.549 18.4971,11.387 18.4971,12.971 C18.1481,17.018 13.9231,17.348 9.2471,17.348 C4.5711,17.348 0.3451,17.018 8.66453236e-05,13.035 C-0.0029,11.387 0.5001,10.549 0.9441,9.811 L1.10084456,9.54715551 C1.48677474,8.88385813 1.8161,8.16235294 1.8161,6.695 C1.8161,3.462 4.8021,0 9.2471,0 Z M9.2471,1.5 C5.7521,1.5 3.3161,4.238 3.3161,6.695 C3.3161,8.774 2.7391,9.735 2.2291,10.583 C1.8201,11.264 1.4971,11.802 1.4971,12.971 C1.6641,14.857 2.9091,15.848 9.2471,15.848 C15.5501,15.848 16.8341,14.813 17.0001,12.906 C16.9971,11.802 16.6741,11.264 16.2651,10.583 C15.7551,9.735 15.1781,8.774 15.1781,6.695 C15.1781,4.238 12.7421,1.5 9.2471,1.5 Z"
id="Combined-Shape"></path>
</g>
</g>
</svg>
<span class="navigation__link__text">notification</span></a>
</li>
</ul>
<span class="tracker-line"></span>
</nav>
</header>
<main class="main-content container">
<section class="content-layout">
<section class="adding-post">
<section class="adding-post__wrapper d-flex">
<div class="adding-post__profile"></div>
<div class="adding-post__tools">
<div class="adding-post__input align-horizontally">Start a post</div>
<ul class="adding-post__btns flex">
<li class="adding-post__btn center photo">
<svg>
<use xlink:href="#image"></use>
</svg>
<p>Photo</p>
</li>
<li class="adding-post__btn center video">
<svg>
<use xlink:href="#video"></use>
</svg>
<p>Video</p>
</li>
<li class="adding-post__btn center event">
<svg>
<use xlink:href="#celendar"></use>
</svg>
<p>Event</p>
</li>
<li class="adding-post__btn center article">
<svg>
<use xlink:href="#document"></use>
</svg>
<p>Write article</p>
</li>
</ul>
</div>
</section>
</section>
<section class="sort-post flex">
<div class="sort-post__border"></div>
<div class="sort-post__content flex relative">
<p class="sort-post__text">Sort by:</p>
<div class="sort-options flex">
<p class="sort-options__title">Top</p>
<svg class="arrow-down-icon">
<use xlink:href="#arrow-down-sort"></use>
</svg>
</div>
<ul class="sort-post-dropdown">
<li class="sort-post-dropdown__item active">Top</li>
<li class="sort-post-dropdown__item">Recent</li>
</ul>
</div>
</section>
<section class="posts-container">
<ul class="post">
<li class="post__author d-flex">
<a href="#" class="post__author-profile align-horizontally">
<figure class="post__author-profile__avatar">
<img src="./assets/images/avatar/18.jpg" alt="">
</figure>
<div class="post__author-profile__desc">
<h2 class="post__author-profile__name">Michael smith</h2>
<p class="post__author-profile__job-title">Front-end developer / React JS / Next JS
</p>
</div>
</a>
<div class="post__author-date"><time>24 mins</time></div>
</li>
<li class="post__caption">
<p class="post__caption__context">Hello folks 👋 <br>
<br>
Here is my new exploration for Macro: Calorie Counter Mobile App. What do you think?
Please let me know in the comment
section!
<a href="#" class="caption-tag"> #uidesign</a>
<a href="#" class="caption-tag"> #uxdesign</a>
<a href="#" class="caption-tag"> #dribbble</a><br>
<br>
Dribbble: <a href="#" class="caption-tag">https://lnkd.in/dJ2d4yzM9</a>
</p>
</li>
<li class="post__image">
<figure class="post__image__figure">
<img src="./assets/images/picture/8.jpg" alt="">
</figure>
</li>
<li class="post__actions flex">
<ul class="post__action-list d-flex">
<li class="post__action-icon center like">
<svg id="like-icon" class="action-icon " viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16.2794 22.1H12.4794C11.9194 22.1 10.6994 21.93 10.0494 21.28L7.01937 18.94L7.93937 17.75L11.0394 20.15C11.2894 20.39 11.9194 20.59 12.4794 20.59H16.2794C17.1794 20.59 18.1494 19.87 18.3494 19.06L20.7694 11.71C20.9294 11.27 20.8994 10.87 20.6894 10.58C20.4694 10.27 20.0694 10.09 19.5794 10.09H15.5794C15.0594 10.09 14.5794 9.86999 14.2494 9.48999C13.9094 9.09999 13.7594 8.57999 13.8394 8.03999L14.3394 4.82999C14.4594 4.26999 14.0794 3.63999 13.5394 3.45999C13.0494 3.27999 12.4194 3.53999 12.1994 3.85999L8.09938 9.95999L6.85938 9.12999L10.9594 3.02999C11.5894 2.08999 12.9694 1.63999 14.0494 2.04999C15.2994 2.45999 16.0994 3.83999 15.8194 5.11999L15.3294 8.26999C15.3194 8.33999 15.3194 8.43999 15.3894 8.51999C15.4394 8.56999 15.5094 8.59999 15.5894 8.59999H19.5894C20.5694 8.59999 21.4194 9.00999 21.9194 9.71999C22.4094 10.41 22.5094 11.32 22.1894 12.2L19.7994 19.48C19.4294 20.93 17.8894 22.1 16.2794 22.1Z" />
<path
d="M5.38086 20.9999H4.38086C2.53086 20.9999 1.63086 20.1299 1.63086 18.3499V8.5499C1.63086 6.7699 2.53086 5.8999 4.38086 5.8999H5.38086C7.23086 5.8999 8.13086 6.7699 8.13086 8.5499V18.3499C8.13086 20.1299 7.23086 20.9999 5.38086 20.9999ZM4.38086 7.3999C3.29086 7.3999 3.13086 7.6599 3.13086 8.5499V18.3499C3.13086 19.2399 3.29086 19.4999 4.38086 19.4999H5.38086C6.47086 19.4999 6.63086 19.2399 6.63086 18.3499V8.5499C6.63086 7.6599 6.47086 7.3999 5.38086 7.3999H4.38086Z" />
</svg>
<span class="action-counter like">124</span>
</li>
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#comment"></use>
</svg>
<span class="action-counter">18</span>
</li>
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#share"></use>
</svg>
</li>
</ul>
<ul class="post__action-list d-flex">
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#send"></use>
</svg>
</li>
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#more"></use>
</svg>
</li>
</ul>
</li>
</ul>
<ul class="post">
<li class="post__author d-flex">
<a href="#" class="post__author-profile align-horizontally">
<figure class="post__author-profile__avatar">
<img src="./assets/images/avatar/10.jpg" alt="">
</figure>
<div class="post__author-profile__desc">
<h2 class="post__author-profile__name">William Edwards</h2>
<p class="post__author-profile__job-title">Senior manager of Google
</p>
</div>
</a>
<div class="post__author-date"><time>1 hour</time></div>
</li>
<li class="post__caption">
<p class="post__caption__context">
Hello friends. <br>
I am conducting a management training course and I will talk about my experiences in the
field of management.
This webinar will be held on Monday at 6 pm.<br>
<br>
Webinar link: <a href="#" class="caption-tag">https://www.webinar.nl/en/</a> <br> <br>
<a href="#" class="caption-tag"> #Webinar</a>
<a href="#" class="caption-tag"> #Management</a>
<a href="#" class="caption-tag"> #Training_course</a>
</p>
</li>
<li class="post__image">
<figure class="post__image__figure">
<img src="./assets/images/picture/webinar.jpg" alt="">
</figure>
</li>
<li class="post__actions flex">
<ul class="post__action-list d-flex">
<li class="post__action-icon center like">
<svg id="like-icon" class="action-icon " viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16.2794 22.1H12.4794C11.9194 22.1 10.6994 21.93 10.0494 21.28L7.01937 18.94L7.93937 17.75L11.0394 20.15C11.2894 20.39 11.9194 20.59 12.4794 20.59H16.2794C17.1794 20.59 18.1494 19.87 18.3494 19.06L20.7694 11.71C20.9294 11.27 20.8994 10.87 20.6894 10.58C20.4694 10.27 20.0694 10.09 19.5794 10.09H15.5794C15.0594 10.09 14.5794 9.86999 14.2494 9.48999C13.9094 9.09999 13.7594 8.57999 13.8394 8.03999L14.3394 4.82999C14.4594 4.26999 14.0794 3.63999 13.5394 3.45999C13.0494 3.27999 12.4194 3.53999 12.1994 3.85999L8.09938 9.95999L6.85938 9.12999L10.9594 3.02999C11.5894 2.08999 12.9694 1.63999 14.0494 2.04999C15.2994 2.45999 16.0994 3.83999 15.8194 5.11999L15.3294 8.26999C15.3194 8.33999 15.3194 8.43999 15.3894 8.51999C15.4394 8.56999 15.5094 8.59999 15.5894 8.59999H19.5894C20.5694 8.59999 21.4194 9.00999 21.9194 9.71999C22.4094 10.41 22.5094 11.32 22.1894 12.2L19.7994 19.48C19.4294 20.93 17.8894 22.1 16.2794 22.1Z" />
<path
d="M5.38086 20.9999H4.38086C2.53086 20.9999 1.63086 20.1299 1.63086 18.3499V8.5499C1.63086 6.7699 2.53086 5.8999 4.38086 5.8999H5.38086C7.23086 5.8999 8.13086 6.7699 8.13086 8.5499V18.3499C8.13086 20.1299 7.23086 20.9999 5.38086 20.9999ZM4.38086 7.3999C3.29086 7.3999 3.13086 7.6599 3.13086 8.5499V18.3499C3.13086 19.2399 3.29086 19.4999 4.38086 19.4999H5.38086C6.47086 19.4999 6.63086 19.2399 6.63086 18.3499V8.5499C6.63086 7.6599 6.47086 7.3999 5.38086 7.3999H4.38086Z" />
</svg>
<span class="action-counter like">12</span>
</li>
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#comment"></use>
</svg>
<span class="action-counter">12</span>
</li>
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#share"></use>
</svg>
</li>
</ul>
<ul class="post__action-list d-flex">
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#send"></use>
</svg>
</li>
<li class="post__action-icon center">
<svg class="action-icon ">
<use xlink:href="#more"></use>
</svg>
</li>
</ul>
</li>
</ul>
<ul class="post">
<li class="post__author d-flex">
<a href="#" class="post__author-profile align-horizontally">
<figure class="post__author-profile__avatar">
<img src="./assets/images/avatar/7.jpg" alt="">
</figure>
<div class="post__author-profile__desc">
<h2 class="post__author-profile__name">Elizabeth Marshall</h2>
<p class="post__author-profile__job-title">Graphic designer at Amazon
</p>
</div>
</a>
<div class="post__author-date"><time>2 day</time></div>
</li>
<li class="post__caption">
<p class="post__caption__context">
Hello to all.
We are hiring.
We need a passionate and skilled young person to help us with design projects. Hourly
salary of $99<br>
Send resume to: <a href="#" class="caption-tag">elizabeth@gmail.com</a> <br> <br>
<a href="#" class="caption-tag"> #Recruitment</a>
<a href="#" class="caption-tag"> #Photoshop</a>
<a href="#" class="caption-tag"> #Graphic_Designer</a>
</p>
</li>
<li class="post__actions flex">
<ul class="post__action-list d-flex">
<li class="post__action-icon center like">
<svg id="like-icon" class="action-icon " viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">