mirror of
https://github.com/robonen/wine-beer-concept.git
synced 2026-03-19 18:14:34 +00:00
336 lines
14 KiB
HTML
336 lines
14 KiB
HTML
<!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.0" />
|
||
<title>Wine&Beer</title>
|
||
<link rel="stylesheet" href="/css/index.css" />
|
||
<link rel="stylesheet" href="/fonts/Geometria/font.css" />
|
||
<link rel="stylesheet" href="/fonts/AGMelanie/font.css" />
|
||
<link rel="stylesheet" href="/fonts/Montserrat/font.css" />
|
||
</head>
|
||
<body>
|
||
<div class="landing_head">
|
||
<div class="background"></div>
|
||
<header>
|
||
<div class="logo">
|
||
<img src="/img/logo.svg" alt="Logo" />
|
||
<div class="location">
|
||
<img src="/img/icons/location.svg" alt="Location" />
|
||
<span class="city">Томск</span>
|
||
</div>
|
||
</div>
|
||
<div class="menu">
|
||
<a href="">Вино</a>
|
||
<a href="">Шампанское</a>
|
||
<a href="">Крепкие напитки</a>
|
||
<a href="">О нас</a>
|
||
</div>
|
||
<div class="account">
|
||
<a href="">
|
||
<img src="/img/icons/cart.svg" alt="Cart" />
|
||
</a>
|
||
<a href="">
|
||
<img src="/img/icons/search.svg" alt="Search" />
|
||
</a>
|
||
<a href="">
|
||
<img src="/img/icons/user.svg" alt="User" />
|
||
</a>
|
||
</div>
|
||
<div class="hamburger">
|
||
<button class="hamburger_btn" aria-label="Main Menu">
|
||
<svg width="50" height="50" viewBox="0 0 100 100">
|
||
<path
|
||
class="line line1"
|
||
d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058"
|
||
/>
|
||
<path class="line line2" d="M 20,50 H 80" />
|
||
<path
|
||
class="line line3"
|
||
d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942"
|
||
/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="mobile_menu">
|
||
<div class="menu">
|
||
<a href="">Вино</a>
|
||
<a href="">Шампанское</a>
|
||
<a href="">Крепкие напитки</a>
|
||
<a href="">О нас</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<div class="showreal">
|
||
<div class="logo">
|
||
<img src="/img/logo.svg" alt="Logo" />
|
||
</div>
|
||
<div class="dots">
|
||
<img src="/img/icons/dots.svg" alt="Dots" />
|
||
</div>
|
||
<article>
|
||
Не важно, ищете ли вы «то самое вино» или хотите открыть что-то новое,
|
||
планируете семейный ужин или грандиозный банкет —
|
||
<strong>вы можете полностью на нас положиться.</strong>
|
||
</article>
|
||
</div>
|
||
<div class="arrow">
|
||
<img src="/img/icons/arrow.svg" alt="Arrow" />
|
||
</div>
|
||
</div>
|
||
<section class="landing_section">
|
||
<div class="cards_container">
|
||
<div class="section_title">Каталог</div>
|
||
<div id="wine" class="card">
|
||
<div class="card_description">
|
||
<div class="description_title">Вино</div>
|
||
<img src="/img/icons/dots.svg" alt="Dots" />
|
||
<div class="description_text">
|
||
Вино — один из самых благородных и многогранных напитков в мире. В
|
||
Wine & Beer представлена одна из лучших коллекций тихих и игристых
|
||
вин со всего света.
|
||
</div>
|
||
<div class="detail">
|
||
<span>Подробнее</span>
|
||
<img src="/img/icons/long-arrow.svg" alt="Arrow" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="champagne" class="card">
|
||
<div class="card_description">
|
||
<div class="description_title">Шампанское</div>
|
||
<img src="/img/icons/dots.svg" alt="Dots" />
|
||
<div class="description_text">
|
||
Вино — один из самых благородных и многогранных напитков в мире. В
|
||
Wine & Beer представлена одна из лучших коллекций тихих и игристых
|
||
вин со всего света.
|
||
</div>
|
||
<div class="detail">
|
||
<span>Подробнее</span>
|
||
<img src="/img/icons/long-arrow.svg" alt="Arrow" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="beer" class="card">
|
||
<div class="card_description">
|
||
<div class="description_title">Пиво</div>
|
||
<img src="/img/icons/dots.svg" alt="Dots" />
|
||
<div class="description_text">
|
||
Вино — один из самых благородных и многогранных напитков в мире. В
|
||
Wine & Beer представлена одна из лучших коллекций тихих и игристых
|
||
вин со всего света.
|
||
</div>
|
||
<div class="detail">
|
||
<span>Подробнее</span>
|
||
<img src="/img/icons/long-arrow.svg" alt="Arrow" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="alcohol" class="card">
|
||
<div class="card_description">
|
||
<div class="description_title">Крепкие напитки</div>
|
||
<img src="/img/icons/dots.svg" alt="Dots" />
|
||
<div class="description_text">
|
||
Вино — один из самых благородных и многогранных напитков в мире. В
|
||
Wine & Beer представлена одна из лучших коллекций тихих и игристых
|
||
вин со всего света.
|
||
</div>
|
||
<div class="detail">
|
||
<span>Подробнее</span>
|
||
<img src="/img/icons/long-arrow.svg" alt="Arrow" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="popular" class="landing_section">
|
||
<div class="popular_container">
|
||
<div class="section_title">
|
||
<span>Популярное</span>
|
||
<div class="detail">
|
||
<span>Подробнее</span>
|
||
<img src="/img/icons/long-arrow.svg" alt="Arrow" />
|
||
</div>
|
||
</div>
|
||
<div class="product_container">
|
||
<div id="zinfandel" class="product_image"></div>
|
||
<div class="product_title">Вино Zinfandel Walley Oaks,<br />2017</div>
|
||
<div class="product_description">
|
||
США, красное, полусухое, 0.75 мл.
|
||
</div>
|
||
<div class="product_price">1500 ₽</div>
|
||
</div>
|
||
<div class="product_delim"></div>
|
||
<div class="product_container">
|
||
<div id="fetzer" class="product_image"></div>
|
||
<div class="product_title">Вино Zinfandel Walley Oaks,<br />2017</div>
|
||
<div class="product_description">
|
||
США, красное, полусухое, 0.75 мл.
|
||
</div>
|
||
<div class="product_price">1490 ₽</div>
|
||
</div>
|
||
<div class="product_delim"></div>
|
||
<div class="product_container">
|
||
<div id="regaleali" class="product_image"></div>
|
||
<div class="product_title">
|
||
Вино Regaleali Nero d'Avola,<br />2016
|
||
</div>
|
||
<div class="product_description">
|
||
Италия, розовое, сухое, 0.75 мл.
|
||
</div>
|
||
<div class="product_price">1500 ₽</div>
|
||
</div>
|
||
<div class="product_delim"></div>
|
||
<div class="product_container">
|
||
<div id="scolca" class="product_image"></div>
|
||
<div class="product_title">Вино Zinfandel Walley Oaks,<br />2017</div>
|
||
<div class="product_description">США, белое, полусухое, 0.75 мл.</div>
|
||
<div class="product_price">1500 ₽</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="help" class="landing_full">
|
||
<div class="help_container">
|
||
<div class="help_title">
|
||
Не знаете, как<br />
|
||
выбрать вино?<br />Мы можем Вам помочь.
|
||
</div>
|
||
<div class="help_text">
|
||
Вино — это ключевая составляющая идеального ужина. Бокал вина украсит
|
||
любое блюдо и заставит его заиграть совершенно новыми
|
||
гастрономическими нотками.
|
||
</div>
|
||
<button>Подобрать вино</button>
|
||
</div>
|
||
</section>
|
||
<section class="landing_section">
|
||
<div class="about_container">
|
||
<div class="section_title">
|
||
<span>Интересно о вине</span>
|
||
</div>
|
||
<div id="shrimp" class="about_card_container">
|
||
<div class="about_card_inside">
|
||
<div class="about_card_category">
|
||
<span class="dot"></span>
|
||
<span>Рецепты</span>
|
||
</div>
|
||
<div class="about_card_title">
|
||
Креветки в соусе из кунжутного масла
|
||
</div>
|
||
<div class="about_card_description">
|
||
Легкий и быстрый в приготовлении рецепт вы смело можете взять на
|
||
вооружение для приготовления в будни.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="festival" class="about_card_container">
|
||
<div class="about_card_inside">
|
||
<div class="about_card_category">
|
||
<span class="dot"></span>
|
||
<span>Вино и стиль жизни</span>
|
||
</div>
|
||
<div class="about_card_title">Винные фестивали Европы</div>
|
||
<div class="about_card_description">
|
||
Винодельческие регионы часто проводят винные фестивали.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="about_card_container_double">
|
||
<div id="wine" class="about_card_container_small">
|
||
<div class="about_card_inside">
|
||
<div class="about_card_category">
|
||
<span class="dot"></span>
|
||
<span>Советы</span>
|
||
</div>
|
||
<div class="about_card_title">
|
||
Подбор вина: советы опытных сомелье
|
||
</div>
|
||
<div class="about_card_description">
|
||
Выбрать вино и не сойти с ума.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="spanish" class="about_card_container_small">
|
||
<div class="about_card_inside">
|
||
<div class="about_card_category">
|
||
<span class="dot"></span>
|
||
<span>История</span>
|
||
</div>
|
||
<div class="about_card_title">Эволюция испанских вин</div>
|
||
<div class="about_card_description">
|
||
В Испании срок выдержки вин считается основным критерием их
|
||
качества.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
<div class="footer_container">
|
||
<div class="footer_row">
|
||
<div class="logo">
|
||
<img src="/img/logo.svg" alt="Logo" />
|
||
</div>
|
||
<div id="phrase">
|
||
Вино — это ключевая составляющая идеального ужина.
|
||
</div>
|
||
<div class="footer_phones">+7 495 510 67 68<br />8 800 555 62 36</div>
|
||
<div>г. Томск, пр. Ленина, 94</div>
|
||
<div>cheers@wineforall.ru</div>
|
||
</div>
|
||
<div class="row_wrapper">
|
||
<div class="footer_row">
|
||
<div class="row_title">Обслуживание клиентов</div>
|
||
<a>Помощь и контакты</a>
|
||
<a>Заказы и доставка</a>
|
||
<a>Вопросы и ответы</a>
|
||
<a>Условия пользования</a>
|
||
<a>Условия конфиденциальности</a>
|
||
</div>
|
||
<div class="footer_row">
|
||
<div class="row_title">О нас</div>
|
||
<a>Магазин</a>
|
||
<a>Гарантия</a>
|
||
<a>Партнеры</a>
|
||
<a>Отзывы</a>
|
||
<a>Карьера</a>
|
||
</div>
|
||
<div class="footer_row">
|
||
<div class="row_title">Информация</div>
|
||
<a>Как сделать заказ</a>
|
||
<a>Бонусная программа</a>
|
||
<a>Помощь в выборе</a>
|
||
</div>
|
||
<div class="footer_row">
|
||
<div class="row_title">Мы в соцсетях</div>
|
||
<div class="socials">
|
||
<a href="https://instagram.com" target="_blank">
|
||
<img src="/img/social/instagram.svg" alt="Instagram" />
|
||
</a>
|
||
<a href="https://vk.com" target="_blank">
|
||
<img src="/img/social/vk.svg" alt="VK" />
|
||
</a>
|
||
<a href="https://facebook.com">
|
||
<img src="/img/social/facebook.svg" alt="Facebook" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<div class="last_cointainer">
|
||
<div class="copyright">© 2019 Wine & Beer</div>
|
||
<div class="policy_container">
|
||
<a href="">Конфиденциальность и cookie-файлы</a>
|
||
<div class="product_delim"></div>
|
||
<a href="">Правила и условия</a>
|
||
<div class="product_delim"></div>
|
||
<a href="">Доступность</a>
|
||
</div>
|
||
</div>
|
||
<script src="/js/index.js"></script>
|
||
</body>
|
||
</html>
|