Skip to content

V
volga
Commit 0cea9b10 authored by dagalkova's avatar dagalkova
Browse files
Options

update

parent 03a20b77
Show whitespace changes
Inline Side-by-side
Showing with 2779 additions and 171 deletions
.DS_Store
View file @ 0cea9b10
No preview for this file type
404.html 0 → 100644
View file @ 0cea9b10
<!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>Ошибка 404</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="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</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">Ошибка 404</a>
</div>
<h1 class="heading-other__title">Ошибка 404</h1>
</div>
</header>
<section class="error" style="background-image: url('img/company_mask.svg');">
<div class="error-img">
<div class="error-title" style="background-image: url('img/лес2.gif');">
404
</div>
</div>
<p class="error__text">К сожалению, такой страницы не существует</p>
<a class="error__link" href="#">Вернуться на главную</a>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
career.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
company.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
contacts.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
corp_gazeta.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
corp_politica.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
development.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
ecology.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
gazetnaya.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
head.html
View file @ 0cea9b10
...@@ -429,6 +429,25 @@ ...@@ -429,6 +429,25 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть Закрыть
......
history.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
img/path_arrow.svg 0 → 100644
View file @ 0cea9b10
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.3536 4.35355C15.5488 4.15829 15.5488 3.84171 15.3536 3.64645L12.1716 0.464465C11.9763 0.269203 11.6597 0.269203 11.4645 0.464465C11.2692 0.659727 11.2692 0.97631 11.4645 1.17157L14.2929 4L11.4645 6.82843C11.2692 7.02369 11.2692 7.34027 11.4645 7.53553C11.6597 7.7308 11.9763 7.7308 12.1716 7.53553L15.3536 4.35355ZM4.37114e-08 4.5L15 4.5L15 3.5L-4.37114e-08 3.5L4.37114e-08 4.5Z" fill="#93969E"/>
</svg>
index.html
View file @ 0cea9b10
...@@ -399,10 +399,10 @@ ...@@ -399,10 +399,10 @@
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20"> <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> <use xlink:href="img/second_menu.svg#login"></use>
</svg> </svg>
<span>Войти</span> <span>kalashnikov_m</span>
</div> </div>
</a> </a>
<div class="submenu second-submenu" data-submenu-id='9'> <div class="submenu second-submenu" data-submenu-id=''>
<a class="submenu-item"> <a class="submenu-item">
<svg class="submenu-item__icon"> <svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
...@@ -415,6 +415,13 @@ ...@@ -415,6 +415,13 @@
</a> </a>
</div> </div>
</li> </li>
<li class="second-menu-item second-menu-item-logout">
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<span>Выйти</span>
</div>
</a>
</li>
<li class="second-menu-item" data-menu-id='10'> <li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#"> <a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang"> <div class="second-menu-item__link__lang">
...@@ -449,6 +456,24 @@ ...@@ -449,6 +456,24 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
<a class="second-mob-item__link" href="#"> <a class="second-mob-item__link" href="#">
...@@ -464,7 +489,7 @@ ...@@ -464,7 +489,7 @@
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20"> <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> <use xlink:href="img/second_menu.svg#login"></use>
</svg> </svg>
<span>Войти</span> <span>Выйти</span>
</div> </div>
</a> </a>
</li> </li>
......
info.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
js/index.js
View file @ 0cea9b10
...@@ -49,6 +49,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -49,6 +49,7 @@ document.addEventListener("DOMContentLoaded", function () {
search.style.top = '86px'; search.style.top = '86px';
} }
else { else {
if (y < 5) {
navbarLogo.classList.remove('hidden'); navbarLogo.classList.remove('hidden');
navbarScroll.classList.add('hidden'); navbarScroll.classList.add('hidden');
navbar.classList.remove('navbar-scroll'); navbar.classList.remove('navbar-scroll');
...@@ -68,6 +69,13 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -68,6 +69,13 @@ document.addEventListener("DOMContentLoaded", function () {
} }
search.style.top = '125px'; search.style.top = '125px';
} }
}
if (window.innerWidth < 800) {
search.style.opacity = '0';
search.style.visibility = 'hidden';
enter.style.opacity = '0';
enter.style.visibility = 'hidden';
}
if (search.style.opacity == '1') { if (search.style.opacity == '1') {
if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight - search.offsetHeight) { if (y > document.querySelector('.header').offsetHeight - navbar.offsetHeight - search.offsetHeight) {
...@@ -203,6 +211,47 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -203,6 +211,47 @@ document.addEventListener("DOMContentLoaded", function () {
} }
}); });
//second-mob
let secondMobItemLink = document.querySelectorAll('.second-mob-item__link');
let enter = document.querySelector('.enter');
let enterClose = document.querySelector('.enter-close');
for (let i = 0; i < secondMobItemLink.length; i++) {
secondMobItemLink[i]?.addEventListener('click', (e) => {
e.preventDefault();
if (i === 0) {
search.style.top = document.querySelector('.header').offsetHeight + 'px';
if (search.style.opacity == '1') {
search.style.opacity = '0';
search.style.visibility = 'hidden';
}
else {
enter.style.opacity = '0';
enter.style.visibility = 'hidden';
search.style.opacity = '1';
search.style.visibility = 'visible';
}
}
else {
enter.style.top = document.querySelector('.header').offsetHeight + 'px';
if (enter.style.opacity == '1') {
enter.style.opacity = '0';
enter.style.visibility = 'hidden';
}
else {
search.style.opacity = '0';
search.style.visibility = 'hidden';
enter.style.opacity = '1';
enter.style.visibility = 'visible';
}
enterClose?.addEventListener('click', (e) => {
e.preventDefault();
enter.style.opacity = '0';
enter.style.visibility = 'hidden';
});
}
});
}
//videobutton //videobutton
let videoButton = document.querySelector('.company-button-link'); let videoButton = document.querySelector('.company-button-link');
let videoButtonNormal = document.querySelector('.company-button__icon--normal'); let videoButtonNormal = document.querySelector('.company-button__icon--normal');
...@@ -513,6 +562,88 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -513,6 +562,88 @@ document.addEventListener("DOMContentLoaded", function () {
} }
}); });
}); });
//techology-mob
const mobIdElems = document.querySelectorAll('[data-mob-id]');
const imgIdElems = document.querySelectorAll('[data-img-id]');
const blockIdElems = document.querySelectorAll('[data-block-id]');
const itemIdElems = document.querySelectorAll('[data-item-id]');
const techImg = document.querySelector('.technology-image');
const techItem1 = document.querySelector('.technology-item.technology-item-1 .technology-item__icon');
const techItem1Active = document.querySelector('.technology-item.technology-item-1 .technology-item__icon--active');
const techItemElems = document.querySelectorAll('.technology-item .technology-item__icon');
const techItemActiveElems = document.querySelectorAll('.technology-item .technology-item__icon--active');
if (window.innerWidth < 800) {
if (techImg) {
techImg.style.height = blockIdElems[1].offsetHeight + 280 + 'px';
}
itemIdElems.forEach(item => {
if (!item.classList.contains('technology-item-1')) {
item.classList.add('hidden');
}
})
if (techItem1) {
techItem1.style.opacity = '0';
techItem1Active.style.opacity = '1';
}
for (let i = 0; i < itemIdElems.length; i++) {
itemIdElems[i]?.addEventListener('click', () => {
if (techItemElems[i].style.opacity == '0') {
techItemElems[i].style.opacity = '1';
techItemActiveElems[i].style.opacity = '0';
if (itemIdElems[i].dataset.itemId === blockIdElems[i].dataset.blockId) {
blockIdElems[i].style.visibility = 'hidden';
blockIdElems[i].style.opacity = '0';
techImg.style.height = 320 + 'px';
}
}
else {
techItemElems[i].style.opacity = '0';
techItemActiveElems[i].style.opacity = '1';
if (itemIdElems[i].dataset.itemId === blockIdElems[i].dataset.blockId) {
blockIdElems[i].style.visibility = 'visible';
blockIdElems[i].style.opacity = '1';
techImg.style.height = blockIdElems[i].offsetHeight + 280 + 'px';
}
}
})
}
for (const mob of mobIdElems) {
mob?.addEventListener('click', () => {
if (!mob.classList.contains('technology-mob-item--active')) {
mobIdElems.forEach(item => {
item.classList.remove('technology-mob-item--active');
})
mob.classList.add('technology-mob-item--active');
imgIdElems.forEach(img => {
img.classList.add('hidden');
if (img.dataset.imgId === mob.dataset.mobId) {
img.classList.remove('hidden');
}
})
for (let i = 0; i < itemIdElems.length; i++) {
if (itemIdElems[i].dataset.itemId !== mob.dataset.mobId) {
itemIdElems[i].classList.add('hidden');
}
else {
itemIdElems[i].classList.remove('hidden');
techItemElems[i].style.opacity = '0';
techItemActiveElems[i].style.opacity = '1';
}
}
blockIdElems.forEach(block => {
block.style.visibility = 'hidden';
block.style.opacity = '0';
if (block.dataset.blockId === mob.dataset.mobId) {
block.style.visibility = 'visible';
block.style.opacity = '1';
techImg.style.height = block.offsetHeight + 280 + 'px';
}
})
}
})
}
}
}); });
news-detail.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
news.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
photogallery.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
...@@ -482,6 +501,9 @@ ...@@ -482,6 +501,9 @@
<li class="select__item">2021</li> <li class="select__item">2021</li>
<li class="select__item">2020</li> <li class="select__item">2020</li>
<li class="select__item">2019</li> <li class="select__item">2019</li>
<li class="select__item">2018</li>
<li class="select__item">2017</li>
<li class="select__item">2016</li>
</ul> </ul>
</div> </div>
<div class="select"> <div class="select">
...@@ -493,6 +515,9 @@ ...@@ -493,6 +515,9 @@
<li class="select__item">Январь</li> <li class="select__item">Январь</li>
<li class="select__item">Февраль</li> <li class="select__item">Февраль</li>
<li class="select__item">Март</li> <li class="select__item">Март</li>
<li class="select__item">Апрель</li>
<li class="select__item">Май</li>
<li class="select__item">Июнь</li>
</ul> </ul>
</div> </div>
<a class="select-btn" href="#">Показать</a> <a class="select-btn" href="#">Показать</a>
......
press.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
production.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
products.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
purchase.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
search.html 0 → 100644
View file @ 0cea9b10
<!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="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</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="results" style="background-image: url('img/company_mask.svg');">
<div class="results-wrapper">
<div class="results-search">
<input class="search__field results-search__field" type="search" placeholder="Поиск по сайту" value="Производство">
<input class="search__button results-search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<h2 class="results__title">Результаты поиска по запросу:</h2>
<h2 class="results__green">«производство»</h2>
<div class="results-item">
<h3>1. Компания</h3>
<p>Акционерное общество «Волга» – российский производитель газетной бумаги премиум-класса из 100% термомеханической массы.</p>
<p>Предприятие расположено на берегу реки Волги в Балахнинском районе, в 30 км от Нижнего Новгорода и в 450 км от Москвы.</p>
<p>АО «Волга» входит в рейтинги «Топ-200 крупнейших российских компаний-экспортеров» (по данным журнала «Эксперт»), Топ-50 крупнейших лесопромышленных компаний (по версии журнала «Лесная индустрия») и «Топ-100 крупнейших компаний Нижегородской области» (по данным издания «Деловой квартал»)...</p>
<div class="results-item-info">
<div class="results-item-info-path">
<span>Путь: Главная</span>
<img src="img/path_arrow.svg" alt="arrow">
<a href="#">Производство</a>
</div>
<span>Дата изменения: 12.05.2021 г.</span>
</div>
</div>
<div class="results-item">
<h3>2. Технология</h3>
<p>Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p>
<p>Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах. Акционерное общество «Волга» – российский производитель газетной бумаги премиум-класса</p>
<div class="results-item-info">
<div class="results-item-info-path">
<span>Путь: Главная</span>
<img src="img/path_arrow.svg" alt="arrow">
<a href="#">Производство</a>
</div>
<span>Дата изменения: 12.05.2021 г.</span>
</div>
</div>
<div class="results-item">
<h3>Новости</h3>
<p>«Газеты уходят в прошлое, новая задача – стать крупнейшим производителем упаковки»</p>
<div class="results-item-info">
<div class="results-item-info-path">
<span>Путь: Главная</span>
<img src="img/path_arrow.svg" alt="arrow">
<a href="#">Производство</a>
</div>
<span>Дата изменения: 12.05.2021 г.</span>
</div>
</div>
</div>
</section>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
security.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
strategy.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
styles/style.css
View file @ 0cea9b10
...@@ -504,6 +504,10 @@ body { ...@@ -504,6 +504,10 @@ body {
height: 100%; height: 100%;
} }
.second-menu-item-logout {
margin-left: -15px;
}
.second-menu-item__link { .second-menu-item__link {
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
...@@ -562,6 +566,14 @@ body { ...@@ -562,6 +566,14 @@ body {
margin-right: 0; margin-right: 0;
} }
.search-link svg {
margin-right: 0;
}
.second-menu-item__link__lang svg {
margin-right: 0;
}
.second-menu-scroll-item__link { .second-menu-scroll-item__link {
color: #16291f; color: #16291f;
} }
...@@ -570,7 +582,8 @@ body { ...@@ -570,7 +582,8 @@ body {
fill: #16291f; fill: #16291f;
} }
.search { .search,
.enter {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: 0.4s; -webkit-transition: 0.4s;
...@@ -593,7 +606,8 @@ body { ...@@ -593,7 +606,8 @@ body {
justify-content: center; justify-content: center;
} }
.search-close { .search-close,
.enter-close {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
...@@ -608,7 +622,8 @@ body { ...@@ -608,7 +622,8 @@ body {
transition: 0.4s; transition: 0.4s;
} }
.search-close__icon { .search-close__icon,
.enter-close__icon {
margin-left: 8px; margin-left: 8px;
width: 16px; width: 16px;
height: 17px; height: 17px;
...@@ -617,15 +632,21 @@ body { ...@@ -617,15 +632,21 @@ body {
transition: 0.4s; transition: 0.4s;
} }
.search-close:hover { .search-close:hover,
.enter-close:hover {
color: #029745; color: #029745;
} }
.search-close:hover .search-close__icon { .search-close:hover .search-close__icon,
.enter-close:hover .search-close__icon, .search-close:hover
.enter-close__icon,
.enter-close:hover
.enter-close__icon {
fill: #029745; fill: #029745;
} }
.search__field { .search__field,
.enter__field {
height: 60px; height: 60px;
max-width: 1080px; max-width: 1080px;
font-weight: 300; font-weight: 300;
...@@ -639,11 +660,13 @@ body { ...@@ -639,11 +660,13 @@ body {
padding: 21px 25px 16px; padding: 21px 25px 16px;
} }
.search__field:focus { .search__field:focus,
.enter__field:focus {
outline: none; outline: none;
} }
.search__button { .search__button,
.enter__button {
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
line-height: 120%; line-height: 120%;
...@@ -661,11 +684,13 @@ body { ...@@ -661,11 +684,13 @@ body {
transition: 0.4s; transition: 0.4s;
} }
.search__button:hover { .search__button:hover,
.enter__button:hover {
background-color: #28be4a; background-color: #28be4a;
} }
.search__button:active { .search__button:active,
.enter__button:active {
background-color: #07803d; background-color: #07803d;
} }
...@@ -2925,13 +2950,13 @@ body { ...@@ -2925,13 +2950,13 @@ body {
align-items: center; align-items: center;
} }
.prod-about__photo { .prod-about img {
margin-bottom: 48px; margin-bottom: 48px;
width: 70%; width: 70%;
max-width: 1160px; max-width: 1160px;
} }
.prod-about__text { .prod-about p {
padding: 0 120px; padding: 0 120px;
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
...@@ -2941,7 +2966,7 @@ body { ...@@ -2941,7 +2966,7 @@ body {
margin-bottom: 28px; margin-bottom: 28px;
} }
.prod-about__text:last-child { .prod-about p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -2951,6 +2976,10 @@ body { ...@@ -2951,6 +2976,10 @@ body {
background-size: 20%; background-size: 20%;
} }
.technology-mob {
display: none;
}
.technology-image { .technology-image {
padding-top: 64px; padding-top: 64px;
margin: 64px auto; margin: 64px auto;
...@@ -2958,7 +2987,7 @@ body { ...@@ -2958,7 +2987,7 @@ body {
position: relative; position: relative;
} }
.technology-image img { .technology-photo {
height: 100%; height: 100%;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2966,6 +2995,10 @@ body { ...@@ -2966,6 +2995,10 @@ body {
margin: 0 auto; margin: 0 auto;
} }
.technology-photo-mob {
display: none;
}
.technology-item { .technology-item {
position: absolute; position: absolute;
width: 52px; width: 52px;
...@@ -2988,6 +3021,8 @@ body { ...@@ -2988,6 +3021,8 @@ body {
left: 0; left: 0;
opacity: 0; opacity: 0;
z-index: 3; z-index: 3;
-webkit-transition: opacity 0.4s, visibility 0s linear 0.4s;
transition: opacity 0.4s, visibility 0s linear 0.4s;
} }
.technology-item-block { .technology-item-block {
...@@ -3937,11 +3972,15 @@ body { ...@@ -3937,11 +3972,15 @@ body {
.gazeta-item-img { .gazeta-item-img {
position: relative; position: relative;
width: 100%;
height: 100%;
} }
.gazeta-item-img__photo { .gazeta-item-img__photo {
width: 100%; width: 100%;
height: 100%; height: 100%;
-o-object-fit: cover;
object-fit: cover;
} }
.gazeta-item-img__video { .gazeta-item-img__video {
...@@ -4193,7 +4232,7 @@ body { ...@@ -4193,7 +4232,7 @@ body {
right: 0; right: 0;
background: #fff; background: #fff;
margin-top: 5px; margin-top: 5px;
max-height: 205px; max-height: 114px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
z-index: 5; z-index: 5;
...@@ -4646,6 +4685,185 @@ body { ...@@ -4646,6 +4685,185 @@ body {
width: 100%; width: 100%;
} }
.error {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.error-img {
background: #f6f8fa;
margin-bottom: 24px;
}
.error-title {
background-attachment: fixed;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: bold;
font-size: 288px;
line-height: 110%;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.error__text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
text-align: center;
color: #16291f;
margin-bottom: 16px;
}
.error__link {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #029745;
padding-bottom: 5px;
border-bottom: 1px solid #029745;
}
.results {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.results-wrapper {
max-width: 920px;
}
.results__title {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #16291f;
}
.results__green {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #029745;
margin-bottom: 20px;
}
.results-search {
margin: 18px 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
}
.results-search__field {
width: 74%;
margin-right: 40px;
}
.results-search__button {
width: 21.76%;
}
.results-item {
margin-top: 40px;
border-bottom: 1px solid #e6e9f0;
}
.results-item-info {
margin-bottom: 40px;
}
.results-item-info-path {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
.results-item-info-path img {
margin: 0 10px;
}
.results-item-info span {
font-weight: 300;
font-size: 16px;
line-height: 130%;
color: #93969e;
}
.results-item-info a {
font-weight: 300;
font-size: 16px;
line-height: 130%;
color: #029745;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.results-item-info a:hover {
cursor: pointer;
color: #1cd345;
}
.results-item-info a:active {
color: #07803d;
}
.results-item:last-child {
border-width: 0;
}
.results-item:last-child .results-item-info {
margin-bottom: 0;
}
.results-item h3 {
font-weight: bold;
font-size: 24px;
line-height: 130%;
color: #16291f;
margin-bottom: 30px;
}
.results-item p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
}
.results-item p:last-child {
margin-bottom: 30px;
}
@media (max-width: 1800px) { @media (max-width: 1800px) {
.navbar { .navbar {
padding: 0 100px; padding: 0 100px;
...@@ -4715,6 +4933,31 @@ body { ...@@ -4715,6 +4933,31 @@ body {
height: 42px; height: 42px;
font-size: 12px; font-size: 12px;
} }
.search-close,
.enter-close {
font-size: 12px;
top: 20px;
right: 40px;
}
.search-close__icon,
.enter-close__icon {
margin-left: 7px;
width: 12px;
height: 13px;
}
.search__field,
.enter__field {
height: 49px;
font-size: 14px;
padding: 16px 20px 13px;
}
.search__button,
.enter__button {
height: 49px;
width: 20%;
padding: 16px;
font-size: 12px;
}
.heading { .heading {
padding: 188px 0 0 100px; padding: 188px 0 0 100px;
} }
...@@ -5160,17 +5403,16 @@ body { ...@@ -5160,17 +5403,16 @@ body {
top: calc(50% - 77px); top: calc(50% - 77px);
left: calc(50% - 77px); left: calc(50% - 77px);
} }
.prod-about__photo { .prod-about img {
margin-bottom: 37px; margin-bottom: 37px;
width: 80%; width: 80%;
} }
.prod-about__text { .prod-about p {
padding: 0 92px; padding: 0 92px;
font-size: 14px; font-size: 14px;
width: calc(80% - 92px); width: calc(80% - 92px);
} }
.technology-image { .technology-image {
overflow-x: auto;
margin: 0 auto; margin: 0 auto;
margin-bottom: 52px; margin-bottom: 52px;
} }
...@@ -5520,6 +5762,55 @@ body { ...@@ -5520,6 +5762,55 @@ body {
font-size: 14px; font-size: 14px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.error-title {
font-size: 222px;
}
.error__text {
font-size: 14px;
}
.error__link {
font-size: 13px;
}
.results {
padding: 52px 100px 0;
}
.results__title {
font-size: 28px;
}
.results__green {
font-size: 28px;
margin-bottom: 16px;
}
.results-search {
margin: 14px 0 46px;
}
.results-item {
margin-top: 30px;
}
.results-item-info {
margin-bottom: 30px;
}
.results-item-info-path {
margin-bottom: 8px;
}
.results-item-info-path img {
margin: 0 8px;
}
.results-item-info span,
.results-item-info a {
font-size: 12px;
}
.results-item h3 {
font-size: 18px;
margin-bottom: 23px;
}
.results-item p {
font-size: 14px;
margin-bottom: 16px;
}
.results-item p:last-child {
margin-bottom: 23px;
}
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
...@@ -5689,6 +5980,7 @@ body { ...@@ -5689,6 +5980,7 @@ body {
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
height: 104px;
} }
.navbar-logo img { .navbar-logo img {
height: 64px; height: 64px;
...@@ -5866,6 +6158,7 @@ body { ...@@ -5866,6 +6158,7 @@ body {
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} }
.second-mob-item { .second-mob-item {
font-weight: normal; font-weight: normal;
...@@ -5906,45 +6199,96 @@ body { ...@@ -5906,45 +6199,96 @@ body {
.second-mob-item__link img { .second-mob-item__link img {
margin-right: 8px; margin-right: 8px;
} }
.search,
.enter {
height: 185px;
}
.search-close,
.enter-close {
font-size: 10px;
top: 20px;
right: 30px;
}
.search-close__icon,
.enter-close__icon {
margin-left: 6px;
width: 10px;
height: 10px;
}
.search-item,
.enter-item {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
color: #16291f;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.search-item:hover, .search-item:active,
.enter-item:hover,
.enter-item:active {
color: #029745;
}
.search__field,
.enter__field {
height: 40px;
font-size: 12px;
padding: 13px 16px 10px;
width: 68%;
}
.search__button,
.enter__button {
height: 40px;
width: 23%;
padding: 13px;
font-size: 10px;
}
.heading { .heading {
display: none; display: none;
} }
.heading-other { .heading-other {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0; padding: 0;
} }
.heading-other__title { .heading-other__title {
margin: 0; margin: 0;
font-size: 24px; font-size: 32px;
padding: 16px; padding: 24px 16px;
} }
.heading-other-nav { .heading-other-nav {
display: none;
width: 100%; width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 16px 0;
} }
.heading-other-nav__page { .heading-other-nav__page {
width: 100%;
height: 47px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
font-size: 11px; font-size: 12px;
padding: 16px 8px; padding: 0;
background: #029745;
border-left: 1px solid #63bd8b;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} }
.heading-other-nav__page:first-child { .heading-other-nav__page:first-child {
margin: 0; margin: 0;
border-left-width: 0; }
.heading-other-nav__page:nth-last-child(n + 4) {
display: none;
} }
.heading-other-nav__icon { .heading-other-nav__icon {
width: 14px;
height: 14px;
}
.heading-other-nav__icon:nth-last-child(n + 4) {
display: none; display: none;
} }
.heading-menu { .heading-menu {
...@@ -6675,18 +7019,71 @@ body { ...@@ -6675,18 +7019,71 @@ body {
.prod-about { .prod-about {
padding: 0 16px; padding: 0 16px;
} }
.prod-about__photo { .prod-about img {
margin-bottom: 31px; margin-bottom: 31px;
width: 100%; width: 100%;
} }
.prod-about__text { .prod-about p {
padding: 0; padding: 0;
font-size: 12px; font-size: 12px;
width: 100%; width: 100%;
} }
.technology-photo {
display: none;
height: 320px;
}
.technology-photo-mob {
display: block;
}
.technology-item {
left: 0;
top: 320px;
}
.technology-item-block {
left: 0 !important;
top: 320px !important;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.technology-item-1 {
opacity: 1;
visibility: visible;
}
.technology-mob {
background-color: #029745;
height: 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.technology-mob-item {
color: #fff;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-right: 1px solid #63bd8b;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 800;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
}
.technology-mob-item--active {
color: #51bb81;
}
.technology-mob-item:last-child {
border-width: 0;
}
.technology-image { .technology-image {
overflow-y: hidden; overflow: hidden;
overflow-x: auto;
margin: 0 auto; margin: 0 auto;
margin-bottom: 52px; margin-bottom: 52px;
} }
...@@ -7121,6 +7518,65 @@ body { ...@@ -7121,6 +7518,65 @@ body {
font-size: 12px; font-size: 12px;
margin-bottom: 16px; margin-bottom: 16px;
} }
.error {
padding: 52px 16px;
}
.error-title {
font-size: 160px;
}
.error__text {
font-size: 12px;
}
.error__link {
font-size: 11px;
}
.results {
padding: 52px 16px 0;
}
.results__title {
font-size: 23px;
}
.results__green {
font-size: 23px;
margin-bottom: 13px;
}
.results-search {
margin: 12px 0 38px;
}
.results-search__field {
width: 100%;
margin-right: 0;
}
.results-search__button {
width: 150px;
}
.results-item {
margin-top: 25px;
}
.results-item-info {
margin-bottom: 25px;
}
.results-item-info-path {
margin-bottom: 6px;
}
.results-item-info-path img {
margin: 0 6px;
}
.results-item-info span,
.results-item-info a {
font-size: 10px;
}
.results-item h3 {
font-size: 14px;
margin-bottom: 19px;
}
.results-item p {
font-size: 12px;
margin-bottom: 12px;
}
.results-item p:last-child {
margin-bottom: 19px;
}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
......
styles/style.css.map
View file @ 0cea9b10
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ 0cea9b10
...@@ -378,6 +378,9 @@ body { ...@@ -378,6 +378,9 @@ body {
margin-right: 41px; margin-right: 41px;
position: relative; position: relative;
height: 100%; height: 100%;
&-logout {
margin-left: -15px;
}
&__link { &__link {
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
...@@ -416,6 +419,12 @@ body { ...@@ -416,6 +419,12 @@ body {
margin-right: 0; margin-right: 0;
} }
} }
.search-link svg {
margin-right: 0;
}
.second-menu-item__link__lang svg {
margin-right: 0;
}
.second-menu-scroll { .second-menu-scroll {
&-item { &-item {
...@@ -427,7 +436,8 @@ body { ...@@ -427,7 +436,8 @@ body {
} }
} }
} }
.search { .search,
.enter {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: 0.4s; transition: 0.4s;
...@@ -2163,12 +2173,13 @@ body { ...@@ -2163,12 +2173,13 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
&__photo { }
&-about img {
margin-bottom: 48px; margin-bottom: 48px;
width: 70%; width: 70%;
max-width: 1160px; max-width: 1160px;
} }
&__text { &-about p {
padding: 0 120px; padding: 0 120px;
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
...@@ -2177,10 +2188,9 @@ body { ...@@ -2177,10 +2188,9 @@ body {
width: calc(50% - 40px); width: calc(50% - 40px);
margin-bottom: 28px; margin-bottom: 28px;
} }
&__text:last-child { &-about p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
}
} }
//technology //technology
...@@ -2188,16 +2198,22 @@ body { ...@@ -2188,16 +2198,22 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right -150px; background-position: right -150px;
background-size: 20%; background-size: 20%;
&-mob {
display: none;
}
&-image { &-image {
padding-top: 64px; padding-top: 64px;
margin: 64px auto; margin: 64px auto;
margin-top: 0; margin-top: 0;
position: relative; position: relative;
} }
&-image img { &-photo {
height: 100%; height: 100%;
display: flex; display: flex;
margin: 0 auto; margin: 0 auto;
&-mob {
display: none;
}
} }
&-item { &-item {
position: absolute; position: absolute;
...@@ -2215,6 +2231,7 @@ body { ...@@ -2215,6 +2231,7 @@ body {
left: 0; left: 0;
opacity: 0; opacity: 0;
z-index: 3; z-index: 3;
transition: opacity 0.4s, visibility 0s linear 0.4s;
} }
} }
&-block { &-block {
...@@ -2944,9 +2961,12 @@ body { ...@@ -2944,9 +2961,12 @@ body {
margin-right: 20px; margin-right: 20px;
&-img { &-img {
position: relative; position: relative;
width: 100%;
height: 100%;
&__photo { &__photo {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover;
} }
&__video { &__video {
position: absolute; position: absolute;
...@@ -3138,7 +3158,7 @@ body { ...@@ -3138,7 +3158,7 @@ body {
right: 0; right: 0;
background: #fff; background: #fff;
margin-top: 5px; margin-top: 5px;
max-height: 205px; max-height: 114px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
z-index: 5; z-index: 5;
...@@ -3474,6 +3494,144 @@ body { ...@@ -3474,6 +3494,144 @@ body {
} }
} }
//404
.error {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px;
display: flex;
flex-direction: column;
align-items: center;
&-img {
background: #f6f8fa;
margin-bottom: 24px;
}
&-title {
background-attachment: fixed;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: bold;
font-size: 288px;
line-height: 110%;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
&__text {
font-weight: 300;
font-size: 18px;
line-height: 130%;
text-align: center;
color: #16291f;
margin-bottom: 16px;
}
&__link {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #029745;
padding-bottom: 5px;
border-bottom: 1px solid #029745;
}
}
//search
.results {
background-repeat: no-repeat;
background-position: right -150px;
background-size: 20%;
padding: 64px 140px 0;
display: flex;
flex-direction: column;
align-items: center;
&-wrapper {
max-width: 920px;
}
&__title {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #16291f;
}
&__green {
font-weight: 800;
font-size: 36px;
line-height: 110%;
letter-spacing: 0.02em;
color: #029745;
margin-bottom: 20px;
}
&-search {
margin: 18px 0 60px;
display: flex;
height: 60px;
&__field {
width: 74%;
margin-right: 40px;
}
&__button {
width: 21.76%;
}
}
&-item {
margin-top: 40px;
border-bottom: 1px solid #e6e9f0;
&-info {
margin-bottom: 40px;
&-path {
display: flex;
margin-bottom: 10px;
}
&-path img {
margin: 0 10px;
}
}
&-info span {
font-weight: 300;
font-size: 16px;
line-height: 130%;
color: #93969e;
}
&-info a {
font-weight: 300;
font-size: 16px;
line-height: 130%;
color: #029745;
transition: 0.4s;
}
&-info a:hover {
cursor: pointer;
color: #1cd345;
}
&-info a:active {
color: #07803d;
}
}
&-item:last-child {
border-width: 0;
}
&-item:last-child &-item-info {
margin-bottom: 0;
}
&-item h3 {
font-weight: bold;
font-size: 24px;
line-height: 130%;
color: #16291f;
margin-bottom: 30px;
}
&-item p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
}
&-item p:last-child {
margin-bottom: 30px;
}
}
@media (max-width: 1800px) { @media (max-width: 1800px) {
.navbar { .navbar {
padding: 0 100px; padding: 0 100px;
...@@ -3555,6 +3713,30 @@ body { ...@@ -3555,6 +3713,30 @@ body {
} }
} }
} }
.search,
.enter {
&-close {
font-size: 12px;
top: 20px;
right: 40px;
&__icon {
margin-left: 7px;
width: 12px;
height: 13px;
}
}
&__field {
height: 49px;
font-size: 14px;
padding: 16px 20px 13px;
}
&__button {
height: 49px;
width: 20%;
padding: 16px;
font-size: 12px;
}
}
.heading { .heading {
padding: 188px 0 0 100px; padding: 188px 0 0 100px;
&__title { &__title {
...@@ -4062,22 +4244,19 @@ body { ...@@ -4062,22 +4244,19 @@ body {
} }
//production //production
.prod { .prod {
&-about { &-about img {
&__photo {
margin-bottom: 37px; margin-bottom: 37px;
width: 80%; width: 80%;
} }
&__text { &-about p {
padding: 0 92px; padding: 0 92px;
font-size: 14px; font-size: 14px;
width: calc(80% - 92px); width: calc(80% - 92px);
} }
} }
}
//technology //technology
.technology { .technology {
&-image { &-image {
overflow-x: auto;
margin: 0 auto; margin: 0 auto;
margin-bottom: 52px; margin-bottom: 52px;
} }
...@@ -4447,6 +4626,58 @@ body { ...@@ -4447,6 +4626,58 @@ body {
margin-bottom: 25px; margin-bottom: 25px;
} }
} }
.error {
&-title {
font-size: 222px;
}
&__text {
font-size: 14px;
}
&__link {
font-size: 13px;
}
}
//search
.results {
padding: 52px 100px 0;
&__title {
font-size: 28px;
}
&__green {
font-size: 28px;
margin-bottom: 16px;
}
&-search {
margin: 14px 0 46px;
}
&-item {
margin-top: 30px;
&-info {
margin-bottom: 30px;
&-path {
margin-bottom: 8px;
}
&-path img {
margin: 0 8px;
}
}
&-info span,
&-info a {
font-size: 12px;
}
}
&-item h3 {
font-size: 18px;
margin-bottom: 23px;
}
&-item p {
font-size: 14px;
margin-bottom: 16px;
}
&-item p:last-child {
margin-bottom: 23px;
}
}
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
...@@ -4605,6 +4836,7 @@ body { ...@@ -4605,6 +4836,7 @@ body {
padding: 16px 16px 24px; padding: 16px 16px 24px;
position: static; position: static;
justify-content: space-between; justify-content: space-between;
height: 104px;
&-logo img { &-logo img {
height: 64px; height: 64px;
} }
...@@ -4747,6 +4979,7 @@ body { ...@@ -4747,6 +4979,7 @@ body {
list-style: none; list-style: none;
padding: 24px 16px; padding: 24px 16px;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
&-item { &-item {
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 12px;
...@@ -4776,37 +5009,76 @@ body { ...@@ -4776,37 +5009,76 @@ body {
} }
} }
} }
.search,
.enter {
height: 185px;
&-close {
font-size: 10px;
top: 20px;
right: 30px;
&__icon {
margin-left: 6px;
width: 10px;
height: 10px;
}
}
&-item {
width: 50%;
display: flex;
justify-content: center;
font-size: 12px;
color: #16291f;
transition: 0.4s;
}
&-item:hover,
&-item:active {
color: #029745;
}
&__field {
height: 40px;
font-size: 12px;
padding: 13px 16px 10px;
width: 68%;
}
&__button {
height: 40px;
width: 23%;
padding: 13px;
font-size: 10px;
}
}
.heading { .heading {
display: none; display: none;
} }
.heading-other { .heading-other {
flex-direction: column;
padding: 0; padding: 0;
&__title { &__title {
margin: 0; margin: 0;
font-size: 24px; font-size: 32px;
padding: 16px; padding: 24px 16px;
} }
&-nav { &-nav {
display: none;
width: 100%; width: 100%;
box-sizing: border-box;
padding: 24px 16px 0;
&__page { &__page {
width: 100%;
height: 47px;
box-sizing: border-box; box-sizing: border-box;
font-size: 11px; font-size: 12px;
padding: 16px 8px; padding: 0;
background: #029745;
border-left: 1px solid #63bd8b;
display: flex; display: flex;
align-items: center;
justify-content: center;
} }
&__page:first-child { &__page:first-child {
margin: 0; margin: 0;
border-left-width: 0; }
&__page:nth-last-child(n + 4) {
display: none;
} }
&__icon { &__icon {
width: 14px;
height: 14px;
}
&__icon:nth-last-child(n + 4) {
display: none; display: none;
} }
} }
...@@ -5487,22 +5759,66 @@ body { ...@@ -5487,22 +5759,66 @@ body {
} }
&-about { &-about {
padding: 0 16px; padding: 0 16px;
&__photo { }
&-about img {
margin-bottom: 31px; margin-bottom: 31px;
width: 100%; width: 100%;
} }
&__text { &-about p {
padding: 0; padding: 0;
font-size: 12px; font-size: 12px;
width: 100%; width: 100%;
} }
} }
}
//technology //technology
.technology { .technology {
&-photo {
display: none;
height: 320px;
&-mob {
display: block;
}
}
&-item {
left: 0;
top: 320px;
&-block {
left: 0 !important;
top: 320px !important;
width: 100%;
box-sizing: border-box;
}
}
&-item-1 {
opacity: 1;
visibility: visible;
}
&-mob {
background-color: #029745;
height: 47px;
display: flex;
&-item {
color: #fff;
width: 100%;
display: flex;
justify-content: center;
border-right: 1px solid #63bd8b;
height: 100%;
align-items: center;
font-weight: 800;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
&--active {
color: #51bb81;
}
}
&-item:last-child {
border-width: 0;
}
}
&-image { &-image {
overflow-y: hidden; overflow: hidden;
overflow-x: auto;
margin: 0 auto; margin: 0 auto;
margin-bottom: 52px; margin-bottom: 52px;
} }
...@@ -5932,6 +6248,66 @@ body { ...@@ -5932,6 +6248,66 @@ body {
margin-bottom: 16px; margin-bottom: 16px;
} }
} }
.error {
padding: 52px 16px;
&-title {
font-size: 160px;
}
&__text {
font-size: 12px;
}
&__link {
font-size: 11px;
}
}
//search
.results {
padding: 52px 16px 0;
&__title {
font-size: 23px;
}
&__green {
font-size: 23px;
margin-bottom: 13px;
}
&-search {
margin: 12px 0 38px;
&__field {
width: 100%;
margin-right: 0;
}
&__button {
width: 150px;
}
}
&-item {
margin-top: 25px;
&-info {
margin-bottom: 25px;
&-path {
margin-bottom: 6px;
}
&-path img {
margin: 0 6px;
}
}
&-info span,
&-info a {
font-size: 10px;
}
}
&-item h3 {
font-size: 14px;
margin-bottom: 19px;
}
&-item p {
font-size: 12px;
margin-bottom: 12px;
}
&-item p:last-child {
margin-bottom: 19px;
}
}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
.company-button-subpage { .company-button-subpage {
......
technology.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
...@@ -474,83 +493,78 @@ ...@@ -474,83 +493,78 @@
</div> </div>
</header> </header>
<section class="technology" style="background-image: url('img/company_mask.svg');"> <section class="technology" style="background-image: url('img/company_mask.svg');">
<div class="technology-mob">
<p class="technology-mob-item technology-mob-item--active" data-mob-id='1'>1</p>
<p class="technology-mob-item" data-mob-id='2'>2</p>
<p class="technology-mob-item" data-mob-id='3'>3</p>
<p class="technology-mob-item" data-mob-id='4'>4</p>
<p class="technology-mob-item" data-mob-id='5'>5</p>
</div>
<div class="technology-image"> <div class="technology-image">
<img src="img/technology_photo.jpg" alt="photo"> <img class="technology-photo" src="img/technology_photo.jpg" alt="photo">
<a class="technology-item technology-item-1" href="#"> <img class="technology-photo-mob" data-img-id='1' src="img/tech_mob_4.jpg" alt="photo">
<img class="technology-photo-mob hidden" data-img-id='2' src="img/tech_mob_4.jpg" alt="photo">
<img class="technology-photo-mob hidden" data-img-id='3' src="img/tech_mob_4.jpg" alt="photo">
<img class="technology-photo-mob hidden" data-img-id='4' src="img/tech_mob_4.jpg" alt="photo">
<img class="technology-photo-mob hidden" data-img-id='5' src="img/tech_mob_4.jpg" alt="photo">
<div class="technology-item technology-item-1" data-item-id='1'>
<img class="technology-item__icon" src="img/technology+.svg" alt="more"> <img class="technology-item__icon" src="img/technology+.svg" alt="more">
<img class="technology-item__icon--active" src="img/technology+white.svg" alt="more"> <img class="technology-item__icon--active" src="img/technology+white.svg" alt="more">
</a>
<div class="technology-item-block technology-item-1">
<p class="technology-item-block__title">Древесно-<br>подготовительный цех</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.
<br><br>
Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.
<br><br>
Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.
<br><br>
Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.
<br><br>
Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div> </div>
<a class="technology-item technology-item-2" href="#"> <div class="technology-item-block technology-item-1" data-block-id='1'>
<p class="technology-item-block__title">Древесно-<br>подготовительный цех 1</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p>
<p class="technology-item-block__text">Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.</p>
<p class="technology-item-block__text">Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.</p>
<p class="technology-item-block__text">Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.</p>
<p class="technology-item-block__text">Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div>
<div class="technology-item technology-item-2" data-item-id='2'>
<img class="technology-item__icon" src="img/technology+.svg" alt="more"> <img class="technology-item__icon" src="img/technology+.svg" alt="more">
<img class="technology-item__icon--active" src="img/technology+white.svg" alt="more"> <img class="technology-item__icon--active" src="img/technology+white.svg" alt="more">
</a> </div>
<div class="technology-item-block technology-item-2"> <div class="technology-item-block technology-item-2" data-block-id='2'>
<p class="technology-item-block__title">Древесно-<br>подготовительный цех</p> <p class="technology-item-block__title">Древесно-<br>подготовительный цех 2</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p> <p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p>
<p class="technology-item-block__text">Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.</p> <p class="technology-item-block__text">Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.</p>
<p class="technology-item-block__text">Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.</p> <p class="technology-item-block__text">Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.</p>
<p class="technology-item-block__text">Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.</p> <p class="technology-item-block__text">Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.</p>
<p class="technology-item-block__text">Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div> </div>
<a class="technology-item technology-item-3" href="#"> <div class="technology-item technology-item-3" data-item-id='3'>
<img class="technology-item__icon" src="img/technology+.svg" alt="more"> <img class="technology-item__icon" src="img/technology+.svg" alt="more">
<img class="technology-item__icon--active" src="img/technology+white.svg" alt="more"> <img class="technology-item__icon--active" src="img/technology+white.svg" alt="more">
</a>
<div class="technology-item-block technology-item-3">
<p class="technology-item-block__title">Древесно-<br>подготовительный цех</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.
<br><br>
Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.
<br><br>
Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.
<br><br>
Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.
<br><br>
Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div> </div>
<a class="technology-item technology-item-4" href="#"> <div class="technology-item-block technology-item-3" data-block-id='3'>
<p class="technology-item-block__title">Древесно-<br>подготовительный цех 3</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p>
<p class="technology-item-block__text">Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.</p>
<p class="technology-item-block__text">Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.</p>
<p class="technology-item-block__text">Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.</p>
<p class="technology-item-block__text">Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div>
<div class="technology-item technology-item-4" data-item-id='4'>
<img class="technology-item__icon" src="img/technology+.svg" alt="more"> <img class="technology-item__icon" src="img/technology+.svg" alt="more">
<img class="technology-item__icon--active" src="img/technology+white.svg" alt="more"> <img class="technology-item__icon--active" src="img/technology+white.svg" alt="more">
</a>
<div class="technology-item-block technology-item-4">
<p class="technology-item-block__title">Древесно-<br>подготовительный цех</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.
<br><br>
Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.
<br><br>
Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.
<br><br>
Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.
<br><br>
Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div> </div>
<a class="technology-item technology-item-5" href="#"> <div class="technology-item-block technology-item-4" data-block-id='4'>
<p class="technology-item-block__title">Древесно-<br>подготовительный цех 4</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p>
<p class="technology-item-block__text">Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.</p>
<p class="technology-item-block__text">Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.</p>
<p class="technology-item-block__text">Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.</p>
<p class="technology-item-block__text">Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div>
<div class="technology-item technology-item-5" data-item-id='5'>
<img class="technology-item__icon" src="img/technology+.svg" alt="more"> <img class="technology-item__icon" src="img/technology+.svg" alt="more">
<img class="technology-item__icon--active" src="img/technology+white.svg" alt="more"> <img class="technology-item__icon--active" src="img/technology+white.svg" alt="more">
</a> </div>
<div class="technology-item-block technology-item-5"> <div class="technology-item-block technology-item-5" data-block-id='5'>
<p class="technology-item-block__title">Древесно-<br>подготовительный цех</p> <p class="technology-item-block__title">Древесно-<br>подготовительный цех 5</p>
<p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха. <p class="technology-item-block__text">Технологический процесс в АО «Волга» начинается с древесно-подготовительного цеха.</p>
<br><br> <p class="technology-item-block__text">Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах.</p>
Сюда поступает автотранспортом, по железной дороге и баржами по воде в сезон навигации товарная щепа и еловая древесина, которая распиливается, освобождается от коры и измельчается до получения технологической щепы в рубительных машинах. <p class="technology-item-block__text">Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы.</p>
<br><br> <p class="technology-item-block__text">Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.</p>
Часть привозной древесины складируется на специальной площадке в штабельное хранение для создания необходимого запаса сырья на межсезонный период распутицы. <p class="technology-item-block__text">Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
<br><br>
Из древесно-подготовительного цеха технологическая щепа отправляется по автоматической линии транспортеров на кучевое хранение на специально отведенную для этого площадку.
<br><br>
Там щепа должна «отлежаться» в течение двух недель под воздействием солнца и воздуха для частичного расщепления смол, содержащихся в ней. Это позволяет лучше перерабатывать ее в бумажное волокно и исключать смоляные затруднения при производстве бумаги.</p>
</div> </div>
</div> </div>
<div class="technology-text"> <div class="technology-text">
......
tipovaya.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
vacancy.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
videogallery.html
View file @ 0cea9b10
...@@ -439,6 +439,25 @@ ...@@ -439,6 +439,25 @@
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);"> <input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div> </div>
<div class="enter">
<a class="enter-close" href="#">
Закрыть
<svg class="enter-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="enter-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</a>
</div>
<div class="separator"></div> <div class="separator"></div>
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
......
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