-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 20.5 KB
/
index.html
1
<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ГРАН-МАР</title><link rel="preload" href="fonts/Arimo-Bold.woff2" as="font" crossorigin><link rel="preload" href="fonts/Arimo-Regular.woff2" as="font" crossorigin><link rel="preload" href="fonts/NotoSans-Light.woff2" as="font" crossorigin><link rel="preload" href="fonts/NotoSans-Regular.woff2" as="font" crossorigin><link rel="preload" href="fonts/OpenSans-ExtraBold.woff2" as="font" crossorigin><link rel="icon" href="img/favicon.svg" type="image/svg+xml"><link rel="stylesheet" href="css/style.min.css"><script defer="defer" src="./js/main.min.js"></script></head><body><div class="wrapper"><div class="page-loader _top"></div><header class="header"><a class="header__logo" data-header-link data-header-logo>ГРАН-МАР</a><nav class="header__menu menu fix-block" data-menu><ul class="menu__list"><li><a class="menu__link" href="#" data-header-link data-link="gallerey">Галерея камня</a></li><li><a class="menu__link" href="#" data-header-link data-link="gallerey-2">Изделия из камня</a></li><li><a class="menu__link" href="#" data-header-link data-link="result">Проекты</a></li><li><a class="menu__link" href="#" data-header-link data-link="production">О производстве</a></li><li><a class="menu__link" href="#" data-header-link data-link="contacts">Контакты</a></li></ul><a class="header__link header__link--mobile" href="tel:+74012982110" data-menu-phone>+7 (4012) 98 21 10</a></nav><a class="header__link" href="tel:+74012982110" data-header-link data-menu-phone>+7 (4012) 98 21 10</a> <button class="header__burger burger btn btn-reset" data-header-link data-open-menu aria-label="Открыть меню"><span></span></button></header><main class="page" data-mobile="false"><ul class="page__wrapper"><li class="page__screen screen page__screen--light _hidden"><section class="screen__hero _content"><div class="hero"><h1 class="hero__title">Главная страница</h1><div class="hero__wrapper"><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/1.webp"><img src="img/hero/1.jpg" alt="1"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/2.webp"><img src="img/hero/2.jpg" alt="2"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/3.webp"><img src="img/hero/3.jpg" alt="3"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/4.webp"><img src="img/hero/4.jpg" alt="4"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/5.webp"><img src="img/hero/5.jpg" alt="5"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/6.webp"><img src="img/hero/6.jpg" alt="6"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/3.webp"><img src="img/hero/3.jpg" alt="7"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/2.webp"><img src="img/hero/2.jpg" alt="8"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/1.webp"><img src="img/hero/1.jpg" alt="9"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/4.webp"><img src="img/hero/4.jpg" alt="10"></picture></div></div><div class="hero__slide"><div class="hero__img"><picture><source srcset="img/hero/3.webp"><img src="img/hero/3.jpg" alt="11"></picture></div></div><div class="hero__slide"><div class="hero__img hero__img--offset"></div></div><div class="hero__text hero__text--offset-1">МРАМОР</div><div class="hero__text hero__text--offset-2">ГРАНИТ</div><div class="hero__text hero__text--offset-3">ОНИКС</div><div class="hero__text hero__text--offset-4">ТРАВЕРТИ</div></div></div></section></li><li class="page__screen screen page__screen--black"><section class="screen__aboutus aboutus _content"><div class="aboutus__content"><div class="aboutus__decor"><span class="aboutus__line line"></span></div><div class="aboutus__body"><p class="aboutus__text-mini text-mini">КОРОТКО О КОМПАНИИ</p><h2 class="aboutus__subtitle subtitle">Мы создаем произведения искусства</h2><div class="aboutus__description"><p class="aboutus__text text">Мы более 20 лет занимаем прочное место в каменной индустрии гармонично сочетая в себе следование многовековым традициям работы с природным камнем и новейшие технологии.</p><p class="aboutus__text text">Наши производственные площади оснащены новейшим оборудованием итальянских фирм "G.M.C Brembana", "Prussiani", "Comandulli", “Breton", "GMM", позволяющим выполнять практически все виды работ с натуральным камнем.</p></div><a class="aboutus__btn btn-reset btn-primary" href="#">Подробнее <svg class="aboutus__inco arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></a></div><div class="aboutus__image"><div class="aboutus__stone-1"></div><div class="aboutus__stone-2"></div></div></div></section></li><li class="page__screen screen page__screen--black" id="gallerey"><section class="screen__gellerey gellerey _content"><div class="gellerey__content"><div class="gellerey__full"><div class="gellerey__image"><picture><source srcset="img/gallerey/1.webp"><img src="img/gallerey/1.jpg" alt="ГАЛЕРЕЯ КАМНЯ"></picture></div></div><div class="gellerey__body"><p class="gellerey__text-mini text-mini">ГАЛЕРЕЯ КАМНЯ <span class="gellerey__line line line--offset"></span></p><h2 class="gellerey__subtitle subtitle">Для которых используем только самый лучший камень</h2><p class="gellerey__text text">Правильно подобранные акценты из натуральных природных камней в интерьере вашего дома или офиса помогут создать уникальный дизайн, который несомненно увеличит стоимость недвижимости.</p><a class="gellerey__btn btn-reset btn-second" href="#">Перейти в каталог</a></div><div class="gellerey__decor"><span class="gellerey__line line"></span></div></div></section></li><li class="page__screen screen page__screen--black"><section class="screen__supplier supplier _content"><div class="supplier__content"><div class="supplier__decor"><span class="supplier__line line"></span></div><div class="supplier__body"><p class="supplier__text-mini text-mini">НАШИ ПОСТАВЩИКИ</p><h2 class="supplier__subtitle subtitle">Который закупаем по всему миру</h2><div class="supplier__description"><p class="supplier__text text">Мы работаем с сотнями типов гранита и мрамора из Бразилии, Турции, Испании, Италии, Индии и других стран во всем мире. Наши поставщики, надежные и проверенные временем.м.</p></div><a class="supplier__btn btn-reset btn-primary" href="#">Подробнее <svg class="supplier__inco arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></a></div><div class="supplier__full"><div class="supplier__image"><picture><source srcset="img/supplier/1.webp"><img src="img/supplier/1.jpg" alt="НАШИ ПОСТАВЩИКИ"></picture></div></div></div></section></li><li class="page__screen screen page__screen--light" id="production"><section class="screen__production production _content"><div class="production__content"><div class="production__image"><button class="production__btn btn-reset"><svg class="play"><use xlink:href="img/icons/sprite.svg#play"></use></svg></button></div><div class="production__body"><p class="production__text-mini text-mini">ПРОИЗВОДСТВО <span class="production__line line line--offset"></span></p><h2 class="production__subtitle subtitle">Обрабатываем на итальянском оборудовании</h2><p class="production__text text">Правильно подобранные акценты из натуральных природных камней в интерьере вашего дома или офиса помогут создать уникальный дизайн, который несомненно увеличит стоимость недвижимости.</p><a class="production__btn btn-reset btn-primary" href="#">Подробнее <svg class="production__inco arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></a></div><div class="production__decor"><span class="production__line line"></span></div></div></section></li><li class="page__screen screen page__screen--black"><section class="screen__experience experience _content"><div class="experience__content"><div class="experience__decor"><span class="experience__line line"></span></div><div class="experience__body"><p class="experience__text-mini text-mini">ОПЫТ</p><h2 class="experience__subtitle subtitle">Применяя 30-летний опыт наших мастеров</h2><div class="experience__description"><p class="experience__text text">Мы работаем с сотнями типов гранита и мрамора из Бразилии, Турции, Испании, Италии, Индии и других стран во всем мире. Наши поставщики, надежные и проверенные временем.м.</p></div><a class="experience__btn btn-reset btn-primary" href="#">Подробнее <svg class="experience__inco arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></a></div><div class="experience__full"><div class="experience__collage"><div class="experience__wrap experience__wrap--1"><div class="experience__image"><picture><source srcset="img/experience/1.webp"><img src="img/experience/1.jpg" alt="1"></picture></div></div><div class="experience__wrap experience__wrap--2"><div class="experience__image"><picture><source srcset="img/experience/2.webp"><img src="img/experience/2.jpg" alt="2"></picture></div></div><div class="experience__wrap experience__wrap--3"><div class="experience__image"><picture><source srcset="img/experience/3.webp"><img src="img/experience/3.jpg" alt="3"></picture></div></div><div class="experience__wrap experience__wrap--4"><div class="experience__image"><picture><source srcset="img/experience/4.webp"><img src="img/experience/4.jpg" alt="4"></picture></div></div></div></div></div></section></li><li class="page__screen screen page__screen--light" id="result"><section class="screen__result result _content"><div class="result__content"><div class="result__decor"><span class="result__line line"></span></div><div class="result__body"><p class="result__text-mini text-mini">РЕЗУЛЬТАТ</p><h2 class="result__subtitle subtitle">Чтобы вы могли наслаждаться красивыми изделиями</h2><div class="result__description"><p class="result__text text">Мы работаем с сотнями типов гранита и мрамора из Бразилии, Турции, Испании, Италии, Индии и других стран во всем мире. Наши поставщики, надежные и проверенные временем.м.</p></div><a class="result__btn btn-reset btn-primary" href="#">Подробнее <svg class="result__icon arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></a></div><div class="result__slider-result"><div class="slider-result"><div class="slider-result__wrapper"><div class="slider-result__slide"><div class="slider-result__image"><picture><source srcset="img/result/1.webp"><img src="img/result/1.jpg" alt="1"></picture></div></div><div class="slider-result__slide"><div class="slider-result__image"><picture><source srcset="img/result/2.webp"><img src="img/result/2.jpg" alt="2"></picture></div></div><div class="slider-result__slide"><div class="slider-result__image"><picture><source srcset="img/result/1.webp"><img src="img/result/1.jpg" alt="3"></picture></div></div></div><div class="slider-result__button-wrapper"><button class="slider-result__button-prev btn-reset"><svg class="slider-result__icon arrow-left"><use xlink:href="img/icons/sprite.svg#arrow-left"></use></svg></button> <button class="slider-result__button-next btn-reset"><svg class="slider-result__icon arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></button> <a class="slider-result__btn btn-reset btn-primary" href="#">Больше работ <svg class="result__icon arrow-right"><use xlink:href="img/icons/sprite.svg#arrow-right"></use></svg></a></div><div class="slider-result__scrollbar"></div></div></div></div></section></li><li class="page__screen screen page__screen--black" id="gallerey-2"><section class="screen__gellerey-2 gellerey-2 _content"><div class="gellerey-2__content"><div class="gellerey-2__image"><div class="gellerey-2__stone-2"></div><div class="gellerey-2__full"><div class="gellerey-2__wrap"><picture><source srcset="img/gellerey-2/1.webp"><img src="img/gellerey-2/1.jpg" alt="ГАЛЕРЕЯ КАМНЯ"></picture></div></div></div><div class="gellerey-2__body"><p class="gellerey-2__text-mini text-mini">ГАЛЕРЕЯ КАМНЯ <span class="gellerey-2__line line line--offset"></span></p><h2 class="gellerey-2__subtitle subtitle">Выполненными на заказ по вашим эскизам</h2><p class="gellerey-2__text text">Правильно подобранные акценты из натуральных природных камней в интерьере вашего дома или офиса помогут создать уникальный дизайн, который несомненно увеличит стоимость недвижимости.</p><a class="gellerey-2__btn btn-reset btn-second" href="#">Перейти в галерею изделий</a></div><div class="gellerey-2__decor"><span class="gellerey-2__line line"></span></div></div></section></li><li class="page__screen screen page__screen--light"><section class="screen__colobarate colobarate _content"><div class="colobarate__content"><div class="colobarate__decor"><span class="colobarate__line line"></span></div><div class="colobarate__body"><p class="colobarate__text-mini text-mini">ПРИЧИНЫ ДЛЯ СОТРУДНИЧЕСТВА</p><h2 class="colobarate__subtitle subtitle">А все потому что...</h2><ul class="colobarate__list"><li class="colobarate__card"><span class="colobarate__icon"></span><p class="colobarate__text text">Мы можем доставить камень из любой точки мира</p><p class="colobarate__text text colobarate__text--style">Мы работаем с сотнями типов гранита и мрамора из Испании, Италии, Индии</p></li><li class="colobarate__card"><span class="colobarate__icon"></span><p class="colobarate__text text">У нас индивидуальный подход к каждому клиенту</p><p class="colobarate__text text colobarate__text--style">Наши агенты подберут камень для самого эксклюзивного проекта</p></li><li class="colobarate__card"><span class="colobarate__icon"></span><p class="colobarate__text text">Мы используем самое высокоточное оборудование</p><p class="colobarate__text text colobarate__text--style">Оборудование из Италии, единственное в Калининграде и что-то еще</p></li><li class="colobarate__card _hidden"><span class="colobarate__icon"></span><p class="colobarate__text text">Мы всегда проектируем и визуализируем</p><p class="colobarate__text text colobarate__text--style">Мы работаем с сотнями типов гранита и мрамора из Испании, Италии, Индии</p></li><li class="colobarate__card _hidden"><span class="colobarate__icon"></span><p class="colobarate__text text">Мы сами доставим до объекта и смонтируем</p><p class="colobarate__text text colobarate__text--style">Наши агенты подберут камень для самого эксклюзивного проект</p></li><li class="colobarate__card _hidden"><span class="colobarate__icon"></span><p class="colobarate__text text">У нас работают только профессионалы</p><p class="colobarate__text text colobarate__text--style">Оборудование из Италии, единственное в Калининграде и что-то еще</p></li></ul><a class="colobarate__btn btn-reset" href="#">ПОКАЗАТЬ ВСЕ ПРЕИМУЩЕСТВА</a></div><div class="colobarate__image"><span class="colobarate__stone-1"></span></div></div></section></li><li class="page__screen screen page__screen--black _footer" id="contacts"><section class="screen__contacts contacts _content"><div class="contacts__content"><div class="contacts__description"><h2 class="contacts__subtitle subtitle">Мы всегда рады встрече</h2><p class="contacts__text text">Мы работаем с сотнями типов гранита и мрамора из Бразилии, Турции, Испании, Италии, Индии и других стран во всем мире. Наши поставщики, надежные и проверенные временем.м.</p><div class="contacts__directory"><p class="contacts__text-mini text-mini">АДРЕС</p><address class="contacts__address"><span class="contacts__sity">г. Калининград, Московский проспект, д. 244 </span><span class="contacts__time">Будние дни с 9.00 до 18.00 </span><span class="contacts__time">Суббота с 10.00 до 14.00</span></address><div class="contacts__contacts"><div class="contacts__col"><p class="contacts__text-mini text-mini">ТЕЛЕФОН</p><ul class="contacts__list-phone"><li><a class="contacts__phone" href="tel:+74012982110">+7 (4012) 98 21 10</a></li><li><a class="contacts__phone" href="tel:+74012982110">+7 (4012) 98 21 10</a></li></ul></div><div class="contacts__col"><p class="contacts__text-mini text-mini">E-MAIL</p><ul class="contacts__list-mail"><li><a class="contacts__mail" href="mailto:[email protected]">[email protected]</a></li></ul></div></div><ul class="contacts__social social"><li><a class="social__link" href="#" aria-label="Cсылка социальная сеть Vkontakte"><svg class="social__vk"><use xlink:href="img/icons/sprite.svg#vk"></use></svg></a></li><li><a class="social__link" href="#" aria-label="Cсылка социальная сеть Facebook"><svg class="social__facebook"><use xlink:href="img/icons/sprite.svg#facebook"></use></svg></a></li><li><a class="social__link" href="#" aria-label="Cсылка социальная сеть Instagram"><svg class="social__instagram"><use xlink:href="img/icons/sprite.svg#instagram"></use></svg></a></li></ul></div></div><div class="contacts__feed-back"><form class="contacts__form form" id="form-contacts" novalidate="novalidate"><label class="form__label"><input class="form__input" id="name" type="text" placeholder="Введите имя"></label> <label class="form__label"><input class="form__input" id="tel" type="tel" placeholder="+7 ( )"></label> <label class="form__label"><textarea class="form__input form__input--area" id="textarea" placeholder="Комментарий при необходимости"></textarea></label><p class="form__text">Нажимая на кнопку, вы соглашаетесь на обработку своих персональных данных (закон №152-ФЗ) и принимаете условия Пользовательского соглашения</p><button class="form__button form__button--contacts btn-reset btn-second">Отправить</button></form></div></div></section></li></ul><div class="page__pagination"></div><div class="page__scroll"></div></main><footer class="footer"><p class="footer__copyright">© 2019 «Гран-Мар» все права защищены.</p></footer></div></body></html>