page-map.pug
15.1 KB
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
doctype html
html(lang="ru")
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 RentTorg
include templates/style.pug
body
.spinner
.wrapper
//- миксины
include templates/mixin
//- хедер
include templates/header
main
section.hero.hero--modified2
.container
.hero__bg(style="background-image:url('images/page-map-bg.jpg')")
.hero__wrap
.hero__inner
.breadcrumbs
ul.breadcrumbs__list
li.breadcrumbs__item
a(href="#").breadcrumbs__link Главная
li.breadcrumbs__item
span.breadcrumbs__link Объекты на карте
.hero__cnt
h1.hero__title.title-main Объекты на карте
.hero__bottom
.hero-search
.hero-search__control
.hero-filter.hero-filter--modified1.js_hero_filter
input(type="hidden").js_hero_filter_input
.hero-filter__current.js_hero_filter_current Все объекты
.hero-filter__dropdown.js_hero_filter_dropdown
ul.hero-filter__list
li.hero-filter__item(data-val="1") Все объекты
li.hero-filter__item(data-val="2") ЖК Большое Путилково
li.hero-filter__item(data-val="3") ЖК Ильменский 17
li.hero-filter__item(data-val="4") ЖК Первый Московский
li.hero-filter__item(data-val="5") ЖК Большое Путилково
li.hero-filter__item(data-val="6") ЖК Ильменский 17
li.hero-filter__item(data-val="7") ЖК Первый Московский
.hero-filter.hero-filter--modified2.js_hero_filter
input(type="hidden").js_hero_filter_input
.hero-filter__current.js_hero_filter_current Тип недвижимости
.hero-filter__dropdown.js_hero_filter_dropdown
ul.hero-filter__list
li.hero-filter__item(data-val="1") Выбрать все
li.hero-filter__item(data-val="2") Индустриальная недвижимость
li.hero-filter__item(data-val="3") Офисы
li.hero-filter__item(data-val="4") Торговое помещение
li.hero-filter__item(data-val="5") Индустриальная недвижимость
li.hero-filter__item(data-val="6") Офисы
li.hero-filter__item(data-val="7") Торговое помещение
.hero-filter.hero-filter--modified3.js_hero_filter
input(type="hidden").js_hero_filter_input
.hero-filter__current.js_hero_filter_current Формат недвижимости
.hero-filter__dropdown.js_hero_filter_dropdown
ul.hero-filter__list
li.hero-filter__item(data-val="1") Выбрать все
li.hero-filter__item(data-val="2") Аптека
li.hero-filter__item(data-val="3") Супермаркет
li.hero-filter__item(data-val="4") Барбершоп
li.hero-filter__item(data-val="5") Аптека
li.hero-filter__item(data-val="6") Супермаркет
li.hero-filter__item(data-val="7") Барбершоп
.hero-filter.hero-filter--modified4.js_hero_filter
.hero-filter__current.js_hero_filter_current Площадь, м<sup>2</sup>
.hero-filter__dropdown.js_hero_filter_dropdown
.hero-filter__fields
label.hero-filter__field
span От
input(type="text" data-min="50" placeholder="50").js_hero_filter_field.js_hero_filter_from
label.hero-filter__field
span До
input(type="text" data-max="125000" placeholder="125 000").js_hero_filter_field.js_hero_filter_to
button(type="button").hero-filter__reset.js_hero_filter_reset Очистить
.hero-filter.hero-filter--modified5.js_hero_filter
.hero-filter__current.js_hero_filter_current Стоимость, ₽
.hero-filter__dropdown.js_hero_filter_dropdown
.hero-filter__fields
label.hero-filter__field
span От
input(type="text" data-min="50" placeholder="50").js_hero_filter_field.js_hero_filter_from
label.hero-filter__field
span До
input(type="text" data-max="125000" placeholder="125 000").js_hero_filter_field.js_hero_filter_to
button(type="button").hero-filter__reset.js_hero_filter_reset Очистить
.hero-search__bottom
.hero-search__field
input(type="text" placeholder="Укажите метро, округ, район, улицу")
button
svg(width='20' height='20')
use(xlink:href='images/sprite.svg#hero-search')
.hero-search__buttons
button.hero-search__btn.btn.btn--main.js_hero_search_btn Поиск
section.page-map
.page-map__wrap
h2.visually-hidden Карта
.page-map__map(id="general-map")
.container
.page-map__inner
.page-map-bar.js_page_map_bar.active
.page-map-bar__top Все объекты
button(type="button").page-map-bar__close.js_page_map_bar_btn
svg(width="20" height="20")
use(xlink:href='images/sprite.svg#popup-close')
ul.page-map-bar__list.js_page_map_bar_list
li.page-map-bar__item ЖК Большое Путилково
li.page-map-bar__item ЖК Среда
li.page-map-bar__item ЖК Квартал Триумфальный
li.page-map-bar__item ЖК Алые Паруса
li.page-map-bar__item ЖК Первый Московский
li.page-map-bar__item ЖК Ильменский 17
li.page-map-bar__item ЖК Царская Площадь
li.page-map-bar__item ЖК Переделкино Ближнее
li.page-map-bar__item ЖК Этолон Cити
li.page-map-bar__item ЖК Триумф Палас
+card-news('', 'images/card/card-img-5.jpg', 'ЖК Большое Путилково', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-6.jpg', 'ЖК Среда', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-7.jpg', 'ЖК Квартал Триумфальный', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-8.jpg', 'ЖК Алые Паруса', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-5.jpg', 'ЖК Первый Московский', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-6.jpg', 'ЖК Ильменский 17', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-7.jpg', 'ЖК Царская Площадь', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-8.jpg', 'ЖК Переделкино Ближнее', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-5.jpg', 'ЖК Этолон Cити', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
+card-news('', 'images/card/card-img-6.jpg', 'ЖК Триумф Палас', '', 'Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом')
//- футер
include templates/footer
//- попапы
+popups
//- подключение скриптов
include templates/scripts