-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvisa_greece.html
275 lines (275 loc) · 16.2 KB
/
visa_greece.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/style.css">
<title>NS visa - виза в Грецию</title>
</head>
<body onclick>
<header class="header">
<div class="base_container">
<a class="header__logo" href="index.html">
<img src="src/img/logo.svg" alt="">
</a>
<ul class="menu__nav-bar nav_list">
<li class="nav_dropdown_item">
<span class="nav_dropdown__button">Услуги
<svg class="arrow_up" width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L6.5 6.5L12 1" stroke="currentColor"/>
</svg>
</span>
<div class="menu__nav-bar__dropdown">
<ul>
<li><a class="link" href="">Бронирование отелей</a></li>
<li><a class="link" href="">Переводы</a></li>
<li><a class="link" href="">Заказ авиабилетов</a></li>
<li><a class="link" href="">Визы</a></li>
<li><a class="link" href="">Загранпаспорта</a></li>
<li><a class="link" href="">Страхование</a></li>
</ul>
</div>
</li>
<li>
<a class="link" href="">О компании</a>
</li>
<li>
<a class="link" href="">Контакты</a>
</li>
</ul>
<a href="tel:+7 999 999-9999" class="phone_link header__phone">+7 999 999 9999</a>
<div>
<div class="header__menu_icon">
<img src="src/img/burger_menu.svg" alt="">
</div>
<div class="header__menu_dropdown">
<ul>
<li><a class="link" href="">Бронирование отелей</a></li>
<li><a class="link" href="">Переводы</a></li>
<li><a class="link" href="">Заказ авиабилетов</a></li>
<li><a class="link" href="">Визы</a></li>
<li><a class="link" href="">Загранпаспорта</a></li>
<li><a class="link" href="">Страхование</a></li>
<li><a class="link" href="">О компании</a></li>
<li><a class="link" href="">Контакты</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="page">
<div class="countries_wrapper flex">
<div class="country_title_block">
<div class="country_title">
<h1 class="color_dark_blue">Виза в Грецию</h1>
<button onclick="openModal(event, 'visa_modal')" class="filled">Оформить</button>
</div>
<div>
<div class="terms_unit">
<p>Туристическая, однократная</p>
<p>до 4х недель</p>
<p>9500₽</p>
<p>Включая все сборы, без личного присутствия</p>
</div>
<div class="terms_unit">
<p>Транзитная (до 72 часов)</p>
<p>до 2х недель</p>
<p>3000₽</p>
<p>Включая все сборы, без личного присутствия</p>
</div>
</div>
</div>
<div class="img_greece countries__img_wrapper"></div>
</div>
<div class="about_service_wrapper block_wrapper">
<div class="about_service_info">
<ul class="breadcrumbs">
<li><a class="link" href="">Главная</a></li>
<li><a class="link" href="">Оформление виз</a></li>
<li><p>Виза в Австрию</p></li>
</ul>
<h3>Подзаголовок, который раскрывает преимущества заказа визы
<br>Лучше в две-три строки</h3>
<h2>Особенности заказа визы в эту страну</h2>
<p>Таким образом новая модель организационной деятельности играет важную роль в формировании модели раз
вития. С другой стороны начало повседневной работы по формированию позиции играет важную роль в
формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
<br>
<p>Повседневная практика показывает, что укрепление и развитие структуры требуют от нас анализа
соответствующий условий активизации. Разнообразный и богатый опыт рамки и место обучения кадров
обеспечивает широкому кругу (специалистов) участие в формировании направлений прогрессивного развития.
Товарищи! новая модель организационной деятельности требуют от нас анализа направлений прогрессивного
развития. Задача организации, в особенности же консультация с широким активом позволяет выполнять
важные задания по разработке систем массового участия.
</p>
</div>
<div class="about_service_feedback">
<h3 class="color_dark_blue">Получить консультацию</h3>
<form action="">
<input type="text" placeholder="Ваше имя">
<input type="tel" placeholder="Номер телефона">
<input type="email" placeholder="Email">
<input type="text" placeholder="Сообщение">
<div class="modal_btn_block">
<button class="outlined" type="submit">Задать вопрос</button>
</div>
<p>Отправляя контактные данные Вы соглашаетесь с нашей Политикой конфиденциальности</p>
</form>
</div>
</div>
<div class="block_wrapper">
<h2 class="color_dark_blue center block_title">Дополнительные услуги</h2>
<div class="mansory_grid">
<a href="" class="mansory_grid__unit serv_1">
<picture>
<source srcset="src/img/serv1-475w.jpg"
media="(max-width: 1000px)">
<img src="src/img/serv1-285w.jpg" alt="">
</picture>
<div class="mansory_grid__texts color_white">
<h3>Покупка авиабилетов</h3>
<div>
<p>Поможем в покупке авиабилетов по выгодным тарифам</p>
</div>
</div>
</a>
<a href="" class="mansory_grid__unit serv_2">
<picture>
<source srcset="src/img/serv2-475w.jpg"
media="(max-width: 1000px)">
<img src="src/img/serv2-285w.jpg" alt="">
</picture>
<div class="mansory_grid__texts color_white">
<h3>Переводы</h3>
<div>
<p>Подготовим перевод документов для подачи на визу</p>
</div>
</div>
</a>
<a href="" class="mansory_grid__unit serv_3">
<picture>
<source srcset="src/img/serv3-475w.jpg"
media="(max-width: 1000px)">
<img src="src/img/serv3-590w.jpg" alt="">
</picture>
<div class="mansory_grid__texts color_white">
<h3>Оформление загранпаспорта</h3>
<div>
<p>Поможем осуществить подачу документов на загранпаспорт в кротчайший срок</p>
</div>
</div>
</a>
<a href="" class="mansory_grid__unit serv_4">
<picture>
<source srcset="src/img/serv4-475w.jpg"
media="(max-width: 1000px)">
<img src="src/img/serv4-590w.jpg" alt="">
</picture>
<div class="mansory_grid__texts color_white">
<h3>Бронирование отелей</h3>
<div>
<p>Подберем отель на выгодных условиях</p>
</div>
</div>
</a>
<a href="" class="mansory_grid__unit serv_5">
<picture>
<source srcset="src/img/serv5-475w.jpg"
media="(max-width: 1000px)">
<img src="src/img/serv5-285w.jpg" alt="">
</picture>
<div class="mansory_grid__texts color_white">
<h3>Страхование</h3>
<div>
<p>Оформим страховой полис для выезжающих за рубеж с наименьшими материальными затратами</p>
</div>
</div>
</a>
<a href="" class="mansory_grid__unit serv_6">
<picture>
<source srcset="src/img/serv6-475w.jpg"
media="(max-width: 1000px)">
<img src="src/img/serv6-285w.jpg" alt="">
</picture>
<div class="mansory_grid__texts color_white">
<h3>Приглашения для иностранных граждан в РФ</h3>
<div>
<p>Проконсультируем и поможем оформить приглашение в РФ для Ваших родных и знакомых, а так же приглашения для деловых визитов</p>
</div>
</div>
</a>
</div>
</div>
</div>
<div id="chat_modal" class="modal">
<div class="modal__form">
<div class="modal__heading">
<h2 class="color_dark_blue">Задать вопрос</h2>
<img class="modal_close_icon" src="src/img/close-icon.svg" alt="">
</div>
<form action="">
<input type="text" placeholder="Ваше имя">
<input type="tel" placeholder="Номер телефона">
<input type="email" placeholder="Email">
<input type="text" placeholder="Сообщение">
<div class="modal_btn_block">
<button class="outlined" type="submit">Задать вопрос</button>
<span class="modal_close_button">Закрыть</span>
</div>
<p>Отправляя контактные данные Вы соглашаетесь с нашей Политикой конфиденциальности</p>
</form>
</div>
</div>
<div id="visa_modal" class="modal">
<div class="modal__form">
<div class="modal__heading">
<h2 class="color_dark_blue">Оформить визу</h2>
<img class="modal_close_icon" src="src/img/close-icon.svg" alt="">
</div>
<form action="">
<input type="text" placeholder="Ваше имя">
<input type="tel" placeholder="Номер телефона">
<input type="email" placeholder="Email">
<select>
<option value="greece">Греция</option>
<option value="greece">Греция</option>
<option value="greece">Греция</option>
<option value="greece">Греция</option>
</select>
<div class="modal_btn_block">
<button class="outlined" type="submit">Оформить</button>
<span class="modal_close_button">Закрыть</span>
</div>
<p>Отправляя контактные данные, Вы соглашаетесь с нашей Политикой конфиденциальности</p>
</form>
</div>
</div>
<footer class="footer">
<div class="base_container footer_container">
<div class="footer__nav_wrapper">
<a class="footer__logo" href=""><img src="src/img/logo_white.svg" alt=""></a>
<ul class="nav_list footer__nav_list">
<li class="footer__nav_item" ><a class="link color_white" href="">Визы</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">Загранпаспорта</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">Страхование</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">Отели</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">Авиабилеты</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">Переводы</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">О компании</a></li>
<li class="footer__nav_item" ><a class="link color_white" href="">Контакты</a></li>
</ul>
</div>
<div class="footer_contacts">
<p class="color_white footer__law_text">Все материалы и цены, размещенные на сайте, носят справочный характер и не являются публичной офертой, в соответствии со статьей 437(2) Гражданского кодекса РФ</p>
<div class="footer__contact_wrapper">
<span onclick="openModal(event, 'chat_modal')" class="chat_button color_white">Задать вопрос
<img class="footer__chat_icon" src="src/img/chat-icon.svg" alt="">
</span>
<a href="tel:+7 999 999-9999" class="phone_link footer__phone"><h3 class="color_white">+7 999 999 9999</h3></a>
</div>
</div>
</div>
</footer>
<script async src="src/script.js"></script>
</body>
</html>