-
Notifications
You must be signed in to change notification settings - Fork 1
/
ui_header.html
412 lines (411 loc) · 50.5 KB
/
ui_header.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
<!DOCTYPE html>
<html lang="ru" itemscope itemtype="http://schema.org/WebPage">
<head itemscope itemtype="http://schema.org/WPHeader">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title itemprop="headline">Шапка</title>
<meta name="keywords" content="" itemprop="keywords">
<meta name="description" content="" itemprop="description">
<link href="css/main.min.css" rel="stylesheet"></head>
<body>
<div class="icons d-none"></div>
<div class="top-panel popup-holder">
<div class="top-panel__wrapper wrapper">
<div class="top-panel__contacts col-xl-6 col-lg-12 col-md-8 px-0 px-lg-1">
<div class="contacts contacts_type_row col-xl-7 col-lg-5 flex-grow-1 flex-md-grow-0 w-auto px-0">
<div class="contacts__item contacts__item_fs_sm text-nowrap popup-toggler mr-4" data-target="#location"><span class="ds-icon-placemark contacts__icon h3 color-theme-blue mr-lg-2 pointer-events-none"></span><span class="theme-hover d-md-none d-lg-block pointer-events-none">г. Ростов-на-Дону</span>
<div class="popup popup_width_md popup_type_plain popup_pos_left box-shadow border-radius" id="location">
<div class="popup__triangle bg-theme-white box-shadow"></div>
<button class="popup__close popup__close_type_btn button-unstyled rounded-circle bg-theme-white" type="button"><span class="ds-icon-close h3 color-theme-blue pointer-events-none"></span>
</button>
<div class="search-holder bg-theme-white border-radius overflow-hidden zi-2 px-4 pt-4 pb-2">
<div class="d-flex align-items-start justify-content-between mb-4">
<div class="h5 text-left color-theme-blue">Выберите свой город и пользоваться сайтом станет удобнее</div>
</div>
<form class="search search_border_rounded" action="#" method="post">
<input class="search__field" type="text" value="" placeholder="Я ищу...">
<button class="search__btn search__btn_type_reset" type="reset"><span class="ds-icon-close-noborder pointer-events-none"></span>
</button>
<button class="search__btn search__btn_type_submit" type="submit"><span class="ds-icon-search h4 pointer-events-none"></span>
</button>
</form>
<div class="search-dropdown search-dropdown_pos_stat">
<div class="search-dropdown__wrapper">
<div class="search-dropdown__section"><a class="h5 d-block mb-3" href="#">Санкт-Петербург (Ленинградская обл.)</a><a class="h5 d-block mb-3" href="#">Самара (Самарская обл.)</a><a class="h5 d-block mb-3" href="#">Самарское (Ростовская обл.)</a><a class="h5 d-block mb-3" href="#">Саратов (Саратовская обл.)</a><a class="h5 d-block mb-3" href="#">Саранск (Нижегородская обл.)</a><a class="h5 d-block" href="#">Сальск (Ростовская обл.)</a></div>
</div>
</div>
<div class="row mt-4">
<div class="col-6 mb-4"><a class="h6" href="#">Ростов-на-Дону</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Краснодар</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Сочи</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Ставрополь</a></div>
</div>
</div>
</div>
</div><a class="contacts__item h5 text-nowrap mr-4" href="#"><span class="ds-icon-phone contacts__icon h3 color-theme-blue mr-lg-2 pointer-events-none"></span><span class="d-none d-lg-block">+7 (863) 22-99-99-4</span></a>
</div>
<nav class="social d-flex align-items-center"><a class="social__item color-theme-blue mr-4 mr-lg-3" href="#"><span class="ds-icon-wapp-filled h3 pointer-events-none"></span></a><a class="social__item color-theme-blue" href="#"><span class="ds-icon-tg-filled h3 pointer-events-none"></span></a></nav>
</div>
<nav class="top-panel__nav col-xl-5 col-lg-10"><a class="mr-4" href="#">Скидки и акции</a><a class="mr-4" href="#">Бонусные рубли</a><a href="#">Контакты</a></nav>
<nav class="navbar col-xl-1 col-lg-2 col-md-4">
<button class="navbar__title" type="button"><span class="mr-1">Помощь</span><span class="ds-icon-dropdown navbar__icon pointer-events-none"></span>
</button>
<div class="navbar__wrapper"><a class="navbar__link" href="#">О компании</a><a class="navbar__link" href="#">Новости</a><a class="navbar__link" href="#">Статьи</a><a class="navbar__link" href="#">Вопросы и ответы</a><a class="navbar__link" href="#">Оплата и доставка</a><a class="navbar__link" href="#">Кредит</a><a class="navbar__link" href="#">КупиВкредит</a><a class="navbar__link" href="#">Политика конфиденциальности</a></div>
</nav>
</div>
</div>
<header class="header">
<div class="header__wrapper wrapper">
<div class="header__col header__col_side_left col-xl-4 col-lg-5 px-0 px-lg-1"><a class="logo logo_place_header color-theme-blue mr-4" href="#">
<svg class="icon-fluid">
<use xlink:href="img/icons/icons.svg#icon-logo"></use>
</svg></a>
<div class="header__togglers">
<button class="header__btn header__btn_type_toggler mr-3" type="button" data-target="#categories"><span class="ds-icon-menu header__btn-icon header__btn-icon_show pointer-events-none"></span><span class="ds-icon-close header__btn-icon header__btn-icon_close pointer-events-none"></span><span class="header__btn-title">Каталог</span>
</button>
<button class="header__btn header__btn_type_toggler" type="button" data-target="#services"><span class="ds-icon-services header__btn-icon header__btn-icon_show pointer-events-none"></span><span class="ds-icon-close header__btn-icon header__btn-icon_close pointer-events-none"></span><span class="header__btn-title">Услуги</span>
</button>
<div class="panel">
<div class="panel__wrapper" id="services">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase">услуги</span>
</button>
<div class="wrapper">
<div class="row">
<div class="panel__nav border-0 col-xl-4"><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-tires h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Шиномонтаж</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-store h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Сезонное хранение шин и дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-aircond h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Заправка автокондиционеров</span></a></div>
<div class="panel__nav col-xl-4 border-0 mb-5 mb-xl-0"><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-wheel-rolled h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Прокатка дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-wheel-painted h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Покраска дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-vin h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Подбор по VIN</span></a></div>
<div class="col-xl-4">
<div class="banner banner_xs overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-1.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-start justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-blue">Запись на шиномонтаж онлайн</div><a class="button text-uppercase" href="#">Записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel__wrapper" id="categories">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase">каталог</span>
</button>
<div class="wrapper">
<div class="row align-items-start">
<div class="panel__nav col-xl-2 pr-xl-2">
<div class="panel__nav-item" data-target="#tires"><a class="panel__nav-link panel__nav-link_type_btn panel__nav-link_active" href="#"><span class="ds-icon-tires h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Автошины</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#moto"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-moto h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Мотошины</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#wheels"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-wheels h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Диски</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#battery"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-battery h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Аккумуляторы</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#detail"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-detail h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Автотовары</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#oil"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-oil h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Масла</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
</div>
<div class="panel__grid panel__grid_active col-xl-10" id="tires">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители автошин:</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
<div class="panel__subcategory mb-4 mb-xl-0"><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a>
</div>
<div class="text-center d-none d-xl-block"><a class="readmore" href="#"><span class="mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore readmore__icon h3 color-theme-blue pointer-events-none"></span></a></div>
</div>
<div class="panel__aside">
<div class="mb-4"><a class="toggler py-1" href="#">Зимние шины</a><a class="toggler py-1" href="#">Летние шины</a><a class="toggler py-1" href="#">Шины для внедорожников</a><a class="toggler py-1" href="#">Всесезонные шины</a><a class="toggler py-1" href="#">Шины на Газель</a></div>
<div class="banner banner_sm overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-2.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-center justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-white">Подбор запчастей по VIN-коду</div><a class="button text-uppercase" href="#">Подобрать</a>
</div>
</div>
</div>
</div>
<div class="panel__grid col-xl-10" id="moto">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители мотошин:</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
<div class="panel__subcategory mb-4 mb-xl-0"><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a>
</div>
<div class="text-center d-none d-xl-block"><a class="readmore" href="#"><span class="mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore readmore__icon h3 color-theme-blue pointer-events-none"></span></a></div>
</div>
<div class="panel__aside">
<div class="mb-4"><a class="toggler py-1" href="#">Летние шины</a><a class="toggler py-1" href="#">Шины для внедорожников</a><a class="toggler py-1" href="#">Зимние шины</a><a class="toggler py-1" href="#">Всесезонные шины</a></div>
<div class="banner banner_sm overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-2.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-center justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-white">Подбор запчастей по VIN-коду</div><a class="button text-uppercase" href="#">Подобрать</a>
</div>
</div>
</div>
</div>
<div class="panel__grid col-xl-10" id="wheels">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители дисков</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="battery">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители аккумуляторов</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="detail">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители автотоваров</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="oil">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители масел</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__col header__col_side_right search-holder col-xl-8 col-lg-7">
<div class="search-panel">
<div class="search-panel__wrapper">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase pointer-events-none">Поиск</span>
</button>
<form class="search" action="#" method="post">
<input class="search__field" type="text" value="" placeholder="Я ищу...">
<button class="search__btn search__btn_type_reset" type="reset"><span class="ds-icon-close-noborder pointer-events-none"></span>
</button>
<button class="search__btn search__btn_type_submit" type="submit"><span class="ds-icon-search h4 pointer-events-none"></span>
</button>
</form>
<div class="search-dropdown">
<div class="search-dropdown__wrapper">
<div class="search-dropdown__section">
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman 5 195/65 R15 95T XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Летние шины Nokian Nordman SX2 195/65 R15 91H</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman 7 195/65 R15 95T XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman RS2 205/55 R16 94R XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">185/65/15 NORDMAN RS-2 XL R*</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div><a class="h5 color-theme-blue" href="#">показать все товары (54) ></a>
</div>
<div class="search-dropdown__section">
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-7</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN RS2</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-7 SUV</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-8</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
</div>
<div class="search-dropdown__section"><a class="h5 d-block mb-4" href="#">Зимние шины</a><a class="h5 d-block mb-4" href="#">Шины для внедорожника</a><a class="h5 d-block mb-4" href="#">Шины на газель</a><a class="h5 d-block mb-4" href="#">Шипованые шины</a><a class="h5 d-block" href="#">Автошторки</a></div>
</div>
</div>
</div>
</div>
<div class="header__bottom-panel">
<div class="header__navbar">
<button class="header__navbar-item header__navbar-item_toggler_search" type="button"><span class="header__navbar-icon pointer-events-none"><span class="ds-icon-search pointer-events-none"></span></span><span class="header__navbar-caption pointer-events-none">Поиск</span></button>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-compare pointer-events-none"></span></span><span class="header__navbar-caption">Сравнить</span></div>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-car pointer-events-none"></span></span><span class="header__navbar-caption">Выбор авто</span></div>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-case pointer-events-none"></span></span><span class="header__navbar-caption">Заказы</span></div>
<button class="header__navbar-item" data-toggle="modal" data-target="#auth-phone" type="button"><span class="header__navbar-icon"><span class="ds-icon-user pointer-events-none"></span></span><span class="header__navbar-caption">Вход | регистрация</span></button>
</div>
<div class="header__aside"><a class="header__btn header__btn_place_panel" href="#"><span class="ds-icon-cart header__btn-icon pointer-events-none"></span><span class="header__btn-title">Корзина</span></a></div>
</div>
</div>
</div>
</header>
<nav class="topmenu">
<div class="topmenu__wrapper wrapper swiper-container">
<ul class="swiper-wrapper justify-content-between" itemscope itemtype="https://schema.org/SiteNavigationElement">
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Автошины</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Мотошины</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Диски</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Аккумуляторы</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Масла</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Автотовары</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Шиномонтаж</span></a></li>
</ul>
</div>
</nav>
<div class="modal fade" id="reg" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" id="form-reg" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Регистрация</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-3 mb-3">
<div class="form">
<div class="form__item mb-4">
<input class="form__field error" id="reg__username" type="text" value="" name="reg__username">
<label class="error" id="reg__username-error" for="reg__username">Поле обязательно для заполнения</label>
<div class="form__label form__label_title">Ваше имя *</div>
</div>
<div class="form__item mb-4">
<input class="form__field input-phone error" id="reg__phone" type="text" value="" name="reg__phone">
<label class="error" id="reg__phone-error" for="reg__phone">Поле обязательно для заполнения</label>
<div class="form__label form__label_title">Номер телефона *</div>
</div>
<div class="form__item mb-4">
<input class="form__field error" id="reg__email" type="text" value="" name="reg__email">
<label class="error" id="reg__email-error" for="reg__email">Ведите e-mail</label>
<div class="form__label form__label_title">E-mail *</div>
</div>
<div class="form__item">
<input class="form__toggler form__toggler_checkbox" id="reg__confidential" type="checkbox" value="" name="reg__confidential">
<label class="error" id="reg__confidential-error" for="reg__confidential">Необходимо принять условия политики конфидециальности</label>
<label class="form__label h5" for="reg__confidential"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Я принимаю <a class="text-underline" href="#">политику конфиденциальности </a>*</span>
</label>
</div>
</div>
</div>
<div class="px-4">
<div class="row">
<div class="col-xl-5 text-xl-left text-center mb-xl-0 mb-3">
<div class="h6">*-поля обязательные для заполнения</div>
</div>
<div class="col-xl-7 text-xl-right text-center">
<button class="button text-uppercase px-3" type="submit">Зарегистрироваться</button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal fade" id="auth-phone" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Войдите или зарегистрируйтесь</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-2 mb-3">
<div class="form mb-4">
<div class="form__item mb-4">
<input class="form__field input-phone" type="text" value="">
<div class="form__label form__label_title">Номер телефона *</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-between"><a class="h5" href="#" data-dismiss="modal" data-toggle="modal" data-target="#auth-email">Войти по почте</a></div>
</div>
<div class="text-center px-4">
<button class="button text-uppercase px-5" type="submit">Получить код</button>
</div>
</div>
</form>
</div>
<div class="modal fade" id="auth-email" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Войдите по почте</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-2 mb-3">
<div class="form mb-4">
<div class="form__item mb-4">
<input class="form__field input-email" type="text" value="">
<div class="form__label form__label_title">Только для зарегистрированных пользователей *</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-between"><a class="h5" href="#" data-dismiss="modal" data-toggle="modal" data-target="#auth-phone">Войти или зарегистрироваться</a></div>
</div>
<div class="text-center px-4">
<button class="button text-uppercase px-5" type="submit">Получить код</button>
</div>
</div>
</form>
</div>
<div class="modal fade" id="pwd" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Забыли пароль?</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-2 mb-3">
<div class="h5 text-center mb-3">Укажите ваш телефон, и мы отправим <br>вам новый пароль</div>
<div class="form mb-4">
<div class="form__item">
<input class="form__field input-phone" type="text" value="">
<div class="form__label form__label_title">+7 (_ _ _) _ _ _-_ _-_ _</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-end"><a class="h5" href="#" data-dismiss="modal" data-toggle="modal" data-target="#reg">Регистрация</a></div>
</div>
<div class="text-center px-4">
<button class="button text-uppercase px-5" type="submit">Отправить</button>
</div>
</div>
</form>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/swiper@5.4.1/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formstone/1.4.20/js/core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formstone/1.4.20/js/dropdown.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formstone/1.4.20/js/touch.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta2/dist/js/bootstrap-select.min.js"></script>
<script src="js/main.bundle.js"></script>
<script src="js/validate.bundle.js"></script>
<script src="js/ion.bundle.js"></script>
<script src="js/search.bundle.js"></script></body>
</html>