-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct.html
498 lines (472 loc) · 31.9 KB
/
product.html
1
<!DOCTYPE html><html lang="ru"><head> <title>ТОВАР</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <link rel="stylesheet" href="css/style.min.css"></head><body> <div class="wrapper"> <div class="header"> <div class="header__top-container"> <div class="header__top"> <div class="header__about"> <a href="index.html" class="header__logo-link"> <picture><source srcset="img/LOGO__HEADER.webp" type="image/webp"><img class="header__logo" src="img/LOGO__HEADER.png" alt="LOGO"></picture></img> </a> <p class="header__about-txt">Аренда спецтехники LIEBHERR c 2000 года</p> </div> <div class="header__info"> <p class="header__time">10:00-17:00</p> <p class="header__adress">г. Москва,</br> ул. Куликовская, 12</p> </div> <button class="header__callback _popup"></button> <div class="header__phones"> <a class="header__phone" href="tel:+62894563455">+7 (499) 929-96-66</a> <a class="header__phone" href="tel:+62894563455">+7 (985) 364-55-18</a> <a class="header__phone" href="tel:+62894563455">+7 (985) 226-20-30</a> </div> </div> </div> <div class="header__bottom-container"> <div class="header__bottom"> <nav class="header__menu"> <ul class="header__menu-list"> <li class="header__menu-item"><a class="header__menu-link" href="catalog.html">Каталог</a></li> <li class="header__menu-item"><a class="header__menu-link" href="!#">Услуги</a></li> <li class="header__menu-item"><a class="header__menu-link" href="about.html">О компании</a></li> <li class="header__menu-item"><a class="header__menu-link" href="objects.html">Объекты</a></li> <li class="header__menu-item"><a class="header__menu-link" href="!#">Цены</a></li> <li class="header__menu-item"><a class="header__menu-link" href="blog.html">Блог</a></li> <li class="header__menu-item"><a class="header__menu-link" href="contacts.html">Контакты</a></li> </ul> </nav> <form class="header__form"> <input class="header__input" type="text" placeholder="Поиск..."></input> </form> <div class="header__burger-icon"> <span class="header__burger-line"></span> </div> </div> <div class="header__burger"></div> </div></div> <div class="product-page"> <nav class="breadcrumbs"> <ul class="breadcrumbs__list"> <li class="breadcrumbs__item"><a href="index.html" class="breadcrumbs__link">Главная</a></li> <li class="breadcrumbs__item"><a href="index.html" class="breadcrumbs__link">Каталог</a></li> <li class="breadcrumbs__item breadcrumbs__item-now">Страница товара</li> </ul> </nav> <section class="product"> <div class="product__container"> <h1 class="product__title">Гусеничный кран Liebherr LR 1750</h1> <div class="product__content"> <div class="product__sliders"> <div class="product__mainslider"> <div class="swiper product-mainslider"> <div class="swiper-wrapper product-mainslider__wrapper"> <div class="swiper-slide product-mainslider__slide"> <div class="product-mainslider__img-container"> <picture><source srcset="img/PRODUCT__IMAGE-1.webp" type="image/webp"><img src="img/PRODUCT__IMAGE-1.jpg" class="product-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide product-mainslider__slide"> <div class="product-mainslider__img-container"> <picture><source srcset="img/PRODUCT__IMAGE-1.webp" type="image/webp"><img src="img/PRODUCT__IMAGE-1.jpg" class="product-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide product-mainslider__slide"> <div class="product-mainslider__img-container"> <picture><source srcset="img/PRODUCT__IMAGE-1.webp" type="image/webp"><img src="img/PRODUCT__IMAGE-1.jpg" class="product-mainslider__img"></picture></img> </div> </div> </div> </div> </div> <div class="product__subslider"> <div class="swiper product-subslider"> <div class="swiper-wrapper product-subslider__wrapper"> <div class="swiper-slide product-subslider__slide"> <div class="product-subslider__img-container"> <picture><source srcset="img/PRODUCT__IMAGE-1.webp" type="image/webp"><img src="img/PRODUCT__IMAGE-1.jpg" class="product-subslider__img"></picture> </div> </div> <div class="swiper-slide product-subslider__slide"> <div class="product-subslider__img-container"> <picture><source srcset="img/PRODUCT__IMAGE-1.webp" type="image/webp"><img src="img/PRODUCT__IMAGE-1.jpg" class="product-subslider__img"></picture> </div> </div> <div class="swiper-slide product-subslider__slide"> <div class="product-subslider__img-container"> <picture><source srcset="img/PRODUCT__IMAGE-1.webp" type="image/webp"><img src="img/PRODUCT__IMAGE-1.jpg" class="product-subslider__img"></picture> </div> </div> </div> </div> </div> </div> <div class="product__description"> <div class="product__table-container"> <table class="product__table"> <tbody> <tr class="product__tr"> <td class="product__td">Максимальная грузоподъемность:</td> <td class="product__td">750 т</td> </tr> <tr class="product__tr"> <td class="product__td">При вылете стрелы:</td> <td class="product__td">7,00 м</td> </tr> <tr class="product__tr"> <td class="product__td">Главная стрела:</td> <td class="product__td">140 м</td> </tr> <tr class="product__tr"> <td class="product__td">Максимальная высота подъема:</td> <td class="product__td">191 м</td> </tr> <tr class="product__tr"> <td class="product__td">Максимальный вылет стрелы:</td> <td class="product__td">156 м</td> </tr> <tr class="product__tr"> <td class="product__td">Решетчатый удлинитель:</td> <td class="product__td">от 14,00 до 105,00 м</td> </tr> <tr class="product__tr"> <td class="product__td">Скорость передвижения:</td> <td class="product__td">1,65 км/ч</td> </tr> <tr class="product__tr"> <th class="product__th">Стоимость аренды:</th> <th class="product__th">Договорная</th> </tr> </tbody> </table> </div> <button class="product__order _popup">Заказать</button> </div> </div> </div> </section> <section class="tabs"> <div class="tabs__container"> <div class="tabs__buttons"> <button class="tabs__button _active" data-tab='0'>Описание</button> <button class="tabs__button" data-tab='1'>Характеристики</button> <button class="tabs__button" data-tab='2'>Документация</button> </div> <div class="tabs__content"> <div class="tabs__item tabs-description _active"> <p class="tabs-description__title">Аренда гусеничного крана Liebherr LR 1750</p> <p class="tabs-description__paragraph">Гусеничный кран LR 1750 находит свое применение в строительстве электростанций, нефтеперерабатывающих заводов, на строительных площадках мостов и при монтаже ветросиловых установок.</p> <p class="tabs-description__paragraph">Эта 750-тонная машина имеет универсальное применение со своей 140-метровой основной стрелой, 105-метровым управляемым удлинителем стрелы, 21-метровым монтажным удлинителем, деррик-оборудованием и 400-тонным подвесным противовесом или балластировочной тележкой.</p> <p class="tabs-description__paragraph">Компактные габариты компонентов подъемного крана и их умеренный индивидуальный вес позволяют обеспечить экономичную транспортировку этого подъемного крана к строительной площадке.</p> <p class="tabs-description__paragraph">Этот 750-тонный кран может также использоваться с выдвижными опорами, имеющими опорную базу 13 x 13 м. Результирующая грузоподъемность в этом случае может быть увеличена до 370 %.</p> <div class="tabs-description__images"> <div class="tabs-description__img-container"> <picture><source srcset="img/TABS__IMG-1.webp" type="image/webp"><img src="img/TABS__IMG-1.jpg" class="tabs-description__img"></picture></img> </div> <div class="tabs-description__img-container"> <picture><source srcset="img/TABS__IMG-2.webp" type="image/webp"><img src="img/TABS__IMG-2.jpg" class="tabs-description__img"></picture></img> </div> <div class="tabs-description__img-container"> <picture><source srcset="img/TABS__IMG-3.webp" type="image/webp"><img src="img/TABS__IMG-3.jpg" class="tabs-description__img"></picture></img> </div> </div> </div> <div class="tabs__item tabs-property"> <div class="tabs-property__table-container"> <table class="tabs-property__table"> <tbody> <tr class="tabs-property__tr"> <td class="tabs-property__td">Максимальная грузоподъемность:</td> <td class="tabs-property__td">750 т</td> </tr> <tr class="tabs-property__tr"> <td class="tabs-property__td">При вылете стрелы:</td> <td class="tabs-property__td">7,00 м</td> </tr> <tr class="tabs-property__tr"> <td class="tabs-property__td">Главная стрела:</td> <td class="tabs-property__td">140 м</td> </tr> <tr class="tabs-property__tr"> <td class="tabs-property__td">Максимальная высота подъема:</td> <td class="tabs-property__td">191 м</td> </tr> <tr class="tabs-property__tr"> <td class="tabs-property__td">Максимальный вылет стрелы:</td> <td class="tabs-property__td">156 м</td> </tr> <tr class="tabs-property__tr"> <td class="tabs-property__td">Решетчатый удлинитель:</td> <td class="tabs-property__td">от 14,00 до 105,00 м</td> </tr> <tr class="tabs-property__tr"> <td class="tabs-property__td">Скорость передвижения:</td> <td class="tabs-property__td">1,65 км/ч</td> </tr> <tr class="tabs-property__tr"> <th class="tabs-property__th">Стоимость аренды:</th> <th class="tabs-property__th">Договорная</th> </tr> </tbody> </table> </div> </div> <div class="tabs__item tabs-documentation"> <div class="tabs-documentation__content"> <div class="tabs-documentation__item"> <div class="tabs-documentation__img-container"> <picture><source srcset="img/TABS__DOCUMENT.webp" type="image/webp"><img src="img/TABS__DOCUMENT.jpg" class="tabs-documentation__img"></picture></img> </div> <a href="img/TABS__DOCUMENT.jpg" class="tabs-documentation__link-download" download>cкачать</a> </div> <div class="tabs-documentation__item"> <div class="tabs-documentation__img-container"> <picture><source srcset="img/TABS__DOCUMENT.webp" type="image/webp"><img src="img/TABS__DOCUMENT.jpg" class="tabs-documentation__img"></picture></img> </div> <a href="img/TABS__DOCUMENT.jpg" class="tabs-documentation__link-download" download>cкачать</a> </div> <div class="tabs-documentation__item"> <div class="tabs-documentation__img-container"> <picture><source srcset="img/TABS__DOCUMENT.webp" type="image/webp"><img src="img/TABS__DOCUMENT.jpg" class="tabs-documentation__img"></picture></img> </div> <a href="img/TABS__DOCUMENT.jpg" class="tabs-documentation__link-download" download>cкачать</a> </div> <div class="tabs-documentation__item"> <div class="tabs-documentation__img-container"> <picture><source srcset="img/TABS__DOCUMENT.webp" type="image/webp"><img src="img/TABS__DOCUMENT.jpg" class="tabs-documentation__img"></picture></img> </div> <a href="img/TABS__DOCUMENT.jpg" class="tabs-documentation__link-download" download>cкачать</a> </div> </div> </div> </div> </div> </section> <section class="info"> <div class="info__container"> <h3 class="info__title">Заголовок</h3> <p class="info__paragraph">Гусеничный кран LR 1750 находит свое применение в строительстве электростанций, нефтеперерабатывающих заводов, на строительных площадках мостов и при монтаже ветросиловых установок. </p> <p class="info__paragraph">Эта 750-тонная машина имеет универсальное применение со своей 140-метровой основной стрелой, 105-метровым управляемым удлинителем стрелы, 21-метровым монтажным удлинителем, деррик-оборудованием и 400-тонным подвесным противовесом или балластировочной тележкой. </p> <p class="info__paragraph">Компактные габариты компонентов подъемного крана и их умеренный индивидуальный вес позволяют обеспечить экономичную транспортировку этого подъемного крана к строительной площадке.</p> <p class="info__paragraph">Гусеничный кран LR 1750 находит свое применение в строительстве электростанций, нефтеперерабатывающих заводов, на строительных площадках мостов и при монтаже ветросиловых установок. </p> <p class="info__paragraph">Эта 750-тонная машина имеет универсальное применение со своей 140-метровой основной стрелой, 105-метровым управляемым удлинителем стрелы, 21-метровым монтажным удлинителем, деррик-оборудованием и 400-тонным подвесным противовесом или балластировочной тележкой. </p> <p class="info__paragraph">Компактные габариты компонентов подъемного крана и их умеренный индивидуальный вес позволяют обеспечить экономичную транспортировку этого подъемного крана к строительной площадке.</p> </div> </section> <section class="help"> <div class="help__container"> <div class="help__content"> <h2 class="help__title">Нужна <small>помощь</small> в подборе? </h2> <form class="help__form"> <div class="help__inputs-container"> <input class="help__input-name" type="text" name="name" placeholder="Ваше имя"> <input class="help__input-mail" type="text" name="phone" placeholder="Ваш телефон"> <button class="help__callback">Получить консультацию</button> </div> </form> <div class="help__checkbox-container"> <input type="checkbox" id="check" name="help__checkbox" checked> <label for="check">Я согласен с <a href="#!">условиями обработки</a> и использования моих персональных данных</label> </div> </div> </div></section> <section class="similar"> <div class="similar__container"> <h4 class="similar__title">Похожие краны</h4> <div class="similar__slider"> <div class="swiper similar-slider"> <div class="swiper-wrapper similar-slider__wrapper"> <div class="swiper-slide similar-slider__slide"> <div class="similar-slider__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="similar-slider__img"></picture> </div> <div class="similar-slider__content"> <div class="similar-slider__title-container"> <p class="similar-slider__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="similar-slider__line"></div> <div class="similar-slider__table-container"> <table class="similar-slider__table"> <tbody> <tr> <td>Грузоподъемность:</td> <td>40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="similar-slider__slide-link">Все характеристики</a> <div class="similar-slider__rent"> <button class="similar-slider__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="swiper-slide similar-slider__slide"> <div class="similar-slider__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="similar-slider__img"></picture> </div> <div class="similar-slider__content"> <div class="similar-slider__title-container"> <p class="similar-slider__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="similar-slider__line"></div> <div class="similar-slider__table-container"> <table class="similar-slider__table"> <tbody> <tr> <td>Грузоподъемность:</td> <td>40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="similar-slider__slide-link">Все характеристики</a> <div class="similar-slider__rent"> <button class="similar-slider__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="swiper-slide similar-slider__slide"> <div class="similar-slider__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="similar-slider__img"></picture> </div> <div class="similar-slider__content"> <div class="similar-slider__title-container"> <p class="similar-slider__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="similar-slider__line"></div> <div class="similar-slider__table-container"> <table class="similar-slider__table"> <tbody> <tr> <td>Грузоподъемность:</td> <td>40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="similar-slider__slide-link">Все характеристики</a> <div class="similar-slider__rent"> <button class="similar-slider__rent-button _popup">Арендовать</button> </div> </div> </div> </div> <div class="swiper-button-prev similar-slider__button-prev"></div> <div class="swiper-button-next similar-slider__button-next"></div> </div> </div> </div> </section> </div> <div class="footer"> <div class="footer__container"> <div class="footer__info"> <a href="index.html" class="footer__logo-link"> <picture><source srcset="img/LOGO__HEADER.webp" type="image/webp"><img class="footer__logo" src="img/LOGO__HEADER.png"></picture></img> </a> <p class="footer__about">Аренда мобильных и гусеничных кранов LIEBHERR</p> <p class="footer__copyright">© 2000-2021 Все права защищены</p> </div> <div class="footer__links"> <ul class="footer__links-list"> <li class="footer__links-item">Клиентам</li> <li class="footer__links-item"><a href="#!">О компании</a></li> <li class="footer__links-item"><a href="#!">Услуги</a></li> <li class="footer__links-item"><a href="#!">Каталог техники</a></li> <li class="footer__links-item"><a href="#!">Аренда кранов</a></li> <li class="footer__links-item"><a href="#!">Наши работы</a></li> <li class="footer__links-item"><a href="#!">Прайс-лист</a></li> <li class="footer__links-item"><a href="#!">Контакты</a></li> </ul> <ul class="footer__links-list"> <li class="footer__links-item">Техника</li> <li class="footer__links-item"><a href="#!">Гусеничные краны</a></li> <li class="footer__links-item"><a href="#!">Мобильные краны</a></li> <li class="footer__links-item"><a href="#!">Низеорамные краны</a></li> <li class="footer__links-item"><a href="#!">Модульные платформы</a></li> </ul> <ul class="footer__links-list"> <li class="footer__links-item">Услуги</li> <li class="footer__links-item"><a href="#!">Аренда гусеничного крана</a></li> <li class="footer__links-item"><a href="#!">Аренда мобильного крана</a></li> <li class="footer__links-item"><a href="#!">Аренда башенного крана</a></li> <li class="footer__links-item"><a href="#!">Перевозка негабаритного груза</a></li> <li class="footer__links-item"><a href="#!">Разработка ппрк</a></li> </ul> </div> <div class="footer__social"> <button class="footer__callback _popup">Свяжитесь со мной</button> <div class="footer__social-links"> <a class="footer__social-item footer__social-item-1" href="https://www.instagram.com/" target="blank"></a> <a class="footer__social-item footer__social-item-2" href="#!"></a> <a class="footer__social-item footer__social-item-3" href="#!"></a> <a class="footer__social-item footer__social-item-4" href="#!"></a> <a class="footer__social-item footer__social-item-5" href="#!"></a> </div> </div> <div class="footer__contact"> <p class="footer__contact-title">Контакты</p> <div class="footer__contact-phones"> <a class="footer__contact-item" href="#!">+7 (499) 929-96-66</a> <a class="footer__contact-item" href="#!">+7 (985) 364-55-18</a> <a class="footer__contact-item" href="#!">+7 (985) 226-20-30</a> </div> </div> </div></div> <div class="popup popup-bg"> <div class="popup-callback"> <form onsubmit="return false" class="popup-callback__form"> <div class="popup-callback__content"> <p class="popup-callback__title">Арендовать спецтехнику</p> <p class="popup-callback__subtitle">Оставьте заявку на звонок и мы ответим на все ваши вопросы в самое ближайшее время</p> <div class="popup-callback__inputs-container"> <input class="popup-callback__input-name" type="text" name="name" placeholder="Ваше имя"> <input class="popup-callback__input-phone" type="text" name="phone" placeholder="Ваш телефон*"> <input class="popup-callback__input-mail" type="text" name="mail" placeholder="Ваша почта"> </div> <div class="popup-callback__checkbox-container"> <input class="popup-callback__checkbox-input" type="checkbox" id="check" name="contact__checkbox" checked> <label for="check" class="popup-callback__checkbox-label"> Я согласен с <a href="#!">условиями обработки</a> и использования моих персональных данных </label> </div> <button class="popup-callback__button-submit">Оставить заявку</button> <button class="popup-callback__button-close"></button> </div> </form> </div> <div class="popup-success"> <p class="popup-success__title">Ваша заявка отправлена</p> <p class="popup-success__subtitle">Мы позвоним вам в самое ближайшее время</p> <button class="popup-success__button-return">Вернуться</button> <button class="popup-success__button-close"></button> </div></div> </div> <script src="js/main.min.js"></script></body></html>