Skip to content

V
volga
Commit 79fce887 authored by dagalkova's avatar dagalkova
Browse files
Options

update

parent 0cea9b10
Hide whitespace changes
Inline Side-by-side
Showing with 2526 additions and 34 deletions
news-detail.html
View file @ 79fce887
......@@ -500,10 +500,10 @@
<p class="news-detail-text__main">Осмотрев производственную площадку и новую линию в цехе термомеханической массы, Представители Минэкономики Нижегородской области отметили, что, несмотря на непростую экономическую ситуацию на мировых рынках, вызванную пандемией коронавируса, руководству АО «Волга» удалось в срок запустить в опытно-промышленную эксплуатацию новую производственную линию.</p>
<p class="news-detail-text__quote" style="background-image: url('img/corp_quote.svg');">«Из-за пандемии COVID-19 специалистам фирмы Anrdritz пришлось вернуться в Австрию на этапе ввода в эксплуатацию оборудования, - отметил генеральный директор АО «Волга» Сергей Пондарь. - Мы договорились продолжить работу на удаленном доступе, чтобы ввести новую линию ТММ в срок. И это решение оказалось правильным. Иностранные специалисты консультировали нас дистанционно при запуске линии ТММ».</p>
<p class="news-detail-text__main">Реализация данного проекта позволит создать новые рабочие места, расширить номенклатуру выпускаемой продукции, большая часть которой в настоящее время отправляется на экспорт.</p>
<div class="news-detail-photo">
<img class="news-detail-photo__img" src="img/news-detail_ph.jpg" alt="photo">
<p class="news-detail-photo__label">Министр экономического развития и инвестиций Нижегородской области И.Н. Норенков посетил производственную площадку АО «Волга» и новую линию в цехе термомеханической массы</p>
</div>
<p class="news-detail-text__main">Напомним, что с января 2020 года начался процесс заготовки лесосырья для обеспечения производственных мощностей АО «Волга» на лесозаготовительных участках общей площадью
более 100 тысяч гектаров в Варнавинском районе Нижегородской области. Таким образом, компания
завершила формирование производства полного цикла: от заготовки сырья до реализации готовой
......
nn.html 0 → 100644
View file @ 79fce887
<!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">Контакты</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Нижегородский офис</a>
</div>
<h1 class="heading-other__title">Нижегородский офис</h1>
</div>
</header>
<section class="corp" style="background-image: url('img/company_mask.svg');">
<div class="corp-content-wrapper">
<div class="press-wrapper nn-buttons">
<div class="press-wrapper__button" data-tabs-handler="1">Отдел продаж на экспорт</div>
<div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="2">Отдел продаж на внутреннем рынке</div>
<div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="3">Управление по закупкам</div>
<div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="4">Служба безопасности</div>
<div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="5">Офис</div>
</div>
<div class="press-content-news nn-content" data-tabs-field="1">
<div class="sertificate-contacts nn-wrapper">
<div class="sertificate-contacts-item nn-item">
<img src="img/contact1.png" alt="contact1">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
<div class="sertificate-contacts nn-wrapper">
<h3>Региональные менеджеры</h3>
<div class="sertificate-contacts-item nn-item">
<img src="img/contact2.png" alt="contact2">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item">
<img src="img/contact3.png" alt="contact3">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item">
<img src="img/contact4.png" alt="contact4">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
</div>
<div class="press-content-news press-content-news--hidden nn-content" data-tabs-field="2">
<div class="sertificate-contacts nn-wrapper">
<h3>Региональные менеджеры</h3>
<div class="sertificate-contacts-item nn-item">
<img src="img/contact2.png" alt="contact2">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item">
<img src="img/contact3.png" alt="contact3">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item">
<img src="img/contact4.png" alt="contact4">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
</div>
<div class="press-content-news press-content-news--hidden nn-content" data-tabs-field="3">
</div>
<div class="press-content-news press-content-news--hidden nn-content" data-tabs-field="4">
</div>
<div class="press-content-news press-content-news--hidden nn-content" data-tabs-field="5">
<div class="sertificate-contacts nn-wrapper">
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Бухгалтерия</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам работы с персоналом</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам внутренней логистики</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам внутренней логистики</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам внутренней логистики</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам внутренней логистики</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам внутренней логистики</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item nn-item nn-office">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">По вопросам внутренней логистики</h3>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
</div>
</div>
</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
obrashenie.html 0 → 100644
View file @ 79fce887
<!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">Закупки</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="obr" style="background-image: url('img/company_mask.svg');">
<div class="obr-wrapper">
<p>Закупочная деятельность АО «Волга» направлена на своевременное и полное удовлетворение потребностей компании в товарах, работах, услугах за счёт установления и развития открытых и взаимовыгодных партнёрских отношений с добросовестными контрагентами.</p>
<p>АО «Волга» осуществляет закупки через <a href="#">электронную торговую площадку «Фабрикант»</a>, а также путем направления заявок зарегистрированным пользователям корпоративной системы. Если вы хотите стать нашим поставщиком или подрядчиком, приглашаем вас пройти регистрацию для дальнейшего участия в закупочных процедурах и получения актуальной информации о потребностях компании в товарах, работах, услугах.</p>
<p>Мы постоянно работаем над совершенствованием бизнес-процессов и повышением компетенции персонала. Мы открыты для диалога и просим вас направлять предложения по улучшению качества работы на электронную почту <a href="#">zakupki@volga-paper.ru.</a></p>
<p>Надеемся на взаимовыгодное сотрудничество!</p>
</div>
<div class="obr-cont">
<img src="img/obr_photo.png" alt="photo">
<div class="obr-cont-text">
<p>С уважением,</p>
<p>Заместитель генерального директора по закупкам Председатель тендерной комиссии</p>
<p><b>Илья Сафронов</b></p>
</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
photogallery_copy.html 0 → 100644
View file @ 79fce887
<!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">Пресс-центр</a>
<img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon">
<a href="#" class="heading-other-nav__page heading-other-nav__page--current">Фотогалерея</a>
</div>
<h1 class="heading-other__title">Фотогалерея</h1>
</div>
</header>
<section class="gazeta-wrapper" style="background-image: url('img/company_mask.svg');">
<div class="gazeta">
<a class="gazeta-item">
<div class="gazeta-item-img tech-spec-item-img">
<img class="gazeta-item-img__photo" src="img/news1.png" alt="photo">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</div>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img tech-spec-item-img">
<img class="gazeta-item-img__photo" src="img/career_photo.jpg" alt="photo">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</div>
</a>
<a class="gazeta-item">
<div class="gazeta-item-img tech-spec-item-img">
<img class="gazeta-item-img__photo" src="img/phgal3.jpg" alt="photo">
<div class="tech-spec-item-img__hover">
<img src="img/tech_search.svg" alt="search">
</div>
</div>
</a>
</div>
</section>
<div class="pagination">
<a class="pagination-item pagination-item-more hidden" href="#">
<svg class="pagination-item__icon1">
<use xlink:href="img/dalshe.svg#dalshe"></use>
</svg>Раньше
</a>
<a class="pagination-item pagination-item-active" href="#">1</a>
<a class="pagination-item" href="#">2</a>
<a class="pagination-item" href="#">3</a>
<a class="pagination-item" href="#">4</a>
<a class="pagination-item" href="#">5</a>
<a class="pagination-item" href="#">...</a>
<a class="pagination-item" href="#">52</a>
<a class="pagination-item pagination-item-more" href="#">Дальше
<svg class="pagination-item__icon2">
<use xlink:href="img/dalshe.svg#dalshe"></use>
</svg>
</a>
</div>
<section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox1" checked>
<label for="checkbox1" class="form-ui-inner-checkbox__text">Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных</label>
</div>
</div>
</form>
</section>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
styles/style.css
View file @ 79fce887
......@@ -1446,6 +1446,8 @@ body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.press-wrapper__button {
......@@ -1463,13 +1465,22 @@ body {
box-sizing: border-box;
-webkit-transition: 0.4s;
transition: 0.4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.press-wrapper__button--disabled {
border: 1px solid rgba(214, 217, 229, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: none;
background: #f6f8fa;
color: #8e9a93;
}
......@@ -3629,6 +3640,8 @@ body {
.tech-spec-item-img {
position: relative;
width: 100%;
height: 100%;
}
.tech-spec-item-img__hover {
......@@ -3972,8 +3985,6 @@ body {
.gazeta-item-img {
position: relative;
width: 100%;
height: 100%;
}
.gazeta-item-img__photo {
......@@ -4369,6 +4380,15 @@ body {
box-sizing: border-box;
}
.news-detail-text > p, .news-detail-text__main {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 56px;
margin-left: 40px;
}
.news-detail-text__date {
font-weight: 300;
font-size: 20px;
......@@ -4388,16 +4408,7 @@ body {
margin-left: 40px;
}
.news-detail-text__main {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 56px;
margin-left: 40px;
}
.news-detail-text__quote {
.news-detail-text .news-detail-text__quote {
font-weight: bold;
font-size: 18px;
line-height: 130%;
......@@ -4407,6 +4418,37 @@ body {
background-position: 90px top;
padding: 67px 87px;
margin-bottom: 56px;
margin-left: 0;
}
.news-detail-text > img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
justify-self: center;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 100px;
}
.news-detail-text .news-detail-photo__label {
font-weight: 300;
font-size: 13px;
line-height: 130%;
color: #93969e;
max-width: 440px;
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
justify-self: center;
text-align: center;
margin-left: 0;
}
.news-detail-photo {
......@@ -4434,6 +4476,12 @@ body {
color: #93969e;
max-width: 440px;
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
justify-self: center;
text-align: center;
}
......@@ -4860,10 +4908,151 @@ body {
margin-bottom: 20px;
}
.results-item p a {
color: #029745;
-webkit-transition: 0.4s;
transition: 0.4s;
font-weight: 700;
}
.results-item p a:hover {
cursor: pointer;
color: #1cd345;
}
.results-item p a:active {
color: #07803d;
}
.results-item p:last-child {
margin-bottom: 30px;
}
.obr {
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;
}
.obr-wrapper {
max-width: 920px;
margin-bottom: 64px;
}
.obr-wrapper p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
}
.obr-wrapper p a {
color: #029745;
-webkit-transition: 0.4s;
transition: 0.4s;
font-weight: 700;
}
.obr-wrapper p a:hover {
cursor: pointer;
color: #1cd345;
}
.obr-wrapper p a:active {
color: #07803d;
}
.obr-wrapper p:last-child {
margin-bottom: 0;
}
.obr-cont {
width: 100%;
max-width: 920px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.obr-cont img {
width: 170px;
margin-right: 40px;
}
.obr-cont-text {
-ms-flex-item-align: end;
align-self: flex-end;
max-width: 440px;
}
.obr-cont-text p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
}
.obr-cont-text b {
font-weight: 700;
}
.nn-item {
max-width: 800px;
width: calc(50% - 20px);
min-width: 600px;
height: 276px;
}
.nn-item:nth-of-type(2n + 1) {
margin-right: 40px;
}
.nn-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 64px;
}
.nn-wrapper h3 {
font-weight: 800;
font-size: 24px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
width: 100%;
margin-bottom: 32px;
}
.nn-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 16px;
}
.nn-office {
min-height: 220px;
height: auto;
}
@media (max-width: 1800px) {
.navbar {
padding: 0 100px;
......@@ -5688,16 +5877,20 @@ body {
margin-bottom: 43px;
margin-left: 31px;
}
.news-detail-text__main {
.news-detail-text > p, .news-detail-text__main {
font-size: 14px;
margin-bottom: 43px;
margin-left: 31px;
}
.news-detail-text__quote {
.news-detail-text .news-detail-text__quote {
font-size: 14px;
margin-bottom: 43px;
padding: 52px 67px;
}
.news-detail-text .news-detail-photo__label {
font-size: 10px;
margin-top: 12px;
}
.news-detail-photo {
margin-bottom: 43px;
}
......@@ -5811,6 +6004,40 @@ body {
.results-item p:last-child {
margin-bottom: 23px;
}
.obr {
padding: 52px 100px 0;
}
.obr-wrapper {
margin-bottom: 52px;
}
.obr-wrapper p {
font-size: 14px;
margin-bottom: 16px;
}
.obr-cont img {
margin-right: 30px;
}
.obr-cont-text p {
font-size: 14px;
margin-bottom: 16px;
}
.nn-item {
height: 250px;
}
.nn-wrapper {
margin-top: 52px;
}
.nn-wrapper h3 {
font-size: 18px;
margin-bottom: 25px;
}
.nn-content {
margin-top: 12px;
}
.nn-office {
min-height: 180px;
height: auto;
}
}
@media (max-width: 1250px) {
......@@ -7442,16 +7669,23 @@ body {
margin-bottom: 36px;
margin-left: 26px;
}
.news-detail-text__main {
.news-detail-text > p, .news-detail-text__main {
font-size: 12px;
margin-bottom: 36px;
margin-left: 26px;
}
.news-detail-text__quote {
.news-detail-text .news-detail-text__quote {
font-size: 12px;
margin-bottom: 36px;
padding: 43px 56px;
}
.news-detail-text .news-detail-photo__label {
font-size: 8px;
margin-top: 10px;
}
.news-detail-text > img {
padding: 0;
}
.news-detail-photo {
margin-bottom: 36px;
}
......@@ -7577,6 +7811,60 @@ body {
.results-item p:last-child {
margin-bottom: 19px;
}
.obr {
padding: 52px 16px 0;
}
.obr-wrapper {
margin-bottom: 52px;
}
.obr-wrapper p {
font-size: 12px;
margin-bottom: 12px;
}
.obr-cont img {
width: 120px;
margin-right: 10px;
}
.obr-cont-text p {
font-size: 12px;
margin-bottom: 12px;
}
.nn-item {
margin-right: auto !important;
margin-left: auto !important;
min-width: 0;
}
.nn-wrapper {
margin: 0 auto;
margin-top: 52px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nn-wrapper h3 {
margin: 0 auto;
margin-bottom: 23px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.nn-content {
margin: 0 auto;
}
.nn-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nn-office {
width: 100%;
min-height: 150px;
height: auto;
}
}
@media (max-width: 700px) {
......
styles/style.css.map
View file @ 79fce887
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ 79fce887
......@@ -1071,6 +1071,7 @@ body {
&-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
&__button {
height: 66px;
background: #029745;
......@@ -1084,10 +1085,13 @@ body {
padding: 24px 56px;
box-sizing: border-box;
transition: 0.4s;
display: flex;
justify-content: center;
align-items: center;
&--disabled {
border: 1px solid rgba(214, 217, 229, 0.5);
box-sizing: border-box;
background: none;
background: #f6f8fa;
color: #8e9a93;
}
}
......@@ -2718,6 +2722,8 @@ body {
display: flex;
&-img {
position: relative;
width: 100%;
height: 100%;
&__hover {
background: linear-gradient(
0deg,
......@@ -2961,8 +2967,6 @@ body {
margin-right: 20px;
&-img {
position: relative;
width: 100%;
height: 100%;
&__photo {
width: 100%;
height: 100%;
......@@ -3252,6 +3256,15 @@ body {
width: 100%;
max-width: 1160px;
box-sizing: border-box;
> p,
&__main {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 56px;
margin-left: 40px;
}
&__date {
font-weight: 300;
font-size: 20px;
......@@ -3269,15 +3282,7 @@ body {
margin-bottom: 56px;
margin-left: 40px;
}
&__main {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 56px;
margin-left: 40px;
}
&__quote {
.news-detail-text__quote {
font-weight: bold;
font-size: 18px;
line-height: 130%;
......@@ -3287,6 +3292,28 @@ body {
background-position: 90px top;
padding: 67px 87px;
margin-bottom: 56px;
margin-left: 0;
}
> img {
display: flex;
align-self: center;
justify-self: center;
width: 100%;
box-sizing: border-box;
padding: 0 100px;
}
.news-detail-photo__label {
font-weight: 300;
font-size: 13px;
line-height: 130%;
color: #93969e;
max-width: 440px;
margin-top: 16px;
display: flex;
align-self: center;
justify-self: center;
text-align: center;
margin-left: 0;
}
}
&-photo {
......@@ -3304,6 +3331,9 @@ body {
color: #93969e;
max-width: 440px;
margin-top: 16px;
display: flex;
align-self: center;
justify-self: center;
text-align: center;
}
}
......@@ -3626,12 +3656,116 @@ body {
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
a {
color: #029745;
transition: 0.4s;
font-weight: 700;
}
a:hover {
cursor: pointer;
color: #1cd345;
}
a:active {
color: #07803d;
}
}
&-item p:last-child {
margin-bottom: 30px;
}
}
.obr {
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;
margin-bottom: 64px;
p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
a {
color: #029745;
transition: 0.4s;
font-weight: 700;
}
a:hover {
cursor: pointer;
color: #1cd345;
}
a:active {
color: #07803d;
}
}
p:last-child {
margin-bottom: 0;
}
}
&-cont {
width: 100%;
max-width: 920px;
display: flex;
img {
width: 170px;
margin-right: 40px;
}
&-text {
align-self: flex-end;
max-width: 440px;
p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 20px;
}
b {
font-weight: 700;
}
}
}
}
.nn {
&-item {
max-width: 800px;
width: calc(50% - 20px);
min-width: 600px;
height: 276px;
}
&-item:nth-of-type(2n + 1) {
margin-right: 40px;
}
&-wrapper {
flex-direction: row;
flex-wrap: wrap;
margin-top: 64px;
h3 {
font-weight: 800;
font-size: 24px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
width: 100%;
margin-bottom: 32px;
}
}
&-content {
flex-direction: column;
margin-top: 16px;
}
&-office {
min-height: 220px;
height: auto;
}
}
@media (max-width: 1800px) {
.navbar {
padding: 0 100px;
......@@ -4544,16 +4678,21 @@ body {
margin-bottom: 43px;
margin-left: 31px;
}
> p,
&__main {
font-size: 14px;
margin-bottom: 43px;
margin-left: 31px;
}
&__quote {
.news-detail-text__quote {
font-size: 14px;
margin-bottom: 43px;
padding: 52px 67px;
}
.news-detail-photo__label {
font-size: 10px;
margin-top: 12px;
}
}
&-photo {
margin-bottom: 43px;
......@@ -4678,6 +4817,46 @@ body {
margin-bottom: 23px;
}
}
.obr {
padding: 52px 100px 0;
&-wrapper {
margin-bottom: 52px;
p {
font-size: 14px;
margin-bottom: 16px;
}
}
&-cont {
img {
margin-right: 30px;
}
&-text {
p {
font-size: 14px;
margin-bottom: 16px;
}
}
}
}
.nn {
&-item {
height: 250px;
}
&-wrapper {
margin-top: 52px;
h3 {
font-size: 18px;
margin-bottom: 25px;
}
}
&-content {
margin-top: 12px;
}
&-office {
min-height: 180px;
height: auto;
}
}
}
@media (max-width: 1250px) {
......@@ -6169,16 +6348,24 @@ body {
margin-bottom: 36px;
margin-left: 26px;
}
> p,
&__main {
font-size: 12px;
margin-bottom: 36px;
margin-left: 26px;
}
&__quote {
.news-detail-text__quote {
font-size: 12px;
margin-bottom: 36px;
padding: 43px 56px;
}
.news-detail-photo__label {
font-size: 8px;
margin-top: 10px;
}
> img {
padding: 0;
}
}
&-photo {
margin-bottom: 36px;
......@@ -6308,6 +6495,59 @@ body {
margin-bottom: 19px;
}
}
.obr {
padding: 52px 16px 0;
&-wrapper {
margin-bottom: 52px;
p {
font-size: 12px;
margin-bottom: 12px;
}
}
&-cont {
img {
width: 120px;
margin-right: 10px;
}
&-text {
p {
font-size: 12px;
margin-bottom: 12px;
}
}
}
}
.nn {
&-item {
margin-right: auto !important;
margin-left: auto !important;
min-width: 0;
}
&-wrapper {
margin: 0 auto;
margin-top: 52px;
flex-direction: column;
h3 {
margin: 0 auto;
margin-bottom: 23px;
width: fit-content;
}
}
&-wrapper:first-of-type {
}
&-content {
margin: 0 auto;
}
&-buttons {
display: flex;
justify-content: center;
}
&-office {
width: 100%;
min-height: 150px;
height: auto;
}
}
}
@media (max-width: 700px) {
.company-button-subpage {
......
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