-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
370 lines (340 loc) · 23.7 KB
/
about.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="about-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="about"> <h1 class="about__title">О Компании Еврокран</h1> <div class="about__container"> <div class="about__text-container"> <div class="about__text"> <p class="about__paragraph">Компания ЕвроКран – это команда специалистов, обеспечивающих эффективное использование высокопроизводительных немецких автокранов марки LIEBHERR. Мы работаем с 2000 года и за это время не раз доказали свой профессионализм и компетентность: сегодня нам доверяют крупнейшие предприятия России.</p> <p class="about__paragraph">Наши операторы автокранов – это профессионалы с опытом и всеми необходимыми навыками, прошедшие обучение в самой фирме LIEBHERR.</p> <p class="about__paragraph">Для нас не существует слишком сложных задач, мы готовы выполнить любые работы:</p> <p class="about__paragraph">монтаж/демонтаж башенных кранов, турбин ТЭЦ, куполов храмов, церквей, вращающихся печей, реакторов синтеза метанола, металлических конструкций; <br> монтаж вышек сотовой связи; <br> строительство зданий, сооружений, мостов; <br> установка рекламных щитов; <br> перевозка автотрейлерами крупногабаритных и тяжеловесных грузов.</p> </div> </div> <div class="about__content-container"> <div class="about__content"> <div class="about__img-container"> <picture><source srcset="img/ABOUT__VIDEO-IMG.webp" type="image/webp"><img src="img/ABOUT__VIDEO-IMG.jpg" class="about__img"></picture> </div> <iframe src="https://www.youtube.com/embed/gYj-ouDJMtk?" class="about__video" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </section> <section class="services"> <div class="services__container"> <p class="services__title">Услуги</p> <div class="services__items"> <div class="services__item"> <a href="#!" class="services__item-link"> <div class="services__img-container"> <picture><source srcset="img/SERVICES__IMG-2.webp" type="image/webp"><img class="services__img" src="img/SERVICES__IMG-2.jpg"></picture></img> </div> <div class="services__item-text">Аренда мобильных автокранов Liebherr</div> </a> </div> <div class="services__item"> <a href="#!" class="services__item-link"> <div class="services__img-container"> <picture><source srcset="img/SERVICES__IMG-1.webp" type="image/webp"><img class="services__img" src="img/SERVICES__IMG-1.jpg"></picture></img> </div> <div class="services__item-text">Аренда гусеничных кранов Liebherr</div> </a> </div> <div class="services__item"> <a href="#!" class="services__item-link"> <div class="services__img-container"> <picture><source srcset="img/SERVICES__IMG-3.webp" type="image/webp"><img class="services__img" src="img/SERVICES__IMG-3.jpg"></picture></img> </div> <div class="services__item-text">Аренда низкорамных тралов</div> </a> </div> <div class="services__item"> <a href="#!" class="services__item-link"> <div class="services__img-container"> <picture><source srcset="img/SERVICES__IMG-4.webp" type="image/webp"><img class="services__img" src="img/SERVICES__IMG-4.jpg"></picture></img> </div> <div class="services__item-text">Перевозка негабаритного и тяжеловесного груза</div> </a> </div> <div class="services__item"> <a href="#!" class="services__item-link"> <div class="services__img-container"> <picture><source srcset="img/SERVICES__IMG-5.webp" type="image/webp"><img class="services__img" src="img/SERVICES__IMG-5.jpg"></picture></img> </div> <div class="services__item-text">Разработка ППРК</div> </a> </div> <div class="services__item"> <a href="#!" class="services__item-link"> <div class="services__img-container"> <picture><source srcset="img/SERVICES__IMG-6.webp" type="image/webp"><img class="services__img" src="img/SERVICES__IMG-6.jpg"></picture></img> </div> <div class="services__item-text">Выезд специалиста на объект</div> </a> </div> </div> </div> <p class="services__label services__label-1">LIEBHERR</p> <p class="services__label services__label-2">SERVICES</p></section> <section class="documents"> <div class="documents__container"> <h2 class="documents__title">Клиенты говорят о нас</h2> <div class="documents__slider documents-slider"> <div class="swiper documents-slider__container"> <div class="swiper-wrapper documents-slider__wrapper"> <div class="swiper-slide documents-slider__slide"> <a href="img/ABOUT__DOC-2.png" data-fslightbox="gallery" class="documents-slider__img-wrapper"> <picture><source srcset="img/ABOUT__DOC-2.webp" type="image/webp"><img src="img/ABOUT__DOC-2.png" class="documents-slider__img"></picture> </a> </div> <div class="swiper-slide documents-slider__slide"> <a href="img/ABOUT_DOC-1.png" data-fslightbox="gallery" class="documents-slider__img-wrapper"> <picture><source srcset="img/ABOUT_DOC-1.webp" type="image/webp"><img src="img/ABOUT_DOC-1.png" class="documents-slider__img"></picture> </a> </div> <div class="swiper-slide documents-slider__slide"> <a href="img/ABOUT__DOC-4.jpg" data-fslightbox="gallery" class="documents-slider__img-wrapper"> <picture><source srcset="img/ABOUT__DOC-4.webp" type="image/webp"><img src="img/ABOUT__DOC-4.jpg" class="documents-slider__img"></picture> </a> </div> <div class="swiper-slide documents-slider__slide"> <a href="img/ABOUT__DOC-3.jpg" data-fslightbox="gallery" class="documents-slider__img-wrapper"> <picture><source srcset="img/ABOUT__DOC-3.webp" type="image/webp"><img src="img/ABOUT__DOC-3.jpg" class="documents-slider__img"></picture> </a> </div> </div> <div class="swiper-button-prev documents-slider__button-prev"></div> <div class="swiper-button-next documents-slider__button-next"></div> <div class="swiper-scrollbar documents-slider__scrollbar"></div> </div> </div> </div> </section> <section class="facts"> <div class="facts__container"> <h6 class="facts__title">Из чего складывается стоимость аренды</h6> <div class="facts__items"> <div class="facts__item"> <p class="facts__item-numb" data-numb='01'>01</p> <p class="facts__item-text">Стоимость аренды крана определяется так: 8 (восемь) часов работы каждой единицы спецтехники в течение смены.</p> </div> <div class="facts__item"> <p class="facts__item-numb" data-numb='02'>02</p> <p class="facts__item-text">География доставки спецтехники – вся территория РФ и страны СНГ.</p> </div> <div class="facts__item"> <p class="facts__item-numb" data-numb='03'>03</p> <p class="facts__item-text">Стоимость мобилизации и демобилизации за МКАД и на территорию в границах ТТК обговаривается индивидуально и требует дополнительной оплаты.</p> </div> <div class="facts__item"> <p class="facts__item-numb" data-numb='04'>04</p> <p class="facts__item-text">Обозначенная в прайс-листе стоимость услуг включает НДС – 20 %.</p> </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>