Skip to content

V
volga
Commit ada5e4dd authored by Daria's avatar Daria
Browse files
Options

Upload New File

parent d87c3e7d
Hide whitespace changes
Inline Side-by-side
Showing with 209 additions and 0 deletions
index.html 0 → 100644
View file @ ada5e4dd
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/normalize.css">
</head>
<body>
<header class="header">
<nav class="navbar">
<ul class="menu">
<li class="menu-item menu-item-logo">
<a class="menu-item__link" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
</li>
<li class="menu-item menu-item-burger">
<a class="menu-item__link" href="#">
<img src="img/burger.svg" alt="burger">
</a>
</li>
<li class="menu-item"><a class="menu-item__link" href="#">Компания</a></li>
<li class="menu-item"><a class="menu-item__link" href="#">Продукция</li>
<li class="menu-item"><a class="menu-item__link" href="#">Пресс-центр</a></li>
<li class="menu-item"><a class="menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="menu-item"><a class="menu-item__link" href="#">Закупки</a></li>
<li class="menu-item"><a class="menu-item__link" href="#">Раскрытие информации</a></li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link" href="#">
<img src="img/search.svg" alt="icon: search">
</a>
</li>
<li class="second-menu-item">
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<img src="img/login.svg" alt="icon: login">
<span>Войти</span>
</div>
</a>
</li>
<li class="second-menu-item">
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<img src="img/down.svg" alt="icon: down">
</div>
</a>
</li>
</ul>
</nav>
<div class="separator"></div>
<div class="header-section">
<div class="heading">
<h1 class="heading__title">Акционерное общество «Волга»</h1>
<h2 class="heading__slogan">Опираясь на прошлое, создаём будущее!</h2>
<a class="heading__button" href="#">УЗНАТЬ ПОДРОБНЕЕ</a>
</div>
<div >
<ul class="heading-menu">
<li class="heading-menu-item">
<a class="heading-menu-item__link" href="#">Карьера</a>
</li>
<li class="heading-menu-item">
<a class="heading-menu-item__link" href="#">Контакты</a>
</li>
<li class="heading-menu-item">
<a class="heading-menu-item__link" href="#">Вирутальный тур</a>
</li>
</ul>
</div>
</div>
<div class="point-num">
</div>
<div class="point">
<div class="point-item">
<div class="point-item__num">1</div>
<div class="point-item-wrapper">
<h3 class="point-item-wrapper__title">Инвестпроекты</h3>
</div>
</div>
<div class="point-item">
<div class="point-item__num">2</div>
<div class="point-item-wrapper">
<h3 class="point-item-wrapper__title">Устойчивое развитие</h3>
</div>
</div>
<div class="point-item">
<div class="point-item__num">3</div>
<div class="point-item-wrapper">
<h3 class="point-item-wrapper__title">Зелёные технологии</h3>
</div>
</div>
<div class="point-item">
<div class="point-item__num">4</div>
<div class="point-item-wrapper">
<h3 class="point-item-wrapper__title">Лесосырьевое обеспечение</h3>
</div>
</div>
</div>
</header>
<section class="production">
<div class="production-text">
<h2 class="production__title">Продукция</h2>
<p class="production__descr">Уникальный продукт – газетная бумага,
пухлая газетная бумага повышенного качества из 100%
термомеханической массы, не имеющая аналогов на российском рынке.
</p>
<a class="production__link" href="#">Перейти в каталог</a>
</div>
<div class="production-list">
<div class="production-list-item">
<img class="production-list-item__image" src="img/product1.png" alt="product image">
<a href="#">
<svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg>
</a>
<h4 class="production-list-item__title">Газетная бумага</h4>
<p class="production-list-item__descr">Производится по современной технологии
из 100% термомеханической массы.</p>
</div>
<div class="production-list-item">
<img class="production-list-item__image" src="img/product2.png" alt="product image">
<a href="#">
<svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg>
</a>
<h4 class="production-list-item__title">Бумага для гофрирования</h4>
<p class="production-list-item__descr">Производится по современной технологии
из 100% термомеханической массы.</p>
</div>
<div class="production-list-item">
<img class="production-list-item__image" src="img/product3.png" alt="product image">
<a href="#">
<svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg>
</a>
<h4 class="production-list-item__title">Упаковочная бумага</h4>
<p class="production-list-item__descr">Производится по современной технологии
из 100% термомеханической массы.</p>
</div>
<div class="production-list-item">
<img class="production-list-item__image" src="img/product4.png" alt="product image">
<a href="#">
<svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg>
</a>
<h4 class="production-list-item__title">Пухлая бумага</h4>
<p class="production-list-item__descr">Производится по современной технологии
из 100% термомеханической массы.</p>
</div>
</div>
<div class="production-separator"></div>
</section>
<section class="company">
<div class="company-text">
<h2 class="company__title">Компания</h2>
<p class="company__descr">Акционерное общество «Волга» (г. Балахна, Нижегородской области) –
вертикально интегрированная лесопромышленная компания.</p>
<p class="company__descr">Выпускает бумагу из 100% термомеханической массы для печати газет, книг и полиграфической
продукции, бумагу для производства гофрокартона и другие виды упаковочных бумаг.</p>
<p class="company__descr">Продукция АО «Волга», отмеченная Дипломами Всероссийского конкурса
«100 лучших товаров России», экспортируется в более чем 80 стран мира.</p>
</div>
<div class="company-fact">
<div class="company-fact-item">
<span class="company-fact-item__num">250 тыс. тонн</span>
<span class="company-fact-item__descr">готовой продукции в год</span>
</div>
<div class="company-fact-item">
<span class="company-fact-item__num">90 лет</span>
<span class="company-fact-item__descr">с основания завода</span>
</div>
<div class="company-fact-item">
<span class="company-fact-item__num">450 км</span>
<span class="company-fact-item__descr">от Москвы</span>
</div>
<div class="company-fact-item">
<span class="company-fact-item__num">30 км</span>
<span class="company-fact-item__descr">от Нижнего Новгорода</span>
</div>
</div>
<div class="company-video"></div>
<div class="company-tour">
<p class="company-tour__text">
АО «Волга» входит в рейтинги «Топ-200 крупнейших
российских компаний-экспортеров» (по данным журнала «Эксперт»),
Топ-50 крупнейших лесопромышленных компаний (по версии журнала «Лесная индустрия»)
и «Топ-100 крупнейших компаний Нижегородской области» (по данным издания «Деловой квартал»).
</p>
<div class="company-tour-wrapper">
<a class="company-tour__button" href="#">ВИРТУАЛЬНЫЙ ТУР</a>
<a class="company-tour__link" href="#">Подробнее</a>
</div>
</div>
</section>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment