Skip to content

V
volga
Commit 03a20b77 authored by dagalkova's avatar dagalkova
Browse files
Options

update

parent 452ee4b5
Hide whitespace changes
Inline Side-by-side
Showing with 4915 additions and 7 deletions
contacts.html 0 → 100644
View file @ 03a20b77
<!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>Контакты</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 class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav">
<a href="#" class="heading-other-nav__page">Главная</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Контакты</a>
</div>
<h1 class="heading-other__title">Контакты</h1>
</div>
</header>
<section class="contacts contacts-subpage" style="background-image: url('img/company_mask.svg');">
<div class="contacts-info">
<div class="contacts-info-item">
<span class="contacts-info-item__title">Нижегородский офис АО «Волга»</span>
<a href="tel:+78314493316" class="contacts-info-item__tel">+7 (83144) 9-33-16</a>
<span class="contacts-info-item__addr">Балахна, ул. Горького, 1</span>
<a href="mailto:info@volga-paper.ru" class="contacts-info-item__email">info@volga-paper.ru</a>
</div>
<div class="contacts-info-item">
<span class="contacts-info-item__title">Московский офис АО «Волга»</span>
<a href="tel:+78314493316" class="contacts-info-item__tel">+7 (83144) 9-33-16</a>
<span class="contacts-info-item__addr">ул. Неглинная, 15</span>
<a href="mailto:info@volga-paper.ru" class="contacts-info-item__email">info@volga-paper.ru</a>
</div>
</div>
<div class="contacts-map" id="map"></div>
</section>
<section class="form form-white section-subpage">
<form action="" class="form-white-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-white-ui-inner">
<div class="form-white-ui-inner-heading">
<span class="form-white-ui-inner-heading__title">Записаться на приём к руководству</span>
<span class="form-white-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-white-ui-inner-content">
<input class="form-white-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-white-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-white-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-white-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-white-ui-inner-content__button" type="submit" value="Записаться" style="background-image: url('img/form_button_white.png');">
</div>
<div class="form-white-ui-inner-checkbox">
<input class="form-white-ui-inner-checkbox__input" type="checkbox" id="checkbox3" checked>
<label for="checkbox3" class="form-white-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
<script defer>
ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
center: [56.151574, 41.073856],
zoom: 6
}, {
searchControlProvider: 'yandex#search'
}),
myPlacemark = new ymaps.Placemark([55.763001, 37.619737], {
}, {
iconLayout: 'default#image',
iconImageHref: 'img/map_icon.png',
iconImageSize: [50, 70],
iconImageOffset: [-25, -65]
}),
myPlacemark2 = new ymaps.Placemark([56.529327, 43.560287], {
}, {
iconLayout: 'default#image',
iconImageHref: 'img/map_icon.png',
iconImageSize: [50, 70],
iconImageOffset: [-25, -65]
});
myMap.geoObjects
.add(myPlacemark)
.add(myPlacemark2);
});
</script>
</body>
</html>
\ No newline at end of file
ecology.html 0 → 100644
View file @ 03a20b77
<!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>Экология</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 class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav">
<a href="#" class="heading-other-nav__page">Главная</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page">Устойчивое развитие</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Экология</a>
</div>
<h1 class="heading-other__title">Экология</h1>
</div>
</header>
<section class="corp" style="background-image: url('img/company_mask.svg');">
<div class="corp-wrapper">
<a class="corp-wrapper__btn" href="#otv">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экологическая ответственность</a>
<a class="corp-wrapper__btn" href="#green">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Зелёные технологии</a>
<a class="corp-wrapper__btn" href="#pol">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экологическая политика</a>
<a class="corp-wrapper__btn" href="#work">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Прозрачность в работе</a>
</div>
<div class="corp-content">
<div class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/eco.jpg" alt="photo">
</div>
<div class="corp-content-wrapper">
<p class="corp-content-wrapper__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="corp-content-wrapper__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
</div>
<div id="otv" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Экологическая ответственность</h2>
<p class="corp-content-wrapper__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="corp-content-wrapper__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
<p class="corp-content-wrapper__text">АО «Волга» традиционно выступает инициатором акций, направленных на улучшение экологической ситуации на объектах предприятия, а также в Балахнинском районе в целом. Среди них – ежегодные посадки сотрудниками и ветеранами предприятия саженцев ели и сосны, вносящие вклад в озеленение города, что на деле доказывает готовность руководства и работников АО «Волга» принимать на себя личные обязательства по бережному отношению к природе.</p>
</div>
<div class="corp-content-wrapper">
<div class="sertificate-contacts">
<div class="sertificate-contacts-item sertificate-contacts-item--eco" style="background-image: url('img/eco_back.svg');">
<div class="sertificate-contacts-year">2014</div>
<img class="sertificate-contacts__icon--eco" src="img/eco_icon.svg" alt="icon">
<div class="sertificate-contacts-text--eco">
<p class="sertificate-contacts-text--eco__label">Реконструкция системы аэрации в 1 секции аэротенка БОС с заменой дисковых аэраторов на трубчатые, внедрение технологии влажного золоудаления от установки по утилизации кородревесных отходов и шламовых осадков путем сжигания в котле и частичную замену магистральных напорных коллекторов подачи сточных вод от участка МОС до участка БОС цеха ООС продолжительностью 1,1 км.</p>
</div>
</div>
<div class="sertificate-contacts-item sertificate-contacts-item--eco" style="background-image: url('img/eco_back.svg');">
<div class="sertificate-contacts-year">2015</div>
<img class="sertificate-contacts__icon--eco" src="img/eco_icon.svg" alt="icon">
<div class="sertificate-contacts-text--eco">
<p class="sertificate-contacts-text--eco__label">Была проведена очистка водоохраной зоны предприятия от отходов производства, выполнен капитальный ремонт отстойника на участке механических очистных сооружений.</p>
</div>
</div>
<div class="sertificate-contacts-item sertificate-contacts-item--eco" style="background-image: url('img/eco_back.svg');">
<div class="sertificate-contacts-year">2016</div>
<img class="sertificate-contacts__icon--eco" src="img/eco_icon.svg" alt="icon">
<div class="sertificate-contacts-text--eco">
<p class="sertificate-contacts-text--eco__label">Была проведена очистка водоохраной зоны предприятия от отходов производства, выполнен капитальный ремонт отстойника на участке механических очистных сооружений.</p>
</div>
</div>
<div class="sertificate-contacts-item sertificate-contacts-item--eco" style="background-image: url('img/eco_back.svg');">
<div class="sertificate-contacts-year">2017</div>
<img class="sertificate-contacts__icon--eco" src="img/eco_icon.svg" alt="icon">
<div class="sertificate-contacts-text--eco">
<p class="sertificate-contacts-text--eco__label">Была проведена очистка водоохраной зоны предприятия от отходов производства, выполнен капитальный ремонт отстойника на участке механических очистных сооружений.</p>
</div>
</div>
</div>
</div>
<div class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/eco2.jpg" alt="photo2">
</div>
<div id="green" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Зеленые технологии</h2>
<p class="corp-content-wrapper__text">АО «Волга» рассматривает деятельность по охране окружающей среды как неотъемлемую часть своей повседневной работы, в полной мере осознавая значимость поддержания экологического равновесия в регионе.</p>
<p class="corp-content-wrapper__text">В результате реализации экологической политики на предприятии за последние десять лет произошло снижение объема водопотребления и водоотведения, а общие вредные выбросы от деятельности комбината сократились в 12 раз!</p>
<p class="corp-content-wrapper__text">АО «Волга» на международном уровне было отмечено за высокую экологическую ответственность. Эксперты присвоили предприятию наивысший экологический рейтинг «ЭКО-А+».</p>
</div>
<div class="corp-content-wrapper">
<div class="eco">
<div class="eco-card" style="background-image: url('img/eco_card.svg');">
<svg class="eco-card__icon">
<use xlink:href="img/eco_icons.svg#1"></use>
</svg>
<p class="eco-card__num">96%</p>
<p class="eco-card__text">рециклинг отходов</p>
</div>
<div class="eco-card" style="background-image: url('img/eco_card.svg');">
<svg class="eco-card__icon">
<use xlink:href="img/eco_icons.svg#2"></use>
</svg>
<p class="eco-card__num">88%</p>
<p class="eco-card__text">воды используется многократно</p>
</div>
<div class="eco-card" style="background-image: url('img/eco_card.svg');">
<svg class="eco-card__icon">
<use xlink:href="img/eco_icons.svg#3"></use>
</svg>
<p class="eco-card__num">84%</p>
<p class="eco-card__text">выбросов улавливается газоочистными сооружениями</p>
</div>
<div class="eco-card" style="background-image: url('img/eco_card.svg');">
<svg class="eco-card__icon">
<use xlink:href="img/eco_icons.svg#4"></use>
</svg>
<p class="eco-card__num">100%</p>
<p class="eco-card__text">Стоков проходят 5 ступенчатую очистку на очистных сооружениях ООО «БиоТехсервис»</p>
</div>
<div class="eco-card" style="background-image: url('img/eco_card.svg');">
<svg class="eco-card__icon">
<use xlink:href="img/eco_icons.svg#5"></use>
</svg>
<p class="eco-card__num">100%</p>
<p class="eco-card__text">бумаги отбеливается без соединений хлора</p>
</div>
</div>
</div>
<div class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/eco3.jpg" alt="photo3">
</div>
<div id="pol" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Экологическая политика</h2>
<p class="corp-content-wrapper__text">Работа по обращению с отходами производства и потребления на АО «Волга» актуализируется с каждым годом.</p>
<p class="corp-content-wrapper__text">С 2008 года кородревесные отходы утилизируются на АО «Волга» совместно с осадками очистных сооружений путем сжигания в котле, а образующаяся зола размещается на золошламонакопителе, и ее антропогенное воздействие на окружающую среду сведено к минимуму.</p>
<p class="corp-content-wrapper__text">Среди планов АО «Волга» на последующие годы – реализация проекта рекультивации выведенной из эксплуатации 3-й секции шламонакопителя – объекта инфраструктуры очистных сооружений.</p>
</div>
<div class="corp-content-wrapper">
<div class="sertificate">
<div class="sertificate-slider">
<div class="eco-item">
<h3 class="gazeta-item-text__title">Раскрытие экологической информации</h3>
<p class="gazeta-item-text__download">
<img class="gazeta-item-text__download__icon" src="img/download.svg" alt="download">PDF, 1.6 Mb
</p>
</div>
<div class="eco-item">
<h3 class="gazeta-item-text__title">Раскрытие экологической информации</h3>
<p class="gazeta-item-text__download">
<img class="gazeta-item-text__download__icon" src="img/download.svg" alt="download">PDF, 1.6 Mb
</p>
</div>
<div class="eco-item">
<h3 class="gazeta-item-text__title">Раскрытие экологической информации</h3>
<p class="gazeta-item-text__download">
<img class="gazeta-item-text__download__icon" src="img/download.svg" alt="download">PDF, 1.6 Mb
</p>
</div>
<div class="eco-item">
<h3 class="gazeta-item-text__title">Раскрытие экологической информации</h3>
<p class="gazeta-item-text__download">
<img class="gazeta-item-text__download__icon" src="img/download.svg" alt="download">PDF, 1.6 Mb
</p>
</div>
<div class="eco-item">
<h3 class="gazeta-item-text__title">Раскрытие экологической информации</h3>
<p class="gazeta-item-text__download">
<img class="gazeta-item-text__download__icon" src="img/download.svg" alt="download">PDF, 1.6 Mb
</p>
</div>
</div>
</div>
</div>
<div class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/eco4.jpg" alt="photo4">
</div>
<div id="work" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Прозрачность в работе</h2>
<p class="corp-content-wrapper__text">Работа по обращению с отходами производства и потребления на АО «Волга» актуализируется с каждым годом.</p>
<p class="corp-content-wrapper__text">С 2008 года кородревесные отходы утилизируются на АО «Волга» совместно с осадками очистных сооружений путем сжигания в котле, а образующаяся зола размещается на золошламонакопителе, и ее антропогенное воздействие на окружающую среду сведено к минимуму.</p>
<p class="corp-content-wrapper__text">Среди планов АО «Волга» на последующие годы – реализация проекта рекультивации выведенной из эксплуатации 3-й секции шламонакопителя – объекта инфраструктуры очистных сооружений.</p>
<p class="corp-content-wrapper__text">Выпускаемая АО «Волга» газетная бумага соответствует требованиям нормативных документов: требованиям ГОСТ 6445-74 (газетная бумага марки О, А); требованиям ТУ 5431-003-00279278-2004, о чем свидетельствуют полученные сертификаты соответствия. Успешное проведение работ по сертификации газетной бумаги и по ежегодному инспекционному контролю за сертифицированной продукцией - это показатель отличной, слаженной работы всех служб предприятия.</p>
</div>
<div class="sertificate">
<div class="sertificate-slider eco-slider">
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/eco_sert.jpg" alt="eco-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label eco-item__label">Сертификат соответствия</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/eco_sert.jpg" alt="eco-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label eco-item__label">Сертификат соответствия</span>
</div>
</div>
</div>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
img/eco_back.svg 0 → 100644
View file @ 03a20b77
<svg width="386" height="254" viewBox="0 0 386 254" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="386" height="254">
<rect width="386" height="254" fill="white"/>
</mask>
<g mask="url(#mask0)">
<mask id="mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="123" y="0" width="507" height="254">
<rect x="123" width="507" height="254" fill="white"/>
</mask>
<g mask="url(#mask1)">
<path d="M318.822 254.901L356.407 254.587L257.491 159.422L386.444 31.75L515.397 158.48L417.581 254.116H455.638L506.747 255.058M318.822 254.901L367.101 301.07V349.438L267.241 254.587L233.431 254.43H175.716L366.629 442.719V381.788L233.273 254.587L197.104 221.452L163.922 255.058L386.601 478.367L610.538 254.43L577.199 221.609L541.344 255.215L408.775 381.945L409.089 442.091L598.901 255.372L541.344 255.058H506.747M318.822 254.901L239.564 179.994L215.503 205.12L267.241 254.744L318.822 254.901ZM506.747 255.058L559.272 202.45L533.953 179.052L455.795 254.273L408.775 300.442V350.223L506.747 255.058Z" stroke="#D6D9E5" stroke-opacity="0.2" stroke-width="3"/>
</g>
</g>
</svg>
img/eco_card.svg 0 → 100644
View file @ 03a20b77
<svg width="379" height="280" viewBox="0 0 379 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="379" height="280">
<rect width="379" height="280" fill="white"/>
</mask>
<g mask="url(#mask0)">
<rect x="320.311" y="-60" width="148.931" height="148.931" transform="rotate(45 320.311 -60)" fill="#029745"/>
</g>
</svg>
img/eco_icon.svg 0 → 100644
View file @ 03a20b77
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="15" y="2.72266" width="17.3638" height="17.3638" transform="rotate(45 15 2.72266)" fill="#029745"/>
<rect x="15" y="0.707107" width="20.2132" height="20.2132" transform="rotate(45 15 0.707107)" stroke="#029745"/>
</svg>
img/eco_icons.svg 0 → 100644
View file @ 03a20b77
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="1">
<g clip-path="url(#clip0)" fill="#fff">
<path d="M51.244 15.703c-.275-.343-.756-.481-1.237-.275l-1.788.688-5.501-12.171c-.206-.413-.55-.619-.963-.619H23.877a.98.98 0 00-.825.413L12.944 15.84c-.206.206-.275.55-.206.825.069.275.206.55.412.756l10.108 7.495c.482.344 1.17.275 1.513-.206l6.601-8.939 3.163 5.638-1.994 1.032c-.412.206-.619.619-.55 1.031.069.413.344.826.825.894l11.277 2.75h.275c.344 0 .688-.206.894-.48l6.051-9.696c.275-.413.206-.894-.069-1.238zm-27.573 6.808l-8.32-6.189 9.076-10.864h1.444l4.47 8.32-6.67 8.733zm20.078 2.406l-7.632-1.856.412-.206c.275-.138.482-.344.55-.62.07-.274.07-.55-.068-.825l-4.539-8.113-4.263-7.908H41l5.638 12.515c.206.412.688.687 1.1.619l-3.988 6.394zM27.453 43.482l-11.14-.481 2.889-5.776 1.925 1.1c.413.206.894.206 1.238-.137a.954.954 0 00.275-1.17l-4.057-10.864c-.138-.412-.55-.687-1.032-.687l-11.483.412c-.481 0-.825.344-.962.757-.138.412.068.894.412 1.169l1.582 1.1L.155 40.319a1.181 1.181 0 000 1.17l7.701 11.345 2.957 4.47c.206.274.55.48.894.48h15.677c.62 0 1.1-.48 1.1-1.1v-12.1c0-.55-.48-1.032-1.03-1.1zM9.506 51.46l-7.15-10.59 7.22-11.69c.274-.412.205-.893-.138-1.237l7.495-.344 2.75 7.427-.413-.207c-.275-.137-.55-.206-.825-.068-.275.068-.481.275-.619.55l-4.125 8.251-4.195 7.908zm16.778 4.194H12.257l-1.375-2.131 4.4-8.39 11.002.482v10.04zm37.613-15.746l-6.876-14.164c-.138-.276-.344-.482-.619-.55-.275-.07-.55-.07-.825.137l-11.002 6.12c-.481.275-.688.962-.413 1.444l5.364 9.695-6.464.55-.069-2.2c0-.481-.343-.825-.756-.963-.412-.137-.894 0-1.169.344l-7.151 9.145c-.275.344-.275.894-.069 1.238l6.395 9.49c.206.274.55.48.894.48.069 0 .206 0 .275-.068.413-.138.756-.55.756-.963l.07-1.925h13.339c.413 0 .825-.275.963-.62l7.357-16.296a1.02 1.02 0 000-.894zm-8.87 15.747H41.343c-.481 0-.894.344-1.031.756l-4.195-6.257L41 43.897v.481c0 .275.138.55.344.756.206.207.482.275.825.275l9.215-.825 8.938-.619-5.294 11.69zm6.188-13.959l-9.42.688-5.295-9.627 9.077-5.088 6.257 12.72-.619 1.307z"></path>
</g>
<defs>
<clipPath id="clip0">
<path fill="#fff" d="M0 0h64v64H0z"></path>
</clipPath>
</defs>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="2">
<g clip-path="url(#clip0)" fill="#fff">
<path d="M42.565 37.224c5.837.013 10.58-4.708 10.593-10.545a10.568 10.568 0 00-1.222-4.956L43.833 6.361a1.41 1.41 0 00-2.536 0l-8.103 15.36a10.499 10.499 0 001.902 12.402 10.64 10.64 0 007.469 3.1zM35.73 22.991l6.835-12.965L49.4 22.99a7.75 7.75 0 11-13.67 0zm-21.139-4.087c1.7.011 3.33-.677 4.51-1.902a6.412 6.412 0 001.198-7.61L15.789.795a1.41 1.41 0 00-2.537 0l-4.51 8.597a6.412 6.412 0 001.199 7.61 6.412 6.412 0 004.65 1.902zm-3.312-8.244l3.242-6.2 3.24 6.2a3.735 3.735 0 01-.633 4.369 3.453 3.453 0 01-2.537 1.057 3.804 3.804 0 01-2.678-1.057 3.664 3.664 0 01-.634-4.369zM60.25 60.335a10.004 10.004 0 01-2.325-2.254c-1.55-1.762-3.523-3.946-7.187-3.946s-5.566 2.114-7.187 4.016c-1.62 1.903-2.678 3.03-5.073 3.03-2.396 0-3.594-1.339-5.073-3.03-1.48-1.69-3.453-4.016-7.188-4.016-3.734 0-5.566 2.114-7.187 4.016-1.62 1.903-2.677 3.03-5.073 3.03-2.396 0-3.594-1.339-5.073-3.03a11.977 11.977 0 00-3.735-3.241 1.418 1.418 0 10-1.268 2.537 10.849 10.849 0 012.889 2.536C8.39 61.886 10.293 64 13.957 64s5.566-2.114 7.187-4.017c1.62-1.902 2.678-3.03 5.073-3.03 2.396 0 3.594 1.34 5.074 3.03C32.77 61.674 34.743 64 38.478 64c3.734 0 5.566-2.114 7.187-4.017 1.62-1.902 2.678-3.03 5.073-3.03 2.396 0 3.594 1.34 5.074 3.03a13.459 13.459 0 002.888 2.748 1.427 1.427 0 001.55-2.396zM3.88 45.468a10.85 10.85 0 012.89 2.537c1.62 1.902 3.523 4.016 7.187 4.016s5.566-2.114 7.187-4.016c1.62-1.903 2.678-3.03 5.074-3.03 2.395 0 3.593 1.339 5.073 3.03 1.48 1.69 3.452 4.016 7.187 4.016 3.734 0 5.566-2.114 7.187-4.016 1.62-1.903 2.678-3.03 5.073-3.03 2.396 0 3.594 1.339 5.074 3.03a13.458 13.458 0 002.889 2.748 1.427 1.427 0 001.55-2.396 10.004 10.004 0 01-2.326-2.255c-1.55-1.761-3.523-3.946-7.187-3.946s-5.566 2.114-7.187 4.017c-1.62 1.902-2.678 3.03-5.073 3.03-2.396 0-3.594-1.34-5.074-3.03-1.48-1.692-3.452-4.017-7.187-4.017-3.734 0-5.566 2.114-7.187 4.017-1.62 1.902-2.677 3.03-5.073 3.03-2.396 0-3.594-1.34-5.073-3.03a11.98 11.98 0 00-3.735-3.242 1.418 1.418 0 10-1.268 2.537z"></path>
</g>
<defs>
<clipPath id="clip0">
<path fill="#fff" d="M0 0h64v64H0z"></path>
</clipPath>
</defs>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="3">
<path d="M20 2a4.986 4.986 0 00-4.377 2.614A5.947 5.947 0 0013 4c-3.309 0-6 2.691-6 6 0 2.967 2.167 5.431 5 5.91V18h2v-2h3v-2h-4c-2.206 0-4-1.794-4-4s1.794-4 4-4a3.96 3.96 0 012.399.799A3.97 3.97 0 0117 10h2a5.94 5.94 0 00-1.742-4.219A2.998 2.998 0 0120 4c1.654 0 3 1.346 3 3h2c0-2.757-2.243-5-5-5zm-3.98 3.973L16 6l.02-.027zM58 2c-1.326 0-2.52.643-3.251 1.684A5.838 5.838 0 0052 3c-3.009 0-5.5 2.228-5.928 5.12C44.315 8.541 43 10.115 43 12h2c0-1.103.897-2 2-2s2 .897 2 2h2c0-1.826-1.237-3.352-2.911-3.83A4.006 4.006 0 0152 5c.908 0 1.775.316 2.509.914a.999.999 0 001.589-.486A1.982 1.982 0 0158 4c1.103 0 2 .897 2 2h2c0-2.206-1.794-4-4-4zm-7.2 23.883a6.16 6.16 0 001.19.116 5.997 5.997 0 005.926-4.998c.917.02 1.795-.298 2.64-.958C61.462 19.336 62 18.199 62 17h-2c0 .588-.252 1.136-.673 1.465-.873.681-1.502.587-2.004.405a1.001 1.001 0 00-1.341.978c0 .035.013.117.018.152 0 1.2-.532 2.326-1.46 3.089-.94.774-2.133 1.069-3.356.831C49.339 23.56 48 21.821 48 19.785V19.5c0-1.93-1.57-3.5-3.5-3.5S41 17.57 41 19.5V22h-4v-5h-2v5h-2a1 1 0 00-1 1v3.628c0 2.815-.368 5.62-1.087 8.317l-1.99 6.884-1.83-6.864A32.345 32.345 0 0126 26.628V21a1 1 0 00-1-1H11a1 1 0 00-1 1v5.628c0 2.815-.368 5.62-1.093 8.337L2.034 60.742A1.001 1.001 0 003 62h58a1 1 0 001-1v-4a.997.997 0 00-.293-.707l-5-5A.997.997 0 0056 51h-4.272l-4.635-16.034A32.358 32.358 0 0146 26.628V23a1 1 0 00-1-1h-2v-2.5c0-.827.673-1.5 1.5-1.5s1.5.673 1.5 1.5v.285c0 2.99 2.019 5.554 4.8 6.098zM4.302 60l6.538-24.519c.393-1.473.684-2.971.878-4.481H21v-2h-9.086c.046-.665.067-1.332.074-2H19v-2h-7v-3h12v4.628c0 2.989.39 5.967 1.16 8.853l2.686 10.073-.048.167.1.029 3.8 14.25H4.302zm27.6-7h21.684l-3 3H43v2h7v2H33.768l-1.866-7zM52 60v-2h8v2h-8zm6.586-4h-5.172L56 53.414 58.586 56zm-13.42-20.499L49.646 51H31.368l-1.447-5.425 2.918-10.094c.306-1.147.535-2.311.72-3.481h8.44v-2h-8.183c.066-.665.113-1.332.139-2H40v-2h-6v-2h10v2.628c0 2.989.39 5.968 1.166 8.873zM23 12h2c0-.875.276-1.705.799-2.4L24.2 8.397A5.95 5.95 0 0023 12z" fill="#fff"></path>
<path d="M37.86 12.907a3.945 3.945 0 01-3.33-.788 1.003 1.003 0 00-1.606.603 3.985 3.985 0 01-2.372 2.963c-.609.259-1.371.083-1.892-.438l-1.126-1.126A3.796 3.796 0 0024.829 13 3.832 3.832 0 0021 16.829V19h2v-2.171a1.83 1.83 0 013.122-1.293l1.126 1.126c1.092 1.092 2.733 1.439 4.087.865a5.98 5.98 0 003.144-3.096 5.877 5.877 0 003.802.431c2.298-.495 4.146-2.361 4.598-4.645a6.033 6.033 0 00-1.241-5.023 5.991 5.991 0 00-10.117 1.375A5.84 5.84 0 0029 6v2c.889 0 1.743.305 2.469.881a1 1 0 001.605-.603 3.993 3.993 0 017.019-1.815c.775.943 1.068 2.138.825 3.365-.3 1.512-1.528 2.75-3.058 3.079z" fill="#fff"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="4">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.675.037c-.563.119-1.432.901-1.75 1.576-.151.323-.168.431-.16 1.083l.007.724-.66.215c-4.108 1.34-7.513 5.064-8.43 9.221l-.11.496-1.954.045c-1.076.025-2.126.076-2.334.114-.428.078-1.291.462-1.762.783-.47.32-1.113.955-1.412 1.395-.146.214-.422.706-.613 1.093l-.348.704v4.003c0 2.202-.02 5.916-.044 8.254l-.043 4.25-.829.072c-1.11.096-1.398.23-2.194 1.026C.233 35.897 0 36.36 0 37.156c0 .503.022.602.224 1.012.313.637 1.173 1.498 1.8 1.803.428.21.503.224 1.247.245l.792.023.043 1.866c.023 1.027.043 2.438.043 3.137v1.271l.434.843c.68 1.322 1.373 2.05 2.503 2.632.935.48 1.03.497 3.368.571 1.15.037 2.1.075 2.11.086.01.01.088.325.173.698.614 2.718 2.746 5.765 5.165 7.383.727.486 2.489 1.365 3.234 1.614l.555.184.048.8c.043.724.066.834.255 1.188.12.224.381.552.616.772.521.487.97.654 1.904.706 1.171.065 1.904-.175 2.528-.829.193-.203.427-.518.52-.7.16-.317.325-1.048.273-1.216a3.768 3.768 0 01-.06-.385l-.036-.306.365-.106c.979-.285 3.032-1.301 3.812-1.888.638-.479 1.523-1.304 2.146-2 1.568-1.751 2.763-4.373 2.986-6.55l.045-.44h2.272v.3c0 .706.485 2.504.955 3.534.967 2.122 2.844 4.307 4.714 5.486.791.5 2.146 1.158 2.923 1.422l.653.221.033.84c.03.761.049.866.209 1.139.226.384.837.996 1.222 1.222.298.175.308.176 1.574.176h1.274l.327-.19c.444-.26 1.02-.861 1.23-1.284.159-.317.174-.416.174-1.111v-.764l.703-.24c2.627-.902 4.907-2.65 6.565-5.035.731-1.05 1.56-2.837 1.775-3.828.241-1.106.252-1.808.28-17.81.031-16.901-.003-19.96-.234-20.896-.595-2.415-2.113-4.9-4.019-6.582-1.139-1.006-2.762-1.944-4.357-2.519l-.68-.245-.033-.85c-.031-.826-.038-.858-.25-1.188-.28-.435-.89-1.001-1.296-1.2-.296-.146-.387-.156-1.46-.156-1.078 0-1.16.009-1.465.159-.45.221-1.171.947-1.374 1.382-.145.313-.164.44-.165 1.105v.751l-.736.25c-3.191 1.082-5.924 3.512-7.43 6.61-.614 1.261-.996 2.545-1.09 3.661l-.041.488h-2.25l-.044-.506c-.09-1.016-.517-2.47-1.052-3.577-.848-1.758-2.411-3.675-3.903-4.788-.966-.72-2.778-1.65-3.915-2.009l-.37-.116-.022-.823c-.02-.772-.034-.843-.214-1.15-.284-.484-.885-1.054-1.324-1.257-.35-.16-.454-.175-1.36-.19-.538-.008-1.086.007-1.217.035zm1.564 2.01l.541.043-.019.43-.019.432h-.904c-1.02 0-1.088-.031-1.088-.495 0-.431.265-.505 1.489-.41zm26.85 0l.539.042v.896h-.813c-1.004 0-1.12-.038-1.178-.383-.095-.562.15-.656 1.452-.555zM25.742 5.206c1.226.085 1.708.17 2.477.438 3.19 1.108 5.568 3.688 6.633 7.196l.192.631.04 16.007c.044 17.304.014 20.206-.226 21.346-.73 3.469-3.354 6.397-6.72 7.496-.816.267-1.404.379-2.428.462-3.332.27-5.98-.675-8.235-2.936-.982-.984-1.448-1.648-2.119-3.018-.583-1.191-.65-1.493-.751-3.403-.096-1.794-.143-21.612-.07-29.126.061-6.18.097-7.117.299-7.939.111-.452.68-1.656 1.142-2.417 1.336-2.2 3.652-3.904 6.179-4.544 1.018-.258 1.944-.308 3.587-.193zm26.886.003c1.701.12 2.25.263 3.626.944 2.018.999 3.476 2.436 4.592 4.523.543 1.016.729 1.498.837 2.165.208 1.287.232 3.627.206 20.296-.027 17.273-.03 17.392-.31 18.487-.147.58-.89 2.074-1.392 2.804a10.054 10.054 0 01-3.933 3.373c-1.716.832-2.264.945-4.606.945-1.883 0-2.413-.063-3.353-.4a13.824 13.824 0 01-2.527-1.272c-.835-.554-2.118-1.837-2.67-2.67-.557-.84-1.226-2.21-1.38-2.823-.29-1.165-.295-1.471-.295-19.587 0-18.117.006-18.507.295-19.64.14-.55.855-2.01 1.323-2.705a10.355 10.355 0 015.112-3.982c1.415-.501 2.418-.603 4.475-.458zM12.381 16.477v1.012l-.376.004c-.206.002-.788.027-1.292.056-1.075.062-1.26.133-1.77.672-.473.5-.555.692-.618 1.453-.076.921-.073 23.671.004 24.599.058.707.074.765.301 1.095.297.43.62.72.99.883.226.1.532.137 1.506.183l1.239.06c.009.003.016.464.016 1.025v1.02l-1.846-.034c-2.27-.042-2.594-.108-3.295-.676-.343-.278-.84-1.02-.939-1.4-.05-.195-.086-1.583-.108-4.252l-.033-3.961-1.74-.028c-1.943-.03-2.059-.054-2.255-.468-.132-.277-.139-.82-.014-1.118.178-.427.315-.456 2.271-.48l1.743-.023.03-8.93c.03-8.815.04-9.255.248-10 .095-.34.713-1.036 1.144-1.289.581-.34 1.014-.397 3.144-.408l1.65-.008v1.013zM39.234 31.96v15.517H37.21V16.444h2.025V31.96zm-26.853.033v12.414H10.29V19.58h2.091v12.414zm34.138 4.242c-.432.057-.663.188-1.174.666a2.817 2.817 0 00-.638.83c-.19.386-.213.493-.213.99 0 .479.026.61.184.932.205.418.721 1.018 1.05 1.221.31.192.878.317 1.78.394.437.037.84.084.894.105.185.071.179.24-.022.576-1.05 1.76-1.102 2.847-.218 4.55l.374.72.03 2.188.028 2.187h6.19V47.05l.17-.249c.649-.955.943-2.228.718-3.113-.059-.234-.283-.792-.497-1.242-.215-.449-.39-.865-.39-.924 0-.156.123-.184 1.14-.262 1.163-.09 1.473-.2 2.032-.721.748-.7 1.03-1.58.783-2.441-.196-.682-.553-1.134-1.304-1.656l-.387-.268-5.102.01c-2.806.005-5.248.028-5.428.051zm8.804 2.008l1.421.043v.894h-1.388c-.764 0-1.675.02-2.026.043l-.637.042v1.025h-2.09v-1.025l-.638-.042a34.779 34.779 0 00-1.715-.046c-1.148-.003-1.614-.058-1.705-.202-.09-.143-.067-.49.038-.578.053-.045.252-.103.441-.13.436-.064 6.411-.081 8.3-.024zm-3.063 4.172c.964.25 1.416.89 1.42 2.006.002.613-.12.922-.556 1.404-.17.188-.335.437-.37.555-.033.118-.06.884-.06 1.701v1.487H50.61l-.02-1.654-.021-1.653-.34-.382c-.445-.499-.563-.756-.596-1.303-.098-1.611 1.065-2.568 2.626-2.161zM25.376 60.98l.404.042-.019.432-.019.431h-.903c-1.035 0-1.112-.037-1.076-.521.015-.201.056-.279.182-.342.18-.09.798-.108 1.431-.042zm26.85 0l.402.042v.896l-.768-.008c-1.047-.01-1.142-.036-1.205-.32-.069-.31-.012-.516.162-.586.175-.07.858-.082 1.41-.024z" fill="#fff"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="5">
<g clip-path="url(#clip0)" fill="#fff">
<path d="M13.333 0C5.856 0 0 4.101 0 9.333s5.856 9.333 13.333 9.333c7.478 0 13.333-4.1 13.333-9.333C26.666 4.101 20.81 0 13.333 0zm0 16C7.552 16 2.667 12.947 2.667 9.333c0-3.613 4.885-6.666 10.666-6.666C19.114 2.667 24 5.72 24 9.333 24 12.946 19.114 16 13.333 16z"></path>
<path d="M13.333 5.334c-2.989 0-5.333 1.757-5.333 4 0 2.242 2.344 4 5.333 4 2.99 0 5.334-1.758 5.334-4 0-2.243-2.345-4-5.334-4zm0 5.333c-1.605 0-2.666-.802-2.666-1.333 0-.53 1.061-1.333 2.666-1.333C14.94 8 16 8.803 16 9.334c0 .53-1.061 1.333-2.667 1.333z"></path>
<path d="M25.333 8C24.597 8 24 8.597 24 9.333v45.333c0 3.614-4.886 6.667-10.667 6.667-5.78 0-10.666-3.053-10.666-6.667V9.333a1.334 1.334 0 00-2.667 0v45.333C0 59.898 5.856 64 13.333 64c7.478 0 13.333-4.102 13.333-9.334V9.333c0-.736-.597-1.333-1.333-1.333z"></path>
<path d="M63.61 43.056a1.334 1.334 0 00-1.885 0L51.448 53.333H25.333a1.334 1.334 0 000 2.667H52c.354 0 .693-.141.944-.392L63.61 44.942c.52-.52.52-1.366 0-1.886z"></path>
<path d="M62.666 0H13.333a1.334 1.334 0 000 2.667h48v40H52c-.736 0-1.334.597-1.334 1.333v10.666a1.334 1.334 0 002.667 0v-9.333h9.333c.736 0 1.334-.598 1.334-1.334V1.334C64 .597 63.402 0 62.666 0z"></path>
</g>
<defs>
<clipPath id="clip0">
<path fill="#fff" d="M0 0h64v64H0z"></path>
</clipPath>
</defs>
</symbol>
</svg>
\ No newline at end of file
img/info_icons.svg 0 → 100644
View file @ 03a20b77
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="1">
<path d="M22.37 1.73H1.5v64h20.87v-64z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M15.413 7.297H7.065v33.391h8.348V7.297zm-8.348 8.348h8.348M44.63 1.73H22.37v64h22.26v-64z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M37.674 7.297h-8.348v33.391h8.348V7.297zm-8.348 8.348h8.348M65.5 1.73H44.63v64H65.5v-64z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M59.935 7.297h-8.348v33.391h8.348V7.297zm-8.348 8.348h8.348M11.24 57.383a4.174 4.174 0 100-8.348 4.174 4.174 0 000 8.348zm22.26 0a4.174 4.174 0 100-8.348 4.174 4.174 0 000 8.348zm22.26 0a4.174 4.174 0 100-8.348 4.174 4.174 0 000 8.348z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="2">
<path d="M51.022 7.297h5.565v58.435H6.5V7.297h5.565" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M37.11 7.296c0-3.061-2.505-5.566-5.566-5.566s-5.565 2.505-5.565 5.566H17.63v5.565h27.826V7.296h-8.348z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M51.022 12.86v47.304H12.065V12.859m13.914 11.133h16.695M25.979 32.34h16.695m-16.695 8.348h16.695m-16.695 8.347h16.695M19.021 23.992h1.392m-1.392 8.348h1.392m-1.392 8.348h1.392m-1.392 8.347h1.392" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="3">
<path d="M27.805 21.209c5.378 0 9.739-4.36 9.739-9.74 0-5.378-4.36-9.739-9.74-9.739-5.378 0-9.739 4.36-9.739 9.74 0 5.378 4.36 9.739 9.74 9.739zm15.304 5.564H12.5c0 11.41 4.452 17.81 9.74 20.87V65.73h11.13V47.643c5.287-3.06 9.739-9.46 9.739-20.87zm5.565 19.481h4.174v19.478H44.5V46.254h4.174zm0-.002v-4.174" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M29.195 26.773h-2.782L25.02 43.47l2.783 2.783 2.783-2.783-1.392-16.696z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="4">
<path d="M53.24 44.86c0 11.41-9.462 20.87-20.87 20.87-11.41 0-20.87-9.46-20.87-20.87 0-11.408 20.87-43.13 20.87-43.13s20.87 31.722 20.87 43.13z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M24.022 54.321c-2.505-2.226-4.174-5.565-4.174-9.46 0-3.618 3.617-11.688 6.956-18.088" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="5">
<path d="M43.239 18.426H9.848V65.73h33.391V18.426z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.848 46.252H1.5V10.078c0-4.73 3.617-8.348 8.348-8.348 4.73 0 8.348 3.618 8.348 8.348s-3.618 8.348-8.348 8.348v-5.565h7.791" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M43.239 18.426c4.73 0 8.348-3.617 8.348-8.348 0-4.73-3.618-8.348-8.348-8.348H9.848m16.696 27.825h11.13m-11.13 11.133h11.13m-11.13 11.128h11.13m-22.261-23.65l1.391 1.391 5.566-5.565m-6.957 15.303l1.391 1.391 5.566-5.565M65.5 61.557c0 2.226-1.948 4.174-4.174 4.174-2.226 0-4.174-1.948-4.174-4.174V21.209c0-2.226 1.948-4.174 4.174-4.174 2.226 0 4.174 1.948 4.174 4.174v40.348zm-8.348-1.393H65.5m-8.348-19.476H65.5M51.587 44.86V23.99c0-2.226 1.948-4.174 4.174-4.174h1.391" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
\ No newline at end of file
img/purchase_icons.svg 0 → 100644
View file @ 03a20b77
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="1">
<path d="M39.065 26.774h5.565v11.13l10.574-11.13H65.5V1.73H23.76v11.13" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M55.761 14.254h-2.783v2.783h2.783v-2.783zm-8.348 0h-2.782v2.783h2.782v-2.783zm-8.348 0h-2.783v2.783h2.783v-2.783z" fill="#029745"></path>
<path d="M21.813 65.729h21.426v-6.957c0-1.391-8.348-5.565-15.304-8.348V44.86s2.504-.835 2.504-6.956c1.948 0 2.783-5.566 0-5.566 0-.556 1.948-3.617 1.113-6.956-1.391-5.565-15.026-5.565-16.417 0-5.844-1.113-1.113 6.122-1.113 6.956-2.783 0-2.783 5.566 0 5.566 0 6.121 2.782 6.956 2.782 6.956v5.565C9.848 53.207 1.5 57.381 1.5 58.772v6.957h20.313z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 65" id="2">
<path d="M15.413 42.904l-8.348 2.783 2.783-8.348L40.457 6.73l5.565 5.566-30.609 30.608zM9.848 37.34l5.565 5.565m8.347 4.173h33.392m-22.26-8.348h22.26" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M36.283 22.035H65.5V58.21h-64V22.035h23.652m5.566-5.566l5.565 5.565M23.76 16.469l8.35-8.349 3.617 3.617" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="3">
<path d="M16.848 65.73a8.348 8.348 0 100-16.695 8.348 8.348 0 000 16.696z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19.631 49.591V1.731h-8.348M24.64 60.164h25.6l5.843 5.565m-3.062-36.174H25.195v25.043h27.826V29.555z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M44.674 15.645H25.195v13.913h19.479V15.645zm2.783 33.39h-5.565m-8.349-25.043h-2.782" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 65" id="4">
<path d="M12.534 18.766v38.62H23.57V55.18a4.945 4.945 0 014.965-4.965 4.945 4.945 0 014.966 4.965v2.207h11.034V55.18a4.945 4.945 0 014.966-4.965 4.945 4.945 0 014.965 4.965v2.207H65.5v-38.62H12.534z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M53.914 13.248V7.73H1.5v38.621h6.897" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M29.086 35.041a4.138 4.138 0 100-8.275 4.138 4.138 0 000 8.276z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M29.086 35.043c-5.793 0-8.275 4.965-8.275 8.552h16.551c0-3.587-2.483-8.552-8.276-8.552zm15.173 5.789h13.793m-13.793-5.516h13.793M44.259 29.8h6.896" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="5">
<path d="M52.262 1.73H6.548v64h45.714v-64z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M40.072 13.922H21.786v12.19h18.286v-12.19zM3.5 10.875h6.095M3.5 20.016h6.095M3.5 29.16h6.095M3.5 38.3h6.095M3.5 47.445h6.095M3.5 56.586h6.095m51.81-48.762h-9.143v12.19h9.143V7.825zm0 12.192h-9.143v12.19h9.143v-12.19zm0 12.191h-9.143v12.19h9.143v-12.19zm0 12.191h-9.143v12.19h9.143v-12.19z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
\ No newline at end of file
info.html 0 → 100644
View file @ 03a20b77
<!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>Раскрытие информации</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 class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav">
<a href="#" class="heading-other-nav__page">Главная</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Раскрытие информации</a>
</div>
<h1 class="heading-other__title">Раскрытие информации</h1>
</div>
</header>
<section class="prod" style="background-image: url('img/company_mask.svg');">
<div class="prod-cards">
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/info_icons.svg#1"></use>
</svg>
<p class="cards-item__title">Годовой отчёт</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/info_icons.svg#2"></use>
</svg>
<p class="cards-item__title">Положения и сведения об обществе</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/info_icons.svg#3"></use>
</svg>
<p class="cards-item__title">Акционерам</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/info_icons.svg#4"></use>
</svg>
<p class="cards-item__title">Производство, передача и сбыт тепловой энергии, воды</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/info_icons.svg#5"></use>
</svg>
<p class="cards-item__title">Специальная оценка условий труда</p>
</a>
</div>
<div class="prod-about">
<img class="prod-about__photo" src="img/info_ph.jpg" alt="photo">
<p class="prod-about__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="prod-about__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
purchase.html 0 → 100644
View file @ 03a20b77
<!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>Закупки</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 class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav">
<a href="#" class="heading-other-nav__page">Главная</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Закупки</a>
</div>
<h1 class="heading-other__title">Закупки</h1>
</div>
</header>
<section class="prod" style="background-image: url('img/company_mask.svg');">
<div class="prod-cards">
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/purchase_icons.svg#1"></use>
</svg>
<p class="cards-item__title">Обращение к поставщикам и подрядчикам</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/purchase_icons.svg#2"></use>
</svg>
<p class="cards-item__title">Закупочные процедуры</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/purchase_icons.svg#3"></use>
</svg>
<p class="cards-item__title">Реализация невостребованного имущества и товаров</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/purchase_icons.svg#4"></use>
</svg>
<p class="cards-item__title">Регистрация поставщиков</p>
</a>
<a class="cards-item">
<svg class="cards-item__icon">
<use xlink:href="img/purchase_icons.svg#5"></use>
</svg>
<p class="cards-item__title">Контакты по закупкам</p>
</a>
</div>
<div class="prod-about">
<img class="prod-about__photo" src="img/purchase.jpg" alt="photo">
<p class="prod-about__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="prod-about__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
security.html 0 → 100644
View file @ 03a20b77
<!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>Безопасность и охрана</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 class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav">
<a href="#" class="heading-other-nav__page">Главная</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page">Устойчивое развитие</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Безопасность и охрана</a>
</div>
<h1 class="heading-other__title">Безопасность и охрана</h1>
</div>
</header>
<section class="security" style="background-image: url('img/company_mask.svg');">
<div class="security-wrapper">
<p class="corp-content-wrapper__text security-text">Работа АО «Волга» строится в соответствии с основополагающими принципами борьбы с коррупцией.</p>
<p class="corp-content-wrapper__text security-text">К одному из важных антикоррупционных принципов АО «Волга» следует отнести обеспечение личной безопасности граждан, оказывающих содействие в борьбе с коррупционными правонарушениями.</p>
<p class="corp-content-wrapper__text security-text">Располагая эффективными средствами противодействия коррупции, АО «Волга» поддерживает и поощряет лиц, оказывающих помощь в выявлении, раскрытии и предупреждении правонарушений.</p>
<p class="corp-content-wrapper__bold security-text">Информацию о коррупционных и иных противоправных действиях просим сообщать по следующим каналам:</p>
<ul class="corp-content-wrapper-list security-wrapper" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">
<a class="corp-content-wrapper-list__item__link" href="tel:+78314493373">тел.: +7 (83144) 9-33-73</a>
</li>
<li class="corp-content-wrapper-list__item">
<a class="corp-content-wrapper-list__item__link" href="tel:+78314493464">тел.: +7 (83144) 9-34-64</a>
</li>
<li class="corp-content-wrapper-list__item">
<a class="corp-content-wrapper-list__item__link" href="tel:+79200532410">тел.: +79200532410</a>
</li>
<li class="corp-content-wrapper-list__item">
<a class="corp-content-wrapper-list__item__link" href="mailto:sokolov_an@volga-paper.ru">sokolov_an@volga-paper.ru</a>
</li>
</ul>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
styles/style.css
View file @ 03a20b77
...@@ -1868,6 +1868,14 @@ body { ...@@ -1868,6 +1868,14 @@ body {
flex-direction: column; flex-direction: column;
} }
.contacts-subpage {
padding-top: 64px;
border-width: 0;
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
}
.contacts-map { .contacts-map {
width: 100%; width: 100%;
height: 400px; height: 400px;
...@@ -2114,6 +2122,175 @@ body { ...@@ -2114,6 +2122,175 @@ body {
background: url("../img/checkbox2.png") 0 0 no-repeat; background: url("../img/checkbox2.png") 0 0 no-repeat;
} }
.form-white {
padding: 0 139px 0 0;
}
.form-white-ui {
background-color: #fff;
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
padding: 32px 120px;
}
.form-white-ui-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-white-ui-inner-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-white-ui-inner-heading__title {
font-weight: 800;
font-size: 50px;
line-height: 120%;
color: #16291f;
margin-right: 80px;
margin-bottom: 32px;
}
.form-white-ui-inner-heading__text {
font-weight: normal;
font-size: 16px;
line-height: 160%;
color: #16291f;
}
.form-white-ui-inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px;
}
.form-white-ui-inner-content__input {
height: 60px;
width: 220px;
border-width: 0;
border-bottom: 1px solid #16291f;
background: none;
color: #16291f;
font-weight: bold;
font-size: 16px;
line-height: 130%;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.form-white-ui-inner-content__input::-webkit-input-placeholder {
font-weight: normal;
font-size: 16px;
line-height: 160%;
color: #16291f;
opacity: 0.5;
}
.form-white-ui-inner-content__input:focus {
outline: none;
border-bottom: 1px solid #67e39f;
}
.form-white-ui-inner-content__input:required:valid {
outline: none;
border-bottom: 1px solid #16291f;
background-repeat: no-repeat;
background-position-x: right;
background-image: url("../img/valid.svg");
}
.form-white-ui-inner-content__input:not(:empty):invalid {
outline: none;
border-bottom: 1px solid #eb5757;
color: #eb5757;
}
.form-white-ui-inner-content__button {
background-color: #029745;
background-repeat: no-repeat;
background-size: 68px;
background-position: -5px 0px;
width: 254px;
height: 60px;
border-width: 0;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #fff;
cursor: pointer;
-webkit-transition: 0.4s;
transition: 0.4s;
text-transform: uppercase;
}
.form-white-ui-inner-content__button:hover {
background-color: #077f3d;
color: #fff;
}
.form-white-ui-inner-content__button:active {
background-color: #057839;
color: #fff;
}
.form-white-ui-inner-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-white-ui-inner-checkbox__input {
display: none;
}
.form-white-ui-inner-checkbox__text {
position: relative;
font-weight: normal;
font-size: 14px;
line-height: 160%;
color: #16291f;
}
.form-white-ui-inner-checkbox__text::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 16px;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
background-size: 100%;
background-image: url("../img/checkbox_green.png");
}
.form-white-ui-inner-checkbox__input:checked + .form-white-ui-inner-checkbox__text::before {
background: url("../img/checkbox2_green.png") 0 0 no-repeat;
}
.footer { .footer {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
...@@ -2992,7 +3169,8 @@ body { ...@@ -2992,7 +3169,8 @@ body {
width: 360px; width: 360px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height: 82px; min-height: 82px;
height: auto;
background: #ffffff; background: #ffffff;
display: block; display: block;
font-weight: bold; font-weight: bold;
...@@ -3005,6 +3183,12 @@ body { ...@@ -3005,6 +3183,12 @@ body {
border-bottom: 1px solid #e6e9f0; border-bottom: 1px solid #e6e9f0;
-webkit-transition: 0.4s; -webkit-transition: 0.4s;
transition: 0.4s; transition: 0.4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} }
.corp-wrapper__btn__icon { .corp-wrapper__btn__icon {
...@@ -3103,6 +3287,16 @@ body { ...@@ -3103,6 +3287,16 @@ body {
max-width: 809px; max-width: 809px;
} }
.corp-content-wrapper-list__item__link {
color: #16291f;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.corp-content-wrapper-list__item__link:hover {
color: #029745;
}
.corp-content-wrapper-list__item:last-child { .corp-content-wrapper-list__item:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -3581,6 +3775,11 @@ body { ...@@ -3581,6 +3775,11 @@ body {
margin-bottom: 24px; margin-bottom: 24px;
} }
.sertificate-contacts-item--eco {
height: 254px;
background-position: right bottom;
}
.sertificate-contacts-item:last-child { .sertificate-contacts-item:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -3597,6 +3796,36 @@ body { ...@@ -3597,6 +3796,36 @@ body {
align-self: center; align-self: center;
} }
.sertificate-contacts__icon--eco {
margin-left: -5px;
height: 30px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.sertificate-contacts-year {
height: 100%;
font-weight: 300;
font-size: 72px;
line-height: 130%;
color: #029745;
min-width: 25%;
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 23px;
}
.sertificate-contacts-text { .sertificate-contacts-text {
margin-top: 48px; margin-top: 48px;
margin-left: 50px; margin-left: 50px;
...@@ -3644,6 +3873,23 @@ body { ...@@ -3644,6 +3873,23 @@ body {
color: #029745; color: #029745;
} }
.sertificate-contacts-text--eco {
margin: 10px 120px 10px 75px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sertificate-contacts-text--eco__label {
font-weight: 300;
font-size: 18px;
line-height: 160%;
color: #16291f;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.sertificate-slider::-webkit-scrollbar { .sertificate-slider::-webkit-scrollbar {
height: 3px; height: 3px;
} }
...@@ -4243,6 +4489,163 @@ body { ...@@ -4243,6 +4489,163 @@ body {
margin-right: 0; margin-right: 0;
} }
.eco {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.eco-slider {
padding-bottom: 0;
}
.eco-item {
background-color: #fff;
width: 44.5%;
min-width: 44.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 64px;
margin-right: 20px;
margin-bottom: 32px;
}
.eco-item__label {
color: #029745;
}
.eco-card {
background-color: #fff;
width: calc(33.33% - 20px);
height: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
background-repeat: no-repeat;
background-position: right top;
position: relative;
margin-right: 30px;
margin-bottom: 30px;
}
.eco-card__icon {
position: absolute;
height: 64px;
width: 64px;
top: 25px;
right: 35px;
}
.eco-card__num {
font-weight: 300;
font-size: 72px;
line-height: 130%;
color: #029745;
margin-bottom: 40px;
}
.eco-card__text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
max-width: 76%;
}
.eco-card:nth-child(3), .eco-card:nth-child(5) {
margin-right: 0;
}
.eco-card:nth-child(4), .eco-card:nth-child(5) {
margin-bottom: 0;
}
.eco-card:nth-child(4) {
width: calc(66.67% - 10px);
}
.eco-item:last-child {
margin-right: 0;
}
.security {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.security-wrapper {
max-width: 940px;
margin-bottom: 0;
}
.security-text {
max-width: 100%;
}
.tipovaya {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tipovaya-wrapper {
margin-bottom: 64px;
max-width: 920px;
width: 100%;
}
.tipovaya-wrapper:last-child {
margin-bottom: 0;
margin-top: 64px;
}
.tipovaya__title {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 48px;
}
.tipovaya__text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 32px;
}
.tipovaya__text:last-child {
margin-bottom: 0;
}
.tipovaya-quote {
max-width: 1000px;
width: 100%;
}
@media (max-width: 1800px) { @media (max-width: 1800px) {
.navbar { .navbar {
padding: 0 100px; padding: 0 100px;
...@@ -4577,6 +4980,9 @@ body { ...@@ -4577,6 +4980,9 @@ body {
padding: 0 100px 0 0; padding: 0 100px 0 0;
margin-left: 100px; margin-left: 100px;
} }
.contacts-subpage {
padding-top: 52px;
}
.contacts-info-item { .contacts-info-item {
padding: 57px 80px; padding: 57px 80px;
} }
...@@ -4621,6 +5027,31 @@ body { ...@@ -4621,6 +5027,31 @@ body {
height: 42px; height: 42px;
font-size: 12px; font-size: 12px;
} }
.form-white {
padding: 0 100px 0 0;
}
.form-white-ui {
padding: 50px 97px;
}
.form-white-ui-inner-heading__title {
font-size: 38px;
margin-right: 27px;
}
.form-white-ui-inner-heading__text {
font-size: 14px;
}
.form-white-ui-inner-content__input {
height: 42px;
width: 135px;
}
.form-white-ui-inner-content__input::-webkit-input-placeholder {
font-size: 12px;
}
.form-white-ui-inner-content__button {
width: 165px;
height: 42px;
font-size: 12px;
}
.footer { .footer {
padding: 27px 100px 38px 100px; padding: 27px 100px 38px 100px;
} }
...@@ -4931,6 +5362,21 @@ body { ...@@ -4931,6 +5362,21 @@ body {
height: 270px; height: 270px;
margin-bottom: 18px; margin-bottom: 18px;
} }
.sertificate-contacts-item--eco {
min-height: 195px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.sertificate-contacts-year {
font-size: 55px;
padding-left: 18px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 200px;
min-width: 200px;
}
.sertificate-contacts-text { .sertificate-contacts-text {
margin-top: 40px; margin-top: 40px;
margin-left: 40px; margin-left: 40px;
...@@ -4950,6 +5396,12 @@ body { ...@@ -4950,6 +5396,12 @@ body {
.sertificate-contacts-text__link__icon { .sertificate-contacts-text__link__icon {
margin-right: 12px; margin-right: 12px;
} }
.sertificate-contacts-text--eco {
margin: 10px 92px 10px 58px;
}
.sertificate-contacts-text--eco__label {
font-size: 14px;
}
.gazeta { .gazeta {
padding: 52px 80px 0 100px; padding: 52px 80px 0 100px;
} }
...@@ -5025,6 +5477,49 @@ body { ...@@ -5025,6 +5477,49 @@ body {
font-size: 14px; font-size: 14px;
margin-right: 14px; margin-right: 14px;
} }
.eco-item {
padding: 31px 49px;
margin-right: 15px;
margin-bottom: 25px;
min-width: 350px;
}
.eco-card {
background-size: 245px;
height: 215px;
padding: 30px;
}
.eco-card__icon {
position: absolute;
height: 45px;
width: 45px;
top: 15px;
right: 20px;
}
.eco-card__num {
font-size: 50px;
margin-bottom: 30px;
}
.eco-card__text {
font-size: 14px;
max-width: 85%;
}
.tipovaya {
padding: 52px 16px 0;
}
.tipovaya-wrapper {
margin-bottom: 52px;
}
.tipovaya-wrapper:last-child {
margin-top: 52px;
}
.tipovaya__title {
font-size: 28px;
margin-bottom: 37px;
}
.tipovaya__text {
font-size: 14px;
margin-bottom: 25px;
}
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
...@@ -5040,6 +5535,20 @@ body { ...@@ -5040,6 +5535,20 @@ body {
.corp-content-gazetnaya { .corp-content-gazetnaya {
width: 100%; width: 100%;
} }
.eco {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.eco-card {
width: 100% !important;
margin-right: 0;
margin-bottom: 25px;
}
.eco-card:nth-child(4) {
margin-bottom: 25px;
}
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
...@@ -5068,13 +5577,15 @@ body { ...@@ -5068,13 +5577,15 @@ body {
-webkit-transform: translateY(70%); -webkit-transform: translateY(70%);
transform: translateY(70%); transform: translateY(70%);
} }
.form-ui { .form-ui,
.form-white-ui {
padding: 50px 30px; padding: 50px 30px;
} }
.footer-navbar-logo { .footer-navbar-logo {
margin-right: 30px; margin-right: 30px;
} }
.form-ui-inner-content__input { .form-ui-inner-content__input,
.form-white-ui-inner-content__input {
width: 110px; width: 110px;
} }
.ecology-quote { .ecology-quote {
...@@ -5849,6 +6360,10 @@ body { ...@@ -5849,6 +6360,10 @@ body {
margin: 0; margin: 0;
padding: 0 16px; padding: 0 16px;
} }
.contacts-subpage {
padding-top: 52px;
background-image: none !important;
}
.contacts-map img { .contacts-map img {
width: 100%; width: 100%;
height: 308px; height: 308px;
...@@ -5885,6 +6400,45 @@ body { ...@@ -5885,6 +6400,45 @@ body {
margin: 0; margin: 0;
padding: 52px 16px; padding: 52px 16px;
} }
.form-white {
padding: 0 16px;
}
.form-white-ui {
background: #fff !important;
padding: 32px 16px;
}
.form-white-ui-inner-heading__title {
font-size: 32px;
line-height: 110%;
margin: 0;
}
.form-white-ui-inner-heading__text {
display: none;
}
.form-white-ui-inner-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-white-ui-inner-content__input {
height: 40px;
width: 100%;
font-size: 11px;
margin-bottom: 34px;
}
.form-white-ui-inner-content__input::-webkit-input-placeholder {
font-size: 11px;
}
.form-white-ui-inner-content__button {
width: 100%;
height: 36.5px;
font-size: 10px;
}
.form-white-ui-inner-checkbox__text {
line-height: 130%;
padding-left: 0;
}
.form-ui { .form-ui {
background: #029745 !important; background: #029745 !important;
padding: 32px 16px; padding: 32px 16px;
...@@ -6359,9 +6913,28 @@ body { ...@@ -6359,9 +6913,28 @@ body {
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
} }
.sertificate-contacts-item--eco {
min-height: 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 100%;
}
.sertificate-contacts-year {
font-size: 45px;
padding-left: 0;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
width: 100%;
min-width: 200px;
}
.sertificate-contacts__icon { .sertificate-contacts__icon {
display: none; display: none;
} }
.sertificate-contacts__icon--eco {
display: none;
}
.sertificate-contacts-item > img:first-child { .sertificate-contacts-item > img:first-child {
height: 250px; height: 250px;
} }
...@@ -6384,6 +6957,12 @@ body { ...@@ -6384,6 +6957,12 @@ body {
margin-right: 8px; margin-right: 8px;
height: 10px; height: 10px;
} }
.sertificate-contacts-text--eco {
margin: 15px;
}
.sertificate-contacts-text--eco__label {
font-size: 12px;
}
.gazeta { .gazeta {
padding: 52px 16px 0; padding: 52px 16px 0;
-webkit-box-pack: center; -webkit-box-pack: center;
...@@ -6509,6 +7088,39 @@ body { ...@@ -6509,6 +7088,39 @@ body {
font-size: 12px; font-size: 12px;
margin-right: 12px; margin-right: 12px;
} }
.eco-item {
padding: 26px 40px;
margin-right: 10px;
margin-bottom: 15px;
min-width: 300px;
}
.eco-card {
height: 180px;
padding: 25px;
margin-bottom: 20px;
}
.eco-card__num {
font-size: 45px;
margin-bottom: 25px;
}
.eco-card__text {
font-size: 12px;
max-width: 85%;
}
.tipovaya-wrapper {
margin-bottom: 41px;
}
.tipovaya-wrapper:last-child {
margin-top: 41px;
}
.tipovaya__title {
font-size: 24px;
margin-bottom: 16px;
}
.tipovaya__text {
font-size: 12px;
margin-bottom: 16px;
}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
......
styles/style.css.map
View file @ 03a20b77
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ 03a20b77
...@@ -1374,6 +1374,13 @@ body { ...@@ -1374,6 +1374,13 @@ body {
background: #f6f8fa; background: #f6f8fa;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&-subpage {
padding-top: 64px;
border-width: 0;
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
}
&-map { &-map {
width: 100%; width: 100%;
height: 400px; height: 400px;
...@@ -1561,6 +1568,133 @@ body { ...@@ -1561,6 +1568,133 @@ body {
} }
} }
} }
&-white {
padding: 0 139px 0 0;
&-ui {
background-color: #fff;
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
padding: 32px 120px;
&-inner {
display: flex;
flex-direction: column;
&-heading {
display: flex;
margin-bottom: 24px;
flex-direction: column;
&__title {
font-weight: 800;
font-size: 50px;
line-height: 120%;
color: #16291f;
margin-right: 80px;
margin-bottom: 32px;
}
&__text {
font-weight: normal;
font-size: 16px;
line-height: 160%;
color: #16291f;
}
}
&-content {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
&__input {
height: 60px;
width: 220px;
border-width: 0;
border-bottom: 1px solid #16291f;
background: none;
color: #16291f;
font-weight: bold;
font-size: 16px;
line-height: 130%;
transition: 0.4s;
}
&__input::-webkit-input-placeholder {
font-weight: normal;
font-size: 16px;
line-height: 160%;
color: #16291f;
opacity: 0.5;
}
&__input:focus {
outline: none;
border-bottom: 1px solid #67e39f;
}
&__input:required:valid {
outline: none;
border-bottom: 1px solid #16291f;
background-repeat: no-repeat;
background-position-x: right;
background-image: url('../img/valid.svg');
}
&__input:not(:empty):invalid {
outline: none;
border-bottom: 1px solid #eb5757;
color: #eb5757;
}
&__button {
background-color: #029745;
background-repeat: no-repeat;
background-size: 68px;
background-position: -5px 0px;
width: 254px;
height: 60px;
border-width: 0;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #fff;
cursor: pointer;
transition: 0.4s;
text-transform: uppercase;
}
&__button:hover {
background-color: #077f3d;
color: #fff;
}
&__button:active {
background-color: #057839;
color: #fff;
}
}
&-checkbox {
display: flex;
align-items: center;
&__input {
display: none;
}
&__text {
position: relative;
font-weight: normal;
font-size: 14px;
line-height: 160%;
color: #16291f;
}
&__text::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
flex-shrink: 0;
margin-right: 16px;
transition: background 0.2s ease;
background-size: 100%;
background-image: url('../img/checkbox_green.png');
}
&__input:checked + &__text::before {
background: url('../img/checkbox2_green.png') 0 0 no-repeat;
}
}
}
}
}
} }
.footer { .footer {
...@@ -2231,7 +2365,8 @@ body { ...@@ -2231,7 +2365,8 @@ body {
&__btn { &__btn {
width: 360px; width: 360px;
box-sizing: border-box; box-sizing: border-box;
height: 82px; min-height: 82px;
height: auto;
background: #ffffff; background: #ffffff;
display: block; display: block;
font-weight: bold; font-weight: bold;
...@@ -2243,6 +2378,8 @@ body { ...@@ -2243,6 +2378,8 @@ body {
padding: 32px; padding: 32px;
border-bottom: 1px solid #e6e9f0; border-bottom: 1px solid #e6e9f0;
transition: 0.4s; transition: 0.4s;
display: flex;
align-items: center;
} }
&__btn__icon { &__btn__icon {
margin-right: 16px; margin-right: 16px;
...@@ -2322,6 +2459,13 @@ body { ...@@ -2322,6 +2459,13 @@ body {
margin-bottom: 16px; margin-bottom: 16px;
padding-left: 13px; padding-left: 13px;
max-width: 809px; max-width: 809px;
&__link {
color: #16291f;
transition: 0.4s;
}
&__link:hover {
color: #029745;
}
} }
&__item:last-child { &__item:last-child {
margin-bottom: 0; margin-bottom: 0;
...@@ -2685,6 +2829,10 @@ body { ...@@ -2685,6 +2829,10 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 45px; background-position: right 45px;
margin-bottom: 24px; margin-bottom: 24px;
&--eco {
height: 254px;
background-position: right bottom;
}
} }
&-item:last-child { &-item:last-child {
margin-bottom: 0; margin-bottom: 0;
...@@ -2697,6 +2845,25 @@ body { ...@@ -2697,6 +2845,25 @@ body {
height: 60px; height: 60px;
align-self: center; align-self: center;
} }
&__icon--eco {
margin-left: -5px;
height: 30px;
align-self: center;
}
&-year {
height: 100%;
font-weight: 300;
font-size: 72px;
line-height: 130%;
color: #029745;
min-width: 25%;
width: 25%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding-left: 23px;
}
&-text { &-text {
margin-top: 48px; margin-top: 48px;
margin-left: 50px; margin-left: 50px;
...@@ -2731,6 +2898,17 @@ body { ...@@ -2731,6 +2898,17 @@ body {
&__link:hover { &__link:hover {
color: #029745; color: #029745;
} }
&--eco {
margin: 10px 120px 10px 75px;
display: flex;
&__label {
font-weight: 300;
font-size: 18px;
line-height: 160%;
color: #16291f;
align-self: center;
}
}
} }
} }
} }
...@@ -3172,6 +3350,130 @@ body { ...@@ -3172,6 +3350,130 @@ body {
} }
} }
.eco {
display: flex;
flex-wrap: wrap;
&-slider {
padding-bottom: 0;
}
&-item {
background-color: #fff;
width: 44.5%;
min-width: 44.5%;
box-sizing: border-box;
padding: 40px 64px;
margin-right: 20px;
margin-bottom: 32px;
&__label {
color: #029745;
}
}
&-card {
background-color: #fff;
width: calc(33.33% - 20px);
height: 280px;
box-sizing: border-box;
padding: 40px;
background-repeat: no-repeat;
background-position: right top;
position: relative;
margin-right: 30px;
margin-bottom: 30px;
&__icon {
position: absolute;
height: 64px;
width: 64px;
top: 25px;
right: 35px;
}
&__num {
font-weight: 300;
font-size: 72px;
line-height: 130%;
color: #029745;
margin-bottom: 40px;
}
&__text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
max-width: 76%;
}
}
&-card:nth-child(3),
&-card:nth-child(5) {
margin-right: 0;
}
&-card:nth-child(4),
&-card:nth-child(5) {
margin-bottom: 0;
}
&-card:nth-child(4) {
width: calc(66.67% - 10px);
}
}
.eco-item:last-child {
margin-right: 0;
}
.security {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
display: flex;
justify-content: center;
&-wrapper {
max-width: 940px;
margin-bottom: 0;
}
&-text {
max-width: 100%;
}
}
.tipovaya {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 0 0;
display: flex;
flex-direction: column;
align-items: center;
&-wrapper {
margin-bottom: 64px;
max-width: 920px;
width: 100%;
}
&-wrapper:last-child {
margin-bottom: 0;
margin-top: 64px;
}
&__title {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 48px;
}
&__text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 32px;
}
&__text:last-child {
margin-bottom: 0;
}
&-quote {
max-width: 1000px;
width: 100%;
}
}
@media (max-width: 1800px) { @media (max-width: 1800px) {
.navbar { .navbar {
padding: 0 100px; padding: 0 100px;
...@@ -3536,6 +3838,9 @@ body { ...@@ -3536,6 +3838,9 @@ body {
.contacts { .contacts {
padding: 0 100px 0 0; padding: 0 100px 0 0;
margin-left: 100px; margin-left: 100px;
&-subpage {
padding-top: 52px;
}
&-info { &-info {
&-item { &-item {
padding: 57px 80px; padding: 57px 80px;
...@@ -3588,6 +3893,37 @@ body { ...@@ -3588,6 +3893,37 @@ body {
} }
} }
} }
&-white {
padding: 0 100px 0 0;
&-ui {
padding: 50px 97px;
&-inner {
&-heading {
&__title {
font-size: 38px;
margin-right: 27px;
}
&__text {
font-size: 14px;
}
}
&-content {
&__input {
height: 42px;
width: 135px;
}
&__input::-webkit-input-placeholder {
font-size: 12px;
}
&__button {
width: 165px;
height: 42px;
font-size: 12px;
}
}
}
}
}
} }
.footer { .footer {
padding: 27px 100px 38px 100px; padding: 27px 100px 38px 100px;
...@@ -3945,6 +4281,17 @@ body { ...@@ -3945,6 +4281,17 @@ body {
&-item { &-item {
height: 270px; height: 270px;
margin-bottom: 18px; margin-bottom: 18px;
&--eco {
min-height: 195px;
height: fit-content;
}
}
&-year {
font-size: 55px;
padding-left: 18px;
align-self: center;
width: 200px;
min-width: 200px;
} }
&-text { &-text {
margin-top: 40px; margin-top: 40px;
...@@ -3964,6 +4311,12 @@ body { ...@@ -3964,6 +4311,12 @@ body {
margin-right: 12px; margin-right: 12px;
} }
} }
&--eco {
margin: 10px 92px 10px 58px;
&__label {
font-size: 14px;
}
}
} }
} }
} }
...@@ -4049,6 +4402,51 @@ body { ...@@ -4049,6 +4402,51 @@ body {
} }
} }
} }
.eco {
&-item {
padding: 31px 49px;
margin-right: 15px;
margin-bottom: 25px;
min-width: 350px;
}
&-card {
background-size: 245px;
height: 215px;
padding: 30px;
&__icon {
position: absolute;
height: 45px;
width: 45px;
top: 15px;
right: 20px;
}
&__num {
font-size: 50px;
margin-bottom: 30px;
}
&__text {
font-size: 14px;
max-width: 85%;
}
}
}
.tipovaya {
padding: 52px 16px 0;
&-wrapper {
margin-bottom: 52px;
}
&-wrapper:last-child {
margin-top: 52px;
}
&__title {
font-size: 28px;
margin-bottom: 37px;
}
&__text {
font-size: 14px;
margin-bottom: 25px;
}
}
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
...@@ -4064,6 +4462,17 @@ body { ...@@ -4064,6 +4462,17 @@ body {
.corp-content-gazetnaya { .corp-content-gazetnaya {
width: 100%; width: 100%;
} }
.eco {
flex-direction: column;
&-card {
width: 100% !important;
margin-right: 0;
margin-bottom: 25px;
}
&-card:nth-child(4) {
margin-bottom: 25px;
}
}
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
...@@ -4085,13 +4494,15 @@ body { ...@@ -4085,13 +4494,15 @@ body {
.point-item { .point-item {
transform: translateY(70%); transform: translateY(70%);
} }
.form-ui { .form-ui,
.form-white-ui {
padding: 50px 30px; padding: 50px 30px;
} }
.footer-navbar-logo { .footer-navbar-logo {
margin-right: 30px; margin-right: 30px;
} }
.form-ui-inner-content__input { .form-ui-inner-content__input,
.form-white-ui-inner-content__input {
width: 110px; width: 110px;
} }
.ecology-quote { .ecology-quote {
...@@ -4769,6 +5180,10 @@ body { ...@@ -4769,6 +5180,10 @@ body {
border-width: 0; border-width: 0;
margin: 0; margin: 0;
padding: 0 16px; padding: 0 16px;
&-subpage {
padding-top: 52px;
background-image: none !important;
}
&-map img { &-map img {
width: 100%; width: 100%;
height: 308px; height: 308px;
...@@ -4801,6 +5216,48 @@ body { ...@@ -4801,6 +5216,48 @@ body {
border-width: 0; border-width: 0;
margin: 0; margin: 0;
padding: 52px 16px; padding: 52px 16px;
&-white {
padding: 0 16px;
&-ui {
background: #fff !important;
padding: 32px 16px;
&-inner {
&-heading {
&__title {
font-size: 32px;
line-height: 110%;
margin: 0;
}
&__text {
display: none;
}
}
&-content {
flex-direction: column;
&__input {
height: 40px;
width: 100%;
font-size: 11px;
margin-bottom: 34px;
}
&__input::-webkit-input-placeholder {
font-size: 11px;
}
&__button {
width: 100%;
height: 36.5px;
font-size: 10px;
}
}
&-checkbox {
&__text {
line-height: 130%;
padding-left: 0;
}
}
}
}
}
&-ui { &-ui {
background: #029745 !important; background: #029745 !important;
padding: 32px 16px; padding: 32px 16px;
...@@ -5271,9 +5728,24 @@ body { ...@@ -5271,9 +5728,24 @@ body {
background-image: none !important; background-image: none !important;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
&--eco {
min-height: 0;
height: fit-content;
width: 100%;
}
}
&-year {
font-size: 45px;
padding-left: 0;
align-self: start;
width: 100%;
min-width: 200px;
} }
&__icon { &__icon {
display: none; display: none;
&--eco {
display: none;
}
} }
&-item > img:first-child { &-item > img:first-child {
height: 250px; height: 250px;
...@@ -5296,6 +5768,12 @@ body { ...@@ -5296,6 +5768,12 @@ body {
height: 10px; height: 10px;
} }
} }
&--eco {
margin: 15px;
&__label {
font-size: 12px;
}
}
} }
} }
} }
...@@ -5417,6 +5895,43 @@ body { ...@@ -5417,6 +5895,43 @@ body {
} }
} }
} }
.eco {
&-item {
padding: 26px 40px;
margin-right: 10px;
margin-bottom: 15px;
min-width: 300px;
}
&-card {
height: 180px;
padding: 25px;
margin-bottom: 20px;
&__num {
font-size: 45px;
margin-bottom: 25px;
}
&__text {
font-size: 12px;
max-width: 85%;
}
}
}
.tipovaya {
&-wrapper {
margin-bottom: 41px;
}
&-wrapper:last-child {
margin-top: 41px;
}
&__title {
font-size: 24px;
margin-bottom: 16px;
}
&__text {
font-size: 12px;
margin-bottom: 16px;
}
}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
.company-button-subpage { .company-button-subpage {
......
tipovaya.html 0 → 100644
View file @ 03a20b77
<!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>Типовая страница раздела «Устойчивое развитие»</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 class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav">
<a href="#" class="heading-other-nav__page">Главная</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page">Устойчивое развитие</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Типовая страница раздела «Устойчивое развитие»</a>
</div>
<h1 class="heading-other__title">Типовая страница раздела «Устойчивое развитие»</h1>
</div>
</header>
<section class="tipovaya" style="background-image: url('img/company_mask.svg');">
<div class="tipovaya-wrapper">
<h2 class="tipovaya__title">Заголовок</h2>
<p class="tipovaya__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="tipovaya__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
</div>
<div class="news-detail-photo">
<img class="news-detail-photo__img" src="img/news-detail_ph.jpg" alt="photo">
<p class="news-detail-photo__label">Министр экономического развития и инвестиций Нижегородской области И.Н. Норенков посетил производственную площадку АО «Волга» и новую линию в цехе термомеханической массы</p>
</div>
<div class="tipovaya-wrapper">
<p class="tipovaya__text">АО «Волга» традиционно выступает инициатором акций, направленных на улучшение экологической ситуации на объектах предприятия, а также в Балахнинском районе в целом. Среди них – ежегодные посадки сотрудниками и ветеранами предприятия саженцев ели и сосны, вносящие вклад в озеленение города, что на деле доказывает готовность руководства и работников АО «Волга» принимать на себя личные обязательства по бережному отношению к природе.</p>
</div>
<div class="tipovaya-quote">
<p class="news-detail-text__quote" style="background-image: url('img/corp_quote.svg');">«Из-за пандемии COVID-19 специалистам фирмы Anrdritz пришлось вернуться в Австрию на этапе ввода в эксплуатацию оборудования, - отметил генеральный директор АО «Волга» Сергей Пондарь. - Мы договорились продолжить работу на удаленном доступе, чтобы ввести новую линию ТММ в срок. И это решение оказалось правильным. Иностранные специалисты консультировали нас дистанционно при запуске линии ТММ».</p>
</div>
<div class="tipovaya-wrapper">
<h2 class="tipovaya__title">Заголовок</h2>
<p class="tipovaya__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="tipovaya__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
</div>
<div class="history-video" style="background-image: url(img/history_video.jpg);">
<div class="history-video-button">
<a class="company-button-link" href="#">
<img class="history-video-button__icon company-button__icon company-button__icon--normal" src="img/video_button.svg" alt="wacth video">
<img class="history-video-button__icon company-button__icon company-button__icon--hover" src="img/video_button_hover.svg" alt="wacth video">
<img class="history-video-button__icon company-button__icon company-button__icon--active" src="img/video_button_active.svg" alt="wacth video">
<img class="history-video-button__text company-button__text" src="img/video_button_text_white.png" alt="watch video text">
</a>
</div>
<div class="history-video-about">
<p class="history-video-about__title">Предприятие сегодня</p>
<p class="history-video-about__text">Акционерное общество «Волга» –
российский производитель газетной бумаги премиум-класса
из 100% термомеханической массы.</p>
</div>
</div>
<div class="tipovaya-wrapper">
<p class="tipovaya__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="tipovaya__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
<p class="tipovaya__text">АО «Волга» традиционно выступает инициатором акций, направленных на улучшение экологической ситуации на объектах предприятия, а также в Балахнинском районе в целом. Среди них – ежегодные посадки сотрудниками и ветеранами предприятия саженцев ели и сосны, вносящие вклад в озеленение города, что на деле доказывает готовность руководства и работников АО «Волга» принимать на себя личные обязательства по бережному отношению к природе.</p>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</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