Skip to content

V
volga
Commit 3c14ce87 authored by dagalkova's avatar dagalkova
Browse files
Options

update

parent d97843c7
Hide whitespace changes
Inline Side-by-side
Showing with 4481 additions and 131 deletions
career.html
View file @ 3c14ce87
......@@ -496,7 +496,7 @@
<div id="programs" class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/career_photo.jpg" alt="career photo">
</div>
<div class="corp-content-wrapper">
<div id="educ" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Развитие персонала</h2>
<p class="corp-content-wrapper__text">Постоянное совершенствование уже использующихся, внедрение вновь разработанных технологий в производство, изменения в документальной, нормативно-правовой базе, устаревание имеющихся знаний и умений и другие причины влекут необходимость постоянного развития персонала предприятия.</p>
<p class="corp-content-wrapper__bold">Развитие персонала АО «Волга» проводится по трем направлениям:</p>
......@@ -776,7 +776,7 @@
</div>
</div>
</section>
<section class="form form-subpage section-subpage">
<section id="cont" 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">
......
corp_gazeta.html 0 → 100644
View file @ 3c14ce87
<!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="gazeta-wrapper" style="background-image: url('img/company_mask.svg');">
<div class="select-wrapper">
<div class="select">
<input class="select__input" type="hidden" name="">
<div class="select__head">Все года
<img class="select__head__icon" src="img/select_down.svg" alt="down">
</div>
<ul class="select__list" style="display: none;">
<li class="select__item">2021</li>
<li class="select__item">2020</li>
<li class="select__item">2019</li>
</ul>
</div>
<div class="select">
<input class="select__input" type="hidden" name="">
<div class="select__head">Все месяцы
<img class="select__head__icon" src="img/select_down.svg" alt="down">
</div>
<ul class="select__list" style="display: none;">
<li class="select__item">Январь</li>
<li class="select__item">Февраль</li>
<li class="select__item">Март</li>
</ul>
</div>
<a class="select-btn" href="#">Показать</a>
</div>
<div class="gazeta">
<a class="gazeta-item">
<div class="gazeta-item-img">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">
<div class="gazeta-item-img__hover"></div>
</div>
<div class="gazeta-item-text">
<p class="gazeta-item-text__date">10 Декабря 2020</p>
<h3 class="gazeta-item-text__title">Балахнинский бумажник. № 27 от 29 апреля 2021 года</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>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">
<div class="gazeta-item-img__hover"></div>
</div>
<div class="gazeta-item-text">
<p class="gazeta-item-text__date">10 Декабря 2020</p>
<h3 class="gazeta-item-text__title">Балахнинский бумажник. № 27 от 29 апреля 2021 года</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>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">
<div class="gazeta-item-img__hover"></div>
</div>
<div class="gazeta-item-text">
<p class="gazeta-item-text__date">10 Декабря 2020</p>
<h3 class="gazeta-item-text__title">Балахнинский бумажник. № 27 от 29 апреля 2021 года</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>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">
<div class="gazeta-item-img__hover"></div>
</div>
<div class="gazeta-item-text">
<p class="gazeta-item-text__date">10 Декабря 2020</p>
<h3 class="gazeta-item-text__title">Балахнинский бумажник. № 27 от 29 апреля 2021 года</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>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">
<div class="gazeta-item-img__hover"></div>
</div>
<div class="gazeta-item-text">
<p class="gazeta-item-text__date">10 Декабря 2020</p>
<h3 class="gazeta-item-text__title">Балахнинский бумажник. № 27 от 29 апреля 2021 года</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>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img">
<img class="gazeta-item-img__photo" src="img/gazeta1.png" alt="gazeta">
<div class="gazeta-item-img__hover"></div>
</div>
<div class="gazeta-item-text">
<p class="gazeta-item-text__date">10 Декабря 2020</p>
<h3 class="gazeta-item-text__title">Балахнинский бумажник. № 27 от 29 апреля 2021 года</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>
</a>
</div>
</section>
<div class="pagination">
<a class="pagination-item pagination-item-more hidden" href="#">
<svg class="pagination-item__icon1">
<use xlink:href="img/dalshe.svg#dalshe"></use>
</svg>Раньше
</a>
<a class="pagination-item pagination-item-active" href="#">1</a>
<a class="pagination-item" href="#">2</a>
<a class="pagination-item" href="#">3</a>
<a class="pagination-item" href="#">4</a>
<a class="pagination-item" href="#">5</a>
<a class="pagination-item" href="#">...</a>
<a class="pagination-item" href="#">52</a>
<a class="pagination-item pagination-item-more" href="#">Дальше
<svg class="pagination-item__icon2">
<use xlink:href="img/dalshe.svg#dalshe"></use>
</svg>
</a>
</div>
<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://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script defer src="js/index.js"></script>
<script>
jQuery(($) => {
$('.select').on('click', '.select__head', function () {
if ($(this).hasClass('open')) {
$(this).removeClass('open');
$(this).next().fadeOut();
} else {
$('.select__head').removeClass('open');
$('.select__list').fadeOut();
$(this).addClass('open');
$(this).next().fadeIn();
}
});
$('.select').on('click', '.select__item', function () {
$('.select__head').removeClass('open');
$(this).parent().fadeOut();
$(this).parent().prev().text($(this).text());
$(this).parent().prev().prev().val($(this).text());
});
$(document).click(function (e) {
if (!$(e.target).closest('.select').length) {
$('.select__head').removeClass('open');
$('.select__list').fadeOut();
}
});
});
</script>
</body>
</html>
\ No newline at end of file
development.html 0 → 100644
View file @ 3c14ce87
<!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/development_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/development_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/development_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/development_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/development_icons.svg#5"></use>
</svg>
<p class="cards-item__title">Рейтинг и оценка</p>
</a>
</div>
<div class="prod-about">
<img class="prod-about__photo" src="img/dev_photo.png" 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/index.js"></script>
</body>
</html>
\ No newline at end of file
gazetnaya.html 0 → 100644
View file @ 3c14ce87
<!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 corp-wrapper-gazetnaya">
<a class="corp-wrapper__btn" href="#tech">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Техническая спецификация</a>
<a class="corp-wrapper__btn" href="#sert">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Сертификаты</a>
<a class="corp-wrapper__btn" href="#cont">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты отдела продаж</a>
<a class="corp-wrapper__btn" href="#gal">
<svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Галерея</a>
</div>
<div class="corp-content corp-content-gazetnaya">
<div class="corp-content-wrapper">
<h2 id="tech" class="corp-content-wrapper__title">Техническая спецификация</h2>
<div class="tech-spec">
<div class="tech-spec-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<div class="tech-spec-item-text">
<a class="tech-spec-item-text__link" href="#">Техническая спецификация стандартной газетной бумаги №8</a>
<span class="tech-spec-item-text__label">
<img class="tech-spec-item-text__label__icon" src="img/download.svg" alt="download">PDF, 1.16 Мб</span>
</div>
</div>
<div class="tech-spec-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<div class="tech-spec-item-text">
<a class="tech-spec-item-text__link" href="#">Техническая спецификация стандартной газетной бумаги №8</a>
<span class="tech-spec-item-text__label">
<img class="tech-spec-item-text__label__icon" src="img/download.svg" alt="download">PDF, 1.16 Мб</span>
</div>
</div>
</div>
</div>
<div class="corp-content-wrapper">
<h2 id="sert" class="corp-content-wrapper__title">Сертификаты</h2>
<p class="corp-content-wrapper__text">Выпускаемая АО «Волга» газетная бумага соответствует требованиям нормативных документов: требованиям ГОСТ 6445-74 (газетная бумага марки О, А); требованиям ТУ 5431-003-00279278-2004, о чем свидетельствуют полученные сертификаты соответствия. Успешное проведение работ по сертификации газетной бумаги и по ежегодному инспекционному контролю за сертифицированной продукцией - это показатель отличной, слаженной работы всех служб предприятия.</p>
<div class="sertificate">
<div class="sertificate-slider">
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Сертификат соответствия</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Сертификат FSC -С146241 (Forest Stewardship Council®)</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Резюме системы должной добросовестности (СДД) соблюдения требований к контролируемой древесине АО «Волга»</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Сертификат соответствия</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Сертификат FSC -С146241 (Forest Stewardship Council®)</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Резюме системы должной добросовестности (СДД) соблюдения требований к контролируемой древесине АО «Волга»</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Резюме системы должной добросовестности (СДД) соблюдения требований к контролируемой древесине АО «Волга»</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Резюме системы должной добросовестности (СДД) соблюдения требований к контролируемой древесине АО «Волга»</span>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/tech_spec_sert.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
<span class="sertificate-item__label">Резюме системы должной добросовестности (СДД) соблюдения требований к контролируемой древесине АО «Волга»</span>
</div>
</div>
<div class="sertificate__prev">
<img class="sertificate__prev--normal" src="img/prev.svg" alt="prev">
<img class="sertificate__prev--hover" src="img/prev_hover.svg" alt="prev">
</div>
<div class="sertificate__next">
<img class="sertificate__next--normal" src="img/next.svg" alt="next">
<img class="sertificate__next--hover" src="img/next_hover.svg" alt="next">
</div>
</div>
</div>
<div class="corp-content-wrapper">
<h2 id="cont" class="corp-content-wrapper__title">Контакты отдела продаж</h2>
<div class="press-wrapper">
<div class="press-wrapper__button" data-tabs-handler="1">Отдел продаж на экспорт</div>
<div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="2">Отдел продаж на внутреннем рынке</div>
</div>
<div class="press-content-news" data-tabs-field="1">
<div class="sertificate-contacts">
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact1.png" alt="contact1">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact2.png" alt="contact2">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact3.png" alt="contact3">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact4.png" alt="contact4">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact5.png" alt="contact5">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
</div>
<div class="press-content-news press-content-news--hidden" data-tabs-field="2">
</div>
</div>
<div class="corp-content-wrapper">
<h2 id="gal" class="corp-content-wrapper__title">Галерея</h2>
<div class="sertificate">
<div class="sertificate-slider">
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery1.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery2.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery3.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery4.png" alt="tech-spec" style="width: 320px; height: 213px;">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery3.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery3.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
<div class="sertificate-item">
<a href="#" class="tech-spec-item-img">
<img src="img/gallery3.png" alt="tech-spec">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</a>
</div>
</div>
<div class="sertificate__prev">
<img class="sertificate__prev--normal" src="img/prev.svg" alt="prev">
<img class="sertificate__prev--hover" src="img/prev_hover.svg" alt="prev">
</div>
<div href="#" class="sertificate__next">
<img class="sertificate__next--normal" src="img/next.svg" alt="next">
<img class="sertificate__next--hover" src="img/next_hover.svg" alt="next">
</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/index.js"></script>
</body>
</html>
\ No newline at end of file
img/contact_icon.svg 0 → 100644
View file @ 3c14ce87
<svg width="60" height="61" viewBox="0 0 60 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="30" y="6.17383" width="34.7277" height="34.7277" transform="rotate(45 30 6.17383)" fill="#029745"/>
<rect x="30" y="1.4366" width="41.4264" height="41.4264" transform="rotate(45 30 1.4366)" stroke="#029745"/>
</svg>
img/contact_mail.svg 0 → 100644
View file @ 3c14ce87
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 10.5295L0 1.72949V0.729492C4.1 0.729492 16 0.729492 20 0.729492V1.72949L10 10.5295ZM10 13.2295L0 4.32949C0 8.62949 0 11.2295 0 15.7295C4 15.7295 15.9 15.7295 20 15.7295C20 11.2295 20 8.62949 20 4.32949L10 13.2295Z" fill="#029745"/>
</svg>
img/contact_phone.svg 0 → 100644
View file @ 3c14ce87
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.65 13.7306C14.15 15.1306 12.35 15.8306 11.05 15.7306C9.25 15.5306 7.35 14.6306 5.85 13.6306C3.75 12.0306 1.75 9.73055 0.65 7.23055C-0.15 5.43055 -0.35 3.33055 0.85 1.73055C1.25 1.13055 1.75 0.730553 2.55 0.730553C3.55 0.630553 3.75 1.23055 4.05 2.23055C4.35 2.93055 4.65 3.63055 4.85 4.33055C5.25 5.63055 3.95 5.63055 3.75 6.73055C3.65 7.43055 4.55 8.33055 4.85 8.83055C5.55 9.83055 6.45 10.6306 7.45 11.2306C8.05 11.6306 8.95 12.2306 9.55 11.8306C10.55 11.3306 10.45 9.63055 11.85 10.1306C12.55 10.4306 13.25 10.8306 13.95 11.2306C15.15 11.9306 15.05 12.5306 14.65 13.7306C14.35 14.6306 14.95 12.8306 14.65 13.7306Z" fill="#029745"/>
</svg>
img/dalshe.svg 0 → 100644
View file @ 3c14ce87
<svg width="0" height="0" class="hidden">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17" id="dalshe">
<path d="M1.12.5L0 1.62 6.64 8.5l-.72.72L0 15.38l1.12 1.12c1.6-1.68 6.16-6.4 7.68-8-1.12-1.2 0 0-7.68-8z"></path>
</symbol>
</svg>
img/development_icons.svg 0 → 100644
View file @ 3c14ce87
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="1">
<path d="M46.24 8.409c-5.566 0-10.575-2.505-13.914-6.679-3.339 4.174-8.348 6.679-13.913 6.679-5.009 0-9.46-1.948-13.913-5.287v41.182s3.896 14.748 27.826 21.427c23.652-6.679 27.826-21.427 27.826-21.427V3.122C55.422 6.46 50.97 8.409 46.24 8.409z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.5 32.34h55.652" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M32.326 1.73v64" 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="2">
<path d="M43.24 20.932c-3.339 2.227-5.009 6.4 0 9.74 2.783 6.956 8.07 5.008 11.13 1.947 3.062-3.339 4.731-12.243 2.505-17.252-5.009 3.896-9.46 2.783-13.635 5.565zm-9.74-9.741c3.617 4.174 5.565 9.74-3.061 13.635-3.896 8.904-10.018 5.565-13.913.835-3.896-4.73-5.565-17.252-1.948-23.93 6.4 5.565 14.47 4.173 18.922 9.46z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M50.196 25.103c-8.348 4.173-12.522 15.304-12.522 15.304s-3.617-16.14-17.53-28.66" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.63 40.688H1.5v22.26h11.13v-22.26z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M12.63 58.777C42.406 68.794 31.554 68.794 65.5 51.82c-3.06-3.06-5.286-3.617-8.347-2.782L44.909 53.21" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.63 43.469h8.349c6.678 0 11.13 4.174 12.521 5.565h8.348c4.452 0 4.452 5.565 0 5.565H26.544" 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="4">
<path d="M11.239 35.123a5.565 5.565 0 100-11.13 5.565 5.565 0 000 11.13zm.001 5.565h9.738c0 7.512-.835 12.521-5.565 13.912v11.131H7.065v-11.13C2.057 53.208 1.5 48.2 1.5 40.688h9.74zm44.52-5.565a5.565 5.565 0 100-11.13 5.565 5.565 0 000 11.13zm0 5.565h9.74c0 7.512-.835 12.521-5.566 13.912v11.131h-8.347v-11.13c-5.009-1.392-5.566-6.4-5.566-13.913h9.74zM33.5 12.86a5.565 5.565 0 100-11.13 5.565 5.565 0 000 11.13zm0 5.566h9.739c0 7.513-.835 12.522-5.565 13.913v11.13h-8.348V32.34c-5.009-1.391-5.565-6.4-5.565-13.913H33.5z" 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 67" id="3">
<path d="M39.065 65.73H25.152l-5.565-16.695H44.63l-5.565 16.696zm19.479-36.173c4.173 0 6.956-2.783 6.956-6.957 0-4.174-4.174-6.957-6.956-6.957H54.37s-2.783-5.565-8.348-5.565c0 0-4.174-8.348-12.522-8.348-8.348 0-12.522 8.348-12.522 8.348-5.565 0-8.348 5.566-8.348 5.566H8.457c-2.783 0-6.957 2.782-6.957 6.956s2.783 6.957 6.957 6.957h50.087zm-26.436 0v19.478m11.131-19.478l-11.13 11.13m-11.13-11.13l11.13 11.13" 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 67" id="5">
<path d="M33.5 1.73l2.783 9.74h11.13l-8.348 6.956 4.174 11.13L33.5 22.6l-9.74 6.957 4.175-11.13-8.348-6.957h11.13L33.5 1.73zm18.087 36.174l2.782 9.74H65.5L57.153 54.6l4.174 11.13-9.74-6.956-9.738 6.956 4.174-11.13-8.348-6.957h11.13l2.783-9.739zm-36.174 0l2.783 9.74h11.13L20.978 54.6l4.174 11.13-9.739-6.956-9.74 6.956L9.849 54.6 1.5 47.643h11.13l2.783-9.739z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
</svg>
img/download.svg 0 → 100644
View file @ 3c14ce87
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.709 18.9295C20.709 19.9295 20.009 20.7295 18.609 20.7295C18.409 20.7295 2.30898 20.7295 2.50898 20.7295C1.50898 20.7295 0.708984 19.9295 0.708984 18.9295C0.708984 18.8295 0.708984 12.4295 0.708984 12.5295C0.708984 11.5295 1.40898 10.7295 2.60898 10.7295H3.70898C4.20898 10.7295 4.70898 11.1295 4.70898 11.7295C4.70898 12.2295 4.30898 12.7295 3.70898 12.7295C3.20898 12.7295 2.70898 13.1295 2.70898 13.7295V17.7295C2.70898 18.2295 3.10898 18.7295 3.70898 18.7295H17.709C18.209 18.7295 18.709 18.3295 18.709 17.7295V13.7295C18.709 13.2295 18.309 12.7295 17.709 12.7295C17.209 12.7295 16.709 12.3295 16.709 11.7295C16.709 11.2295 17.109 10.7295 17.709 10.7295C17.709 10.7295 19.009 10.7295 18.909 10.7295C19.909 10.7295 20.709 11.5295 20.709 12.5295C20.709 16.3295 20.709 15.2295 20.709 18.9295ZM15.009 7.42949C14.609 7.02949 14.009 7.02949 13.609 7.32949L12.609 8.32949C12.209 8.62949 11.709 8.32949 11.709 7.92949V1.72949C11.709 1.12949 11.309 0.729492 10.709 0.729492C10.109 0.729492 9.70898 1.12949 9.70898 1.72949V7.92949C9.70898 8.32949 9.20898 8.62949 8.90898 8.32949L7.90898 7.42949C7.50898 7.02949 6.90898 7.02949 6.50898 7.42949C6.10898 7.82949 6.10898 8.42949 6.50898 8.82949L9.30898 11.5295C10.109 12.2295 11.309 12.2295 12.109 11.5295L14.909 8.82949C15.309 8.42949 15.309 7.82949 15.009 7.42949Z" fill="#C7C9CF"/>
</svg>
img/next_white.svg 0 → 100644
View file @ 3c14ce87
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.729492" width="40" height="40" fill="white"/>
<path d="M20 10.7295L18.6 12.1295L26.2 19.7295H10V21.7295H26.2L18.6 29.3295L20 30.7295C23.7 27.0295 26.5 24.2295 30 20.7295C26 16.7295 28.8 19.5295 20 10.7295Z" fill="#029745"/>
</svg>
img/press_icons.svg 0 → 100644
View file @ 3c14ce87
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 67" id="1">
<path d="M9.348 10.077h30.608M23.26 18.425H9.349V35.12H23.26V18.425zm8.348 5.565h8.348m-11.13 5.566h11.13m-11.13 5.565h11.13M9.348 40.685h30.608M9.348 46.251h30.608M9.348 51.816h30.608M53.87 15.643h5.565v41.739c0 1.67-1.113 2.782-2.782 2.782-1.67 0-2.783-1.113-2.783-2.782V5.903h-5.565v5.566" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M56.652 65.73H9.348C4.618 65.73 1 62.111 1 57.382V1.729h47.304v55.653c0 4.73 3.618 8.348 8.348 8.348zm0 0c4.73 0 8.348-3.618 8.348-8.348V10.077H53.87" 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 66 67" id="2">
<path d="M65 15.643V65.73H14.913" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M59.435 7.295v52.87H6.565" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M53.87 1.73H1V54.6h52.87V1.73z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M46.913 43.469l-8.347-22.261-11.13 16.696-6.957-8.348-8.348 13.913m4.174-25.044a4.174 4.174 0 100-8.348 4.174 4.174 0 000 8.348zM53.87 43.469H1" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 65" id="3">
<path d="M65 58.269c0 2.226-1.67 3.895-3.896 3.895H4.896C2.67 62.164 1 60.495 1 58.27V23.208h64v35.06z" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M23.26 53.816v-22.26l22.262 11.13-22.261 11.13zM65 17.642H1V6.512C1 4.842 2.113 3.73 3.783 3.73h58.434C63.887 3.73 65 4.843 65 6.512v11.13zM1 16.251L13.522 3.73M9.348 17.642L23.26 3.73m-2.781 13.912L34.392 3.73m-2.784 13.912L45.521 3.73M42.74 17.642L56.651 3.73M53.87 17.642L65 6.512" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 67" id="4">
<path d="M65 1.73H1v64h64v-64zM17.695 15.643h11.13M9.348 23.99h19.478M9.348 32.338h19.478M9.348 40.685h47.304M9.348 49.034h33.391" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M56.653 10.077H34.392v22.261h22.26v-22.26z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
\ No newline at end of file
img/select_down.svg 0 → 100644
View file @ 3c14ce87
<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5 1.67949L9.8 0.979492L5.5 5.12949L5.05 4.67949L1.2 0.979492L0.5 1.67949C1.55 2.67949 4.5 5.52949 5.5 6.47949C6.25 5.77949 5.5 6.47949 10.5 1.67949Z" fill="#16291F"/>
</svg>
img/tech_search.svg 0 → 100644
View file @ 3c14ce87
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.70898 0.729492C3.80898 0.729492 0.708984 3.82949 0.708984 7.72949C0.708984 11.6295 3.80898 14.7295 7.70898 14.7295C11.609 14.7295 14.709 11.6295 14.709 7.72949C14.709 3.82949 11.609 0.729492 7.70898 0.729492ZM7.70898 12.7295C4.90898 12.7295 2.70898 10.5295 2.70898 7.72949C2.70898 4.92949 4.90898 2.72949 7.70898 2.72949C10.509 2.72949 12.709 4.92949 12.709 7.72949C12.709 10.5295 10.509 12.7295 7.70898 12.7295ZM20.709 19.3295L19.309 20.7295L13.609 15.0295L15.009 13.6295L20.709 19.3295Z" fill="white"/>
</svg>
index.html
View file @ 3c14ce87
......@@ -715,10 +715,10 @@
<h2 class="press__title">Пресс-центр</h2>
<div class="press-mob">
<a href="#">
<div class="press-wrapper__button">ПРЕСС-РЕЛИЗЫ</div>
<div class="press-wrapper__button" data-tabs-handler="1">ПРЕСС-РЕЛИЗЫ</div>
</a>
<a href="#">
<div class="press-wrapper__button press-wrapper__button--disabled">КОРПОРАТИВНЫЕ СМИ</div>
<div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="2">КОРПОРАТИВНЫЕ СМИ</div>
</a>
</div>
<div class="press-content">
......@@ -962,6 +962,32 @@
</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/index.js"></script>
<script defer src="js/map_icon.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
js/index.js
View file @ 3c14ce87
......@@ -14,6 +14,7 @@ document.addEventListener("DOMContentLoaded", function () {
//menu
let navbar = document.querySelector('.navbar');
let navbarS = document.querySelector('.navbar-scroll');
let navbarLogo = document.querySelector('.navbar-logo__icon');
let navbarScroll = document.querySelector('.navbar-logo__scroll');
let navbarBurgerIcon = document.querySelector('.navbar-burger__icon');
......@@ -22,11 +23,12 @@ document.addEventListener("DOMContentLoaded", function () {
let secondMenuItemLink = document.querySelectorAll('.second-menu-item__link');
let secondMenuItemLinkIcon = document.querySelectorAll('.second-menu-item__link__icon');
let points = document.querySelectorAll('.point-item-wrapper');
let submenus = document.querySelectorAll('.submenu');
window.addEventListener('scroll', () => {
document.querySelector('.header').style.opacity = 1;
let y = pageYOffset;
if (y > 5) {
if (y > 5 && window.innerWidth > 800) {
navbarLogo.classList.add('hidden');
navbarScroll.classList.remove('hidden');
navbar.classList.add('navbar-scroll');
......@@ -41,6 +43,10 @@ document.addEventListener("DOMContentLoaded", function () {
for (let item of secondMenuItemLinkIcon) {
item.classList.add('second-menu-scroll-item__link__icon');
}
for (let item of submenus) {
item.style.top = '105px';
}
search.style.top = '86px';
}
else {
navbarLogo.classList.remove('hidden');
......@@ -57,6 +63,10 @@ document.addEventListener("DOMContentLoaded", function () {
for (let item of secondMenuItemLinkIcon) {
item.classList.remove('second-menu-scroll-item__link__icon');
}
for (let item of submenus) {
item.style.top = '125px';
}
search.style.top = '125px';
}
if (search.style.opacity == '1') {
......@@ -220,13 +230,20 @@ document.addEventListener("DOMContentLoaded", function () {
let wrapper = document.querySelector('.corp-wrapper');
window.addEventListener('scroll', () => {
let y = pageYOffset;
if (wrapper) {
if (y > 300) {
let h = document.querySelector('.form').offsetTop - wrapper.offsetHeight - document.querySelector('.header').offsetHeight;
let y = pageYOffset;
if (y < 250) {
wrapper.style.position = 'static';
wrapper.style.top = '142px';
}
if (y > 250 && y - 200 < h) {
wrapper.style.position = 'fixed';
wrapper.style.top = '142px';
}
else {
wrapper.style.position = 'static';
if (y - 200 > h) {
wrapper.style.position = 'absolute';
wrapper.style.top = h + 'px';
}
}
});
......@@ -239,7 +256,7 @@ document.addEventListener("DOMContentLoaded", function () {
event.preventDefault();
let href = link.getAttribute('href').substring(1);
const scrollTarget = document.getElementById(href);
const topOffset = document.querySelector('.navbar').offsetHeight + 10;
const topOffset = document.querySelector('.navbar').offsetHeight + 25;
const elementPosition = scrollTarget.getBoundingClientRect().top;
const offsetPosition = elementPosition - topOffset;
window.scrollBy({
......@@ -277,7 +294,6 @@ document.addEventListener("DOMContentLoaded", function () {
let technologyBlocks = document.querySelectorAll('.technology-item-block');
let technologyIcon = document.querySelectorAll('.technology-item__icon');
let technologyIconActive = document.querySelectorAll('.technology-item__icon--active');
console.log(technologyIcon);
for (let i = 0; i < technologyItems.length; i++) {
technologyItems[i]?.addEventListener('mouseenter', () => {
......@@ -424,4 +440,48 @@ document.addEventListener("DOMContentLoaded", function () {
inner[i].classList.remove('vac-all-item-inner--active');
});
}
});
\ No newline at end of file
//slider
let sprev = document.querySelectorAll('.sertificate__prev');
let sprevH = document.querySelectorAll('.sertificate__prev--hover');
let sprevN = document.querySelectorAll('.sertificate__prev--normal');
let snext = document.querySelectorAll('.sertificate__next');
let snextH = document.querySelectorAll('.sertificate__next--hover');
let snextN = document.querySelectorAll('.sertificate__next--normal');
let slider = document.querySelectorAll('.sertificate-slider');
for (let i = 0; i < sprev.length; i++) {
sprev[i]?.addEventListener('mouseenter', () => {
sprevN[i].style.opacity = '0';
sprevH[i].style.opacity = '1';
});
sprev[i]?.addEventListener('mouseleave', () => {
sprevH[i].style.opacity = '0';
sprevN[i].style.opacity = '1';
});
snext[i]?.addEventListener('mouseenter', () => {
snextN[i].style.opacity = '0';
snextH[i].style.opacity = '1';
});
snext[i]?.addEventListener('mouseleave', () => {
snextH[i].style.opacity = '0';
snextN[i].style.opacity = '1';
});
sprev[i]?.addEventListener('click', (e) => {
e.preventDefault;
slider[i].scrollBy({
left: -200,
behavior: 'smooth'
});
});
snext[i]?.addEventListener('click', (e) => {
e.preventDefault;
slider[i].scrollBy({
left: 200,
behavior: 'smooth'
});
});
}
});
js/map_icon.js deleted 100644 → 0
View file @ d97843c7
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);
});
press.html 0 → 100644
View file @ 3c14ce87
<!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/press_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/press_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/press_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/press_icons.svg#4"></use>
</svg>
<p class="cards-item__title">Корпоративная газета "Балахнинский бумажник"</p>
</a>
</div>
<div class="prod-about">
<img class="prod-about__photo" src="img/press_photo.png" alt="photo">
<p class="prod-about__text">АО «Волга» регулярно проводит мероприятия по экономии электроэнергии, бережному отношению к природе, рациональному использованию ресурсов.</p>
<p class="prod-about__text">На протяжении нескольких лет предприятие, имеющее высокий экорейтинг «ЭКО А+», уделяет большое внимание экологическим характеристикам закупаемого сырья, повышает энергоэффективность оборудования, проводит серьезную работу по утилизации отходов производства, поддерживает различные экологические инициативы.</p>
</div>
<div class="sertificate-subpage">
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/press_contact.png" alt="contact3">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Моисеев Алексей Алексеевич</h3>
<p class="sertificate-contacts-text__label">Начальник управления по связям с общественностью, главный редактор корпоративных СМИ</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</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/index.js"></script>
</body>
</html>
\ No newline at end of file
production.html
View file @ 3c14ce87
......@@ -497,7 +497,7 @@
<p class="prod-about__text">Акционерное общество «Волга» – российский производитель газетной бумаги премиум-класса из 100% термомеханической массы.</p>
<p class="prod-about__text">Предприятие расположено на берегу реки Волги в Балахнинском районе, в 30 км от Нижнего Новгорода и в 450 км от Москвы.</p>
<p class="prod-about__text">АО «Волга» входит в рейтинги «Топ-200 крупнейших российских компаний-экспортеров» (по данным журнала «Эксперт»), Топ-50 крупнейших лесопромышленных компаний (по версии журнала «Лесная индустрия») и «Топ-100 крупнейших компаний Нижегородской области» (по данным издания «Деловой квартал»).</p>
</div>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
......
styles/style.css
View file @ 3c14ce87
......@@ -340,6 +340,9 @@ body {
.navbar-scroll {
background-color: #fff;
-webkit-box-shadow: 0 20px 35px rgba(21, 57, 111, 0.1);
box-shadow: 0 20px 35px rgba(21, 57, 111, 0.1);
height: 86px;
}
.navbar-scroll-burger__icon {
......@@ -1418,6 +1421,7 @@ body {
font-size: 15px;
line-height: 120%;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #ffffff;
text-align: center;
padding: 24px 56px;
......@@ -2240,7 +2244,8 @@ body {
.cards {
background-repeat: no-repeat;
background-position: right center;
background-position: right -150px;
background-size: 20%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
......@@ -2283,6 +2288,7 @@ body {
.cards-item:hover {
background: #029745;
cursor: pointer;
}
.cards-item:hover .cards-item__icon {
......@@ -2386,7 +2392,8 @@ body {
.timeline-about {
background-repeat: no-repeat;
background-position: right center;
background-position: right -150px;
background-size: 20%;
padding: 64px 500px;
}
......@@ -2647,7 +2654,8 @@ body {
.people {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 20px 0 60px;
display: -webkit-box;
display: -ms-flexbox;
......@@ -2704,7 +2712,8 @@ body {
.prod {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
}
.prod-cards {
......@@ -2750,8 +2759,16 @@ body {
margin-bottom: 0;
}
.technology {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
}
.technology-image {
padding-top: 64px;
margin: 64px auto;
margin-top: 0;
position: relative;
}
......@@ -2833,8 +2850,8 @@ body {
}
.technology-item-1 {
left: 287px;
top: 130px;
left: 315px;
top: 196px;
}
.technology-item-2 {
......@@ -2869,7 +2886,8 @@ body {
.strategy {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 0 0;
}
......@@ -2944,7 +2962,8 @@ body {
.corp {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
display: -webkit-box;
display: -ms-flexbox;
......@@ -2955,6 +2974,9 @@ body {
.corp-wrapper {
margin-right: 80px;
top: 142px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.corp-wrapper__btn {
......@@ -3252,98 +3274,668 @@ body {
margin-bottom: 0;
}
.vac__button {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #ffffff;
padding: 21px 52px 21px 55px;
background-color: #029745;
background-repeat: no-repeat;
.vac__button {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #ffffff;
padding: 21px 52px 21px 55px;
background-color: #029745;
background-repeat: no-repeat;
-webkit-transition: 0.4s;
transition: 0.4s;
margin-right: 16px;
}
.vac__button:hover {
background-color: #28be4a;
}
.vac__button:active {
background-color: #07803d;
}
.vac-buttons {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vac__call {
border: 1px solid #029745;
padding: 21px 31px;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #029745;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.vac__call__icon {
margin-right: 8px;
width: 12px;
height: 12px;
fill: #029745;
}
.vac__call:hover {
background: #28be4a;
color: #fff;
border-color: #28be4a;
}
.vac__call:hover .vac__call__icon,
.vac__call:active .vac__call__icon {
fill: #fff;
}
.vac__call:active {
background: #077f3d;
color: #fff;
border-color: #077f3d;
}
.vacancy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
}
.vacancy-all {
max-width: 1160px;
width: 80%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tech-spec {
background-color: #fff;
padding: 32px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tech-spec-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tech-spec-item-img {
position: relative;
}
.tech-spec-item-img__hover {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tech-spec-item-text {
margin-left: 37px;
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 330px;
}
.tech-spec-item-text__link {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #16291f;
margin-bottom: 16px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.tech-spec-item-text__link:hover {
color: #029745;
}
.tech-spec-item-text__label {
font-weight: normal;
font-size: 14px;
line-height: 140%;
color: #93969e;
}
.tech-spec-item-text__label__icon {
margin-right: 8px;
}
.tech-spec-item-img:hover .tech-spec-item-img__hover {
opacity: 0.99;
}
.sertificate {
position: relative;
}
.sertificate-slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
padding-bottom: 32px;
}
.sertificate-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 32px;
opacity: 0.99;
}
.sertificate-item__label {
margin-top: 16px;
font-weight: bold;
font-size: 14px;
line-height: 140%;
text-align: center;
color: #16291f;
max-width: 240px;
}
.sertificate-item:last-child {
margin-right: 0;
}
.sertificate__prev {
position: absolute;
cursor: pointer;
left: 0;
top: 33%;
-webkit-transition: opacity 0.4s, visibility 0s linear 0.4s;
transition: opacity 0.4s, visibility 0s linear 0.4s;
z-index: 5;
}
.sertificate__prev--hover {
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.4s, visibility 0s linear 0.4s;
transition: opacity 0.4s, visibility 0s linear 0.4s;
}
.sertificate__next {
position: absolute;
cursor: pointer;
right: 0;
top: 33%;
-webkit-transition: opacity 0.4s, visibility 0s linear 0.4s;
transition: opacity 0.4s, visibility 0s linear 0.4s;
z-index: 5;
}
.sertificate__next--hover {
position: absolute;
right: 0;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.4s, visibility 0s linear 0.4s;
transition: opacity 0.4s, visibility 0s linear 0.4s;
}
.sertificate-subpage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 64px 140px 0;
}
.sertificate-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.sertificate-contacts-item {
height: 360px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: right 45px;
margin-bottom: 24px;
}
.sertificate-contacts-item:last-child {
margin-bottom: 0;
}
.sertificate-contacts-item > img:first-child {
height: 100%;
}
.sertificate-contacts__icon {
margin-left: -30px;
height: 60px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.sertificate-contacts-text {
margin-top: 48px;
margin-left: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sertificate-contacts-text__title {
font-weight: 800;
font-size: 24px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 32px;
}
.sertificate-contacts-text__label {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 32px;
}
.sertificate-contacts-text__link {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 16px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.sertificate-contacts-text__link__icon {
margin-right: 16px;
}
.sertificate-contacts-text__link:hover {
color: #029745;
}
.sertificate-slider::-webkit-scrollbar {
height: 3px;
}
.sertificate-slider::-webkit-scrollbar-thumb {
height: 3px;
background-color: #029745;
}
.sertificate-slider::-webkit-scrollbar-track {
height: 1px;
background-color: rgba(214, 217, 229, 0.5);
}
.gazeta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 64px 100px 0 140px;
}
.gazeta-wrapper {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
}
.gazeta-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
width: 31%;
max-width: 533px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.4s;
transition: 0.4s;
margin-bottom: 24px;
margin-right: 21px;
}
.gazeta-item-img {
position: relative;
}
.gazeta-item-img__photo {
width: 100%;
height: 100%;
}
.gazeta-item-img__hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
opacity: 0;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.gazeta-item-text {
padding: 40px 64px;
}
.gazeta-item-text__date {
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: #16291f;
margin-bottom: 16px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.gazeta-item-text__title {
font-weight: 800;
font-size: 20px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 16px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.gazeta-item-text__download {
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: #93969e;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.gazeta-item-text__download__icon {
margin-right: 8px;
}
.gazeta-item:hover {
cursor: pointer;
background-color: #029745;
}
.gazeta-item:hover .gazeta-item-text__date,
.gazeta-item:hover .gazeta-item-text__title,
.gazeta-item:hover .gazeta-item-text__download {
color: #fff;
}
.gazeta-item:hover .gazeta-item-img__hover {
opacity: 1;
}
.select {
position: relative;
display: block;
width: 130px;
margin-right: 16px;
}
.select-wrapper {
padding-top: 64px;
padding-left: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.select-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 9px 32px;
background: #029745;
font-weight: bold;
font-size: 13px;
line-height: 120%;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #ffffff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.select-btn:hover {
background: #28be4a;
}
.select-btn:active {
background: #07803d;
}
.select__head {
width: 100%;
max-width: 100%;
padding: 8px 0;
font-weight: normal;
font-size: 14px;
line-height: 130%;
color: #16291f;
cursor: pointer;
border-bottom: 1px solid #93969e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.select__head__icon {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.select__head:hover {
border-color: #029745;
}
.select__list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
margin-top: 5px;
max-height: 205px;
overflow-x: hidden;
overflow-y: auto;
z-index: 5;
margin: 0;
padding: 0;
}
.select__item {
position: relative;
padding: 10px 15px;
cursor: pointer;
list-style-type: none;
font-weight: normal;
font-size: 14px;
line-height: 130%;
color: #16291f;
-webkit-transition: 0.4s;
transition: 0.4s;
margin-right: 16px;
}
.vac__button:hover {
background-color: #28be4a;
.select__item:hover {
color: #029745;
}
.vac__button:active {
background-color: #07803d;
.select__head.open .select__head__icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.vac-buttons {
height: 60px;
.pagination {
margin-top: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vac__call {
border: 1px solid #029745;
padding: 21px 31px;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #029745;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
.pagination-item {
font-weight: 300;
font-size: 24px;
line-height: 130%;
color: #16291f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 43px;
height: 43px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.vac__call__icon {
margin-right: 8px;
width: 12px;
height: 12px;
fill: #029745;
.pagination-item-more {
width: auto;
padding: 0 17px;
}
.vac__call:hover {
background: #28be4a;
color: #fff;
border-color: #28be4a;
.pagination-item__icon1 {
width: 9px;
height: 17px;
margin-right: 16px;
fill: #16291f;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.vac__call:hover .vac__call__icon,
.vac__call:active .vac__call__icon {
fill: #fff;
.pagination-item__icon2 {
width: 9px;
height: 17px;
margin-left: 16px;
fill: #16291f;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.vac__call:active {
background: #077f3d;
color: #fff;
border-color: #077f3d;
.pagination-item-active {
background: #029745;
color: #ffffff;
}
.vacancy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
background-position: right -300px;
padding: 64px 140px 0;
.pagination-item:hover {
background: #28be4a;
color: #ffffff;
}
.vacancy-all {
max-width: 1160px;
width: 80%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
.pagination-item:hover .pagination-item__icon1,
.pagination-item:hover .pagination-item__icon2 {
fill: #ffffff;
}
@media (max-width: 1800px) {
......@@ -4002,6 +4594,83 @@ body {
max-width: 1000px;
width: 90%;
}
.tech-spec {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 31px;
}
.tech-spec-text {
margin-left: 28px;
}
.tech-spec-text__link {
font-size: 12px;
margin-bottom: 12px;
}
.tech-spec-text__label {
font-size: 12px;
}
.sertificate-slider {
padding-bottom: 25px;
}
.sertificate-item {
margin-right: 25px;
}
.sertificate-item__label {
margin-top: 12px;
font-size: 12px;
}
.sertificate-subpage {
padding: 52px 100px 0;
}
.sertificate-contacts-item {
height: 270px;
margin-bottom: 18px;
}
.sertificate-contacts-text {
margin-top: 40px;
margin-left: 40px;
}
.sertificate-contacts-text__title {
font-size: 18px;
margin-bottom: 25px;
}
.sertificate-contacts-text__label {
font-size: 14px;
margin-bottom: 25px;
}
.sertificate-contacts-text__link {
font-size: 14px;
margin-bottom: 12px;
}
.sertificate-contacts-text__link__icon {
margin-right: 12px;
}
.gazeta {
padding: 52px 100px 0 100px;
}
.gazeta-item {
max-width: 400px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gazeta-item-text {
padding: 31px 40px;
}
.gazeta-item-text__date {
font-size: 12px;
margin-bottom: 12px;
}
.gazeta-item-text__title {
font-size: 16px;
margin-bottom: 12px;
}
.gazeta-item-text__download {
font-size: 12px;
}
.select-wrapper {
padding-top: 52px;
padding-left: 100px;
}
}
@media (max-width: 1250px) {
......@@ -4011,6 +4680,12 @@ body {
.point {
display: none;
}
.corp-wrapper-gazetnaya {
display: none;
}
.corp-content-gazetnaya {
width: 100%;
}
}
@media (max-width: 1100px) {
......@@ -4139,7 +4814,7 @@ body {
@media (max-width: 800px) {
.header {
height: 219px;
height: auto;
opacity: 1;
z-index: 5;
}
......@@ -4373,9 +5048,12 @@ body {
padding: 0;
}
.heading-other__title {
display: none;
margin: 0 auto;
font-size: 24px;
padding: 16px;
}
.heading-other-nav {
display: none;
width: 100%;
}
.heading-other-nav__page {
......@@ -5252,6 +5930,143 @@ body {
.vacancy-all {
width: 100%;
}
.tech-spec {
padding: 21px 26px 11px;
}
.tech-spec-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
}
.tech-spec-item-text {
margin-left: 0;
max-width: 200px;
}
.tech-spec-item-text__link {
font-size: 10px;
margin-bottom: 8px;
}
.tech-spec-item-text__label {
font-size: 10px;
}
.tech-spec-item-text__label__icon {
height: 10px;
}
.sertificate-slider {
padding-bottom: 18px;
}
.sertificate-item {
margin-right: 14px;
}
.sertificate-item__label {
margin-top: 10px;
font-size: 10px;
}
.sertificate-item img {
height: 200px;
}
.sertificate__prev, .sertificate__next {
top: 30%;
}
.sertificate__prev img,
.sertificate__next img {
height: 30px;
}
.sertificate-subpage {
padding: 52px 16px 0;
}
.sertificate-contacts {
margin: 0 auto;
}
.sertificate-contacts-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
background-image: none !important;
margin: 0 auto;
margin-bottom: 10px;
}
.sertificate-contacts__icon {
display: none;
}
.sertificate-contacts-item > img:first-child {
height: 250px;
}
.sertificate-contacts-text {
margin: 16px;
}
.sertificate-contacts-text__title {
font-size: 14px;
margin-bottom: 14px;
}
.sertificate-contacts-text__label {
font-size: 12px;
margin-bottom: 14px;
}
.sertificate-contacts-text__link {
font-size: 12px;
margin-bottom: 8px;
}
.sertificate-contacts-text__link__icon {
margin-right: 8px;
height: 10px;
}
.gazeta {
padding: 52px 16px 0;
}
.gazeta-wrapper {
background-image: none !important;
}
.gazeta-item {
max-width: 400px;
width: 100%;
margin-right: 0;
}
.gazeta-item-text {
padding: 25px 30px;
}
.gazeta-item-text__date {
font-size: 10px;
margin-bottom: 10px;
}
.gazeta-item-text__title {
font-size: 14px;
margin-bottom: 10px;
}
.gazeta-item-text__download {
font-size: 10px;
}
.gazeta-item-text__download__icon {
height: 10px;
margin-right: 5px;
}
.select {
margin-bottom: 8px;
}
.select-wrapper {
padding: 52px 8px 0 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination {
margin-top: 20px;
}
.pagination-item {
font-size: 16px;
width: 30px;
height: 30px;
}
.pagination-item-more {
display: none;
}
}
@media (max-width: 700px) {
......@@ -5287,6 +6102,24 @@ body {
.vacancy .vac-all-item-inner {
margin-bottom: 50px;
}
.vac__button {
height: 38px;
padding: 13px 25px;
margin-right: 0;
}
.vac__button:first-child {
margin-bottom: 10px;
}
.vac-buttons {
height: 38px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 40px;
}
}
@media (max-width: 380px) {
......
styles/style.css.map
View file @ 3c14ce87
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ 3c14ce87
......@@ -253,6 +253,8 @@ body {
.navbar-scroll {
background-color: #fff;
box-shadow: 0 20px 35px rgba($color: #15396f, $alpha: 0.1);
height: 86px;
&-burger {
&__icon {
fill: #16291f;
......@@ -1059,6 +1061,7 @@ body {
font-size: 15px;
line-height: 120%;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #ffffff;
text-align: center;
padding: 24px 56px;
......@@ -1644,7 +1647,8 @@ body {
//company
.cards {
background-repeat: no-repeat;
background-position: right center;
background-position: right -150px;
background-size: 20%;
display: flex;
padding: 64px 140px 79px;
&-item {
......@@ -1675,6 +1679,7 @@ body {
}
&-item:hover {
background: #029745;
cursor: pointer;
}
&-item:hover &-item__icon {
stroke: #fff;
......@@ -1753,7 +1758,8 @@ body {
}
&-about {
background-repeat: no-repeat;
background-position: right center;
background-position: right -150px;
background-size: 20%;
padding: 64px 500px;
&__title {
font-weight: 800;
......@@ -1963,7 +1969,8 @@ body {
//head
.people {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 20px 0 60px;
display: flex;
align-items: center;
......@@ -2004,7 +2011,8 @@ body {
//production
.prod {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
&-cards {
display: flex;
justify-content: center;
......@@ -2036,8 +2044,13 @@ body {
//technology
.technology {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
&-image {
padding-top: 64px;
margin: 64px auto;
margin-top: 0;
position: relative;
}
&-image img {
......@@ -2102,8 +2115,8 @@ body {
z-index: 10;
}
&-item-1 {
left: 287px;
top: 130px;
left: 315px;
top: 196px;
}
&-item-2 {
left: 403px;
......@@ -2135,7 +2148,8 @@ body {
//strategy
.strategy {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 0 0;
&-project {
margin: 0 auto;
......@@ -2198,13 +2212,15 @@ body {
//corp
.corp {
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
display: flex;
position: relative;
&-wrapper {
margin-right: 80px;
top: 142px;
height: max-content;
&__btn {
width: 360px;
box-sizing: border-box;
......@@ -2512,7 +2528,8 @@ body {
display: flex;
justify-content: center;
background-repeat: no-repeat;
background-position: right -300px;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
&-all {
max-width: 1160px;
......@@ -2521,6 +2538,425 @@ body {
}
}
//gazetnaya
.tech-spec {
background-color: #fff;
padding: 32px 40px;
display: flex;
justify-content: space-between;
max-width: 1200px;
box-sizing: border-box;
&-item {
display: flex;
&-img {
position: relative;
&__hover {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.35),
rgba(0, 0, 0, 0.35)
);
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s;
display: flex;
justify-content: center;
align-items: center;
}
}
&-text {
margin-left: 37px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 330px;
&__link {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #16291f;
margin-bottom: 16px;
transition: 0.4s;
}
&__link:hover {
color: #029745;
}
&__label {
font-weight: normal;
font-size: 14px;
line-height: 140%;
color: #93969e;
&__icon {
margin-right: 8px;
}
}
}
}
&-item-img:hover &-item-img__hover {
opacity: 0.99;
}
}
.sertificate {
position: relative;
&-slider {
position: relative;
display: flex;
overflow-x: auto;
padding-bottom: 32px;
}
&-item {
display: flex;
flex-direction: column;
margin-right: 32px;
opacity: 0.99;
&__label {
margin-top: 16px;
font-weight: bold;
font-size: 14px;
line-height: 140%;
text-align: center;
color: #16291f;
max-width: 240px;
}
}
&-item:last-child {
margin-right: 0;
}
&__prev {
position: absolute;
cursor: pointer;
left: 0;
top: 33%;
transition: opacity 0.4s, visibility 0s linear 0.4s;
z-index: 5;
&--hover {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 0.4s, visibility 0s linear 0.4s;
}
}
&__next {
position: absolute;
cursor: pointer;
right: 0;
top: 33%;
transition: opacity 0.4s, visibility 0s linear 0.4s;
z-index: 5;
&--hover {
position: absolute;
right: 0;
top: 0;
opacity: 0;
transition: opacity 0.4s, visibility 0s linear 0.4s;
}
}
&-subpage {
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 64px 140px 0;
}
&-contacts {
display: flex;
flex-direction: column;
width: 100%;
&-item {
height: 360px;
box-sizing: border-box;
display: flex;
background-color: #fff;
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: right 45px;
margin-bottom: 24px;
}
&-item:last-child {
margin-bottom: 0;
}
&-item > img:first-child {
height: 100%;
}
&__icon {
margin-left: -30px;
height: 60px;
align-self: center;
}
&-text {
margin-top: 48px;
margin-left: 50px;
display: flex;
flex-direction: column;
&__title {
font-weight: 800;
font-size: 24px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 32px;
}
&__label {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 32px;
}
&__link {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 16px;
transition: 0.4s;
&__icon {
margin-right: 16px;
}
}
&__link:hover {
color: #029745;
}
}
}
}
.sertificate-slider::-webkit-scrollbar {
height: 3px;
}
.sertificate-slider::-webkit-scrollbar-thumb {
height: 3px;
background-color: #029745;
}
.sertificate-slider::-webkit-scrollbar-track {
height: 1px;
background-color: rgba($color: #d6d9e5, $alpha: 0.5);
}
//gazeta
.gazeta {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 64px 100px 0 140px;
&-wrapper {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
}
&-item {
display: flex;
flex-direction: column;
background-color: #fff;
width: 31%;
max-width: 533px;
box-sizing: border-box;
transition: 0.4s;
margin-bottom: 24px;
margin-right: 21px;
&-img {
position: relative;
&__photo {
width: 100%;
height: 100%;
}
&__hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.35),
rgba(0, 0, 0, 0.35)
);
opacity: 0;
transition: opacity 0.4s;
}
}
&-text {
padding: 40px 64px;
&__date {
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: #16291f;
margin-bottom: 16px;
transition: 0.4s;
}
&__title {
font-weight: 800;
font-size: 20px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 16px;
transition: 0.4s;
}
&__download {
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: #93969e;
transition: 0.4s;
&__icon {
margin-right: 8px;
}
}
}
}
&-item:hover {
cursor: pointer;
background-color: #029745;
}
&-item:hover &-item-text__date,
&-item:hover &-item-text__title,
&-item:hover &-item-text__download {
color: #fff;
}
&-item:hover &-item-img__hover {
opacity: 1;
}
}
.select {
position: relative;
display: block;
width: 130px;
margin-right: 16px;
&-wrapper {
padding-top: 64px;
padding-left: 140px;
display: flex;
}
&-btn {
display: flex;
align-items: center;
padding: 9px 32px;
background: #029745;
font-weight: bold;
font-size: 13px;
line-height: 120%;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #ffffff;
transition: 0.4s;
}
&-btn:hover {
background: #28be4a;
}
&-btn:active {
background: #07803d;
}
&__head {
width: 100%;
max-width: 100%;
padding: 8px 0;
font-weight: normal;
font-size: 14px;
line-height: 130%;
color: #16291f;
cursor: pointer;
border-bottom: 1px solid #93969e;
display: flex;
justify-content: space-between;
&__icon {
transition: 0.4s;
}
}
&__head:hover {
border-color: #029745;
}
&__list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
margin-top: 5px;
max-height: 205px;
overflow-x: hidden;
overflow-y: auto;
z-index: 5;
margin: 0;
padding: 0;
}
&__item {
position: relative;
padding: 10px 15px;
cursor: pointer;
list-style-type: none;
font-weight: normal;
font-size: 14px;
line-height: 130%;
color: #16291f;
transition: 0.4s;
}
&__item:hover {
color: #029745;
}
}
.select__head.open .select__head__icon {
transform: rotate(180deg);
}
.pagination {
margin-top: 40px;
justify-content: center;
display: flex;
&-item {
font-weight: 300;
font-size: 24px;
line-height: 130%;
color: #16291f;
display: flex;
justify-content: center;
align-items: center;
width: 43px;
height: 43px;
transition: 0.4s;
&-more {
width: auto;
padding: 0 17px;
}
&__icon1 {
width: 9px;
height: 17px;
margin-right: 16px;
fill: #16291f;
transition: 0.4s;
transform: scale(-1, 1);
}
&__icon2 {
width: 9px;
height: 17px;
margin-left: 16px;
fill: #16291f;
transition: 0.4s;
}
&-active {
background: #029745;
color: #ffffff;
}
}
&-item:hover {
background: #28be4a;
color: #ffffff;
}
&-item:hover &-item__icon1,
&-item:hover &-item__icon2 {
fill: #ffffff;
}
}
@media (max-width: 1800px) {
.navbar {
padding: 0 100px;
......@@ -3261,6 +3697,89 @@ body {
width: 90%;
}
}
//gazetnaya
.tech-spec {
flex-wrap: wrap;
padding: 25px 31px;
&-text {
margin-left: 28px;
&__link {
font-size: 12px;
margin-bottom: 12px;
}
&__label {
font-size: 12px;
}
}
}
.sertificate {
&-slider {
padding-bottom: 25px;
}
&-item {
margin-right: 25px;
&__label {
margin-top: 12px;
font-size: 12px;
}
}
&-subpage {
padding: 52px 100px 0;
}
&-contacts {
&-item {
height: 270px;
margin-bottom: 18px;
}
&-text {
margin-top: 40px;
margin-left: 40px;
&__title {
font-size: 18px;
margin-bottom: 25px;
}
&__label {
font-size: 14px;
margin-bottom: 25px;
}
&__link {
font-size: 14px;
margin-bottom: 12px;
&__icon {
margin-right: 12px;
}
}
}
}
}
//gazeta
.gazeta {
padding: 52px 100px 0 100px;
&-item {
max-width: 400px;
box-sizing: border-box;
&-text {
padding: 31px 40px;
&__date {
font-size: 12px;
margin-bottom: 12px;
}
&__title {
font-size: 16px;
margin-bottom: 12px;
}
&__download {
font-size: 12px;
}
}
}
}
.select {
&-wrapper {
padding-top: 52px;
padding-left: 100px;
}
}
}
@media (max-width: 1250px) {
......@@ -3270,6 +3789,12 @@ body {
.point {
display: none;
}
.corp-wrapper-gazetnaya {
display: none;
}
.corp-content-gazetnaya {
width: 100%;
}
}
@media (max-width: 1100px) {
......@@ -3392,7 +3917,7 @@ body {
@media (max-width: 800px) {
.header {
height: 219px;
height: auto;
opacity: 1;
z-index: 5;
}
......@@ -3578,9 +4103,12 @@ body {
.heading-other {
padding: 0;
&__title {
display: none;
margin: 0 auto;
font-size: 24px;
padding: 16px;
}
&-nav {
display: none;
width: 100%;
&__page {
width: 100%;
......@@ -4411,6 +4939,139 @@ body {
width: 100%;
}
}
//gazetnaya
.tech-spec {
padding: 21px 26px 11px;
&-item {
flex-direction: column;
margin-bottom: 10px;
&-text {
margin-left: 0;
max-width: 200px;
&__link {
font-size: 10px;
margin-bottom: 8px;
}
&__label {
font-size: 10px;
&__icon {
height: 10px;
}
}
}
}
}
.sertificate {
&-slider {
padding-bottom: 18px;
}
&-item {
margin-right: 14px;
&__label {
margin-top: 10px;
font-size: 10px;
}
}
&-item img {
height: 200px;
}
&__prev,
&__next {
top: 30%;
}
&__prev img,
&__next img {
height: 30px;
}
&-subpage {
padding: 52px 16px 0;
}
&-contacts {
margin: 0 auto;
&-item {
flex-wrap: wrap;
height: auto;
width: min-content;
background-image: none !important;
margin: 0 auto;
margin-bottom: 10px;
}
&__icon {
display: none;
}
&-item > img:first-child {
height: 250px;
}
&-text {
margin: 16px;
&__title {
font-size: 14px;
margin-bottom: 14px;
}
&__label {
font-size: 12px;
margin-bottom: 14px;
}
&__link {
font-size: 12px;
margin-bottom: 8px;
&__icon {
margin-right: 8px;
height: 10px;
}
}
}
}
}
//gazeta
.gazeta {
padding: 52px 16px 0;
&-wrapper {
background-image: none !important;
}
&-item {
max-width: 400px;
width: 100%;
margin-right: 0;
&-text {
padding: 25px 30px;
&__date {
font-size: 10px;
margin-bottom: 10px;
}
&__title {
font-size: 14px;
margin-bottom: 10px;
}
&__download {
font-size: 10px;
&__icon {
height: 10px;
margin-right: 5px;
}
}
}
}
}
.select {
margin-bottom: 8px;
&-wrapper {
padding: 52px 8px 0 16px;
justify-content: center;
flex-wrap: wrap;
}
}
.pagination {
margin-top: 20px;
&-item {
font-size: 16px;
width: 30px;
height: 30px;
&-more {
display: none;
}
}
}
}
@media (max-width: 700px) {
.company-button-subpage {
......@@ -4425,7 +5086,6 @@ body {
bottom: 720px;
}
}
@media (max-width: 480px) {
.company-button {
bottom: 940px;
......@@ -4448,8 +5108,21 @@ body {
.vacancy .vac-all-item-inner {
margin-bottom: 50px;
}
.vac__button {
height: 38px;
padding: 13px 25px;
margin-right: 0;
}
.vac__button:first-child {
margin-bottom: 10px;
}
.vac-buttons {
height: 38px;
justify-content: center;
align-items: center;
margin-right: 40px;
}
}
@media (max-width: 380px) {
.company-button {
&-subpage {
......@@ -4457,7 +5130,6 @@ body {
}
}
}
@keyframes company-button {
0% {
transform: rotate(0deg);
......@@ -4466,7 +5138,6 @@ body {
transform: rotate(360deg);
}
}
.hidden {
display: none;
}
technology.html
View file @ 3c14ce87
......@@ -473,7 +473,7 @@
<h1 class="heading-other__title">Технология</h1>
</div>
</header>
<section class="technology">
<section class="technology" style="background-image: url('img/company_mask.svg');">
<div class="technology-image">
<img src="img/technology_photo.jpg" alt="photo">
<a class="technology-item technology-item-1" href="#">
......
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