-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinformation.html
186 lines (183 loc) · 10.1 KB
/
information.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
<!DOCTYPE html>
<html lang="ua">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/jquery.mcustomscrollbar/3.0.6/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="css/vendor.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="site-container">
<header class="header blue">
<div class="container header-container">
<div class="header__burger">
<div class="burger__icon icon-menu">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="header__logo">
<a href="">
<a href="">
<img src="img/logo-white.png" alt="">
</a>
</a>
</div>
<nav class="header__nav">
<ul class="header__list">
<li class="header__list-elem">
<a href="#" class="header-link">Про сервіс </a>
</li>
<li class="header__list-elem">
<a href="#" class="header-link">Як це працює</a>
</li>
<li class="header__list-elem">
<a href="#" class="header-link">Чому ми</a>
</li>
<li class="header__list-elem">
<a href="#" class="header-link">Питання</a>
</li>
<li class="header__list-elem">
<a href="#" class="header-link">Новини</a>
</li>
</ul>
</nav>
<div class="header__languages">
<a href="#" class="header__lang">ua</a>
<a href="#" class="header__lang active">ru</a>
</div>
<div class="header__btns">
<button class="header__btns-loan btn">Погасить</button>
<a href="" class="header__btns-cabinet header-link">
<span class="header__cabinet-descr">Особистий кабінет</span>
<svg class="svg-cabinet">
<use xlink:href="./img/icons/icons.svg#cabinet"></use>
</svg>
</a>
</div>
<div class="header__mobile">
<div class="header__mobile-container">
<nav class="header__mobile-nav">
<ul class="header__mobile-list">
<li class="header__mobile-elem">
<a href="#" class="header-link">Про сервіс </a>
</li>
<li class="header__mobile-elem">
<a href="#" class="header-link">Як це працює</a>
</li>
<li class="header__mobile-elem">
<a href="#" class="header-link">Чому ми</a>
</li>
<li class="header__mobile-elem">
<a href="#" class="header-link">Питання</a>
</li>
<li class="header__mobile-elem">
<a href="#" class="header-link">Новини</a>
</li>
</ul>
</nav>
<div class="header__mobile-languages">
<div class="header__mobile-lang active">ua</div>
<div class="header__mobile-lang">ru</div>
</div>
<div class="header__mobile-btns">
<button class="header__mobile-btn btn">Погасить</button>
<button class="header__mobile-btn btn btn-green">Личный кабинет</button>
</div>
</div>
</div>
</div>
</header>
<main class="main">
<section class="about">
<div class="container about-container">
<div class="about__links">
<a href="#" class="about-link">Про сервіс</a>
<a href="#" class="about-link active">Інформація</a>
</div>
<div class="about__inner">
<div class="about-title">Інформація</div>
<a href="" class="about__inner-link">Про фінансову установу</a>
<a href="" class="about__inner-link">Обов'язкова інформація для клієнта</a>
<a href="" class="about__inner-link">Положення про звернення громадян</a>
<a href="" class="about__inner-link">Позиція НБУ щодо чинності договорів, які підписані
онлайн</a>
<a href="" class="about__inner-link">Річна фінансова звітність за 2017 рік. і звіт незалежного
аудитора.</a>
<a href="" class="about__inner-link">Річна фінансова звітність за 2018 рік. і звіт незалежного
аудитора.</a>
<a href="" class="about__inner-link">Річна фінансова звітність за 2019 рік. і звіт незалежного
аудитора.</a>
<div class="about__inner-img">
<img src="img/about-info.png" alt="">
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__wrapper">
<div class="footer__wrapper-up">
<div class="footer__wrapper-left footer__wrapper-left_up">
<nav class="footer__nav">
<ul class="footer__list">
<li class="footer__list-elem"><a href="" class="footer-link">Про сервіс </a></li>
<li class="footer__list-elem"><a href="" class="footer-link">Як це працює</a></li>
<li class="footer__list-elem"><a href="" class="footer-link">Чоиу ми</a></li>
<li class="footer__list-elem"><a href="" class="footer-link">Питання</a></li>
<li class="footer__list-elem"><a href="" class="footer-link">Новини</a></li>
</ul>
</nav>
</div>
<div class="footer__wrapper-right footer__wrapper-right_up">
<div class="footer__right-support">
<div class="support__title">Служба підтримки</div>
<div class="support__phone">
<a class="footer-link" href="tel:+380443380779">+38 (044) 338-07-79</a>
</div>
</div>
<div class="footer__right-time">Час роботи: с 9:00 до 18:00
без перерви та вихідних</div>
</div>
</div>
<div class="footer__wrapper-down">
<div class="footer__wrapper-left footer__wrapper-left_down">
<div class="footer__copy">© 2021 “epeer”. Всі права захищені</div>
</div>
<div class="footer__wrapper-right footer__wrapper-right_down">
<div class="footer__social">
<div class="footer__social-text">Мы у социальних мережаж:</div>
<div class="footer__social-ico">
<a href="#" class="social__icon">
<img src="img/instagram.png" alt="">
</a>
<a href="#" class="social__icon">
<img src="img/facebook.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/slick.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js"
integrity="sha512-Yk47FuYNtuINE1w+t/KT4BQ7JaycTCcrvlSvdK/jry6Kcxqg5vN7/svVWCxZykVzzJHaxXk5T9jnFemZHSYgnw=="
crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>