-
Notifications
You must be signed in to change notification settings - Fork 0
/
catalog.html
826 lines (771 loc) · 50.7 KB
/
catalog.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="catalog-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 breadcrumbs__item-now">Каталог техники</li> </ul> </nav> <section class="tonnes"> <div class="tonnes__container"> <h1 class="tonnes__title">Каталог техники</h1> <div class="tonnes__content"> <div class="tonnes__item"><a href="#!" class="tonnes__link">40 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">50 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">65 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">68 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">70 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">82.5 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">84 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">85 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">90 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">93.8 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">95 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">112.5 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">120 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">131.6 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">150 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">160 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">200 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">250 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">280 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">300 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">350 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">400 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">500 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">750 тонн</a></div> <div class="tonnes__item"><a href="#!" class="tonnes__link">Все</a></div> </div> <div class="tonnes__button-container"> <button class="tonnes__button-more">ещё</button> </div> </div> </section> <section class="catalog"> <div class="catalog__container"> <aside class="catalog__aside catalog-aside"> <div class="catalog-aside__parametres parametres"> <div class="parametres__header"> <p class="parametres__title">Параметры</p> <div class="parametres__burger-icon"> <span class="parametres__burger-line"></span> </div> </div> <div class="parametres__body"> <form onsubmit="return false" class="parametres__form"> <div class="parametres__types"> <p class="parametres__types-title">Вид техники</p> <ul class="parametres__types-list"> <li class="parametres__types-item"> <label class="parametres__types-checkbox"> <input type="checkbox" name="parametres-checkbox" class="parametres__types-input"> <span class="parametres__types-text">Мобильные краны</span> </label> </li> <li class="parametres__types-item"> <label class="parametres__types-checkbox"> <input type="checkbox" name="parametres-checkbox" class="parametres__types-input"> <span class="parametres__types-text">Гусеничные краны</span> </label> </li> <li class="parametres__types-item"> <label class="parametres__types-checkbox"> <input type="checkbox" name="parametres-checkbox" class="parametres__types-input"> <span class="parametres__types-text">Низкорамные тралы</span> </label> </li> <li class="parametres__types-item"> <label class="parametres__types-checkbox"> <input type="checkbox" name="parametres-checkbox" class="parametres__types-input"> <span class="parametres__types-text">Модульные платформы</span> </label> </li> </ul> </div> <div class="parametres__filters"> <div class="parametres__filter parametres-filter filter-tonnage"> <p class="parametres-filter__title">Грузоподъемность т.</p> <div class="parametres-filter__values"> <div class="parametres-filter__value parametres-filter__value-1"> <input class="parametres-filter__input parametres-filter__input-1 filter-tonnage__input-1" type="number" name="priceStart" placeholder="40"> </div> <div class="parametres-filter__value parametres-filter__value-2"> <input class="parametres-filter__input parametres-filter__input-2 filter-tonnage__input-2" type="number" name="priceEnd" placeholder="750"> </div> </div> <div class="parametres-filter__slider filter-tonnage__slider"></div> </div> <div class="parametres__filter parametres-filter filter-lifting"> <p class="parametres-filter__title">Высота подъема, м.</p> <div class="parametres-filter__values"> <div class="parametres-filter__value parametres-filter__value-1"> <input class="parametres-filter__input parametres-filter__input-1 filter-lifting__input-1" type="number" name="priceStart" placeholder="40"> </div> <div class="parametres-filter__value parametres-filter__value-2"> <input class="parametres-filter__input parametres-filter__input-2 filter-lifting__input-2" type="number" name="priceEnd" placeholder="750"> </div> </div> <div class="parametres-filter__slider filter-lifting__slider"></div> </div> <div class="parametres__filter parametres-filter filter-departure"> <p class="parametres-filter__title">Вылет стрелы, м.</p> <div class="parametres-filter__values"> <div class="parametres-filter__value parametres-filter__value-1"> <input class="parametres-filter__input parametres-filter__input-1 filter-departure__input-1" type="number" name="priceStart" placeholder="40"> </div> <div class="parametres-filter__value parametres-filter__value-2"> <input class="parametres-filter__input parametres-filter__input-2 filter-departure__input-2" type="number" name="priceEnd" placeholder="750"> </div> </div> <div class="parametres-filter__slider filter-departure__slider"></div> </div> </div> <div class="parametres__buttons"> <button class="parametres__clearing">Очистить фильтр</button> <button class="parametres__show">Показать</button> </div> </form> </div> </div> <div class="catalog-aside__ingenierie ingenierie"> <div class="ingenierie__header"> <p class="ingenierie__title">Парк техники</p> <div class="ingenierie__burger-icon"> <span class="ingenierie__burger-line"></span> </div> </div> <div class="ingenierie__body"> <div class="ingenierie__section ingenierie__section-1 _active"> <div class="ingenierie__section-header"> <p class="ingenierie__section-title">Мобильные краны Liebherr LTM</p> <button class="ingenierie__section-button"></button> </div> <div class="ingenierie__section-body"> <ul class="ingenierie__section-list"> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (40 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (50 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (70 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (250 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (300 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (400 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (700 т.)</a> </li> </ul> </div> </div> <div class="ingenierie__section ingenierie__section-2"> <div class="ingenierie__section-header"> <p class="ingenierie__section-title">Низкорамные тралы</p> <button class="ingenierie__section-button"></button> </div> <div class="ingenierie__section-body"> <ul class="ingenierie__section-list"> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (40 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (70 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (250 т.)</a> </li> </ul> </div> </div> <div class="ingenierie__section ingenierie__section-3"> <div class="ingenierie__section-header"> <p class="ingenierie__section-title">Гусеничные краны Liebherr LR</p> <button class="ingenierie__section-button"></button> </div> <div class="ingenierie__section-body"> <ul class="ingenierie__section-list"> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (40 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (70 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (250 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (300 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (700 т.)</a> </li> </ul> </div> </div> <div class="ingenierie__section ingenierie__section-4"> <div class="ingenierie__section-header"> <p class="ingenierie__section-title">Модульные платформы</p> <button class="ingenierie__section-button"></button> </div> <div class="ingenierie__section-body"> <ul class="ingenierie__section-list"> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (40 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (70 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (250 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (300 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (700 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (700 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (700 т.)</a> </li> <li class="ingenierie__section-item"> <a href="product.html" class="ingenierie__section-link">LTM 1040 (700 т.)</a> </li> </ul> </div> </div> </div> </div> </aside> <div class="catalog__content"> <div class="catalog__actions"> <div class="catalog__sort"> <select name="#!" class="turnintodropdown"> <option value="1" selected="selected">По умолчанию</option> <option value="2" >По тоннажу</option> <option value="3" >По стоимости</option> </select> </div> <div class="catalog__view"> <div class="catalog__view-grid"></div> <div class="catalog__view-list"></div> </div> </div> <div class="catalog__items"> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 тонн</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> <div class="catalog__item catalog-item"> <div class="catalog-item__img-container"> <picture><source srcset="img/CATALOG__IMG-1.webp" type="image/webp"><img src="img/CATALOG__IMG-1.jpg" class="catalog-item__img"></picture></img> </div> <div class="catalog-item__content"> <div class="catalog-item__title-container"> <p class="catalog-item__title">Гусеничный кран Liebherr LR 1750</p> </div> <div class="catalog-item__line"></div> <div class="catalog-item__table-container"> <table class="catalog-item__table"> <tbody> <tr> <td class="catalog-item__td-1">Грузоподъемность:</td> <td class="catalog-item__td-2">40 тонн</td> </tr> <tr> <td>Длина стрелы:</td> <td>35 м</td> </tr> </tbody> </table> </div> <a href="product.html" class="catalog-item__link">Все характеристики</a> <div class="catalog-item__rent"> <button class="catalog-item__rent-button _popup">Арендовать</button> </div> </div> </div> </div> <div class="catalog__switch-pages switch-pages"> <div class="switch-pages__container"> <button class="switch-pages__button-prev"></button> <ul class="switch-pages__list"> <li class="switch-pages__item"> <a href="#!" class="switch-pages__link">1</a> </li> <li class="switch-pages__item"> <a href="#!" class="switch-pages__link">2</a> </li> <li class="switch-pages__item"> <a href="#!" class="switch-pages__link">3</a> </li> <li class="switch-pages__item switch-pages__item-dots">. . .</li> <li class="switch-pages__item"> <a href="#!" class="switch-pages__link">5</a> </li> <li class="switch-pages__item"> <a href="#!" class="switch-pages__link">6</a> </li> <li class="switch-pages__item"> <a href="#!" class="switch-pages__link">7</a> </li> </ul> <button class="switch-pages__button-next"></button> </div> </div> </div> </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="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="contacts"> <div class="contacts__container"> <h4 class="contacts__title">Контакты</h4> <div class="contacts__content"> <div class="contacts__about"> <p class="contacts__paragraph">Ежедневно мы развиваемся и стараемся стать лучше для вас, поэтому всегда рады получить от вас обратную связь с пожеланиями и идеями по улучшению наших продуктов!</p> <p class="contacts__paragraph">Если у вас остались вопросы или есть предложения как стать лучше пишите нам!</p> <p class="contacts__adress">г. Москва, Россия, 117628,м. Бульвар Дмитрия Донского, ул. Куликовская, 12</p> <div class="contacts__connection"> <div class="contacts__phones"> <a class="contacts__phone" href="tel:+62894563455">+7 (499) 929-96-66</a> <a class="contacts__phone" href="tel:+62894563455">+7 (985) 364-55-18</a> <a class="contacts__phone" href="tel:+62894563455">+7 (985) 226-20-30</a> </div> <div class="contacts__info"> <p class="contacts__mail">evro-k@yandex.ru</p> <p class="contacts__time">10:00 - 17:00</p> </div> </div> </div> <div class="contacts__request"> <form class="contacts__form"> <div class="contacts__inputs-container"> <input class="contacts__input contacts__input-name" type="text" name="name" placeholder="Имя"> <input class="contacts__input contacts__input-phone" type="text" name="phone" placeholder="Телефон*" required="ОБЯЗАТЕЛЬНОЕ ПОЛЕ"> <input class="contacts__input contacts__input-mail" type="text" name="mail" placeholder= "E-mail"> <textarea class="contacts__message" type="text" placeholder="Сообщение"></textarea> </div> <div class="contacts__checkbox-container"> <input type="checkbox" id="check" name="contacts__checkbox-input" checked> <label class="contacts__checkbox-label" for="check">Я согласен с <a class="contacts__checkbox-link" href="#!">условиями обработки</a> и использования моих персональных данных</label> </div> <button class="contacts__callback">Оставить заявку</button> </form> </div> </div> </div></section> <section class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2349.233707999737!2d27.68035517553336!3d53.927591702875766!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x81ecd7e5a05b76c4!2z0J_QkNCg0Jog0JLQq9Ch0J7QmtCY0KUg0KLQldCl0J3QntCb0J7Qk9CY0Jg!5e0!3m2!1sru!2sby!4v1633264296002!5m2!1sru!2sby" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe></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>