catalog.pug 31 KB
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--modified1
                    .container

                        .hero__bg(style="background-image:url('images/catalog-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 Каталог продажи и аренды торговой недвижимости в Москве
                                    p.hero__descr В Москве, Новой Москве и Подмосковье

                                .hero__bottom

                                    .hero__links
                                        a(href="#").hero__link Аренда торговых помещениий
                                        a(href="#").hero__link Продажа торговых помещений
                                        a(href="#").hero__link Арендый бизнес

                                    .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--white.js_hero_search_btn Показать на карте
                                                button.hero-search__btn.btn.btn--main.js_hero_search_btn Поиск
                
                section.catalog
                    .container
                        .catalog__top.top-catalog

                            .top-catalog__inner
                                h2.top-catalog__title.title Каталог коммерческой недвижимости
                                .top-catalog__result Найдено объектов по Вашему запросу: 
                                    span 5294

                            form.top-catalog__sorts

                                .top-catalog__sort-group.sort-group.js_sort_group
                                    input(type="hidden").js_sort_group_input
                                    .sort-group__current.js_sort_group_current Сначала дешевле
                                    ul.sort-group__list.js_sort_group_list
                                        li.sort-group__item.js_sort_group_item(data-val="1").active Сначала дешевле
                                        li.sort-group__item.js_sort_group_item(data-val="2") Сначала дороже
                                
                                .top-catalog__sort-group.sort-group.js_sort_group
                                    input(type="hidden").js_sort_group_input
                                    .sort-group__current.js_sort_group_current Сначала новые
                                    ul.sort-group__list.js_sort_group_list
                                        li.sort-group__item.js_sort_group_item(data-val="1").active Сначала новые
                                        li.sort-group__item.js_sort_group_item(data-val="2") Сначала старые
                                
                                .top-catalog__sort-group.sort-group.sort-group--wide.js_sort_group
                                    input(type="hidden").js_sort_group_input
                                    .sort-group__current.js_sort_group_current Сначала с большей площадью
                                    ul.sort-group__list.js_sort_group_list
                                        li.sort-group__item.js_sort_group_item(data-val="1").active Сначала с большей площадью
                                        li.sort-group__item.js_sort_group_item(data-val="2") Сначала с меньшей площадью

                    .catalog__sliders

                        section.slider
                            .container
                                .slider__wrap

                                    .slider__top
                                        h2.slider__title.title Аренда торговых помещений
                                        a(href="#").slider__more Показать все объекты
                                        .slider__control
                                            .swiper-button-prev
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')
                                            .swiper-button-next
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')

                                    .slider__swiper.swiper
                                        .swiper-wrapper

                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')

                                    .swiper-pagination

                        section.slider
                            .container
                                .slider__wrap

                                    .slider__top
                                        h2.slider__title.title Продажа торговых помещений
                                        a(href="#").slider__more Показать все объекты
                                        .slider__control
                                            .swiper-button-prev
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')
                                            .swiper-button-next
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')

                                    .slider__swiper.swiper
                                        .swiper-wrapper

                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')

                                    .swiper-pagination
                        
                        section.slider
                            .container
                                .slider__wrap

                                    .slider__top
                                        h2.slider__title.title Арендный бизнес
                                        a(href="#").slider__more Показать все объекты
                                        .slider__control
                                            .swiper-button-prev
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')
                                            .swiper-button-next
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')

                                    .slider__swiper.swiper
                                        .swiper-wrapper

                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')

                                    .swiper-pagination
                        
                        section.slider
                            .container
                                .slider__wrap

                                    .slider__top
                                        h2.slider__title.title Арендованные
                                        a(href="#").slider__more Показать все объекты
                                        .slider__control
                                            .swiper-button-prev
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')
                                            .swiper-button-next
                                                svg(width='10' height='17')
                                                    use(xlink:href='images/sprite.svg#slider-arrow')

                                    .slider__swiper.swiper
                                        .swiper-wrapper

                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-1.jpg', 'Салон красоты', 'ЖК “Новинки 1”', 'Фрунзенская (10 мин., пешком)', 'background-color: #FFC955;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '556 м2', '550 256 ₽', '1 000 000 ₽', false, 'Подробнее')

                                            .swiper-slide
                                                +card('images/card/card-img-2.jpg', 'Барбер-шоп', 'ЖК “Новоарбатский”', 'Арбатская (8 мин., пешком)', 'background-color: #0000A0;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 556 м2', '5 225 256 ₽', '15 520 900 ₽', true, 'Подробнее об аренде')
                                            
                                            .swiper-slide
                                                +card('images/card/card-img-3.jpg', 'Аптека', 'ЖК “Садовые кварталы”', 'Коломенская (2 мин., пешком)', 'background-color: #029B55;', 'ул. Ак. Королева, д. 13, стр. 1, этаж 7, пом. 1, к. 69', '8 626 м2', '550 256 ₽', '5 280 000 ₽', false, 'Подробнее о продаже')

                                            .swiper-slide
                                                +card('images/card/card-img-4.jpg', 'Витрина', 'ЖК “Нахимовский проспект, 46”', 'Парк Победы (5 мин., пешком)', 'background-color: #222964;', 'г. Москва, ул. Дербеневская, д. 1, стр. 6, п. 4, эт. 2, к. 3.1.', '6 856 м2', '25 256 ₽', '2 625 520 ₽', true, 'Подробнее об аренде')

                                    .swiper-pagination

            //- футер
            include templates/footer
        
        //- попапы
        +popups

        //- подключение скриптов
        include templates/scripts