/
lr-ru_gitVerse
/
front
Обзор
Документация
Войти
/
lr-ru_gitVerse
/
front
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
source/test.html
964 строки
69 KB
Artem Naumov
init
28 окт 2024, 01:39
28 окт 2024, 01:39
9aa6803
Код
Авторство
О чём код?
<html lang="ru-RU"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="csrf-param" content="_csrf-frontend"> <meta name="csrf-token" content="hL1MvOJTwOOp8RpJQl-hY0-yDB2GA6jS9vIaQDx7W2bu2Q_djgOUh-THQCw7ausiFv8_f7JWxYiQgHENTChqCA=="> <title>Land Rover - сервис и запчасти! Добро пожаловать!</title> <link href="/css/style.css?v=1687151592" rel="stylesheet"> <link rel="preload" href="/font/open-sans-v18-latin-300.woff2" as="font" crossorigin=""> <link rel="preload" href="/font/open-sans-v18-latin-800.woff2" as="font" crossorigin=""> </head> <body class="page-body preload"> <div class="page-body__container"> <header class="header"> <!-- header mobile --> <div class="header-mobile"> <!-- logo mobile --> <a href="/" class="header-mobile__logo"> <img src="/img/header-logo.svg" alt=""> </a> <!-- search panel mobile --> <div class="header-mobile__search-panel search-panel-mobile"> <div class="search-panel-mobile__user-location"> Ваш город: <br> <span class="search-panel__user-location--ask-fadeInOut-span">Рязань</span> <div class="search-panel__user-location--dadataModalFind"> <div class="search-panel__user-location--dadataModalFind-wrapper"> <img src="/img/search-icon-dadataFind.svg" alt=""> <div class="search-panel__user-location--dadataModalFind-confirmBtn"></div> <input type="text" autocomplete="new-password" id="dadataHeaderCityMobile" placeholder="Введите название вашего города" autocorrect="off" autocapitalize="off" spellcheck="false" class="suggestions-input" style="box-sizing: border-box;"> <ul class="search-panel__user-location--dadataModalFind-quickPickList"> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Москва</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem"> Санкт-Петербург</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Новосибирск </li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Екатеринбург </li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Казань</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Нижний Новгород</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Челябинск </li> </ul> <a href="/pages/outside-delivery" target="_blank">*Хочу доставку в Другую страну</a> </div> </div> <div class="search-panel__user-location--dadataModalSuccess"> <div class="search-panel__user-location--dadataModalSuccess-wrapper"> <div class="search-panel__user-location--dadataModalSuccess-question"> Ваш город Рязань? </div> <div class="search-panel__user-location--dadataModalSuccess-inner"> <div class="search-panel__user-location--dadataModalSuccess-confirmBtn">Все верно! </div> <div class="search-panel__user-location--dadataModalSuccess-anotherCity">Выбрать город</div> </div> </div> </div> </div> <form class="search-panel-mobile__search search-mobile" action="/search" method="get"> <input type="text" id="sitesearch-text" class="search-mobile__input" name="text" placeholder="Введите запрос" required="true"> <input type="checkbox" id="search__input-name_mobile" class="search__input-checkbox" name="search_in_name" value="1" checked="" readonly="readonly" onclick="return false;"> <label for="search__input-name_mobile" class="search__input-name_mobile">Наименованиe запчасти</label> <input type="checkbox" id="search__input-article_mobile" class="search__input-checkbox" name="search_in_number" value="1" checked=""> <label for="search__input-article_mobile" class="search__input-article_mobile">Номер запчасти (Артикул)</label> <button class="search-mobile__submit" type="submit">найти</button> <div class="search__modal-wrapper"> <div class="search__modal"> <div class="search__modal-header"> <b>Настройка поиска</b> Ищем в: </div> <div class="search__modal-body"> <button class="search__modal-close" type="submit">OK</button> </div> </div> </div> </form> </div> <!-- right panel mobile --> <div class="header-mobile__right-panel right-panel"> <!-- <div class="right-panel__info"> +7 (495) 649 60 60 </div> --> <div class="right-panel__user user-mobile"> <a href="#" class="user-mobile__search-btn"> <img src="/img/search-icon-user-mobile.svg" alt=""> </a> <a href="/favorite" class="user-mobile__favorites"> <img src="/img/favorite-icon-user.svg" alt=""> <span style="display: inline-block;">7</span> </a> <a href="/cart" class="user-mobile__shopping-cart"> <img src="/img/cart-user-icon.svg" alt=""> <span style="display: inline-block;">6</span> </a> <div class="user-mobile__wrapper user-wrapper"> <div class="user-wrapper__hidden-btn"> <a class="hidden-btn__icon"> <span class="hb-line line-1"></span> <span class="hb-line line-2"></span> <span class="hb-line line-3"></span> </a> </div> <!-- hidden menu --> <div class="user-wrapper__hidden-menu hidden-menu"> <ul class="hidden-menu__links"> <!-- <li class="hidden-menu__link hidden-menu__link--enter"><a href="#">Вход</a></li> --> <li class="hidden-menu__link"><a href="/pages/faq">Faq</a></li> <li class="hidden-menu__link"><a href="/pages/contacts">Контакты</a></li> </ul> <a href="#" class="hidden-menu__call-btn"> позвонить </a> </div> </div> </div> </div> </div> <!-- header desktop --> <div class="header-desktop"> <!-- logo desktop --> <a href="/" class="header-desktop__logo"> <img src="/img/header-logo.svg" alt=""> </a> <!-- search panel desktop --> <div class="header-desktop__search-panel search-panel"> <div class="search-panel__user-location"> Ваш город: <span class="search-panel__user-location--ask-fadeInOut-span">Рязань</span> <div class="search-panel__user-location--dadataModalFind"> <div class="search-panel__user-location--dadataModalFind-wrapper"> <img src="/img/search-icon-dadataFind.svg" alt=""> <div class="search-panel__user-location--dadataModalFind-confirmBtn"></div> <input type="text" id="dadataHeaderCity" placeholder="Введите название вашего города" autocomplete="off"> <ul class="search-panel__user-location--dadataModalFind-quickPickList"> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Москва</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem"> Санкт-Петербург</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Новосибирск </li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Екатеринбург </li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Казань</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Нижний Новгород</li> <li class="search-panel__user-location--dadataModalFind-quickPickItem">Челябинск </li> </ul> <a href="/pages/outside-delivery" target="_blank">*Хочу доставку в Другую страну</a> </div> </div> <div class="search-panel__user-location--dadataModalSuccess"> <div class="search-panel__user-location--dadataModalSuccess-wrapper"> <div class="search-panel__user-location--dadataModalSuccess-question"> Ваш город Рязань? </div> <div class="search-panel__user-location--dadataModalSuccess-inner"> <div class="search-panel__user-location--dadataModalSuccess-confirmBtn">Все верно! </div> <div class="search-panel__user-location--dadataModalSuccess-anotherCity">Выбрать город</div> </div> </div> </div> </div> <form class="search-panel__search search" action="/search" method="get"> <input type="text" id="sitesearch-text" class="search__input" name="text" placeholder="Введите запрос.." required=""> <button class="search__setting toggle-settings" type="button"></button> <button class="search__submit" type="submit"></button> <div class="search__modal-wrapper"> <div class="search__modal"> <div class="search__modal-header"> <b>Настройка поиска</b> Ищем в: </div> <div class="search__modal-body"> <input type="checkbox" id="search__input-name" class="search__input-checkbox" name="search_in_name" value="1" checked="" readonly="readonly" onclick="return false;"> <label for="search__input-name">Наименовании запчасти</label> <input type="checkbox" id="search__input-article" class="search__input-checkbox" name="search_in_number" value="1" checked=""> <label for="search__input-article">Номере запчасти (Артикуле)</label> <button class="search__modal-close" type="submit">OK</button> </div> </div> </div> </form> </div> <!-- user desktop --> <div class="header-desktop__user user"> <a class="user__favorites" href="/favorite"> <img src="/img/favorites-icon.svg" alt=""> <p>Избранное</p> <span style="display: inline-block;">7</span> </a> <a class="user__shopping-cart" href="/cart"> <img src="/img/shopping-cart-icon.svg" alt=""> <p>Корзина</p> <span style="display: inline-block;">6</span> </a> <a href="https://my.lr.ru/auth/login" class="user__enter"> <img src="/img/enter-icon.svg" alt=""> <p title="Гость">Вход</p> </a> </div> <!-- contacts desktop --> <div class="header-desktop__contacts contacts"> <div class="contacts__links"> <a href="/pages/faq" class="contacts__link">FAQ</a> <a href="/pages/contacts" class="contacts__link">Контакты</a> </div> <div class="contacts__numbers"> <a href="tel:+7 (495) 649 60 60" class="contacts__number">+7 (495) 649 60 60</a> <a href="tel:+7 (495) 649 60 60" class="contacts__number">+7 (495) 649 60 60</a> </div> </div> </div> <!-- header modal Contact Us --> <div class="header-contact-us"> <div class="header-contact-us__blur"></div> <div class="header-contact-us__wrapper"> <div class="header-contact-us__close"></div> <div class="header-contact-us__title"> Связаться с нами </div> <div class="header-contact-us__subtitle"> По телефону: </div> <ul class="header-contact-us__numbers"> <li class="header-contact-us__number"> <a href="tel:+7 (495) 649 60 60">+7 (495) 649 60 60</a> </li> <li class="header-contact-us__number"> <a href="tel:+7 (495) 649 60 60">+7 (495) 649 60 60</a> </li> </ul> <div class="header-contact-us__subtitle"> В мессенджерах: </div> <ul class="header-contact-us__app-links"> <li class="header-contact-us__app-link header-contact-us__app-link--whatsapp"> <a href=""></a> </li> <li class="header-contact-us__app-link header-contact-us__app-link--telegram"> <a href=""></a> </li> </ul> </div> </div> </header> <div class="header-blur-wrap"></div> <nav class="navigation"> <ul class="navigation__catalog-links"> <li class="navigation__catalog-link--groups"> <a href="/departments">Группы товаров</a> </li> <li class="navigation__catalog-link--car"> <a href="https://final.lr.ru/dep/Land-Rover-Defender-1/shop/KAT0013964">Модели авто</a> </li> </ul> <div class="navigation__arrow-left"></div> <div class="navigation__arrow-right"></div> <ul class="navigation__nav-list"> <li class="navigation__nav-item"> <!-- <a href="/pages/actions1"> Акция провокация</a> --> </li> </ul> </nav> <main class="page-body__main"> <div class="unique-page-title" style="background-image: none; background-color: #f4f4f4;"> <div class="unique-page-title__wrapper" style="max-width: 850px; margin: 0 auto; font-size: 18px; padding: 15px 25px"> <h1 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 30px;">LR.RU - НЕЗАВИСИМЫЕ СПЕЦИАЛИСТЫ ПО НАПРАВЛЕНИЮ LAND ROVER <h1></h1> <p><strong>Блок по центру шириной 850px, размер шрифта 18px.<br></strong></p> <p><strong>Конкретно в этом варианте добавлен серый фон.</strong></p> <p>Компания LR.RU - ведущий независимый дистрибьютор запчастей и сервисный центр Land Rover, уже более 15 лет сохраняющий принципы верности любимой марке автомобилей и обеспечивающий профессиональное обслуживание и дружескую атмосферу для своих уважаемых клиентов.</p> </div> </div> <div class="slider" style="max-width: 100%;" data-timer=""> <div class="slider__wrap"> <div class="slider__item fade" style="display: block;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/20150820_191313.jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt=""></picture> <div class="slider__item-info"><a> <div class="slider-title" style="color:">Александр С. </div> <p class="slider-text" style="color:">Спасибо огромное ребятам Вашего сервиса! Вчера был но ТО-96000 км на Дискавери -4. Несмотря на то, что я опоздал на 3 часа (после дежурства из области-пробки), с пониманием встретили, всё чётко, профессионально, грамотно и ОЧЕНЬ ПРИВЕТЛИВО! Особенно спасибо Артёму, Сергею. Поверьте, имею огромный опыт общения с разными сервисами ( в семье три Ленд Ровера), этот сервис один из САМЫХ ЛУЧШИХ в России из неофициальных технических центров Ленд Ровер.СПАСИБО!!! Так держать!!! С уважением, А.А.</p> </a></div> </div> <div class="slider__item fade" style="display: none;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/_MG_0138.JPG" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt=""></picture> <div class="slider__item-info"><a> <div class="slider-title" style="color:">Автор: Семён</div> <p class="slider-text" style="color:">Вчера у ОД подтвердился диагноз, установленный у LR.RU (проходил акцию по проверка авто) - так что ребятам скажу большое СПАСИБО!!!!! </p> </a></div> </div> </div> <div class="slider__dots" style=""> <div class="dot dot-active"></div> <div class="dot"></div> </div> </div> <div class="empty-string" style="width: 100%; height: 50px;"></div> <section class="unique-page-title" style=""> <div class="unique-page-title__wrapper"> <h2 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 20px;"> Компания LR.RU <h2></h2> <p class="p1">Обычно, когда владелец машины премиум класса, например Land Rover, задумывается о покупке запчастей, первым делом он хочет обратиться туда же, где покупалась машина – в автосалон официального дилера. И это совершенно правильно, ведь именно официальный представитель должен заботиться об обеспечении своих клиентов всем необходимым, будь то запасные части, аксессуары, дополнительное оборудование, услуги сервиса и вообще все, что связано с эксплуатацией автомобиля.</p> <p class="p1">Однако, купив автомобиль премиум класса, владелец узнает, что запасные части и аксессуары также предлагаются по «премиум» ценам. Приобретение деталей, аксессуаров для любимого автомобиля часто оборачивается серьезным ударом по бюджету владельца, особенно если автомобиль не новый и требует определенного внимания.</p> <p class="p1">В современном посткризисном мире, где немодно и непрестижно выбрасывать деньги на ветер, многие покупатели не желают идти на поводу официальных дилеров и платить лишние деньги лишь за сам факт их «официальности». Многие, побывав в странах Западной Европы, Великобритании отмечают «гуманный» уровень тамошних цен, доступность и демократичность сервисного обслуживания как новых, так и подержанных машин.</p> <p class="p1">Однако, как найти альтернативу дорогим запчастям? Глубокой ошибкой было бы искать необходимое на так называемых «автомобильных рынках», где в павильонах, контейнерах и палатках неквалифицированные, случайные люди торгуют сомнительным, как правило, контрафактным товаром неизвестного происхождения. Приобретение таких, с позволения сказать, запчастей может быть чревато печальными последствиями, не говоря уже о лишении владельца официальной гарантии Land Rover.</p> <p class="p1">Так как же все таки грамотно и недорого приобретать запчасти? Именно над этим вопросам задумались мы в далеких 90-х годах, когда собственно образовалась наша компания. В самом начале это был просто клуб единомышленников, немногочисленных владельцев Land Rover,автомобилей разных моделей и лет выпуска, объединенных общим увлечением и приверженцев стиля жизни 4х4.</p> </div> </section> <div class="empty-string" style="width: 100%; height: 50px;"></div> <div class="news-post__full" style="display: block;"> <div class="news-post__full-block-minimized-wrapper"> <div class="news-post__full-block-minimized"> <div class="news-post__full-regullar-text"> <h2 style="font-family: 'Open Sans', sans-serif; font-size: 20px;">Блок 2 квадрата <h3> заголовок без регистра</h2> <p class="p1">За долгие годы мы наладили устойчивые контакты с английскими поставщиками, обзавелись собственной складской и логистической базой, приобрели бесценный опыт во всех областях, связанных с бизнесом на рынке автозапчастей. За это время компания прошла нелегкий путь от клубной мастерской до серьезной фирмы, объединяющей магазины запчастей Land Rover в Москве и Санкт-Петербурге, сервисную станцию, отделы заказа-доставки, Интернет-магазин, оптовый отдел. И все это время мы не изменяем любимой марке! Land Rover для нас – не только бизнес, но и стиль жизни, многие наши сотрудники ездят на Land Rover разных моделей и лет выпуска.</p> <p> </p> </div> </div> <div class="news-post__full-block-minimized"><img src="/img/post/003%20Articles/35-lrru/magazin-02.jpg" alt="" style="object-fit: cover;"> </div> </div> </div> <div class="empty-string" style="width: 100%; height: 30px;"></div> <div class="news-post__full" style="display: block;"> <div class="news-post__full-block-minimized-wrapper"> <div class="news-post__full-block-minimized"><img src="/img/post/003%20Articles/35-lrru/IMG_6510е.jpg" alt="" style="object-fit: contain;"> </div> <div class="news-post__full-block-minimized"> <div class="news-post__full-regullar-text"> <p>LR.RU не является официальным дилером марки Land Rover, о чем мы честно предупреждаем наших клиентов. И в этом есть свои плюсы и минусы. Из минусов отметим то, что Вы не можете приобрести у нас новый Land Rover, кроме того мы не занимаемся ремонтом Land Rover по заводской гарантии - для гарантийной (бесплатной) замены неисправных узлов в течении гарантийного срока Вы должны обращаться к официальным дилерам Land Rover.</p> <p><a class="news-post__short-btn--buy" href="#" target="_blank">Купить в интернет-магазине</a></p> </div> </div> </div> </div> <div class="empty-string" style="width: 100%; height: 50px;"></div> <section class="unique-page-title" style=""> <div class="unique-page-title__wrapper"> <h3 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 1.17em; text-align: center;"> слайдер как на главной 1140 px (заголовок h3 верхний регистр по центру)</h3> </div> </section> <div class="empty-string" style="width: 100%; height: 50px;"></div> <div class="slider" style="max-width: 1140px; margin: 0 auto;" data-timer=""> <div class="slider__wrap"> <div class="slider__item fade" style="display: block;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6738.JPG" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt=""></picture> <div class="slider__item-info"><a> <div class="slider-title" style="color:">Заголовок</div> <p class="slider-text" style="color:">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </a></div> </div> <div class="slider__item fade" style="display: none;"> <div class="slider__item-video"><a class="slider__item-video-link" href="#"><img class="slider__item-video-media" src="https://i.ytimg.com/vi/oe2AjfJm8aI/maxresdefault.jpg" alt=""> <div class="slider__item-video-button"><svg width="68" height="50" viewBox="0 0 68 50"> <path class="slider__item-video-button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="slider__item-video-button-icon" d="M 45,24 27,14 27,34"></path> </svg></div> </a></div> </div> </div> <div class="slider__dots" style=""> <div class="dot dot-active"></div> <div class="dot"></div> </div> </div> <div class="empty-string" style="width: 100%; height: 50px;"></div> <section class="unique-page-title" style=""> <div class="unique-page-title__wrapper"> <h1 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 30px;">Просто блок с разными вариациями текста</h1> <p> </p> <h2 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 20px;"> заголовок h2</h2> <h3 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 1.17em;"> ЗАГОЛОВОК H3</h3> <h2 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 20px;"> </h2> <h2 style="font-family: 'Open Sans', sans-serif; font-size: 20px;">заголовок h2 нижний регистр </h2> <p><span style="font-family: 'Open Sans', sans-serif; font-size: 19px; text-transform: none;">просто увеличенный текст</span></p> <p>нумерованный список:</p> <ol> <li>раз</li> <li>два</li> <li>три</li> </ol> <p>маркированный список:</p> <ul> <li>элемент списка</li> <li>элемент списка</li> </ul> <p><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: none;">Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio pellentesque diam volutpat commodo. Placerat duis ultricies lacus sed turpis tincidunt id. Congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Mi ipsum faucibus vitae aliquet nec. In cursus turpis massa tincidunt dui ut ornare. Porttitor leo a diam sollicitudin tempor id eu. </span></p> <p><span style="font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: none;"><em>Egestas diam in arcu cursus</em>. Ac turpis egestas maecenas pharetra convallis posuere morbi. Sed cras ornare arcu dui vivamus. Tincidunt tortor aliquam nulla facilisi. In iaculis nunc sed augue lacus viverra vitae.</span></p> <p><a href="#">Просто ссылка >></a> </p> <p> </p> <p class="p1">Однако, независимость от официальных дилеров Land Rover позволяет нам значительно расширить предложение и гибко формировать цены за счет запчастей неоригинального ассортимента. Неоригинальные (их еще называют дубликатными или aftermarket-деталями) - запчасти английских фирм, соответствующие по качеству оригиналу и гораздо привлекательнее по цене. Покупателю не нужно переплачивать деньги за фирменную эмблему Land Rover на упаковке. При этом мы приобретаем запчасти только в Великобритании, что гарантирует их качество и защиту от подделок. Однако, при этом мы не отказываемся от оригинальных деталей Land Rover. Как правило, если существует альтернатива, на складе запчасти представлены как в оригинальном, так и в неоригинальном варианте. Выбор всегда за покупателем.</p> <p class="p1">Отдельного разговора заслуживают аксессуары, все то, что предает автомобилю индивидуальность, уникальный стиль. Дополнительное оборудование помогает лучше приспособить машину для специализированных задач, например для экспедиций, охоты, дальних путешествий. И в этом вопросе LR.RU, без стеснения, даст сто очков вперед любому! В нашем магазине представлены все мыслимые и немыслимые «примочки» для Land Rover - в том числе кенгурины, лебедки, блокировки, лифтинг, багажники, шноркели, диски. А также всевозможные защиты, бампера с интегрированными лебедками (TJM, ARB), измененные подвески, амортизаторы, домкраты Hi-Lift Jack, экспедиционные багажники, блоки, тросы, сэнд-траки, шаклы и другое "джиперское" оборудование. Мы также поставляем элементы подвески от BlueSprings и Scorpion Racing, позволяющие осуществить грамотный "лифт" под любые задачи. Кроме всего прочего мы выступаем организатором и сами активно участвуем во внедорожных мероприятиях с участием энтузиастов Land Rover — соревнованиях, экспедициях, off-road приключениях, поэтому про off-road подготовку знаем не понаслышке – все оборудование проходит обкатку на наших автомобилях!</p> </div> </section> <div class="empty-string" style="width: 100%; height: 50px;"></div> <section class="unique-page-title" style=""> <div class="unique-page-title__wrapper"> <h2 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 20px;">Блок 2 квадрата со слайдерами, слева с видео, справа с картинками</h2> </div> </section> <div class="empty-string" style="width: 100%; height: 50px;"></div> <div class="news-post__full" style="display: block;"> <div class="news-post__full-block-minimized-wrapper"> <div class="news-post__full-block-minimized"> <div class="news-post__full-slider loaded"> <div class="news-post__full-slider-wrapper"> <div class="news-post__full-slides" style="left: -425px;"><span class="news-post__full-slide" style="width: 425px;"> <div class="news-post__full-video"><a class="news-post__full-video-link" href="#"><img class="news-post__full-video-media" src="https://i.ytimg.com/vi/tbaKwMoniks/maxresdefault.jpg" alt=""> <div class="news-post__full-video-button"><svg width="68" height="50" viewBox="0 0 68 50"> <path class="news-post__full-button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="news-post__full-button-icon" d="M 45,24 27,14 27,34"></path> </svg></div> </a></div> </span><span class="news-post__full-slide" style="width: 425px;"> <div class="news-post__full-video"><a class="news-post__full-video-link" href="#"><img class="news-post__full-video-media" src="https://i.ytimg.com/vi/mpWdSeyQ4h8/maxresdefault.jpg" alt=""> <div class="news-post__full-video-button"><svg width="68" height="50" viewBox="0 0 68 50"> <path class="news-post__full-button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="news-post__full-button-icon" d="M 45,24 27,14 27,34"></path> </svg></div> </a></div> </span><span class="news-post__full-slide" style="width: 425px;"> <div class="news-post__full-video"><a class="news-post__full-video-link" href="#"><img class="news-post__full-video-media" src="https://i.ytimg.com/vi/tbaKwMoniks/maxresdefault.jpg" alt=""> <div class="news-post__full-video-button"><svg width="68" height="50" viewBox="0 0 68 50"> <path class="news-post__full-button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="news-post__full-button-icon" d="M 45,24 27,14 27,34"></path> </svg></div> </a></div> </span><span class="news-post__full-slide" style="width: 425px;"> <div class="news-post__full-video"><a class="news-post__full-video-link" href="#"><img class="news-post__full-video-media" src="https://i.ytimg.com/vi/mpWdSeyQ4h8/maxresdefault.jpg" alt=""> <div class="news-post__full-video-button"><svg width="68" height="50" viewBox="0 0 68 50"> <path class="news-post__full-button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="news-post__full-button-icon" d="M 45,24 27,14 27,34"></path> </svg></div> </a></div> </span></div> </div> <div class="news-post__full-slider-control"><a class="news-post__full-slider-control-prev"></a><a class="news-post__full-slider-control-next"></a></div> </div> </div> <div class="news-post__full-block-minimized"> <div class="news-post__full-slider loaded"> <div class="news-post__full-slider-wrapper"> <div class="news-post__full-slides" style="left: -425px;"><span class="news-post__full-slide" style="width: 425px;"><img src="/img/post/003%20Articles/35-lrru/showroom-03.jpg" alt="" style="object-fit: cover;"> </span><span class="news-post__full-slide" style="width: 425px;"><img src="/img/post/003%20Articles/35-lrru/IMG_6311..jpg" alt="" style="object-fit: cover;"> </span><span class="news-post__full-slide" style="width: 425px;"><img src="/img/post/003%20Articles/35-lrru/showroom-03.jpg" alt="" style="object-fit: cover;"> </span><span class="news-post__full-slide" style="width: 425px;"><img src="/img/post/003%20Articles/35-lrru/IMG_6311..jpg" alt="" style="object-fit: cover;"> </span></div> </div> <div class="news-post__full-slider-control"><a class="news-post__full-slider-control-prev"></a><a class="news-post__full-slider-control-next"></a></div> </div> </div> </div> </div> <div class="empty-string" style="width: 100%; height: 50px;"></div> <div class="unique-page-title" style="background-image: none; background-color: #1c4587;"> <div class="unique-page-title__wrapper" style="max-width: 850px; margin: 0 auto; font-size: 18px; padding: 15px 25px"> <h2 style="text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 20px; text-align: center;"> <span style="color: #ffffff;">слайдер с произвольной высотой</span></h2> <p style="text-align: center;"><span style="text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: none;"><span style="color: #ffffff;">это тоже блок 850 пикс. только с синим фоном (уменьшенный текст по центру)</span></span></p> </div> </div> <div class="empty-string" style="width: 100%; height: 50px;"></div> <div class="single-universal-slider" style="width: 100vw; max-width: 1140px; margin: 0px auto; max-height: 200px; min-height: 200px;" data-timer="5" data-height-desktop="700" data-height-tablet="350" data-height-mobile="200"> <div class="loaded news-post__full-slider--universal" style="min-height: 200px; max-height: 200px;"> <div class="news-post__full-slider-wrapper" style="min-height: 200px; max-height: 200px;"> <div class="news-post__full-slides" style="left: -425px;"><span class="news-post__full-slide" style="min-height: 200px; width: 425px;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6360(5).jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt="" style="height: 200px;"> </picture> </span><span class="news-post__full-slide" style="min-height: 200px; width: 425px;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6615е.jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt="" style="height: 200px;"> </picture> </span><span class="news-post__full-slide" style="min-height: 200px; width: 425px;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6360(5).jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt="" style="height: 200px;"> </picture> </span><span class="news-post__full-slide" style="min-height: 200px; width: 425px;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6615е.jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt="" style="height: 200px;"> </picture> </span><span class="news-post__full-slide" style="min-height: 200px; width: 425px;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6360(5).jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt="" style="height: 200px;"> </picture> </span><span class="news-post__full-slide" style="min-height: 200px; width: 425px;"> <picture> <source srcset="https://final.lr.ru/img/post/003%20Articles/35-lrru/IMG_6615е.jpg" media="(min-width: 1140px)"> <source srcset="https://final.lr.ru/img/no-image.png" media="(min-width: 768px)"> <img src="https://final.lr.ru/img/no-image.png" alt="" style="height: 200px;"> </picture> </span></div> </div> <div class="news-post__full-slider-control"><a class="news-post__full-slider-control-prev" href="#"></a><a class="news-post__full-slider-control-next" href="#"></a></div> </div> </div> </main> <footer class="footer"> <!-- footer preambula --> <div class="footer__preambula"> <p>Преамбула футера с какой-то очень интересной информацией</p> </div> <!-- footer social --> <ul class="footer__social-list"> <li class="footer__social-item"> <a class="footer__social-item" href="https://www.youtube.com/channel/UCqHPG2aeiuyOq6bfVb8QZPA" style="background-image: url(/img/post/footer/social/utube.png); background-size: 100%; background-repeat: no-repeat;"></a> </li> <li class="footer__social-item"> <a class="footer__social-item" href="https://vk.com/" style="background-image: url(/img/post/footer/social/vk.png); background-size: 100%; background-repeat: no-repeat;"></a> </li> <li class="footer__social-item"> <a class="footer__social-item" href="https://www.facebook.com/" style="background-image: url(/img/post/footer/social/fbook.png); background-size: 100%; background-repeat: no-repeat;"></a> </li> <li class="footer__social-item"> <a class="footer__social-item" href="https://www.instagram.com/lr.ru/" style="background-image: url(/img/post/footer/social/insta.png); background-size: 100%; background-repeat: no-repeat;"></a> </li> </ul> <!-- footer contain container --> <div class="footer-contain"> <!-- footer contacts --> <div class="footer__contacts footer-contacts"> <img class="footer-contacts__logo" src="/img/footer/footer-logo.png" alt=""> <div class="footer-contacts__tel"> <a class="footer-contacts__tel--icon-number" href="callto:+74956496060">+7 (495) 649 60 60</a> <a class="footer-contacts__tel--icon-number" href="callto:+74956496161">+7 (495) 649 61 61</a> </div> </div> <!-- footer panel --> <div class="footer__panel footer-panel"> <!-- footer panel list --> <ul class="footer-panel__list"> <li class="footer-panel__item" style="position: relative;"> <a href="#"> <span style="background-image: url(/img/post/footer/qlinks/footer-contact.svg); background-position: 50% 58%; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 25px; height: 100%;"></span> Контакты </a> </li> <li class="footer-panel__item" style="position: relative;"> <a href="#"> <span style="background-image: url(/img/post/footer/qlinks/footer-map.svg); background-position: 50% 58%; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 25px; height: 100%;"></span> Схема проезда </a> </li> <li class="footer-panel__item" style="position: relative;"> <a href="#"> <span style="background-image: url(/img/post/footer/qlinks/footer-clock.svg); background-position: 50% 58%; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 25px; height: 100%;"></span> Часы работы </a> </li> </ul> <!-- footer panel buttons --> <div class="footer-panel__buttons"> <a href="#" class="footer-panel__button" style="background-color: #f67b1e; padding-left: 0;"> <span style="background-image: url(/img/post/footer/communication/footer-call.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 15px; margin-right: 5px; height: 100%;"></span> звонок </a> <a href="#" class="footer-panel__button" style="background-color: #222830; padding-left: 0;"> <span style="background-image: url(/img/post/footer/communication/footer-chat.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 15px; margin-right: 5px; height: 100%;"></span> онлайн чат </a> <a href="https://ya.ru" class="footer-panel__button" style="background-color: #0e3e6a; padding-left: 0;"> <span style="background-image: url(/img/post/footer/communication/footer-review.svg); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 15px; margin-right: 5px; height: 100%;"></span> отзывы </a> </div> </div> </div> <!-- footer information block --> <div class="footer__information"> <!-- footer information list --> <ul class="footer__information-list"> <div class="footer__information-title">О МАГАЗИНЕ LR.RU</div> <li class="footer__information-item"> <a href="https://final.lr.ru/articles/3">Техцентр Land Rover</a> </li> <li class="footer__information-item"> <a href="https://final.lr.ru/articles/lrru">Компания LR.RU</a> </li> <li class="footer__information-item"> <a href="https://final.lr.ru/hjk">geyr</a> </li> </ul> <!-- footer information list --> <ul class="footer__information-list"> <div class="footer__information-title">УГОЛОК ПОКУПАТЕЛЯ</div> <li class="footer__information-item"> <a href="https://final.lr.ru/item21">Пункт 21</a> </li> <li class="footer__information-item"> <a href="https://final.lr.ru/item22">Пункт 22</a> </li> <li class="footer__information-item"> <a href="https://final.lr.ru/hjk">geyr</a> </li> </ul> </div> <!-- footer copyright --> <div class="footer__copyright"> <p>© Copyright 2013-2023. All rights reserved</p> </div> </footer> </div> <script src="/js/third-party/jquery.min.js"></script> <script src="/js/third-party/jquery.suggestions.min.js"></script> <script src="/js/script.js?1687151592"></script> <section class="sticky-header"> <!-- sticky header mobile --> <ul class="sticky-header__mobile sticky-header-mobile"> <li class="sticky-header-mobile__item"> <a href="http://final.lr.ru/" class="sticky-header-mobile__link stickyHeaderHomeParent"> <div class="sticky-header-mobile__link-icon-home sticky-header-mobile__link-icon-home--active"> </div> <p class="sticky-header-mobile__link-text sticky-header-mobile__link-text--active">Главная</p> </a> </li> <li class="sticky-header-mobile__item"> <a href="offers-catalog.html" class="sticky-header-mobile__link stickyHeaderCatalogParent"> <div class="sticky-header-mobile__link-icon-offers"></div> <p class="sticky-header-mobile__link-text">Каталог</p> </a> </li> <li class="sticky-header-mobile__item"> <a href="/favorite" class="sticky-header-mobile__link stickyHeaderFavoriteParent"> <div class="sticky-header-mobile__link-icon-favorites"></div> <p class="sticky-header-mobile__link-text">Избранное</p> <span style="display: inline-block;">7</span> </a> </li> <li class="sticky-header-mobile__item"> <a href="/cart" class="sticky-header-mobile__link stickyHeaderCartParent"> <div class="sticky-header-mobile__link-icon-cart"></div> <p class="sticky-header-mobile__link-text">Корзина</p> <span style="display: inline-block;">6</span> </a> </li> </ul> <!-- sticky header desktop --> </section> <div class="metaBlock" style="visibility: hidden;"></div> <div class="metaBlockMobile" style="visibility: hidden;"></div> <script> jQuery(document).ready(function ($) { let token = "7d7a4b089cea1b122a5a6e748afc75458f420444"; let type = "address"; let $city = $("#shoporder-delivery_city"); let $address = $("#address"); function iplocate() { let serviceUrl = "https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address"; let params = { type: "GET", contentType: "application/json", headers: { "Authorization": "Token " + token } }; return $.ajax(serviceUrl, params); } var defaultFormatResult = $.Suggestions.prototype.formatResult; function formatResult(value, currentValue, suggestion, options) { var newValue = suggestion.data.city; suggestion.value = newValue; return defaultFormatResult.call(this, newValue, currentValue, suggestion, options); } function formatSelected(suggestion) { return suggestion.data.city; } // город и населенный пункт $city.suggestions({ token: token, type: "ADDRESS", hint: false, bounds: "city", constraints: { locations: { city_type_full: "город" } }, formatResult: formatResult, formatSelected: formatSelected, onSelect: function (suggestion) { console.log(suggestion); } }); disableAutocomplete(); // console.warn( '$city.suggestions ') // console.warn( $city.suggestions() ) }); </script> <script> jQuery(document).ready(function ($) { let token = "7d7a4b089cea1b122a5a6e748afc75458f420444"; let type = "address"; let $city = $("#dadataHeaderCityMobile"); let $address = $("#address"); function iplocate() { let serviceUrl = "https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address"; let params = { type: "GET", contentType: "application/json", headers: { "Authorization": "Token " + token } }; return $.ajax(serviceUrl, params); } let defaultFormatResult = $.Suggestions.prototype.formatResult; function formatResult(value, currentValue, suggestion, options) { let newValue = suggestion.data.city; suggestion.value = newValue; return defaultFormatResult.call(this, newValue, currentValue, suggestion, options); } function formatSelected(suggestion) { return suggestion.data.city; } // город и населенный пункт $city.suggestions({ token: token, type: "ADDRESS", hint: false, bounds: "city", constraints: { locations: { city_type_full: "город" } }, formatResult: formatResult, formatSelected: formatSelected, onSelect: function (suggestion) { console.log(suggestion); } }); disableAutocomplete(); // console.warn( '$city.suggestions ') // console.warn( $city.suggestions() ) }); </script> </body> </html>