It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://gardenm.ru/

  1. <!DOCTYPE html>
  2. <html lang="ru" dir="ltr">
  3. <head>
  4.        <title>Интернет-магазин камней-крышек для колодцев, септиков, люков, декоративных кашпо в
  5.            Санкт-Петербурге | ГарденМаркет</title>
  6.        
  7.        <meta name="description" content="ГарденМаркет является дочерней компанией ГеоФлора и продаёт
  8.        декор для сада. Мы предлагаем большой выбор декоративных крышек для септиков, люков, колодцев, а
  9.        также качественных и красивых декоративных кашпо в налиичии и на заказ с ценами от производителя" />
  10.  
  11.        <!-- Настройки OpenGraph -->
  12.        <meta property="og:locale" content="ru_RU" />
  13.        <meta property="og:type" content="website" />
  14.        <meta property="og:title" content="Интернет-магазин камней-крышек для колодцев, септиков, люков, декоративных кашпо в Санкт-Петербурге | ГарденМаркет" />
  15.        <!--<meta property="og:description" content="Предлагаем купить декоративные ландшафтные камни крышки для люка, колодца, септика
  16.        от производителя по выгодной цене. Так же мы занимаемся производством уникальных декоративных кашпо, подробнее на сайте! Доставка в СПб и
  17.        область"-->
  18.        <meta property="og:description" content="ГарденМаркет является дочерней компанией ГеоФлора и продаёт
  19.        декор для сада. Мы предлагаем большой выбор декоративных крышек для септиков, люков, колодцев, а
  20.        также качественных и красивых декоративных кашпо в налиичии и на заказ с ценами от производителя" />
  21.        <meta property="og:url" content="https://gardenm.ru/" />
  22.        <meta property="og:site_name" content="Интернет-магазин камней-крышек для колодцев, септиков, люков, декоративных кашпо в Санкт-Петербурге | ГарденМаркет" />
  23.        <meta property="og:image" content="https://gardenm.ru/assets/images/catalog/catalog-image-06.jpg">
  24.        <meta property="og:image:secure_url" content="https://gardenm.ru/assets/images/catalog/catalog-image-06.jpg">
  25.        <meta property="og:image:width" content="1024">
  26.        <meta property="og:image:height" content="768">
  27.        <!-- Настройки OpenGraph -->
  28.        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  29.        
  30.        <meta charset="UTF-8">
  31.        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  32.        <meta name="format-detection" content="telephone=no">
  33.        <meta name="viewport" content="width=device-width, initial-scale=1.0">
  34.        <meta name="cmsmagazine" content="cd8c59459e36167bdf1e760099b78644" />
  35.        <meta name="robots" content="index,follow">
  36.        
  37.        <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
  38.        <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
  39.        <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
  40.        <link rel="manifest" href="./assets/favicon/site.webmanifest">
  41.        <link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
  42.        <meta name="msapplication-TileColor" content="#da532c">
  43.        <meta name="theme-color" content="#ffffff">
  44.        
  45.        <!--<script async defer
  46.                src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3_b3EhD0YXwMp0q8DObsfavvJTbJ4M7I&amp;language=ru&amp;libraries=places"></script>-->
  47.  
  48.        <link href="./css/core.css?_=1.23" rel="stylesheet">
  49.        <link href="./css/main.css?_=1.23" rel="stylesheet">
  50.  
  51.        <!-- Yandex.Metrika counter -->
  52.       <script type="text/javascript" >
  53. var mscroll = false;
  54. window.addEventListener('scroll', () => {
  55. if (mscroll === false) { mscroll = true; setTimeout(() => {
  56. (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(86405775, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true });
  57. }, 16000)}});
  58. </script>
  59. <noscript><div><img src="https://mc.yandex.ru/watch/86405775" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  60. <!-- /Yandex.Metrika counter -->
  61.        <!-- Global site tag (gtag.js) - Google Analytics -->
  62.        <script async src="https://www.googletagmanager.com/gtag/js?id=G-7EDCLKQKML"></script>
  63.        <script>
  64.            window.dataLayer = window.dataLayer || [];
  65.            function gtag(){dataLayer.push(arguments);}
  66.            gtag('js', new Date());
  67.  
  68.            gtag('config', 'G-7EDCLKQKML');
  69.        </script>
  70.        <!-- /Global site tag (gtag.js) - Google Analytics -->
  71.  
  72. </head>
  73.    <body class="ui-page js-page">
  74.                
  75.        <div class="ui-loader js-loader">
  76.            <span class="ui-loader__loading"></span>
  77.        </div>
  78. <!--
  79.        <div class="ui-callback js-sticky" data-modal="request">
  80.            <span class="ui-callback__button">Заказать обратный звонок</span>
  81.        </div>
  82.        -->
  83.        <header class="ui-header ui-p-t-60 ui-m-b-70 ui-p-t-0@md ui-m-b-30@md js-header">
  84.            <div class="ui-container ui-p-b-40 ui-p-b-20@md">
  85.                <div class="ui-header__topline ui-p-t-80@md">
  86.                    <div class="ui-flex ui-flex-between ui-flex-middle ui-flex-top@md ui-flex-column@md">
  87.                        <div class="ui-header__logo">
  88.                            <a href="/" title="Garden Market">
  89.                                <img class="ui-header__logo-svg --header-logo-ds ui-m-r-15" src="./assets/images/logo.svg">
  90.                                <img class="ui-header__logo-svg --header-logo-mb ui-m-r-15" src="./assets/images/logo-dark.svg">
  91.                                <span>Garden Market</span>
  92.                            </a>
  93.                        </div>
  94.                        <div class="ui-flex ui-flex-column ui-navigationContainer">
  95.                            <div class="ui-header__navigation">
  96.                                <div class="ui-header__consultation ui-visible@md">
  97.                                    <button class="ui-header__consultation-button ui-button" data-modal="request">
  98.                                        <span>Бесплатная консультация</span>
  99.                                    </button>
  100.                                </div>
  101.                                <div class="ui-hamburger ui-visible@md js-nav-open">
  102.                                    <div class="ui-hamburger__icon">
  103.                                        <span class="ui-hamburger__line"></span>
  104.                                        <span class="ui-hamburger__line"></span>
  105.                                        <span class="ui-hamburger__line"></span>
  106.                                    </div>
  107.                                </div>
  108.                                <div class="ui-header-menu js-nav">
  109.                                    <div class="ui-header-menu__content">
  110.                                        <ul class="ui-header-menu__list ui-flex ui-flex-between ui-flex-column@md">
  111.                                            <li class="ui-header-menu__item">
  112.                                                <a class="ui-header-menu__link" href="#block-catalog" scroll-to>
  113.                                                    <span class="ui-header-menu__text">Каталог</span>
  114.                                                </a>
  115. <!-- +++N E W 26.11.2022-->
  116. <div class='ui-header-menu__arrow'></div>
  117. <div class='ui-header-menu2-c'>
  118. <ul class="ui-header-menu2">
  119. <li class="ui-header-menu2__item">
  120. <a class='ui-header-menu2__link' href='https://gardenm.ru/kashpo'>
  121. Кашпо для цветов
  122. </a>
  123. </li>
  124. <li class="ui-header-menu2__item">
  125. <a class='ui-header-menu2__link' href='https://gardenm.ru/wcovers'>
  126. Камни-крышки на люки
  127. </a>
  128. </li>
  129. <li class="ui-header-menu2__item">
  130. <a class='ui-header-menu2__link' href='https://gardenm.ru/ocovers'>
  131. Камни-крышки на септики
  132. </a>
  133. </li>
  134. </ul>
  135. </div>
  136. <!-- ---N E W 26.11.2022-->
  137.                                            </li>
  138.                                            <li  class="ui-header-menu__item">
  139.                                                <a class="ui-header-menu__link" href="https://gardenm.ru/otzyvy">
  140.                                                    <span class="ui-header-menu__text">Отзывы</span>
  141.                                                </a>
  142.                                            </li>
  143.                                            <li  class="ui-header-menu__item">
  144.                                                <a class="ui-header-menu__link" href="https://gardenm.ru/contacts">
  145.                                                    <span class="ui-header-menu__text">Контакты</span>
  146.                                                </a>
  147.                                            </li>
  148.                                            <li  class="ui-header-menu__item">
  149.                                                <a class="ui-header-menu__link" href="https://gardenm.ru/company">
  150.                                                    <span class="ui-header-menu__text">О нас</span>
  151.                                                </a>
  152.                                            </li>
  153.                                        </ul>
  154.                                    </div>
  155.                                    <div class="ui-header-menu__close js-nav-close"></div>
  156.                                </div>
  157.                            </div>
  158.                            <div class="ui-header__contact ui-m-t-10@md ui-text-right@md">
  159.                                <div class="ui-header__contact-item" style="margin-bottom: 10px;">
  160.                                    <svg class="ui-header__contact-icon ui-icon --icon-phone-call">
  161.                                        <use xlink:href="./assets/icons.svg#svg-phone-call"></use>
  162.                                    </svg>
  163.                                    <a class="ui-header__contact-link" href="tel:+79217986808">
  164.                                        <span>+7 (921)</span><span>798-68-08</span>
  165.                                    </a>                        
  166.                                </div>
  167.                                <div class="ui-header__contact-item">
  168.                                    <svg class="ui-header__contact-icon ui-icon --icon-phone-call">
  169.                                        <use xlink:href="./assets/icons.svg#svg-phone-call"></use>
  170.                                    </svg>
  171.                                    <a class="ui-header__contact-link" href="tel:+79219793279">
  172.                                        <span>+7 (921)</span><span>979-32-79</span>
  173.                                    </a>                        
  174.                                </div>
  175.                            </div>
  176.                        </div>
  177.                    </div>
  178.                </div>
  179.            </div>
  180.            <div class="ui-header__area ui-p-t-70 ui-p-b-90 ui-p-t-0@md ui-p-b-0@md">
  181.                <div class="ui-container">
  182.                    <div class="ui-header__content">
  183.                        <div class="ui-header__title">
  184.                            <h1>Декоративные камень-крышки для люка, колодца и септика</h1>
  185.                            <figure class="ui-header__bg ui-visible@md"
  186.                                style="background-image: url(./assets/images/bg-image-header.jpg)"></figure>
  187.                        </div>
  188.                        <div class="ui-header__description">
  189.                            <p>Если вы хотите купить или заказать камень-крышку в Санкт-Петербурге от
  190.            производителя недорого, ознакомьтесь с каталогом ГарденМаркет. Наши декоративные
  191.            крышки в виде камня изготавливаются вручную из экологически чистых
  192.            высококачественных полимерных материалов. Визуально крышка не отличается от
  193.            обычного валуна. Камень-крышка кажется тяжёлой, но это иллюзия: взрослый человек
  194.            легко отодвинет "камень" одной рукой. Фактура и цвет камень-крышки сохраняет
  195.            привлекательность в течение долгого времени - минимальный срок службы
  196.            составляет 20 лет.</p>
  197.                            <details class="header-hidden-text"><summary>Развернуть</summary>
  198.                            <p class="header-hide-text">Консультанты помогут подобрать идеальный вариант
  199.            дизайна, а мастера создадут уникальную декоративную камень-крышку по индивидуальным меркам. По
  200.            желанию заказчика можем изготовить крышки с утеплением, вентиляцией,
  201.            декоративной трещиной для сигнальных ламп и другими функциональными элементами.</details></p>
  202.                        </div>
  203.                        <div class="ui-header__buttonCatalogContainer ui-m-t-90 ui-m-t-0@md ui-text-center ui-hidden@md">
  204.                            <a class="ui-button --button-white --button-lined --button-xl ui-header__buttonCatalog" href="#block-catalog" scroll-to>
  205.                                <span>Каталог</span>
  206.                            </a>
  207.                            <span class="ui-header__arrowScroll --animate ui-m-t-30"></span>
  208.                        </div>
  209.                    </div>
  210.                </div>
  211.                <figure class="ui-header__bg ui-hidden@md"
  212.                    style="background-image: url(./assets/images/bg-image-header.jpg)"></figure>
  213.            </div>
  214.            <div class="ui-header__bottom ui-text-right ui-hidden@md">
  215.                <button class="ui-button --button-white --button-corner --button-corner-left" data-modal="request">
  216.                    <span>Бесплатная консультация</span>
  217.                </button>
  218.            </div>
  219.        </header>
  220.        <div class="ui-page__content">
  221.            <!--
  222.            <----- Block ----->
  223.            <section class="ui-block" id="block-catalog">
  224.                <div class="ui-container">
  225.                    <div class="ui-block__heading ui-heading --heading-h3">
  226.                        <h2 style="font-size: 52px;">Каталог</h2>
  227.                    </div>
  228.                    <div class="ui-grid ui-flex-between ui-solution-offer">
  229.                        <div class="ui-cell-1-3 ui-cell-1-1@md ui-solution-offer__item">
  230.                            <div class="ui-solution-offer__icon">
  231.                                <svg class="ui-icon --icon-menhir">
  232.                                    <use xlink:href="./assets/icons.svg#svg-menhir"></use>
  233.                                </svg>
  234.                            </div>
  235.                            <div class="ui-solution-offer__heading ui-m-t-15 ui-m-b-15"><a href="https://gardenm.ru/wcovers">Декоративные камень-крышки на люки и колодцы</a></div>
  236.                            <div class="ui-solution-offer__imageContainer">
  237.                                <a href="https://gardenm.ru/wcovers"><figure class="ui-solution-offer__image"
  238.                                        style="background-image: url(./assets/images/solution-offer/solution-offer-image-01.jpg)"></figure></a>
  239.                            </div>
  240.                            <!--<div class="ui-solution-offer__text ui-m-t-20">Декоративный камень на колодец или люк – оригинальный вид
  241.                                камень-крышки, которая позволяет замаскировать водный источник или инженерную коммуникацию любых
  242.                                диаметров и высоты. <details><summary>Развернуть</summary><p>Декоративная крышка на люк или колодец
  243.                                изготавливается из высокопрочных полимерных смол, благодаря чему их форма и тактильные свойства
  244.                                совершенно неотличимы от настоящих камней. Имитация натурального камня является прочной и
  245.                                долговечной, при этом декоративные крышки на люки и колодцы имеют небольшой вес, что позволяет
  246.                                передвигать их одному взрослому человеку. За счёт качественной имитации натуральных материалов
  247.                                крышка на люк может стать неотъемлемой и важной частью ландшафтного дизайна загородного участка.</p></details></div>-->
  248.                        </div>
  249.                        <div class="ui-cell-1-3 ui-cell-1-1@md ui-solution-offer__item">
  250.                            <div class="ui-solution-offer__icon">
  251.                                <svg class="ui-icon --icon-oil-barrel">
  252.                                    <use xlink:href="./assets/icons.svg#svg-oil-barrel"></use>
  253.                                </svg>
  254.                            </div>
  255.                            <div class="ui-solution-offer__heading ui-m-t-15 ui-m-b-15"><a href="https://gardenm.ru/ocovers">Камень-крышки на септики и другие коммуникации</a></div>
  256.                            <div class="ui-solution-offer__imageContainer">
  257.                                <a href="https://gardenm.ru/ocovers"><figure class="ui-solution-offer__image"
  258.                                        style="background-image: url(./assets/images/solution-offer/solution-offer-image-02.jpg)"></figure></a>
  259.                            </div>
  260.                            <!--<div class="ui-solution-offer__text ui-m-t-20">Декоративная крышка для септика – один из наиболее популярных способов замаскировать
  261.                                септики и другие коммуникации на загородном участке.<details><summary>Развернуть</summary><p>Для изготовления камень-крышки на
  262.                                    септик используется высокопрочная полимерная смола, поверх которой добавляется фактурный декоративный слой. Благодаря
  263.                                    эксклюзивной технологии производства такая крышка для септика практически неотличима от настоящих камней. Декоративные
  264.                                    крышки для септика обладают достаточно хорошей твёрдостью и долговечностью, при этом они не являются слишком тяжёлыми –
  265.                                    это минимизирует нагрузку на коммуникации и позволяет при необходимости передвигать крышку на септик любому взрослому человеку.
  266.                                    Благодаря привлекательному внешнему виду камень-крышка на септик станет отличным дополнением ландшафтного дизайна.
  267.                                    По необходимости декоративные крышки могут изготавливаться с вентиляцией, утеплением, съёмным люком, нишей для сигнальных
  268.                                    ламп и прочими элементами.</p></details></div>-->
  269.                        </div>
  270.                        <div class="ui-cell-1-3 ui-cell-1-1@md ui-solution-offer__item">
  271.                            <div class="ui-solution-offer__icon">
  272.                                <svg class="ui-icon --icon-flowerpot">
  273.                                    <use xlink:href="./assets/icons.svg#svg-flowerpot"></use>
  274.                                </svg>
  275.                            </div>
  276.                            <div class="ui-solution-offer__heading ui-m-t-15 ui-m-b-15"><a href="https://gardenm.ru/kashpo">Кашпо для цветов</a></div>
  277.                            <div class="ui-solution-offer__imageContainer">
  278.                                <a href="https://gardenm.ru/kashpo"><figure class="ui-solution-offer__image"
  279.                                        style="background-image: url(./assets/images/catalog/catalog-image-05.jpg)"></figure></a>
  280.                            </div>
  281.                            <!--<div class="ui-solution-offer__text ui-m-t-20">Уличные и интерьерные кашпо – оригинальные изделия, которые являются стильными и
  282.                                практичными украшениями загородных домов, участков, балконов, террас.<details><summary>Развернуть</summary><p>Разработка
  283.                                    дизайна художниками нашей компании и технология производства делает их уникальными изделиями. Все горшки кашпо выполняются
  284.                                    с посадочными местами для натуральных, либо искусственных растений и цветов. Декоративные кашпо могут быть любых форм и
  285.                                    размеров, по вашему желанию оснащаются скрытым кабель-каналом для освещения растений. При высокой жёсткости и долговечности
  286.                                    готовые кашпо для цветов являются лёгкими и мобильными – при необходимости их может передвинуть один взрослый человек.
  287.                                    Кашпо – это не просто цветочный горшок, а изюминка вашего дома.</p></details></div>-->
  288.                        </div>
  289.                    </div>
  290.                </div>
  291.            </section>
  292.  
  293.            <!----- Block ----->
  294.            <section class="ui-block" id="block-questions">
  295.                <div class="ui-container">
  296.                    <div class="ui-block__heading ui-heading --heading-h2">
  297.                        <h2>Частые вопросы</h2>
  298.                    </div>
  299.                    <div class="ui-questions js-tabs-wrapper">
  300.                        <div class="ui-flex ui-questions__tabs js-tabs" tabs-history="0">
  301.                            <a class="ui-questions__tab --active" href="#about-production">О нашей продукции</a>
  302.                            <a class="ui-questions__tab" href="#about-tech">Про технологии</a>
  303.                            <a class="ui-questions__tab" href="#other-questions">Другие вопросы</a>
  304.                        </div>
  305.                        <div class="ui-questions__tabs-content js-tabs-content">
  306.                            <!----- Tab about-tech ----->
  307.                            <div class="ui-questions__list js-accordion --active" accordion-opentab="0" tab-content-id="about-production">
  308.                                <div class="ui-questions__item">
  309.                                    <div class="ui-questions__title js-accordion-title">
  310.                                        <span>Какой срок службы декоративных крышек, и как за ними следить:</span>
  311.                                    </div>
  312.                                    <div class="ui-questions__content js-accordion-content">
  313.                                        <div class="ui-questions__wrapper">
  314.                                            <div class="ui-questions__answer">
  315.                                                <p>Срок службы наших камней – крышек составляет минимум 10 лет. Мы даём пожизненную гарантию на наши изделия при условии соблюдения простых правил: не мыть их жёсткой щеткой и не нарушать целостность конструкции.</p>
  316.                                            </div>
  317.                                        </div>
  318.                                    </div>
  319.                                </div>
  320.                                <div class="ui-questions__item --accordion-current">
  321.                                    <div class="ui-questions__title js-accordion-title">
  322.                                        <span>Сколько занимает изготовление:</span>
  323.                                    </div>
  324.                                    <div class="ui-questions__content js-accordion-content">
  325.                                        <div class="ui-questions__wrapper">
  326.                                            <div class="ui-questions__answer">
  327.                                                <p>Обычно срок изготовления составляет от 3-х до 4-х недель. Срок может быть увеличен или уменьшен в зависимости от размеров изделий и их количества.</p>
  328.                                            </div>
  329.                                        </div>
  330.                                    </div>
  331.                                </div>
  332.                                <div class="ui-questions__item --accordion-current">
  333.                                    <div class="ui-questions__title js-accordion-title">
  334.                                        <span>Что необходимо для заказа?</span>
  335.                                    </div>
  336.                                    <div class="ui-questions__content js-accordion-content">
  337.                                        <div class="ui-questions__wrapper">
  338.                                            <div class="ui-questions__answer">
  339.                                                <p>Так как все изделия изготавливаются вручную, очень важно иметь точные размеры люка, септика или другого объекта, который необходимо замаскировать с помощью декоративной крышки. Также необходимо измерить расстояние до ближайших объектов и сделать фотографии.</p>
  340.                                            </div>
  341.                                        </div>
  342.                                    </div>
  343.                                </div>
  344.                                <div class="ui-questions__item --accordion-current">
  345.                                    <div class="ui-questions__title js-accordion-title">
  346.                                        <span>Можно ли сделать точно такой же камень, как на фотографии?</span>
  347.                                    </div>
  348.                                    <div class="ui-questions__content js-accordion-content">
  349.                                        <div class="ui-questions__wrapper">
  350.                                            <div class="ui-questions__answer">
  351.                                                <p>Отличительной особенностью наших камней – крышек является уникальность. Каждое изделие изготавливается вручную, начиная от формы. Таким образом, ни одно изделие не повторяется на 100%. Мы можем сделать декоративную крышку максимально похожую на ту, что Вам понравилась, но это все равно будет именно Ваша уникальная камень – крышка, изготовленная по Вашим параметрам.</p>
  352.                                            </div>
  353.                                        </div>
  354.                                    </div>
  355.                                </div>
  356.                            </div>
  357.                            <!----- Tab about-tech ----->
  358.                            <div class="ui-questions__list js-accordion" accordion-opentab="0" tab-content-id="about-tech">
  359.                                <div class="ui-questions__item">
  360.                                    <div class="ui-questions__title js-accordion-title">
  361.                                        <span>Из чего сделаны декоративные камни – крышки?</span>
  362.                                    </div>
  363.                                    <div class="ui-questions__content js-accordion-content">
  364.                                        <div class="ui-questions__wrapper">
  365.                                            <div class="ui-questions__answer">
  366.                                                <p>Декоративные камни - крышки изготавливаются из полимерной смолы с добавлением фактурного слоя, а затем выкрашиваются вручную влагостойкими красками. Наша эксклюзивная технология производства гарантирует практически неотличимую от настоящего камня структуру, а также достаточную твердость и долговечность.</p>
  367.                                            </div>
  368.                                        </div>
  369.                                    </div>
  370.                                </div>
  371.                                <div class="ui-questions__item">
  372.                                    <div class="ui-questions__title js-accordion-title">
  373.                                        <span>Как поднимать и переносить камни – крышки?</span>
  374.                                    </div>
  375.                                    <div class="ui-questions__content js-accordion-content">
  376.                                        <div class="ui-questions__wrapper">
  377.                                            <div class="ui-questions__answer">
  378.                                                <p>Несмотря на высокую прочность, наши камни – крышки являются достаточно лёгкими. Небольшую крышку (например, на люк) можно поднять одной рукой. Большой камень на септик с лёгкостью перенесут 2 человека.</p>
  379.                                            </div>
  380.                                        </div>
  381.                                    </div>
  382.                                </div>
  383.                                <div class="ui-questions__item">
  384.                                    <div class="ui-questions__title js-accordion-title">
  385.                                        <span>Нужно ли убирать или накрывать их на зиму?</span>
  386.                                    </div>
  387.                                    <div class="ui-questions__content js-accordion-content">
  388.                                        <div class="ui-questions__wrapper">
  389.                                            <div class="ui-questions__answer">
  390.                                                <p>Нет, не нужно. Наши изделия выдерживают любые погодные условия.</p>
  391.                                            </div>
  392.                                        </div>
  393.                                    </div>
  394.                                </div>
  395.                            </div>
  396.                            <!----- Tab other-questions ----->
  397.                            <div class="ui-questions__list js-accordion" accordion-opentab="0" tab-content-id="other-questions">
  398.                                <div class="ui-questions__item">
  399.                                    <div class="ui-questions__title js-accordion-title">
  400.                                        <span>Какие декоративные крышки вы производите?</span>
  401.                                    </div>
  402.                                    <div class="ui-questions__content js-accordion-content">
  403.                                        <div class="ui-questions__wrapper">
  404.                                            <div class="ui-questions__answer">
  405.                                                <p>Мы производим камни – крышки, имитирующие натуральный камень, любых размеров, любой формы и любого цвета. Самое главное для нас – это натуральность. Вместе с Вами мы подбираем форму, фактуру, цвет камня. Обговариваем все необходимые параметры: разъёмные части, вентиляцию, выводы под сигнальные огни, вырезы под трубы и так далее. В конечном итоге Вы получаете декоративную крышку, которая соответствует всем необходимым требованиям.</p>
  406.                                            </div>
  407.                                        </div>
  408.                                    </div>
  409.                                </div>
  410.                                <div class="ui-questions__item">
  411.                                    <div class="ui-questions__title js-accordion-title">
  412.                                        <span>Растёт ли на декоративных крышках мох?</span>
  413.                                    </div>
  414.                                    <div class="ui-questions__content js-accordion-content">
  415.                                        <div class="ui-questions__wrapper">
  416.                                            <div class="ui-questions__answer">
  417.                                                <p>Да! Кто-то поливает декоративные крышки кефиром, а у кого-то мох вырастает сам по себе :)</p>
  418.                                            </div>
  419.                                        </div>
  420.                                    </div>
  421.                                </div>
  422.                            </div>
  423.                        </div>
  424.                    </div>
  425.                </div>
  426.            </section>
  427.            <!----- Block ----->
  428.            <section class="ui-block" id="block-why-we">
  429.                <div class="ui-container">
  430.                    <div class="ui-block__heading ui-heading --heading-h2">
  431.                        <h2>Почему <br> мы?</h2>
  432.                    </div>
  433.                </div>
  434.                <div class="ui-why-we ui-p-t-70 ui-p-b-70 ui-p-t-0@md ui-p-b-0@md">
  435.                    <div class="ui-container">
  436.                        <div class="ui-grid ui-why-we__grid">
  437.                            <div class="ui-cell-1-2 ui-cell-1-1@md ui-why-we__block --why-we-block-dark">
  438.                                <div class="ui-why-we__content ui-p-r-70 ui-p-r-0@md">
  439.                                    <div class="ui-why-we__item">
  440.                                        <div class="ui-why-we__title">Наши преимущества:</div>
  441.                                        <div class="ui-why-we__text ui-m-t-20">
  442.                                            <ul>
  443.                                                <li>
  444.                                                    <svg class="ui-icon --icon-stop">
  445.                                                        <use xlink:href="./assets/icons.svg#svg-stop"></use>
  446.                                                    </svg>
  447.                                                    <span>Полностью ручная работа.</span>
  448.                                                </li>
  449.                                                <li>
  450.                                                    <svg class="ui-icon --icon-like">
  451.                                                        <use xlink:href="./assets/icons.svg#svg-like"></use>
  452.                                                    </svg>
  453.                                                    <span>Высокое качество.</span>
  454.                                                </li>
  455.                                                <li>
  456.                                                    <svg class="ui-icon --icon-list">
  457.                                                        <use xlink:href="./assets/icons.svg#svg-list"></use>
  458.                                                    </svg>
  459.                                                    <span>Широкий ассортимент продукции.</span>
  460.                                                </li>
  461.                                                <li>
  462.                                                    <svg class="ui-icon --icon-user">
  463.                                                        <use xlink:href="./assets/icons.svg#svg-user"></use>
  464.                                                    </svg>
  465.                                                    <span>Индивидуальный подход к каждому клиенту.</span>
  466.                                                </li>
  467.                                                <li>
  468.                                                    <svg class="ui-icon --icon-camera">
  469.                                                        <use xlink:href="./assets/icons.svg#svg-camera"></use>
  470.                                                    </svg>
  471.                                                    <span>Фото- и видеоотчет каждого этапа производства.</span>
  472.                                                </li>
  473.                                            </ul>
  474.                                        </div>
  475.                                    </div>
  476.                                </div>
  477.                            </div>
  478.                            <div class="ui-cell-1-2 ui-cell-1-1@md ui-why-we__block --why-we-block-light">
  479.                                <div class="ui-why-we__content ui-p-l-70 ui-p-l-0@md">
  480.                                    <div class="ui-why-we__item">
  481.                                        <div class="ui-why-we__icon ui-m-b-20@md">
  482.                                            <svg class="ui-icon --icon-map">
  483.                                                <use xlink:href="./assets/icons.svg#svg-map"></use>
  484.                                            </svg>
  485.                                        </div>
  486.                                        <div class="ui-why-we__title">Доставка по всей России</div>
  487.                                        <div class="ui-why-we__text ui-m-t-20">
  488.                                            <p>Мы бережно доставим Ваш заказ в любое удобное для Вас место в любое удобное время.</p>
  489.                                        </div>
  490.                                    </div>
  491.                                    <div class="ui-why-we__item">
  492.                                        <div class="ui-why-we__icon ui-m-b-20@md">
  493.                                            <svg class="ui-icon --icon-customer-service">
  494.                                                <use xlink:href="./assets/icons.svg#svg-customer-service"></use>
  495.                                            </svg>
  496.                                        </div>
  497.                                        <div class="ui-why-we__title">Мы всегда готовы помочь</div>
  498.                                        <div class="ui-why-we__text ui-m-t-20">
  499.                                            <p>В случае если у Вас возникли трудности с выбором товара, наш менеджер с радостью Вам поможет.</p>
  500.                                        </div>
  501.                                    </div>
  502.                                    <div class="ui-why-we__item">
  503.                                        <div class="ui-why-we__icon ui-m-b-20@md">
  504.                                            <svg class="ui-icon --icon-sale">
  505.                                                <use xlink:href="./assets/icons.svg#svg-sale"></use>
  506.                                            </svg>
  507.                                        </div>
  508.                                        <div class="ui-why-we__title">Программа привилегий</div>
  509.                                        <div class="ui-why-we__text ui-m-t-20">
  510.                                            <p>При заказе одновременно от 3-х изделий мы предоставляем скидку от 5%</p>
  511.                                        </div>
  512.                                    </div>
  513.                                </div>
  514.                            </div>
  515.                        </div>
  516.                    </div>
  517.                    <figure class="ui-block__cover"
  518.                            style="background-image: url(./assets/images/bg-image-why-we.jpg)"></figure>
  519.                </div>
  520.            </section>
  521.            <!----- Block ----->
  522.            <section class="ui-block" id="block-portfolio">
  523.                <div class="ui-container">
  524.                    <div class="ui-grid">
  525.                        <div class="ui-cell-1-2 ui-cell-1-1@md">
  526.                            <div class="ui-block__heading --block-heading-arrows ui-heading --heading-h3">
  527.                                <h2>
  528.                                    <span>Наши работы</span>
  529.                                    <div class="ui-block__arrows js-gallery-carousel-arrows">
  530.                                        <div class="ui-block__arrow swiper-button-prev">
  531.                                            <span class="ui-block__arrow-icon"></span>
  532.                                        </div>
  533.                                        <div class="ui-block__arrow swiper-button-next">
  534.                                            <span class="ui-block__arrow-icon"></span>
  535.                                        </div>
  536.                                    </div>
  537.                                </h2>
  538.                            </div>
  539.                            <div class="ui-gallery --gallery-our-works">
  540.                                <div class="ui-gallery__carousel js-gallery-carousel">
  541.                                    <div class="swiper-wrapper">
  542.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  543.                                            <div class="ui-gallery__item">
  544.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-01.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  545.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-01.jpg')"></figure>
  546.                                                    <span class="ui-gallery__hover">
  547.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  548.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  549.                                                        </svg>
  550.                                                    </span>
  551.                                                </a>
  552.                                            </div>
  553.                                            <div class="ui-gallery__item">
  554.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-02.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  555.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-02.jpg')"></figure>
  556.                                                    <span class="ui-gallery__hover">
  557.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  558.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  559.                                                        </svg>
  560.                                                    </span>
  561.                                                </a>
  562.                                            </div>
  563.                                        </div>
  564.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  565.                                        <div div class="ui-gallery__item">
  566.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-50.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  567.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-50.jpg')"></figure>
  568.                                                    <span class="ui-gallery__hover">
  569.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  570.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  571.                                                        </svg>
  572.                                                    </span>
  573.                                                </a>
  574.                                            </div>
  575.                                            <div class="ui-gallery__item">
  576.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-51.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  577.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-51.jpg')"></figure>
  578.                                                    <span class="ui-gallery__hover">
  579.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  580.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  581.                                                        </svg>
  582.                                                    </span>
  583.                                                </a>
  584.                                            </div>
  585.                                        </div>
  586.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  587.                                            <div class="ui-gallery__item">
  588.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-07.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  589.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-07.jpg')"></figure>
  590.                                                    <span class="ui-gallery__hover">
  591.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  592.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  593.                                                        </svg>
  594.                                                    </span>
  595.                                                </a>
  596.                                            </div>
  597.                                            <div class="ui-gallery__item">
  598.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-08.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  599.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-08.jpg')"></figure>
  600.                                                    <span class="ui-gallery__hover">
  601.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  602.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  603.                                                        </svg>
  604.                                                    </span>
  605.                                                </a>
  606.                                            </div>
  607.                                        </div>
  608.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  609.                                            <div class="ui-gallery__item">
  610.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-25.jpeg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  611.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-25.jpeg')"></figure>
  612.                                                    <span class="ui-gallery__hover">
  613.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  614.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  615.                                                        </svg>
  616.                                                    </span>
  617.                                                </a>
  618.                                            </div>
  619.                                            <div class="ui-gallery__item">
  620.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-28.jpeg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  621.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-28.jpeg')"></figure>
  622.                                                    <span class="ui-gallery__hover">
  623.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  624.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  625.                                                        </svg>
  626.                                                    </span>
  627.                                                </a>
  628.                                            </div>
  629.                                        </div>
  630.                                            
  631.                                            
  632.                                        
  633.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  634.                                        <div class="ui-gallery__item">
  635.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-61.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  636.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-61.jpg')"></figure>
  637.                                                    <span class="ui-gallery__hover">
  638.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  639.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  640.                                                        </svg>
  641.                                                    </span>
  642.                                                </a>
  643.                                            </div>
  644.                                            <div class="ui-gallery__item">
  645.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-52.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  646.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-52.jpg')"></figure>
  647.                                                    <span class="ui-gallery__hover">
  648.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  649.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  650.                                                        </svg>
  651.                                                    </span>
  652.                                                </a>
  653.                                            </div>
  654.                                        </div>
  655.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  656.                                            <div class="ui-gallery__item">
  657.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-36.jpeg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  658.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-36.jpeg')"></figure>
  659.                                                    <span class="ui-gallery__hover">
  660.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  661.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  662.                                                        </svg>
  663.                                                    </span>
  664.                                                </a>
  665.                                            </div>
  666.                                            <div class="ui-gallery__item">
  667.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-37.jpeg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  668.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-37.jpeg')"></figure>
  669.                                                    <span class="ui-gallery__hover">
  670.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  671.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  672.                                                        </svg>
  673.                                                    </span>
  674.                                                </a>
  675.                                            </div>
  676.                                        </div>
  677.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  678.                                            <div class="ui-gallery__item">
  679.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-38.jpeg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  680.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-38.jpeg')"></figure>
  681.                                                    <span class="ui-gallery__hover">
  682.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  683.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  684.                                                        </svg>
  685.                                                    </span>
  686.                                                </a>
  687.                                            </div>
  688.                                            <div class="ui-gallery__item">
  689.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-39.jpeg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  690.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-39.jpeg')"></figure>
  691.                                                    <span class="ui-gallery__hover">
  692.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  693.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  694.                                                        </svg>
  695.                                                    </span>
  696.                                                </a>
  697.                                            </div>
  698.                                        </div>
  699.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  700.                                            <div class="ui-gallery__item">
  701.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-40.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  702.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-40.jpg')"></figure>
  703.                                                    <span class="ui-gallery__hover">
  704.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  705.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  706.                                                        </svg>
  707.                                                    </span>
  708.                                                </a>
  709.                                            </div>
  710.                                            <div class="ui-gallery__item">
  711.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-55.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  712.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-55.jpg')"></figure>
  713.                                                    <span class="ui-gallery__hover">
  714.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  715.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  716.                                                        </svg>
  717.                                                    </span>
  718.                                                </a>
  719.                                            </div>
  720.                                        </div>
  721.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  722.                                            <div class="ui-gallery__item">
  723.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-48.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  724.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-48.jpg')"></figure>
  725.                                                    <span class="ui-gallery__hover">
  726.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  727.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  728.                                                        </svg>
  729.                                                    </span>
  730.                                                </a>
  731.                                            </div>
  732.                                            <div class="ui-gallery__item">
  733.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-43.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  734.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-43.jpg')"></figure>
  735.                                                    <span class="ui-gallery__hover">
  736.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  737.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  738.                                                        </svg>
  739.                                                    </span>
  740.                                                </a>
  741.                                            </div>
  742.                                        </div>
  743.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  744.                                            <div div class="ui-gallery__item">
  745.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-54.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  746.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-54.jpg')"></figure>
  747.                                                    <span class="ui-gallery__hover">
  748.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  749.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  750.                                                        </svg>
  751.                                                    </span>
  752.                                                </a>
  753.                                            </div>
  754.                                            <div class="ui-gallery__item">
  755.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-45.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  756.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-45.jpg')"></figure>
  757.                                                    <span class="ui-gallery__hover">
  758.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  759.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  760.                                                        </svg>
  761.                                                    </span>
  762.                                                </a>
  763.                                            </div>
  764.                                        </div>
  765.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  766.                                            <div div class="ui-gallery__item">
  767.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-53.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  768.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-53.jpg')"></figure>
  769.                                                    <span class="ui-gallery__hover">
  770.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  771.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  772.                                                        </svg>
  773.                                                    </span>
  774.                                                </a>
  775.                                            </div>
  776.                                            
  777.                                            <div class="ui-gallery__item">
  778.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-06.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  779.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-06.jpg')"></figure>
  780.                                                    <span class="ui-gallery__hover">
  781.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  782.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  783.                                                        </svg>
  784.                                                    </span>
  785.                                                </a>
  786.                                            </div>
  787.                                        </div>
  788.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  789.                                            <div div class="ui-gallery__item">
  790.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-56.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  791.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-56.jpg')"></figure>
  792.                                                    <span class="ui-gallery__hover">
  793.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  794.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  795.                                                        </svg>
  796.                                                    </span>
  797.                                                </a>
  798.                                            </div>
  799.                                            <div class="ui-gallery__item">
  800.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-57.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  801.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-57.jpg')"></figure>
  802.                                                    <span class="ui-gallery__hover">
  803.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  804.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  805.                                                        </svg>
  806.                                                    </span>
  807.                                                </a>
  808.                                            </div>
  809.                                        </div>
  810.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  811.                                            <div div class="ui-gallery__item">
  812.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-58.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  813.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-58.jpg')"></figure>
  814.                                                    <span class="ui-gallery__hover">
  815.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  816.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  817.                                                        </svg>
  818.                                                    </span>
  819.                                                </a>
  820.                                            </div>
  821.                                            <div class="ui-gallery__item">
  822.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-59.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  823.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-59.jpg')"></figure>
  824.                                                    <span class="ui-gallery__hover">
  825.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  826.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  827.                                                        </svg>
  828.                                                    </span>
  829.                                                </a>
  830.                                            </div>
  831.                                        </div>
  832.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  833.                                        <div div class="ui-gallery__item">
  834.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-62.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  835.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-62.jpg')"></figure>
  836.                                                    <span class="ui-gallery__hover">
  837.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  838.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  839.                                                        </svg>
  840.                                                    </span>
  841.                                                </a>
  842.                                            </div>
  843.                                            <div div class="ui-gallery__item">
  844.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-49.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  845.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-49.jpg')"></figure>
  846.                                                    <span class="ui-gallery__hover">
  847.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  848.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  849.                                                        </svg>
  850.                                                    </span>
  851.                                                </a>
  852.                                            </div>
  853.                                        </div>
  854.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  855.                                        <div div class="ui-gallery__item">
  856.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-60.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  857.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-60.jpg')"></figure>
  858.                                                    <span class="ui-gallery__hover">
  859.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  860.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  861.                                                        </svg>
  862.                                                    </span>
  863.                                                </a>
  864.                                            </div>
  865.                                            <div class="ui-gallery__item">
  866.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-09.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  867.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-09.jpg')"></figure>
  868.                                                    <span class="ui-gallery__hover">
  869.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  870.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  871.                                                        </svg>
  872.                                                    </span>
  873.                                                </a>
  874.                                            </div>
  875.                                        </div>
  876.                                            <!--
  877.                                            <div class="ui-gallery__item">
  878.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-03.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  879.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-03.jpg')"></figure>
  880.                                                    <span class="ui-gallery__hover">
  881.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  882.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  883.                                                        </svg>
  884.                                                    </span>
  885.                                                </a>
  886.                                            </div>
  887.                                            -->
  888.                                            
  889.                                            
  890.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  891.                                            <div class="ui-gallery__item">
  892.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-10.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  893.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-10.jpg')"></figure>
  894.                                                    <span class="ui-gallery__hover">
  895.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  896.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  897.                                                        </svg>
  898.                                                    </span>
  899.                                                </a>
  900.                                            </div>
  901.                                            <div class="ui-gallery__item">
  902.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-11.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  903.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-11.jpg')"></figure>
  904.                                                    <span class="ui-gallery__hover">
  905.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  906.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  907.                                                        </svg>
  908.                                                    </span>
  909.                                                </a>
  910.                                            </div>
  911.                                        </div>
  912.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  913.                                            <div class="ui-gallery__item">
  914.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-12.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  915.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-12.jpg')"></figure>
  916.                                                    <span class="ui-gallery__hover">
  917.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  918.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  919.                                                        </svg>
  920.                                                    </span>
  921.                                                </a>
  922.                                            </div>
  923.                                            <div class="ui-gallery__item">
  924.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-13.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  925.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-13.jpg')"></figure>
  926.                                                    <span class="ui-gallery__hover">
  927.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  928.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  929.                                                        </svg>
  930.                                                    </span>
  931.                                                </a>
  932.                                            </div>
  933.                                        </div>
  934.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  935.                                            <div class="ui-gallery__item">
  936.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-14.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  937.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-14.jpg')"></figure>
  938.                                                    <span class="ui-gallery__hover">
  939.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  940.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  941.                                                        </svg>
  942.                                                    </span>
  943.                                                </a>
  944.                                            </div>
  945.                                            <div class="ui-gallery__item">
  946.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-15.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  947.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-15.jpg')"></figure>
  948.                                                    <span class="ui-gallery__hover">
  949.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  950.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  951.                                                        </svg>
  952.                                                    </span>
  953.                                                </a>
  954.                                            </div>
  955.                                        </div>
  956.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  957.                                            <div class="ui-gallery__item">
  958.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-16.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  959.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-16.jpg')"></figure>
  960.                                                    <span class="ui-gallery__hover">
  961.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  962.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  963.                                                        </svg>
  964.                                                    </span>
  965.                                                </a>
  966.                                            </div>
  967.                                            <div class="ui-gallery__item">
  968.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-17.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  969.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-17.jpg')"></figure>
  970.                                                    <span class="ui-gallery__hover">
  971.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  972.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  973.                                                        </svg>
  974.                                                    </span>
  975.                                                </a>
  976.                                            </div>
  977.                                        </div>
  978.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  979.                                            <div class="ui-gallery__item">
  980.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-18.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  981.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-18.jpg')"></figure>
  982.                                                    <span class="ui-gallery__hover">
  983.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  984.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  985.                                                        </svg>
  986.                                                    </span>
  987.                                                </a>
  988.                                            </div>
  989.                                            <div class="ui-gallery__item">
  990.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-19.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  991.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-19.jpg')"></figure>
  992.                                                    <span class="ui-gallery__hover">
  993.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  994.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  995.                                                        </svg>
  996.                                                    </span>
  997.                                                </a>
  998.                                            </div>
  999.                                        </div>
  1000.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  1001.                                            <div class="ui-gallery__item">
  1002.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-20.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  1003.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-20.jpg')"></figure>
  1004.                                                    <span class="ui-gallery__hover">
  1005.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  1006.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  1007.                                                        </svg>
  1008.                                                    </span>
  1009.                                                </a>
  1010.                                            </div>
  1011.                                            <div class="ui-gallery__item">
  1012.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-21.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  1013.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-21.jpg')"></figure>
  1014.                                                    <span class="ui-gallery__hover">
  1015.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  1016.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  1017.                                                        </svg>
  1018.                                                    </span>
  1019.                                                </a>
  1020.                                            </div>
  1021.                                        </div>
  1022.                                        <div class="swiper-slide ui-gallery__carousel-slide">
  1023.                                            <div class="ui-gallery__item">
  1024.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-22.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  1025.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-22.jpg')"></figure>
  1026.                                                    <span class="ui-gallery__hover">
  1027.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  1028.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  1029.                                                        </svg>
  1030.                                                    </span>
  1031.                                                </a>
  1032.                                            </div>
  1033.                                            <div class="ui-gallery__item">
  1034.                                                <a class="ui-gallery__image" href="./assets/images/gallery/gallery-image-24.jpg" ui-lightbox ui-lightbox-gallery="our-works" data-caption="">
  1035.                                                    <figure class="ui-gallery__image-cover" style="background-image: url('./assets/images/gallery/gallery-image-24.jpg')"></figure>
  1036.                                                    <span class="ui-gallery__hover">
  1037.                                                        <svg class="ui-gallery__hover-icon ui-icon --icon-magnify">
  1038.                                                            <use xlink:href="./assets/icons.svg#svg-magnify"></use>
  1039.                                                        </svg>
  1040.                                                    </span>
  1041.                                                </a>
  1042.                                            </div>
  1043.                                        </div>
  1044.                                        
  1045.                                    </div>
  1046.                                </div>
  1047.                            </div>
  1048.                        </div>
  1049.                        <div class="ui-cell-1-2 ui-cell-1-1@md ui-p-t-50@md">
  1050.                            <div class="ui-block__heading --block-heading-arrows ui-heading --heading-h3">
  1051.                                <h2>
  1052.                                    <span>Отзывы</span>
  1053.                                    <div class="ui-block__arrows js-reviews-carousel-arrows">
  1054.                                        <div class="ui-block__arrow swiper-button-prev">
  1055.                                            <span class="ui-block__arrow-icon"></span>
  1056.                                        </div>
  1057.                                        <div class="ui-block__arrow swiper-button-next">
  1058.                                            <span class="ui-block__arrow-icon"></span>
  1059.                                        </div>
  1060.                                    </div>
  1061.                                </h2>
  1062.                            </div>
  1063.                            <div class="ui-reviews">
  1064.                                <div class="ui-reviews__carousel js-reviews-carousel">
  1065.                                    <div class="swiper-wrapper">
  1066.                                        <div class="swiper-slide ui-reviews__carousel-slide">
  1067.                                            <div class="ui-reviews__carousel-title">“Легко обслуживать, превосходно выглядит!”</div>
  1068.                                            <div class="ui-reviews__carousel-description ui-m-t-30">Прежде всего, меня волновал вопрос - тяжелая ли будет декоративная крышка? Да, выглядит она очень красиво как летом, так и зимой, но это не только декоративное изделие. Меня заверили, что крышку возможно поднять одной рукой, не прикладывая усилий - так и есть! Более того, для удобства, мне сделали продольный распил, что позволяет раздвигать ее за считанные секунды.</div>
  1069.                                            <div class="ui-reviews__carousel-name">
  1070.                                                <style>.ui-reviews__carousel-name {
  1071.                                                    font-size: 16px;
  1072.                                                    font-weight: 500;
  1073.                                                    line-height: 1.15;
  1074.                                                    text-align: right;
  1075.                                                }</style>Владимир</div>
  1076.                                        </div>
  1077.                                    </div>
  1078.                                </div>
  1079.                            </div>
  1080.                        </div>
  1081.                    </div>
  1082.                </div>
  1083.            </section>
  1084.  
  1085.            <!----- Block ----->
  1086.            <section class="ui-block" id="block-how-working">
  1087.                <div class="ui-container">
  1088.                    <div class="ui-block__heading ui-heading --heading-h2">
  1089.                        <h2>Как мы работаем</h2>
  1090.                    </div>
  1091.                    <div class="ui-grid ui-how-working">
  1092.                        <div class="ui-cell-1-3 ui-cell-1-1@md ui-how-working__item">
  1093.                            <div class="ui-how-working__outer ui-p-r-70 ui-p-r-0@md">
  1094.                                <div class="ui-how-working__num">
  1095.                                    <span>01</span>
  1096.                                    <span>Ваш звонок</span>
  1097.                                </div>
  1098.                                <div class="ui-how-working__text">Консультация или запись на посещение шоурума</div>
  1099.                            </div>
  1100.                        </div>
  1101.                        <div class="ui-cell-1-3 ui-cell-1-1@md ui-how-working__item">
  1102.                            <div class="ui-how-working__outer ui-p-r-70 ui-p-r-0@md">
  1103.                                <div class="ui-how-working__num">
  1104.                                    <span>02</span>
  1105.                                    <span>Переговоры</span>
  1106.                                </div>
  1107.                                <div class="ui-how-working__text">Поможем Вам подобрать декоративные камни-крышки</div>
  1108.                            </div>
  1109.                        </div>
  1110.                        <div class="ui-cell-1-3 ui-cell-1-1@md ui-how-working__item">
  1111.                            <div class="ui-how-working__outer ui-p-r-70 ui-p-r-0@md">
  1112.                                <div class="ui-how-working__num">
  1113.                                    <span>03</span>
  1114.                                    <span>Оформление</span>
  1115.                                </div>
  1116.                                <div class="ui-how-working__text">Запускаем производство</div>
  1117.                            </div>
  1118.                        </div>
  1119.                    </div>
  1120.                </div>
  1121.            </section>            
  1122.            <!----- Block ----->
  1123.  
  1124.            <section class="ui-block" id="block-form-consult">
  1125.                <div class="ui-container">
  1126.                    <div class="ui-form-consult">
  1127.                        <div class="ui-form-consult__title ui-m-b-30 ui-m-b-10@md --heading-h2">
  1128.                            <h3 style="font-size: 56px; font-weight: 400;">Остались вопросы?</h3>
  1129.                        </div>
  1130.                        <div class="ui-form-consult__description">Представьтесь и получите ответы на все Ваши вопросы!</div>
  1131.                        <div class="ui-form-consult__form ui-m-t-50 ui-m-t-30@md">
  1132.                    <!-- Создаём форму и указываем её обработчик и метод -->
  1133.                            <form class="ui-form" action="consultpost.php" method="post" name="form">
  1134.                                <div class="ui-grid ui-form-consult__row">
  1135.                                    <div class="ui-cell-1-3 ui-cell-1-1@md ui-form__field ui-form-consult__column">
  1136.                                        <div class="ui-field ui-field_type_text">
  1137.                                            <!-- Поле ввода имени -->
  1138.                                            <input name="mail_send" type="hidden" value="no-reply@gardenm.ru">
  1139.                                            <input name="mail" type="hidden" value="geo-flora@mail.ru">
  1140.                                            <input name="header" type="hidden" value="Новая заявка с сайта">
  1141.                                            <input class="ui-field__input" name="name" type="text" placeholder="Ваше имя" required="required"/>
  1142.                                        </div>
  1143.                                    </div>
  1144.                                    <div class="ui-cell-1-3 ui-cell-1-1@md ui-form__field ui-form-consult__column">
  1145.                                        <!-- Поле ввода телефона  -->
  1146.                                        <div class="ui-field ui-field_type_text">
  1147.                                                <input class="ui-field__input" name="phone" id="phone" type="text" placeholder="Ваш телефон" required="required"/>
  1148.                                        </div>
  1149.                                    </div>
  1150.                                    <div class="ui-cell-1-3 ui-cell-1-1@md ui-form__field ui-form-consult__column">
  1151.                                        <!-- Поле ввода времени  -->
  1152.                                        <div class="ui-field ui-field_type_text">
  1153.                                                <input class="ui-field__input" name="calltime" id="calltime" type="text" placeholder="Удобное время для звонка" />
  1154.                                        </div>
  1155.                                    </div>
  1156.                                </div>
  1157.                                <div class="ui-grid ui-form-consult__row --controls">
  1158.                                    <div class="ui-cell-1-2 ui-cell-1-1@md ui-form-consult__column">
  1159.                                        <div class="ui-form__button">
  1160.                                            <!-- Кнопка с надписью «Отправить», которая запускает обработчик формы -->
  1161.                                            <input class="ui-button" type="submit" value="Отправить" />
  1162.                                        </div>
  1163.                                    </div>
  1164.                                    <div class="ui-cell-1-2 ui-cell-1-1@md ui-form-consult__column">
  1165.                                        <div class="ui-form__permission">
  1166.                                            <span class="ui-checkbox js-checkbox">
  1167.                                                <input class="ui-checkbox__input" type="checkbox" id="form-permission-01" name="consult[permission]" value="Y" required="required" checked>
  1168.                                                <label class="ui-checkbox__label" for="form-permission-01">
  1169.                                                    Даю свое согласие на обработку <a href="https://gardenm.ru/consent" data-modal="policy">персональных данных</a>
  1170.                                                </label>
  1171.                                            </span>
  1172.                                        </div>
  1173.                                    </div>
  1174.                                </div>
  1175.                            </form>
  1176.                        <figure class="ui-form-consult__bg"
  1177.                            style="background-image: url(./assets/images/bg-image-form-consult.png)"></figure>
  1178.                    </div>
  1179.                </div>
  1180.            </section>
  1181.            <!----- Block Map ----->
  1182.            <section class="ui-block --block-map">
  1183.                <!--<div class="ui-map js-map" data-lat="59.969087" data-lng="30.484105" data-zoom="11">
  1184.                </div>-->
  1185.                <div>
  1186.                    <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A25023a62fa0b94fa0bab367617dcb06b55c740820fddcd3eadb27b63d56eb99b&amp;width=100%25&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
  1187.                </div>
  1188.            </section>        </div>
  1189.  
  1190.        <!----- Modal Request ----->
  1191. <div class="ui-modal --modal-type-request --modal-enter-up" id="request">
  1192.            <div class="ui-modal__inner">
  1193.                <div class="ui-modal__close" data-modal-close></div>
  1194.                <div class="ui-modal__content">
  1195.                    <div class="ui-modal__heading">
  1196.                        <svg class="ui-modal__heading-icon ui-icon --icon-phone">
  1197.                            <use xlink:href="./assets/icons.svg#svg-phone"></use>
  1198.                        </svg>
  1199.                        <h3 class="ui-modal__title">Обратный звонок<span>Пожалуйста, представьтесь и мы Вам перезвоним</span></h3>
  1200.                    </div>
  1201.                    <div class="ui-modal__form">
  1202.                        <form class="ui-form" action="formpost.php" method="post">
  1203.                            <div class="ui-form__field">
  1204.                                <label>Ваше Имя</label>
  1205.                                <div class="ui-field">
  1206.                                    <input name="mail_send" type="hidden" value="no-reply@gardenm.ru">
  1207.                                    <input name="mail" type="hidden" value="geo-flora@mail.ru">
  1208.                                    <input name="header" type="hidden" value="Новая заявка с сайта">
  1209.                                    <input class="ui-field__input" type="text" name="name" placeholder="" required="required">
  1210.                                </div>
  1211.                            </div>
  1212.                            <div class="ui-form__field">
  1213.                                <label>Контактный номер</label>
  1214.                                <div class="ui-field">
  1215.                                    <input class="ui-field__input" type="text" id="formphone" name="phone" placeholder="" required="required">
  1216.                                </div>
  1217.                            </div>
  1218.                            <div class="ui-form__permission">
  1219.                                <span class="ui-checkbox js-checkbox">
  1220.                                    <input class="ui-checkbox__input" type="checkbox" id="form-permission-02" name="form[permission]" value="Y" required="required" checked>
  1221.                                    <label class="ui-checkbox__label" for="form-permission-02">Даю согласие на <a href="https://gardenm.ru/consent">обработку персональных данных</a></label>
  1222.                                </span>
  1223.                            </div>
  1224.                            <div class="ui-form__buttonContainer ui-m-t-20">
  1225.                                <input type="submit" value="Отправить" class="ui-form__button ui-button --button-lined --button-xl">
  1226.                            </div>
  1227.                        </form>
  1228.                    </div>
  1229.                </div>
  1230.            </div>
  1231.        </div>
  1232.  
  1233. <div class="ui-callback callback-bt" data-modal="request">
  1234.   <div class="text-call">
  1235.      <span>Заказать<br>звонок</span>
  1236.   </div>
  1237. </div>        <footer class="ui-footer ui-page__footer js-footer">
  1238.            <div class="ui-container ui-p-t-70 ui-p-b-70 ui-p-t-50@md ui-p-b-50@md">
  1239.                <div class="ui-flex ui-flex-middle ui-flex-between ui-flex-column@md ui-footer__content">
  1240.                    <div class="ui-footer__column">
  1241.                        <div class="ui-footer__heading">Свяжитесь с нами</div>
  1242.                        <div class="ui-rowflex ui-flex-column@md ui-footer__contact">
  1243.                            <div class="ui-footer__contact-item">
  1244.                                <div class="ui-footer__contact-title">По телефону:</div>
  1245.                                <div class="ui-footer__contact-block ui-m-t-10">
  1246.                                    <a href="tel:+79217986808" class="ui-footer__contact-phone">+7 (921) 798-68-08</a>
  1247.                                    <a href="tel:+79219793279" class="ui-footer__contact-phone">+7 (921) 979-32-79</a>
  1248.                                </div>
  1249.                                <div class="ui-footer__contact-icon">
  1250.                                    <svg class="ui-icon --icon-telephone">
  1251.                                        <use xlink:href="./assets/icons.svg#svg-telephone"></use>
  1252.                                    </svg>
  1253.                                </div>
  1254.                            </div>
  1255.                            <div class="ui-footer__contact-item">
  1256.                                <div class="ui-footer__contact-title">По Email:</div>
  1257.                                <div class="ui-footer__contact-block ui-m-t-10">
  1258.                                    <a href="mailto:info@gardenm.ru">info@gardenm.ru</a>
  1259.                                </div>
  1260.                                <div class="ui-footer__contact-icon">
  1261.                                    <svg class="ui-icon --icon-email">
  1262.                                        <use xlink:href="./assets/icons.svg#svg-email"></use>
  1263.                                    </svg>
  1264.                                </div>
  1265.                            </div>
  1266.                            <div class="ui-footer__contact-item">
  1267.                                <div class="ui-footer__contact-title">Адрес шоурума:</div>
  1268.                                <div class="ui-footer__contact-block ui-m-t-10">
  1269.                                    <p>Санкт–Петербург, ул. Коммуны, д.67 <br> (По предварительной записи)</p>
  1270.                                </div>
  1271.                                <div class="ui-footer__contact-icon">
  1272.                                    <svg class="ui-icon --icon-pin">
  1273.                                        <use xlink:href="./assets/icons.svg#svg-pin"></use>
  1274.                                    </svg>
  1275.                                </div>
  1276.                            </div>
  1277.                        </div>
  1278.                    </div>
  1279.                    <div class="ui-footer__column ui-text-right ui-text-center@md">
  1280.                        <div class="ui-footer__copyright">
  1281.                            <p>© Все права защищены 2020. <br> GARDEN MARKET"</p>
  1282.                            <p><a href="https://gardenm.ru/consent">Пользовательское соглашение</a></p>
  1283.                        </div>
  1284.                    </div>
  1285.                </div>
  1286.            </div>
  1287.        </footer>
  1288.  
  1289.        <script type="text/javascript" src="./js/core.js?_=1.22"></script>
  1290.        <script type="text/javascript" src="./js/main.js?_=1.22"></script>
  1291.        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  1292.        <script type="text/javascript" src="./js/jquery.maskedinput.min.js"></script>
  1293.        <script>
  1294.            $(document).ready(function() {
  1295.                $("#phone").mask("+7 (999) 999-99-99");
  1296.                $("#calltime").mask('99:99');
  1297.                $("#formphone").mask("+7 (999) 999-99-99");
  1298.                $("#orderphone_1").mask("+7 (999) 999-99-99");
  1299.                $("#orderphone_2").mask("+7 (999) 999-99-99");
  1300.                $("#orderphone_3").mask("+7 (999) 999-99-99");
  1301.                $("#orderphone_4").mask("+7 (999) 999-99-99");
  1302.                $("#orderphone_5").mask("+7 (999) 999-99-99");
  1303.            });
  1304.        </script>
  1305.        
  1306.        <noscript class="ui-page__noJS">Для корректной работы сайта включите JavaScript в настройках вашего браузера</noscript>
  1307.        
  1308.        <!----- Modal Video ----->
  1309.        <div class="ui-modal --modal-type-video --modal-enter-up" id="video">
  1310.            <div class="ui-modal__inner">
  1311.                <div class="ui-modal__close" data-modal-close></div>
  1312.                <div class="ui-modal__content">
  1313.                    <div class="ui-modal__video" data-modal-video></div>
  1314.                </div>
  1315.            </div>
  1316.        </div>
  1317.  
  1318.        
  1319.        
  1320.        <script src="https://yastatic.net/share2/share.js"></script>
  1321. <div class="ya-share2" data-curtain data-color-scheme="whiteblack" data-services="vkontakte,odnoklassniki,telegram,twitter,whatsapp,moimir,pinterest,lj,blogger"></div>
  1322. <!-- uSocial -->
  1323. <script async src="https://usocial.pro/usocial/usocial.js?uid=2d70e6ca81f67871&v=6.1.5" data-script="usocial" charset="utf-8"></script>
  1324. <div class="uSocial-Share" data-type="share" data-options="round-rect,style3,default,absolute,horizontal,size24,eachCounter0,counter0,nomobile,mobile_position_right" data-social="vk,fb,mail,ok,pinterest,lj,twi"></div>
  1325. <!-- /uSocial -->
  1326.  
  1327.    </body>
  1328. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda