-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinstance.html
333 lines (303 loc) · 20.9 KB
/
instance.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="instance-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="instance"> <div class="instance__container"> <h1 class="instance__title">Разгрузка и монтаж трансформатора</h1> <p class="instance__text">Разгрузка и монтаж трансформатора ТРДН 80000-110 весом 90т на объекте: НПЗ, г.Туапсе Работу выполняет автокран LIEBHERR LTM1500грузоподъемностью 500т.</p> <div class="instance__sliders-container"> <div class="instance__mainslider-container"> <div class="swiper instance-mainslider"> <div class="swiper-wrapper instance-mainslider__wrapper"> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-mainslider__slide"> <div class="instance-mainslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-mainslider__img"></picture></img> </div> </div> </div> <div class="swiper-button-prev instance-mainslider__button-prev"></div> <div class="swiper-button-next instance-mainslider__button-next"></div> </div> </div> <div class="instance__subslider-container"> <div class="swiper instance-subslider"> <div class="swiper-wrapper instance-subslider__wrapper"> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> <div class="swiper-slide instance-subslider__slide"> <div class="instance-subslider__img-container"> <picture><source srcset="img/ARTIC__IMG-1.webp" type="image/webp"><img src="img/ARTIC__IMG-1.jpg" class="instance-subslider__img"></picture></img> </div> </div> </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="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-slide"> <a href="instance.html" class="similar-slide__link"> <div class="similar-slide__img-container"> <picture><source srcset="img/ARTICLE__IMG-1.webp" type="image/webp"><img src="img/ARTICLE__IMG-1.jpg" class="similar-slide__img"></picture></img> </div> <div class="similar-slide__content"> <p class="similar-slide__text">Разгрузка и монтаж трансформатора автокраном LIEBHERR LTM1500 <br> г.Туапсе</p> </div> </a> </div> <div class="swiper-slide similar-slide"> <a href="instance.html" class="similar-slide__link"> <div class="similar-slide__img-container"> <picture><source srcset="img/ARTICLE__IMG-1.webp" type="image/webp"><img src="img/ARTICLE__IMG-1.jpg" class="similar-slide__img"></picture></img> </div> <div class="similar-slide__content"> <p class="similar-slide__text">Разгрузка и монтаж трансформатора автокраном LIEBHERR LTM1500 <br> г.Туапсе</p> </div> </a> </div> <div class="swiper-slide similar-slide"> <a href="instance.html" class="similar-slide__link"> <div class="similar-slide__img-container"> <picture><source srcset="img/ARTICLE__IMG-1.webp" type="image/webp"><img src="img/ARTICLE__IMG-1.jpg" class="similar-slide__img"></picture></img> </div> <div class="similar-slide__content"> <p class="similar-slide__text">Разгрузка и монтаж трансформатора автокраном LIEBHERR LTM1500 <br> г.Туапсе</p> </div> </a> </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 class="similar__link-container"> <a href="objects.html" class="similar__link">Смотреть все</a> </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>