445 lines
27 KiB
HTML
445 lines
27 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>DP Trade — Bottle Card Variants</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&display=swap" rel="stylesheet" />
|
||
<link rel="stylesheet" href="css/site.css" />
|
||
</head>
|
||
<body class="compact-type">
|
||
<div class="site-shell">
|
||
<header class="site-header">
|
||
<div class="container header-top">
|
||
<a class="brand-logo" href="index.html" aria-label="DP Trade">
|
||
<img src="https://wine-dp-trade.ru/wp-content/uploads/2024/11/logo-500x107.png" alt="DP Trade" width="156" height="33" />
|
||
</a>
|
||
<form class="search-bar" action="#" role="search">
|
||
<button type="submit" aria-label="Поиск">⌕</button>
|
||
<input type="search" placeholder="Поиск по вину, региону, производителю" aria-label="Поиск" />
|
||
</form>
|
||
<div class="header-actions">
|
||
<a class="phone-link" href="tel:+74959379460">+7 (495) 937-94-60</a>
|
||
<a class="header-icon header-icon--air" href="#" aria-label="Аккаунт">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M12 12.2a4.1 4.1 0 1 0 0-8.2 4.1 4.1 0 0 0 0 8.2Z" />
|
||
<path d="M4.8 20.2c1.1-3.3 3.6-5 7.2-5s6.1 1.7 7.2 5" />
|
||
</svg>
|
||
</a>
|
||
<a class="header-icon header-icon--air" href="#" aria-label="Корзина">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M5 6h2l1.4 9.2h8.5L19 8H8" />
|
||
<path d="M9.4 19.2h.1M16.8 19.2h.1" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<nav class="container main-nav" aria-label="Основная навигация">
|
||
<a href="catalog.html">Каталог</a>
|
||
<div class="nav-item">
|
||
<button class="nav-trigger" type="button" aria-expanded="false">Регион <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
|
||
<section class="mega-menu" aria-label="Регион">
|
||
<div class="mega-intro">
|
||
<div>
|
||
<p class="eyebrow">Регион</p>
|
||
<h2>Вина по географии</h2>
|
||
</div>
|
||
<p>Быстрый вход в каталог через страну, апелласьон или популярный регион.</p>
|
||
</div>
|
||
<div class="menu-grid">
|
||
<article class="menu-column visual-column">
|
||
<img src="https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=900&q=80" alt="Виноградник на холмах" />
|
||
<p>Выбирайте через знакомую страну или сразу через регион, если точно знаете, что ищете.</p>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Страны</p>
|
||
<a href="#">Старый Свет</a><a href="#">Франция</a><a href="#">Италия</a><a href="#">Испания</a><a href="#">Германия</a><a href="#">Новый Свет</a><a href="#">Чили</a><a href="#">Аргентина</a>
|
||
</article>
|
||
<article class="menu-column appellations">
|
||
<p class="section-title">Апелласьоны</p>
|
||
<div class="appellation-group"><a class="country-link" href="#">Франция</a><a href="#">Bordeaux</a><a href="#">Medoc</a><a href="#">Margaux</a><a href="#">Pauillac</a><a href="#">Saint-Emilion</a></div>
|
||
<div class="appellation-group"><a class="country-link" href="#">Италия</a><a href="#">Toscana</a><a href="#">Chianti</a><a href="#">Brunello di Montalcino</a><a href="#">Piemonte</a></div>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Популярные регионы</p>
|
||
<div class="popular-list"><a href="#">Бордо</a><a href="#">Тоскана</a><a href="#">Пьемонт</a><a href="#">Риоха</a><a href="#">Напа Вэлли</a></div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<div class="nav-item">
|
||
<button class="nav-trigger" type="button" aria-expanded="false">Вино <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
|
||
<section class="mega-menu" aria-label="Вино">
|
||
<div class="mega-intro">
|
||
<div>
|
||
<p class="eyebrow">Вино</p>
|
||
<h2>Каталог по типу и стилю</h2>
|
||
</div>
|
||
<p>Быстрый выбор вина по цвету, категории и уровню сладости.</p>
|
||
</div>
|
||
<div class="menu-grid">
|
||
<article class="menu-column visual-column">
|
||
<img src="https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?auto=format&fit=crop&w=900&q=80" alt="Бокалы вина" />
|
||
<p>Начните с типа вина или сразу переходите к стилю, если знаете нужный профиль.</p>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">По типу</p>
|
||
<a href="#">Красное</a><a href="#">Белое</a><a href="#">Розовое</a><a href="#">Игристое</a><a href="#">Шампанское</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">По стилю</p>
|
||
<a href="#">Сухие</a><a href="#">Полусухие</a><a href="#">Полусладкие</a><a href="#">Сладкие</a><a href="#">Брют</a><a href="#">Экстра брют</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Популярное</p>
|
||
<div class="popular-list"><a href="#">Новинки</a><a href="#">Хиты продаж</a><a href="#">Для ресторанов</a><a href="#">Премиум подборка</a></div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<button class="nav-trigger" type="button" aria-expanded="false">Крепкий алкоголь <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
|
||
<section class="mega-menu" aria-label="Крепкий алкоголь">
|
||
<div class="mega-intro">
|
||
<div>
|
||
<p class="eyebrow">Spirits</p>
|
||
<h2>Крепкий алкоголь</h2>
|
||
</div>
|
||
<p>Подборка крепких напитков для баров, ресторанов и специализированной розницы.</p>
|
||
</div>
|
||
<div class="menu-grid">
|
||
<article class="menu-column visual-column">
|
||
<img src="https://images.unsplash.com/photo-1527281400683-1aae777175f8?auto=format&fit=crop&w=900&q=80" alt="Крепкий алкоголь в бокале" />
|
||
<p>Категории, выдержка и происхождение для быстрой навигации по ассортименту.</p>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Категории</p>
|
||
<a href="#">Виски</a><a href="#">Коньяк</a><a href="#">Арманьяк</a><a href="#">Ром</a><a href="#">Джин</a><a href="#">Водка</a><a href="#">Текила</a><a href="#">Ликеры</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">По стилю</p>
|
||
<a href="#">Односолодовый</a><a href="#">Купажированный</a><a href="#">Выдержанный</a><a href="#">Пряный</a><a href="#">Дижестив</a><a href="#">Для коктейлей</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Популярное</p>
|
||
<div class="popular-list"><a href="#">Single Malt</a><a href="#">Cognac VSOP</a><a href="#">Premium Gin</a><a href="#">Bar Selection</a></div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="nav-item">
|
||
<button class="nav-trigger" type="button" aria-expanded="false">Производители <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
|
||
<section class="mega-menu" aria-label="Производители">
|
||
<div class="mega-intro">
|
||
<div>
|
||
<p class="eyebrow">Производители</p>
|
||
<h2>Дома, хозяйства и бренды</h2>
|
||
</div>
|
||
<p>Навигация по ключевым производителям, регионам и партнерским брендам DP Trade.</p>
|
||
</div>
|
||
<div class="menu-grid">
|
||
<article class="menu-column visual-column">
|
||
<img src="https://images.unsplash.com/photo-1568213816046-0ee1c42bd559?auto=format&fit=crop&w=900&q=80" alt="Винодельня и бочки" />
|
||
<p>Откройте ассортимент через знакомые хозяйства, винные дома и регионы производства.</p>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">По странам</p>
|
||
<a href="#">Франция</a><a href="#">Италия</a><a href="#">Испания</a><a href="#">Германия</a><a href="#">Португалия</a><a href="#">Чили</a><a href="#">Аргентина</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Избранные</p>
|
||
<a href="#">Chateau Laroque</a><a href="#">Marchesi Antinori</a><a href="#">Torres</a><a href="#">Dr. Loosen</a><a href="#">Catena Zapata</a><a href="#">Penfolds</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Форматы</p>
|
||
<div class="popular-list"><a href="#">Семейные хозяйства</a><a href="#">Grand Cru</a><a href="#">Органика</a><a href="#">Эксклюзив DP Trade</a></div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<a href="#">Поставки</a>
|
||
<a href="#">Новости</a>
|
||
<div class="nav-item">
|
||
<button class="nav-trigger" type="button" aria-expanded="false">UI-kit <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
|
||
<section class="mega-menu" aria-label="UI-kit">
|
||
<div class="mega-intro">
|
||
<div>
|
||
<p class="eyebrow">Design system</p>
|
||
<h2>UI-kit и демо-страницы</h2>
|
||
</div>
|
||
<p>Быстрый доступ к живым страницам, компонентам, паттернам и токенам для разработки.</p>
|
||
</div>
|
||
<div class="menu-grid">
|
||
<article class="menu-column visual-column">
|
||
<img src="https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?auto=format&fit=crop&w=900&q=80" alt="Демонстрация винного каталога" />
|
||
<p>Все демо-страницы собраны в одном месте для проверки header, footer, карточек и каталожных сценариев.</p>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Demo pages</p>
|
||
<a href="index.html">Главная</a><a href="catalog.html">Каталог</a><a href="product.html">Карточка товара</a><a href="bottle-cards.html">Варианты карточек</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">UI-kit sections</p>
|
||
<a href="ui-kit.html#foundations">Foundations</a><a href="ui-kit.html#components">Components</a><a href="ui-kit.html#patterns">Patterns</a><a href="ui-kit.html#templates">Templates</a><a href="ui-kit.html#screens">Screens</a>
|
||
</article>
|
||
<article class="menu-column">
|
||
<p class="section-title">Dev handoff</p>
|
||
<div class="popular-list"><a href="ui-kit.html#tokens">Tokens</a><a href="ui-kit.html#components">States</a><a href="ui-kit.html#patterns">Layouts</a><a href="ui-kit.html">Full UI-kit</a></div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<main class="section card-lab-section">
|
||
<div class="container">
|
||
<div class="card-lab-head">
|
||
<div>
|
||
<p class="eyebrow">UI-kit / Product cards</p>
|
||
<h1>Варианты карточек бутылок</h1>
|
||
</div>
|
||
<p>Отдельная витрина для выбора направления карточки: крупные плитки, компактные версии и горизонтальный формат для B2B-каталога.</p>
|
||
</div>
|
||
|
||
<section class="card-variant-block" aria-labelledby="cards-grid-title">
|
||
<div class="card-variant-title">
|
||
<p class="eyebrow">Variant 01</p>
|
||
<h2 id="cards-grid-title">Акцентные карточки каталога</h2>
|
||
</div>
|
||
<div class="bottle-card-grid">
|
||
<article class="bottle-card bottle-card--bordeaux">
|
||
<div class="bottle-card__media">
|
||
<img class="bottle-card__photo" src="assets/images/00073820_1.png" alt="Chateau Laroque Grand Cru" />
|
||
</div>
|
||
<div class="bottle-card__body">
|
||
<p class="bottle-card__region">Bordeaux</p>
|
||
<h3>Chateau Laroque Grand Cru</h3>
|
||
<p>France · Red dry · 2019 · 0.75 L</p>
|
||
</div>
|
||
<div class="bottle-card__footer">
|
||
<strong>3 890 ₽</strong>
|
||
<a class="button button--primary button--sm" href="product.html">Подробнее</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bottle-card bottle-card--tuscany">
|
||
<div class="bottle-card__media">
|
||
<img class="bottle-card__photo" src="assets/images/00080768_1.png" alt="Brunello di Montalcino" />
|
||
</div>
|
||
<div class="bottle-card__body">
|
||
<p class="bottle-card__region">Tuscany</p>
|
||
<h3>Brunello di Montalcino</h3>
|
||
<p>Italy · Red dry · 2018 · 0.75 L</p>
|
||
</div>
|
||
<div class="bottle-card__footer">
|
||
<strong>4 240 ₽</strong>
|
||
<a class="button button--primary button--sm" href="product.html">Подробнее</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bottle-card bottle-card--mosel">
|
||
<div class="bottle-card__media">
|
||
<img class="bottle-card__photo" src="assets/images/00081726_1.png" alt="Riesling Kabinett" />
|
||
</div>
|
||
<div class="bottle-card__body">
|
||
<p class="bottle-card__region">Mosel</p>
|
||
<h3>Riesling Kabinett</h3>
|
||
<p>Germany · White · 2021 · 0.75 L</p>
|
||
</div>
|
||
<div class="bottle-card__footer">
|
||
<strong>2 150 ₽</strong>
|
||
<a class="button button--primary button--sm" href="product.html">Подробнее</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-variant-block" aria-labelledby="cards-alt-title">
|
||
<div class="card-variant-title">
|
||
<p class="eyebrow">Variant 02-04</p>
|
||
<h2 id="cards-alt-title">Альтернативные форматы</h2>
|
||
</div>
|
||
<div class="bottle-card-mix">
|
||
<article class="bottle-card bottle-card--clean">
|
||
<div class="bottle-card__media">
|
||
<img class="bottle-card__photo" src="assets/images/00073820_1.png" alt="Oremus Case of Aszu" />
|
||
</div>
|
||
<div class="bottle-card__body">
|
||
<p class="bottle-card__region">Clean retail</p>
|
||
<h3>Oremus Case of Aszu 5 Puttonyos</h3>
|
||
<p>Hungary · White sweet · 2000 · 0.5 L</p>
|
||
</div>
|
||
<div class="bottle-card__footer">
|
||
<strong>19 240 ₽</strong>
|
||
<a class="button button--secondary button--sm" href="product.html">В избранное</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bottle-card bottle-card--compact">
|
||
<div class="bottle-card__media">
|
||
<img class="bottle-card__photo" src="assets/images/00080768_1.png" alt="Oremus Tokaji Aszu" />
|
||
</div>
|
||
<div class="bottle-card__body">
|
||
<p class="bottle-card__region">Compact</p>
|
||
<h3>Tokaji Aszu 5 Puttonyos</h3>
|
||
<p>Hungary · 12% · Furmint, Harslevelu</p>
|
||
</div>
|
||
<div class="bottle-card__footer">
|
||
<strong>19 240 ₽</strong>
|
||
<a class="button button--primary button--sm" href="product.html">Подробнее</a>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="bottle-card bottle-card--horizontal">
|
||
<div class="bottle-card__media">
|
||
<img class="bottle-card__photo" src="assets/images/00081726_1.png" alt="Oremus Tokaji Late Harvest" />
|
||
</div>
|
||
<div class="bottle-card__content">
|
||
<div class="bottle-card__body">
|
||
<p class="bottle-card__region">B2B row card</p>
|
||
<h3>Oremus Tokaji Late Harvest</h3>
|
||
<p>Вино белое полусладкое · Венгрия · 11.5%</p>
|
||
<p class="bottle-card__details">Сорт: Фурминт, Зета, Харшлевелю</p>
|
||
</div>
|
||
<div class="bottle-card__footer">
|
||
<strong>4 980 ₽</strong>
|
||
<a class="button button--secondary button--sm" href="product.html">В избранное</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-variant-block" aria-labelledby="catalog-card-title">
|
||
<div class="card-variant-title">
|
||
<p class="eyebrow">Catalog current</p>
|
||
<h2 id="catalog-card-title">Варианты текущей карточки каталога</h2>
|
||
</div>
|
||
<div class="catalog-card-variants">
|
||
<article class="catalog-card-sample">
|
||
<p class="catalog-card-sample__label">Default / как в каталоге</p>
|
||
<div class="product-card product-card--list">
|
||
<a class="product-image" href="product.html" aria-label="Вино белое Oremus, Case of Aszu 5 Puttonyos, 0.5 л. 2000">
|
||
<img src="assets/images/00073820_1.png" alt="Вино белое Oremus, Case of Aszu 5 Puttonyos, 0.5 л. 2000" />
|
||
</a>
|
||
<div class="product-info">
|
||
<h3>Вино белое Oremus, Case of Aszu 5 Puttonyos, 0.5 л. 2000</h3>
|
||
<p class="product-origin">Вино белое, Oremus, Венгрия</p>
|
||
<p>Вино Белое Сладкое<br />12 %</p>
|
||
<p>Сорт: Фурминт (70%), Харшлевелю (28%), Мускат (2%)</p>
|
||
</div>
|
||
<div class="product-buy">
|
||
<strong>19 240 ₽</strong>
|
||
<a class="button button--secondary" href="#">В избранное</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="catalog-card-sample">
|
||
<p class="catalog-card-sample__label">Compact / меньше высота</p>
|
||
<div class="product-card product-card--list product-card--list-compact">
|
||
<a class="product-image" href="product.html" aria-label="Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000">
|
||
<img src="assets/images/00080768_1.png" alt="Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000" />
|
||
</a>
|
||
<div class="product-info">
|
||
<h3>Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000</h3>
|
||
<p class="product-origin">Вино белое, Oremus, Венгрия</p>
|
||
<p>Сладкое · 12% · Фурминт, Харшлевелю, Мускат</p>
|
||
</div>
|
||
<div class="product-buy">
|
||
<strong>19 240 ₽</strong>
|
||
<a class="button button--secondary" href="#">В избранное</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="catalog-card-sample">
|
||
<p class="catalog-card-sample__label">Hover / активная строка</p>
|
||
<div class="product-card product-card--list product-card--list-hover">
|
||
<a class="product-image" href="product.html" aria-label="Вино белое Oremus, Tokaji Late Harvest, 0.5 л. 2021">
|
||
<img src="assets/images/00081726_1.png" alt="Вино белое Oremus, Tokaji Late Harvest, 0.5 л. 2021" />
|
||
</a>
|
||
<div class="product-info">
|
||
<h3>Вино белое Oremus, Tokaji Late Harvest, 0.5 л. 2021</h3>
|
||
<p class="product-origin">Вино белое, Oremus, Венгрия</p>
|
||
<p>Вино Белое Полусладкое<br />11.5 %</p>
|
||
<p>Сорт: Фурминт, Зета, Харшлевелю</p>
|
||
</div>
|
||
<div class="product-buy">
|
||
<strong>4 980 ₽</strong>
|
||
<a class="button button--primary" href="#">Подробнее</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="catalog-card-sample">
|
||
<p class="catalog-card-sample__label">Color image / цветной фон фото</p>
|
||
<div class="product-card product-card--list product-card--list-color">
|
||
<a class="product-image product-image--gold" href="product.html" aria-label="Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000">
|
||
<img src="assets/images/00080768_1.png" alt="Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000" />
|
||
</a>
|
||
<div class="product-info">
|
||
<h3>Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000</h3>
|
||
<p class="product-origin">Вино белое, Oremus, Венгрия</p>
|
||
<p>Вино Белое Сладкое<br />12 %</p>
|
||
<p>Сорт: Фурминт (70%), Харшлевелю (28%), Мускат (2%)</p>
|
||
</div>
|
||
<div class="product-buy">
|
||
<strong>19 240 ₽</strong>
|
||
<a class="button button--secondary" href="#">В избранное</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="catalog-card-sample">
|
||
<p class="catalog-card-sample__label">B2B dense / больше данных</p>
|
||
<div class="product-card product-card--list product-card--list-b2b">
|
||
<a class="product-image" href="product.html" aria-label="Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000">
|
||
<img src="assets/images/00073820_1.png" alt="Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000" />
|
||
</a>
|
||
<div class="product-info">
|
||
<h3>Вино белое Oremus, Tokaji Aszu 5 Puttonyos, 0.5 л. 2000</h3>
|
||
<p class="product-origin">Венгрия · Tokaj · Oremus · 0.5 л · 12%</p>
|
||
<div class="product-params">
|
||
<span>Тип: белое сладкое</span>
|
||
<span>Сорт: Фурминт 70%</span>
|
||
<span>Упаковка: 6 шт.</span>
|
||
<span>Артикул: 00073820</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-buy">
|
||
<strong>19 240 ₽</strong>
|
||
<a class="button button--secondary" href="#">В избранное</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container footer-container">
|
||
<section class="footer-main">
|
||
<div class="footer-left">
|
||
<div><a class="footer-brand" href="index.html" aria-label="DP Trade"><span>DP</span>.Trade</a><p class="footer-brand-subtitle">Территория качественного вина</p></div>
|
||
<div><span class="section-title">Мы в соцсетях</span><div class="social-links"><a href="#" aria-label="Telegram">TG</a><a href="#" aria-label="VK">VK</a></div></div>
|
||
<article class="contacts-card"><h2>Контакты</h2><a class="contact-link contact-phone" href="tel:+74959379460">+7 (495) 937-94-60</a><a class="contact-link" href="mailto:dptr@dp-trade.ru">dptr@dp-trade.ru</a><a class="button button--primary button--sm" href="#">Связаться с менеджером</a></article>
|
||
</div>
|
||
<section class="footer-nav" aria-label="Навигация по разделам">
|
||
<article class="nav-group"><h2>Каталог</h2><ul><li><a href="catalog.html">Вина по регионам</a></li><li><a href="#">Франция</a></li><li><a href="#">Италия</a></li><li><a href="#">Испания</a></li><li><a href="#">Новинки</a></li></ul></article>
|
||
<article class="nav-group"><h2>Клиентам</h2><ul><li><a href="#">Доставка</a></li><li><a href="#">Оплата</a></li><li><a href="#">Как купить</a></li><li><a href="#">Скачать каталог</a></li></ul></article>
|
||
<article class="nav-group"><h2>Компания</h2><ul><li><a href="#">О компании</a></li><li><a href="#">Контакты</a></li><li><a href="#">Склады</a></li><li><a href="#">Реквизиты</a></li></ul></article>
|
||
<section class="footer-legal" aria-label="Правовая информация"><p>Интернет-витрина размещает информацию об алкогольной продукции исключительно в целях ознакомления. Дистанционная продажа алкогольной продукции не осуществляется. <a href="#">Подробнее о правовой информации</a></p><p>© 2026 DP-Trade</p></section>
|
||
</section>
|
||
</section>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|