category.pug 19.3 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/category-bg.jpg')")

                        .hero__wrap

                            .hero__inner

                                .breadcrumbs
                                    ul.breadcrumbs__list
                                        li.breadcrumbs__item
                                            a(href="#").breadcrumbs__link Главная
                                        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.active Аренда торговых помещениий
                                        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.category
                    .container

                        .category__top.top-catalog

                            .top-catalog__inner
                                h2.top-catalog__title.title Аренда торговых помещений
                                .top-catalog__result Найдено объектов по Вашему запросу: 
                                    span 356

                            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") Сначала с меньшей площадью

                        .category__grid

                            +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, 'Подробнее')
                            +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, 'Подробнее об аренде')
                            +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, 'Подробнее о продаже')
                            +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, 'Подробнее об аренде')

                            +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, 'Подробнее')
                            +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, 'Подробнее об аренде')
                            +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, 'Подробнее о продаже')
                            +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, 'Подробнее об аренде')

                            +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, 'Подробнее')
                            +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, 'Подробнее об аренде')
                            +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, 'Подробнее о продаже')
                            +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, 'Подробнее об аренде')

                            +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, 'Подробнее')
                            +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, 'Подробнее об аренде')
                            +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, 'Подробнее о продаже')
                            +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, 'Подробнее об аренде')

                            +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, 'Подробнее')
                            +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, 'Подробнее об аренде')
                            +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, 'Подробнее о продаже')
                            +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, 'Подробнее об аренде')

                        +pagination

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

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