-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
443 lines (440 loc) · 26.7 KB
/
index.html
1
<!DOCTYPE html><html lang="ru"> <head> <title>Главная</title> <meta charset="UTF-8"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" href="css/style.min.css"> <link rel="shortcut icon" href="favicon.ico"> <!-- <meta name="robots" content="noindex, nofollow"> --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body> <div class="wrapper"> <main class="page"> <header class="header"> <div class="header__content _container"> <a href="" class="header__logo"> <picture><source srcset="img/logo.svg" type="image/webp"><img src="img/logo.svg" alt=""></picture> </a> <div class="header-menu__burger"> <div class="header-menu__lines"> <span></span> <span></span> <span></span> </div> </div> </div></header> <section class="page__main-screen screen-main"> <div class="screen-main__bg _ibg"> <picture><source srcset="img/header.webp" type="image/webp"><img src="img/header.jpg" alt=""></picture> </div> <div class="screen-main__container _container"> <h1 class="screen-main__title">РЕАЛИЗУЕМ КРУПНЕЙШИЕ<br>ПРОЕКТЫ В РОССИИ</h1> <p class="screen-main__text text">стадионы, газопроводы, мосты, дамбы </p> </div> </section> <section class="page__market market-page"> <div class="market-page__container _container"> <div class="market-page__items"> <div class="market-page__item"> <div class="market-page__body"> <div class="market-page__number">26</div> <div class="market-page__years">лет</div> <div class="market-page__text">на рынке</div> </div> </div> <div class="market-page__item"> <div class="market-page__body"> <div class="market-page__number">26</div> <div class="market-page__years">лет</div> <div class="market-page__text">на рынке</div> </div> </div> <div class="market-page__item"> <div class="market-page__body"> <div class="market-page__number">26</div> <div class="market-page__years">лет</div> <div class="market-page__text">на рынке</div> </div> </div> <div class="market-page__item"> <div class="market-page__body"> <div class="market-page__number">26</div> <div class="market-page__years">лет</div> <div class="market-page__text">на рынке</div> </div> </div> </div> </div> </section> <section class="page__our-projects projects-our"> <div class="projects-our__container _container"> <div class="projects-our__title title">НАШИ САМЫЕ БОЛЬШИЕ ПРОЕКТЫ</div> <div class="projects-our__row"> <div class="projects-our__column"> <div class="projects-our__content"> <div class="projects-our__image _ibg"> <picture><source srcset="img/project/01.webp" type="image/webp"><img src="img/project/01.jpg" alt=""></picture> </div> </div> <div class="projects-our__desc desc">Газпром Арена</div> <div class="projects-our__text text-info">Мы сделали самую красивую арену в Европе. Это открытие стало для нас прорывной точкой для разивтия на следующие десятилетия. Мы очень рады данному еву.</div> </div> <div class="projects-our__column"> <div class="projects-our__content"> <div class="projects-our__image _ibg"> <picture><source srcset="img/project/01.webp" type="image/webp"><img src="img/project/01.jpg" alt=""></picture> </div> </div> <div class="projects-our__desc desc">Газпром Арена</div> <div class="projects-our__text text-info">Мы сделали самую красивую арену в Европе. Это открытие стало для нас прорывной точкой для разивтия на следующие десятилетия. Мы очень рады данному еву.</div> </div> <div class="projects-our__column"> <div class="projects-our__content"> <div class="projects-our__image _ibg"> <picture><source srcset="img/project/01.webp" type="image/webp"><img src="img/project/01.jpg" alt=""></picture> </div> </div> <div class="projects-our__desc desc">Газпром Арена</div> <div class="projects-our__text text-info">Мы сделали самую красивую арену в Европе. Это открытие стало для нас прорывной точкой для разивтия на следующие десятилетия. Мы очень рады данному еву.</div> </div> </div> </div> </section> <section class="page__reguest reguest-page"> <div class="reguest-page__container _container"> <div class="reguest-page__row"> <div class="reguest-page__column"> <div class="reguest-page__title">САМЫЕ УМНЫЕ ПРОЕКТЫ</div> <div class="reguest-page__text desc">РЕАЛИЗУЕМ САМЫЕ СМЕЛЫЕ РЕШЕНИЯ В РОССИИ!</div> </div> <div class="reguest-page__column"> <button type="submit" class="reguest-page__btn _icon-mail">ВАШ ЗАПРОС</button> </div> </div> </div> </section> <section class="page__services services-page"> <div class="services-page__container _container"> <div class="services-page__title title">ЧЕМ МЫ ЗАНИМАЕМСЯ?</div> <div class="services-page__row"> <div class="services-page__column"> <div class="services-page__body"> <a href="#" class="services-page__image"> <picture><source srcset="img/servis.webp" type="image/webp"><img src="img/servis.png" alt=""></picture> </a> <div class="services-page__text">СТРОИТЕЛЬСТВО ОФИСНЫХ ЗДАНИЙ</div> </div> </div> <div class="services-page__column"> <div class="services-page__body"> <a href="#" class="services-page__image"> <picture><source srcset="img/servis.webp" type="image/webp"><img src="img/servis.png" alt=""></picture> </a> <div class="services-page__text">СТРОИТЕЛЬСТВО ОФИСНЫХ ЗДАНИЙ</div> </div> </div> <div class="services-page__column"> <div class="services-page__body"> <a href="#" class="services-page__image"> <picture><source srcset="img/servis.webp" type="image/webp"><img src="img/servis.png" alt=""></picture> </a> <div class="services-page__text">СТРОИТЕЛЬСТВО ОФИСНЫХ ЗДАНИЙ</div> </div> </div> <div class="services-page__column"> <div class="services-page__body"> <a href="#" class="services-page__image"> <picture><source srcset="img/servis.webp" type="image/webp"><img src="img/servis.png" alt=""></picture> </a> <div class="services-page__text">СТРОИТЕЛЬСТВО ОФИСНЫХ ЗДАНИЙ</div> </div> </div> <div class="services-page__column"> <div class="services-page__body"> <a href="#" class="services-page__image"> <picture><source srcset="img/servis.webp" type="image/webp"><img src="img/servis.png" alt=""></picture> </a> <div class="services-page__text">СТРОИТЕЛЬСТВО ОФИСНЫХ ЗДАНИЙ</div> </div> </div> <div class="services-page__column"> <div class="services-page__body"> <a href="#" class="services-page__image"> <picture><source srcset="img/servis.webp" type="image/webp"><img src="img/servis.png" alt=""></picture> </a> <div class="services-page__text">СТРОИТЕЛЬСТВО ОФИСНЫХ ЗДАНИЙ</div> </div> </div> </div> </div> </section> <section class="page__portfolio portfolio-slider"> <div class="portfolio-slider__body _swiper"> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> <div class="portfolio-slider__slide"> <div class="portfolio-slider__image"> <picture><source srcset="img/portfolio.webp" type="image/webp"><img src="img/portfolio.jpg" alt="Стадион"></picture> </div> </div> </div> <div class="portfolio-slider__arrows"> <div class="portfolio-slider__arrow _icon-next-arrow portfolio-slider__arrows--next"></div> <div class="portfolio-slider__arrow _icon-left-arrow portfolio-slider__arrows--prev"></div> </div> <!-- <div class="portfolio-slider__pagging"></div> --> </section> <section class="page__question-answers answers-question"> <div class="answers-question__container _container"> <div class="answers-question__title title">ОТВЕТЫ НА ВОПРОСЫ</div> <div class="answers-question__spoller _spollers _one"> <div class="answers-question__item"> <div class="answers-question__headline _spoller desc">РАБОТАЕТЕ ЛИ ВЫ ПО 249 ФЗ?</div> <p class="answers-question__text text-info">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p> </div> <div class="answers-question__item"> <div class="answers-question__headline _spoller desc">РАБОТАЕТЕ ЛИ ВЫ ПО 249 ФЗ?</div> <p class="answers-question__text text-info">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p> </div> <div class="answers-question__item"> <div class="answers-question__headline _spoller desc">РАБОТАЕТЕ ЛИ ВЫ ПО 249 ФЗ?</div> <p class="answers-question__text text-info">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p> </div> <div class="answers-question__item"> <div class="answers-question__headline _spoller desc">РАБОТАЕТЕ ЛИ ВЫ ПО 249 ФЗ?</div> <p class="answers-question__text text-info">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p> </div> </div> </div> </section> <section class="page__brands brands-slider"> <div class="brands-slider__container _container"> <div class="brands-slider__title title">наши партнеры</div> <div class="brands-slider__body _swiper"> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> <div class="brands-slider__slide"> <picture><source srcset="img/partners.webp" type="image/webp"><img src="img/partners.png" alt=""></picture> </div> </div> <div class="brands-slider__arrows"> <div class="brands-slider__arrow _icon-left-arrow brands-slider__arrow--prev"></div> <div class="brands-slider__arrow _icon-next-arrow brands-slider__arrow--next"></div> </div> </div> </section> <section class="page__reviews reviews"> <div class="reviews__container _container"> <div class="reviews__title title">отзывы о работе с нами</div> <div class="reviews__items"> <div class="reviews__item"> <div class="reviews__body"> <div class="reviews__author"> <div class="reviews__text">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов. </div> </div> <a href="#" class="reviews__user">Иванов Иван,<span>ООО “Газпром-Арена”</span></a> </div> </div> <div class="reviews__item"> <div class="reviews__body"> <div class="reviews__author"> <div class="reviews__text">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов. </div> </div> <a href="#" class="reviews__user">Иванов Иван,<span>ООО “Газпром-Арена”</span></a> </div> </div> <div class="reviews__item"> <div class="reviews__body"> <div class="reviews__author"> <div class="reviews__text">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов. </div> </div> <a href="#" class="reviews__user">Иванов Иван,<span>ООО “Газпром-Арена”</span></a> </div> </div> </div> </div> </section> <section class="page__reguest reguest-page"> <div class="reguest-page__container _container"> <div class="reguest-page__row"> <div class="reguest-page__column"> <div class="reguest-page__title reguest-page__title--query">ХОТИТЕ С НАМИ РАБОТАТЬ?</div> <div class="reguest-page__text desc">ОСТАВЬТЕ ЗАЯВКУ И МЫ СВЯЖЕМСЯ С ВАМИ!</div> </div> <div class="reguest-page__column"> <button type="submit" class="reguest-page__btn _icon-mail">ВАШ ЗАПРОС</button> </div> </div> </div> </section> <section class="page__contacts contacts"> <div class="contacts__container _container"> <div class="contacts__title title"></div> <div class="contacts__row"> <div class="contacts__column"> <div class="contacts__body"> <a href="#" class="contacts__icon"> <picture><source srcset="img/icons/contacts-01.svg" type="image/webp"><img src="img/icons/contacts-01.svg" alt=""></picture> </a> <div class="contacts__label desc">АДРЕС:</div> <a href="#" class="contacts__value desc">НЕВСКИЙ ПРОСПЕКТ 140, ОФИС 140-142</a> </div> </div> <div class="contacts__column"> <div class="contacts__body"> <a href="#" class="contacts__icon"> <picture><source srcset="img/icons/contacts-02.svg" type="image/webp"><img src="img/icons/contacts-02.svg" alt=""></picture> </a> <div class="contacts__label desc">ТЕЛЕФОН:</div> <a href="tel:88121112233" class="contacts__phone desc">8 (812) 111-22-33</a> <a href="tel:88121112233" class="contacts__phone desc">8 (812) 111-22-33</a> </div> </div> <div class="contacts__column"> <div class="contacts__body"> <a href="#" class="contacts__icon"> <picture><source srcset="img/icons/contacts-03.svg" type="image/webp"><img src="img/icons/contacts-03.svg" alt=""></picture> </a> <div class="contacts__label desc">ВРЕМЯ РАБОТЫ:</div> <div class="contacts__schedule desc">ПН-СБ <p>10:00 - 20:00</p></div> </div> </div> <div class="contacts__column"> <div class="contacts__body"> <a href="#" class="contacts__icon contacts__icon--images"> <picture><source srcset="img/icons/contacts-04.svg" type="image/webp"><img src="img/icons/contacts-04.svg" alt=""></picture> </a> <div class="contacts__label desc">E-MAIL:</div> <a href="#" class="contacts__email desc">INFO@VIP.RU</a> </div> </div> </div> </div> </section> </main> <footer class="footer"> <div class="footer__content _container"> <div class="footer__copy text-info">© 2019 Строительная компания</div> <div class="footer__text text-info">Разработано лучшей студей</div> </div></footer> </div> <div class="popup"> <div class="popup__content"> <div class="popup__body"> <div class="popup__close"></div> </div> </div></div><div class="popup popup_video"> <div class="popup__content"> <div class="popup__body"> <div class="popup__close popup__close_video"></div> <div class="popup__video _video"></div> </div> </div></div> <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> --><script src="js/vendors.min.js"></script><script src="js/app.min.js"></script></body></html>