-
Notifications
You must be signed in to change notification settings - Fork 0
/
my-inbox.html
782 lines (738 loc) · 37.4 KB
/
my-inbox.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Страхова компанія УНІКА - Страхування в Україні | УНІКА</title>
<link rel="stylesheet" href="./css/uniqa.min.css">
</head>
<body>
<div class="overlay-background mob-nav"></div>
<ul class="mobile-nav mobile-version" style="display: none; left: 100%;">
<li class="mainColor">
<a class="main logo" href="/">Uniqa</a>
</li>
<li class="item_menu">
<a class="main" href="https://uniqa.ua/private/auto/">
Авто
</a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/private/auto/kasko/">
<i class="size35 arrow_white"></i>
КАСКО
</a>
</li>
<li>
<a href="https://uniqa.ua/private/auto/avtograzhdanka/">
<i class="size35 arrow_white"></i>
Автогражданка
</a>
</li>
</ul>
</li>
<li class="item_menu">
<a class="main" href="https://uniqa.ua/private/home/">
Жилье
</a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/private/home/kvartira/">
<i class="size35 arrow_white"></i>
Квартира
</a>
</li>
<li>
<a href="https://uniqa.ua/private/home/dom/">
<i class="size35 arrow_white"></i>
Дом
</a>
</li>
<li>
<a href="https://uniqa.ua/private/home/otvetstvennost/">
<i class="size35 arrow_white"></i>
Ответственность
</a>
</li>
</ul>
</li>
<li class="item_menu">
<span class="main">
Путешествие
</span>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/private/travel/puteshestvie-za-granitsu/">
<i class="size35 arrow_white"></i>
Туристическое страхование
</a>
</li>
<li>
<a href="https://uniqa.ua/private/travel/green-card/">
<i class="size35 arrow_white"></i>
Зеленая карта
</a>
</li>
</ul>
</li>
<li class="item_menu">
<a class="main" href="https://uniqa.ua/private/life/">
Жизнь и Здоровье
</a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/private/life/zhizn/">
<i class="size35 arrow_white"></i>
Жизнь
</a>
</li>
<li>
<a href="https://uniqa.ua/private/life/zdorove/">
<i class="size35 arrow_white"></i>
Здоровье
</a>
</li>
<li>
<a href="https://uniqa.ua/private/life/neschatnyy-sluchay/">
<i class="size35 arrow_white"></i>
Несчастный случай
</a>
</li>
</ul>
</li>
<li class="item_menu">
<a class="main" href="https://uniqa.ua/case/">Страховой случай </a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/case/casco/">
<i class="size35 arrow_white"></i>
КАСКО
</a>
</li>
<li>
<a href="https://uniqa.ua/case/mtpl/">
<i class="size35 arrow_white"></i>
Автогражданка
</a>
</li>
<li>
<a href="https://uniqa.ua/case/property/">
<i class="size35 arrow_white"></i>
Имущество
</a>
</li>
<li>
<a href="https://uniqa.ua/case/medicine/">
<i class="size35 arrow_white"></i>
Медицина
</a>
</li>
<li>
<a href="https://uniqa.ua/case/accident/">
<i class="size35 arrow_white"></i>
Несчастный случай
</a>
</li>
<li>
<a href="https://uniqa.ua/case/travel/">
<i class="size35 arrow_white"></i>
Путешествие
</a>
</li>
<li>
<a href="https://uniqa.ua/case/life/">
<i class="size35 arrow_white"></i>
Жизнь
</a>
</li>
</ul>
</li>
<li class="item_menu">
<a class="main" href="https://uniqa.ua/about_us/">О нас </a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/about_us/about_company/">
<i class="size35 arrow_white"></i>
О компании
</a>
</li>
<li>
<a href="https://uniqa.ua/about_us/career/">
<i class="size35 arrow_white"></i>
Карьера
</a>
</li>
<li>
<a href="https://uniqa.ua/about_us/news/">
<i class="size35 arrow_white"></i>
Новости
</a>
</li>
<li>
<a href="https://uniqa.ua/about_us/customer_stories/">
<i class="size35 arrow_white"></i>
Истории клиентов
</a>
</li>
<li>
<a href="https://uniqa.ua/about_us/initial_data/">
<i class="size35 arrow_white"></i>
Публичная информация
</a>
</li>
<li>
<a href="https://uniqa.ua/about_us/cookies/">
<i class="size35 arrow_white"></i>
Условия использования cookies
</a>
</li>
</ul>
</li>
<li class="item_menu">
<a class="main" href="/contacts/contact/">Контакты </a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="https://uniqa.ua/contacts/sales_offices/">
<i class="size35 arrow_white"></i>
Офисы продаж
</a>
</li>
<li>
<a href="https://uniqa.ua/contacts/offices_settlement/">
<i class="size35 arrow_white"></i>
Офисы урегулирования
</a>
</li>
<li>
<a href="https://uniqa.ua/contacts/feedback/">
<i class="size35 arrow_white"></i>
Обратная связь
</a>
</li>
</ul>
</li>
<li class="item_menu">
<a class="main green menu_green_button" href="https://uniqa.ua/buy/">Клиентам Online </a>
<i class="size35 plus open_submenu"></i>
<ul class="sub">
<li>
<a href="/ua/private/travel/puteshestvie-za-granitsu/">
<i class="size35 arrow_white"></i>
Туристическое страхование
</a>
</li>
<li>
<a href="/ua/private/auto/avtograzhdanka/pokupka_avtocyvilka_osago/?type=osago">
<i class="size35 arrow_white"></i>
Автогражданка (ОСАГО)
</a>
</li>
<li>
<a href="/ua/private/auto/avtograzhdanka/pokupka_avtocyvilka_dgo/?type=dgo">
<i class="size35 arrow_white"></i>
Добровольная автогражданка
</a>
</li>
<li>
<a href="//uniqa.ua/ua/private/home/kvartira/pokupka_kvartyra/?type=property">
<i class="size35 arrow_white"></i>
Страхование квартиры
</a>
</li>
<li>
<a href="//uniqa.ua/ua/private/home/otvetstvennost/pokupka_vidpovidalnist/?type=liability">
<i class="size35 arrow_white"></i>
Ответственность владельцев жилья
</a>
</li>
<li>
<a href="https://uniqa.ua/buy/oferta-i-aktsept/">
<i class="size35 arrow_white"></i>
Оферта и акцепт, условия договоров
</a>
</li>
</ul>
</li>
<li class="mainColor last">
<form class="main-search" action="https://uniqa.ua/search/" method="get">
<input id="top_search_text" type="Text" name="query" value="" placeholder="Поиск..">
<input type="submit" value="">
</form>
</li>
</ul>
<div class="section top-links">
<div class="inner-section">
<button id="show-mobile-menu" class="mobile-version lines-button x" type="button" role="button" aria-label="Toggle Navigation">
<span class="lines"></span>
</button>
<div class="web-version top-menu">
<a href="https://uniqa.ua/ua/private/" class="account-type selected ">Для Вас</a>
<a href="https://uniqa.ua/ua/business/" class="account-type ">Для Вашого бізнесу</a>
<span class="clearfix"></span>
</div>
<div class="mobile-version">
<a href="https://uniqa.ua/ua/private/" class="account-type selected ">Для вас</a>
<a href="https://uniqa.ua/ua/business/" class="account-type">Для бизнеса</a>
<span class="clearfix"></span>
</div>
<div class="mobile-version top-gutter-header">
<a href="index.html" class="account-action login">Logheaza-te<em class="icon icon-close-mobile abs-icn"></em></a>
<span class="clearfix"></span>
</div>
<span class="clearfix"></span>
<div class="personal-header hidden-xs hidden-md">
<div class="personal-header__item hidden-xs hidden-md">
<em class="icon icon-user-small"></em>Maximilian Musterman
</div>
<div class="personal-header__item">
<a href="#"><em class="icon icon-black-bell"></em><div class="notification-counter green">2</div></a>
</div>
<div class="personal-header__item">
<a href="#"><em class="icon icon-envelop"></em><div class="notification-counter blue">222</div></a>
</div>
<div class="personal-header__item">
<a href="my-start.html"><em class="icon icon-logout"></em> Вихiд</a>
</div>
</div>
<div class="languages-header cf">
<span class="lang-bar selected f_left">UA</span>
<a href="#" class="lang-bar f_left">EN</a>
<a href="#" class="lang-bar f_left">RU</a>
</div>
</div>
</div>
<header class="mainColor">
<nav>
<a href="index.html" id="logo">Uniqa</a>
<ul class="consumer web-version">
<li>
<a class="first" href="https://uniqa.ua/ua/private/auto/">Авто</a>
<div class="submenu large" style="background-image: url(images/shop/category_12.jpg);">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/auto/kasko/">
<i class="size16"></i> КАСКО
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/auto/avtograzhdanka/">
<i class="size16"></i> Автоцивілка
</a>
</li>
</ul>
</div>
</li>
<li>
<a class="" href="https://uniqa.ua/ua/private/home/">Житло</a>
<div class="submenu large" style="background-image: url(images/shop/category_13.jpg);">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/home/kvartira/">
<i class="size16"></i> Квартира
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/home/dom/">
<i class="size16"></i> Будинок
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/home/otvetstvennost/">
<i class="size16"></i> Відповідальність
</a>
</li>
</ul>
</div>
</li>
<li>
<a class="" href="https://uniqa.ua/ua/private/travel/puteshestvie-za-granitsu/">Подорож</a>
<div class="submenu large" style="background-image: url(images/shop/category_14_img.jpg);">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/travel/puteshestvie-za-granitsu/">
<i class="size16"></i> Подорож за кордон
</a>
</li>
</ul>
</div>
</li>
<li>
<a class="" href="https://uniqa.ua/ua/private/life/">Життя та здоров'я</a>
<div class="submenu large" style="background-image: url(images/shop/category_15.jpg);">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/life/zhizn/">
<i class="size16"></i> Життя
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/life/zdorove/">
<i class="size16"></i> Здоров'я
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/life/neschatnyy-sluchay/">
<i class="size16"></i> Нещасний випадок
</a>
</li>
</ul>
</div>
</li>
</ul>
<ul class="right-menu web-version">
<li>
<a class="first" href="https://uniqa.ua/ua/case/">Страховий випадок</a>
<div class="submenu first">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/casco/">
<i class="size16"></i> КАСКО
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/mtpl/">
<i class="size16"></i> Автоцивілка
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/property/">
<i class="size16"></i> Майно
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/medicine/">
<i class="size16"></i> Медицина
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/accident/">
<i class="size16"></i> Нещасний випадок
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/travel/">
<i class="size16"></i> Подорож
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/case/life/">
<i class="size16"></i> Життя
</a>
</li>
</ul>
</div>
</li>
<li>
<a class="" href="https://uniqa.ua/ua/about_us/">Про нас</a>
<div class="submenu ">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/about_us/about_company/">
<i class="size16"></i> Про компанію
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/about_us/career/">
<i class="size16"></i> Кар'єра
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/about_us/news/">
<i class="size16"></i> Новини
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/about_us/customer_stories/">
<i class="size16"></i> Історії клієнтів
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/about_us/initial_data/">
<i class="size16"></i> Публічна інформація
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/about_us/cookies/">
<i class="size16"></i> Умови використання cookies
</a>
</li>
</ul>
</div>
</li>
<li>
<a class="" href="https://uniqa.ua/ua/contacts/contact/">Контакти</a>
<div class="submenu ">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/contacts/sales_offices/">
<i class="size16"></i> Офіси продажів
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/contacts/offices_settlement/">
<i class="size16"></i> Офіси врегулювання
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/contacts/feedback/">
<i class="size16"></i> Зворотній зв'язок
</a>
</li>
</ul>
</div>
</li>
<li>
<a class=" green menu_green_button" href="https://uniqa.ua/ua/buy/">Купити Online</a>
<div class="submenu thelast_submenu">
<ul>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/travel/puteshestvie-za-granitsu/">
<i class="size16"></i> Туристичне страхування
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/auto/kasko/pokupka_kasko/">
<i class="size16"></i> Калькулятор КАСКО
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/auto/avtograzhdanka/pokupka_avtocyvilka_osago/?type=osago">
<i class="size16"></i> Автоцивілка (ОСАГО)
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/private/auto/avtograzhdanka/pokupka_avtocyvilka_dgo/?type=dgo">
<i class="size16"></i> Добровільна автоцивілка
</a>
</li>
<li>
<a class="arrow blue" href="https://uniqa.ua/ua/buy/oferta-i-aktsept/">
<i class="size16"></i> Оферта та акцепт
</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="form_block">
<form class="span_1_of_6 main-search web-version" method="get" action="https://uniqa.ua/ua/search/">
<input id="top_search_text" type="Text" name="query">
<input type="submit " value=" ">
</form>
</div>
<div class="form_block_down ">
<div class="form_block_down_search ">
<form class=" " method="get " action="https://uniqa.ua/ua/search/ ">
<input id="top_search_text " class="cautare " type="text " value=" " name="query "><button class="button-search green " value=" " type="submit ">
<i class="size35 bk_icons search-loop "></i>Пошук</button>
</form>
</div>
</div>
</nav>
</header>
<div class="container">
<ul class="breadcrums">
<li><a class="normal" href="index.html">Головна</a></li>
<li>»</li>
<li>Повiдомлення</li>
</ul>
<div class="my-uniqa-title">
<h1>Повiдомлення</h1>
</div>
<div class="my-uniqa-submenu">
<ul>
<li><a href="index.html" >Моя UNIQA</a></li>
<li><a href="my-claims.html" >Договори</a></li>
<li><a href="my-insurances.html" >Страхові випадки</a></li>
<li><a href="my-personal-details.html" >Персональні дані</a></li>
<li><a href="my-inbox.html" class="current" class="inbox-item">
Повідомлення
<span class="counter green">1</span>
<span class="counter blue">2</span></a>
</li>
</ul>
</div>
<div class="flx-row">
<div class="column small-12 medium-8 large-9">
<div class="flx-row">
<div class="columns small-12 medium-12 large-2">
<div class="flx-row">
<div class="columns small-6 medium-6 large-12 inbox-folder is-active">
Вхідні <span class="inbox-counter">2</span>
</div>
<div class="columns small-6 medium-6 large-12 inbox-folder">
Вихідні <span class="inbox-counter">2</span>
</div>
</div>
</div>
<div class="columns small-12 medium-12 large-10 inbox-list no-gutter">
<div class="inbox-list__line is-new">
<div class="flx-row inbox--open">
<div class="columns small-8 medium-10"><em class="icon icon-green-bell"></em>Вітання - З новім роком !!!</div>
<div class="columns small-4 medium-2 text-align-right">12.12.12<br>12:45</div>
</div>
<div class="inbox-list__content">
<div class="text-align-right inbox-list__options">
<button class="u-btn small delete">Видалити</button>
<button class="u-btn small secondary">Закрити</button>
</div>
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною. Вона популяризувалась в 60-их роках минулого сторіччя завдяки виданню зразків шрифтів Letraset, які містили уривки з Lorem Ipsum, і вдруге - нещодавно завдяки програмам комп'ютерного верстування на кшталт Aldus Pagemaker, які використовували різні версії Lorem Ipsum
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
</div>
</div>
<div class="inbox-list__line">
<div class="flx-row inbox--open">
<div class="columns small-8 medium-10"><em class="icon icon-important"></em>Важлива інформація</div>
<div class="columns small-4 medium-2 text-align-right">11.07.11<br>12:45</div>
</div>
<div class="inbox-list__content">
<div class="text-align-right inbox-list__options">
<button class="u-btn small delete">Видалити</button>
<button class="u-btn small secondary">Закрити</button>
</div>
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною. Вона популяризувалась в 60-их роках минулого сторіччя завдяки виданню зразків шрифтів Letraset, які містили уривки з Lorem Ipsum, і вдруге - нещодавно завдяки програмам комп'ютерного верстування на кшталт Aldus Pagemaker, які використовували різні версії Lorem Ipsum
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
</div>
</div>
<div class="inbox-list__line is-new">
<div class="flx-row inbox--open">
<div class="columns small-8 medium-10"><em class="icon icon-email"></em>Вітання - З новім роком !!!</div>
<div class="columns small-4 medium-2 text-align-right">03.12.12 <br>12:45</div>
</div>
<div class="inbox-list__content">
<div class="text-align-right inbox-list__options">
<button class="u-btn small delete">Видалити</button>
<button class="u-btn small secondary">Закрити</button>
</div>
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною. Вона популяризувалась в 60-их роках минулого сторіччя завдяки виданню зразків шрифтів Letraset, які містили уривки з Lorem Ipsum, і вдруге - нещодавно завдяки програмам комп'ютерного верстування на кшталт Aldus Pagemaker, які використовували різні версії Lorem Ipsum
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
</div>
</div>
<div class="inbox-list__line">
<div class="flx-row inbox--open">
<div class="columns small-8 medium-10"><em class="icon icon-email"></em>Важлива інформація</div>
<div class="columns small-4 medium-2 text-align-right">02.11.16<br>12:45</div>
</div>
<div class="inbox-list__content">
<div class="text-align-right inbox-list__options">
<button class="u-btn small delete">Видалити</button>
<button class="u-btn small secondary">Закрити</button>
</div>
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною. Вона популяризувалась в 60-их роках минулого сторіччя завдяки виданню зразків шрифтів Letraset, які містили уривки з Lorem Ipsum, і вдруге - нещодавно завдяки програмам комп'ютерного верстування на кшталт Aldus Pagemaker, які використовували різні версії Lorem Ipsum
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
</div>
</div>
<div class="inbox-list__line">
<div class="flx-row inbox--open">
<div class="columns small-8 medium-10"><em class="icon icon-email"></em>Вітання - З новім роком !!!</div>
<div class="columns small-4 medium-2 text-align-right">29.01.16<br>12:45</div>
</div>
<div class="inbox-list__content">
<div class="text-align-right inbox-list__options">
<button class="u-btn small delete">Видалити</button>
<button class="u-btn small secondary">Закрити</button>
</div>
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною. Вона популяризувалась в 60-их роках минулого сторіччя завдяки виданню зразків шрифтів Letraset, які містили уривки з Lorem Ipsum, і вдруге - нещодавно завдяки програмам комп'ютерного верстування на кшталт Aldus Pagemaker, які використовували різні версії Lorem Ipsum
<p>Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
</div>
</div>
</div>
</div>
</div>
<div class="column small-12 medium-4 large-3">
<div class="contact-box department_wrap left-space">
<div id="customer-content" class="content mainColor50 my-agent" style="display: block;">
<div class="my-agent-title">
<div class="my-agent-title__agent-img">
<img src="images/_support.jpg" width="120">
</div>
<div class="my-agent-title__agent">Персональный менеджер</div>
</div>
<div class="my-agent-name">❯ Мартиненко Марина</div>
<div class="my-agent-position">Головний агент</div>
<div class="my-agent-contacts">
<p>t: +40 21 410 2111</p>
<p>e: [email protected]</p>
</div>
</div>
<div id="advisor-content" class="content visible mainColor50 w_call normal-height" style="display: none;">
<h3>Заказать звонок от УНИКА</h3>
<p>Мы Вам перезвоним:</p>
<div class="first_step">
<form name="CBForm" method="POST" action="https://uniqa.ua/case/" id="call_you" novalidate="novalidate">
<p><input type="text" name="callback_phone" id="lead_nume" placeholder="Контактный телефон" class="required input_phone" aria-required="true"></p>
<div class="normal-height">
<input id="call_btn" class="button_submit" type="submit" value="Жду звонка">
</div>
</form>
</div>
</div>
<ul class="tabs tabs2 cf">
<li><!--noindex-->
<a id="customer" rel="nofollow" href="javascript:void(0)" class="selected">
<i></i>
<span>Мій агент</span>
</a>
<!--/noindex-->
</li>
<li><!--noindex-->
<a id="advisor" rel="nofollow" href="javascript:void(0)">
<i></i>
<span>Пiдтримка</span>
</a>
<!--/noindex-->
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="greyGradientRepeat">
<div class="section greyB">
<div class="inner-section group copyright">
<div class="box span_1_of_6 cf languages">
<label>Язык:</label>
<div class="languages">
<a class="lang-bar" href="https://uniqa.ua/ua/">UA</a>
<span class="lang-bar selected">RU</span>
</div>
</div>
<div class="box span_4_of_6 copyright">
© 2017. Все права защищены
</div>
<div class="box span_1_of_6 footer_left_block">
<div class="social_icons" style="float: right;">
<!--noindex--><a class="new-social" target="_blank" href="https://www.facebook.com/uniqa.official?fref=ts" rel="nofollow"><i class="fa fa-facebook" aria-hidden="true"></i></a><!--/noindex-->
<!--noindex> <a class="new-social" target="_blank" href="http://vk.com/uniqaua" rel="nofollow"><i class="fa fa-vk" aria-hidden="true"></i></a></noindex-->
<!--noindex--><a class="new-social" target="_blank" href="https://www.youtube.com/channel/UCDE5AkKzptUUpSaQCqRo5Hg" rel="nofollow"><i class="fa fa-youtube" aria-hidden="true"></i></a><!--/noindex-->
<a class="new-social" target="_blank" href="skype:uniqa-ukraine?call"><i class="fa fa-skype" aria-hidden="true"></i></a>
</div>
<div class="banners_footer cf" style="float: right;">
<noindex><a class="banner_button portmone" href="https://www.portmone.com.ua/r3/ru/uniqa" target="_blank" rel="nofollow"></a></noindex>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</footer>
<div id="scroll-box" class="scroll_box">
<a class="no-decoration " href="https://uniqa.ua/ua/# ">
<p class="scroll-text "><< Вниз</p>
</a>
<div class="hidden_block">
<p class="top ">Вгору >></p>
<p class="down "><< Вниз</p>
</div>
</div>
<script src="./js/uniqa.min.js"></script>
</body>
</html>