Skip to content

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

update

parent 9adbc158
Hide whitespace changes
Inline Side-by-side
Showing with 4960 additions and 72 deletions
.DS_Store
View file @ e034eb28
No preview for this file type
authorization.html 0 → 100644
View file @ e034eb28
<!DOCTYPE html>
<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>Volga Главная</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&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/additional.css">
</head>
<body class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav"><a class="heading-other-nav__page" href="#">Главная</a><img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon"><a class="heading-other-nav__page heading-other-nav__page--current" href="#">Авторизация</a></div>
<h1 class="heading-other__title">Авторизация</h1>
</div>
</header>
</body>
<div class="inner-page">
<div class="inner-page__cnt">
<div class="d-container-440">
<section class="d-form">
<form class="d-form__container" action="" method="post">
<section class="d-form__block">
<header class="d-form__b-header">
<h4 class="d-form__b-title txt-center">Вход в систему </h4>
</header>
<div class="d-form__b-body">
<div class="d-form__input-wrapper d-form__input-wrapper--required d-form__input-wrapper--show-help">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Логин</h6>
<input class="d-form__input-field" type="text" name="login" placeholder="Логин">
</label><span class="d-form__input-help-text">Минимум 3 символа</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required d-form__input-wrapper--show-help">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Пароль</h6>
<input class="d-form__input-field" type="password" name="password" placeholder="Пароль">
</label><span class="d-form__input-help-text">Минимум 6 символов и цифр</span>
</div>
</div>
</section>
<section class="d-form__block d-form__block--center mrg-t-48">
<div class="form-ui-inner-checkbox form-ui-inner-checkbox--dark">
<label>
<input class="form-ui-inner-checkbox__input" type="checkbox" name="rememberMe"><span class="form-ui-inner-checkbox__text">Запомнить меня на этом компьютере</span>
</label>
</div>
</section>
<section class="d-form__block d-form__block--center mrg-t-48">
<button class="form-ui-inner-content__button d-btn d-btn--grey" type="button">Войти</button>
</section>
<section class="d-form__block mrg-t-48">
<section class="block-1"><a class="d-link" href="javascript: void(0)">Забыли пароль?</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="0.246094" width="12" height="12" transform="rotate(45 9 0.246094)" fill="#DADEE8"/></svg><a class="d-link" href="javascript: void(0)">Зарегистрироваться</a></section>
</section>
</form>
</section>
</div>
</div>
</div>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/index.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script>
<script defer src="js/map_icon.js"></script>
<script defer="" src="js/additional.js"></script>
\ No newline at end of file
career.html
View file @ e034eb28
...@@ -490,10 +490,10 @@ ...@@ -490,10 +490,10 @@
</header> </header>
<section class="corp" style="background-image: url('img/company_mask.svg');"> <section class="corp" style="background-image: url('img/company_mask.svg');">
<div class="corp-wrapper"> <div class="corp-wrapper">
<a class="corp-wrapper__btn" href="#programs"> <a class="corp-wrapper__btn" href="#vac">
<svg class="corp-wrapper__btn__icon"> <svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
</svg>Программы для сотрудников</a> </svg>Вакансии</a>
<a class="corp-wrapper__btn" href="#educ"> <a class="corp-wrapper__btn" href="#educ">
<svg class="corp-wrapper__btn__icon"> <svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
...@@ -502,17 +502,17 @@ ...@@ -502,17 +502,17 @@
<svg class="corp-wrapper__btn__icon"> <svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
</svg>Студентам и выпускникам</a> </svg>Студентам и выпускникам</a>
<a class="corp-wrapper__btn" href="#vac"> <a class="corp-wrapper__btn" href="#programs">
<svg class="corp-wrapper__btn__icon"> <svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии</a> </svg>Программы для сотрудников</a>
<a class="corp-wrapper__btn" href="#cont"> <a class="corp-wrapper__btn" href="#cont">
<svg class="corp-wrapper__btn__icon"> <svg class="corp-wrapper__btn__icon">
<use xlink:href="img/points_style.svg#points_style"></use> <use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты</a> </svg>Контакты</a>
</div> </div>
<div class="corp-content"> <div class="corp-content">
<div id="programs" class="corp-content-wrapper"> <!--<div id="programs" class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/career_photo.jpg" alt="career photo"> <img class="corp-content-wrapper__photo" src="img/career_photo.jpg" alt="career photo">
</div> </div>
<div id="educ" class="corp-content-wrapper"> <div id="educ" class="corp-content-wrapper">
...@@ -525,12 +525,15 @@ ...@@ -525,12 +525,15 @@
<li class="corp-content-wrapper-list__item">повышение профессионального мастерства и квалификации сотрудников.</li> <li class="corp-content-wrapper-list__item">повышение профессионального мастерства и квалификации сотрудников.</li>
</ul> </ul>
<p class="corp-content-wrapper__text">Программа профессионального обучения реализуется согласно полученной Лицензии на осуществление образовательной деятельности с целью приобретения обучающимися знаний, умений, навыков, формирования компетенций, необходимых для выполнения определенных трудовых, служебных функций. Обучение проходит в специально оборудованном учебном классе на территории предприятия. Практические занятия проводятся непосредственно на рабочем месте обучающихся. Образовательные программы разрабатываются ведущими специалистами АО «Волга».</p> <p class="corp-content-wrapper__text">Программа профессионального обучения реализуется согласно полученной Лицензии на осуществление образовательной деятельности с целью приобретения обучающимися знаний, умений, навыков, формирования компетенций, необходимых для выполнения определенных трудовых, служебных функций. Обучение проходит в специально оборудованном учебном классе на территории предприятия. Практические занятия проводятся непосредственно на рабочем месте обучающихся. Образовательные программы разрабатываются ведущими специалистами АО «Волга».</p>
</div> </div>-->
<div id="vac" class="corp-content-wrapper"> <div id="vac" class="corp-content-wrapper">
<div class="vac-heading"> <div class="vac-heading">
<h2 class="corp-content__title">Вакансии</h2> <h2 class="corp-content-wrapper__title">Вакансии</h2>
<a class="vac__link" href="#">Все вакансии</a> <a class="vac__link" href="#">Все вакансии</a>
</div> </div>
<div class="vac-heading">
<h3 class="corp-content-wrapper__subtitle">Балахна</h3>
</div>
<div class="vac-all"> <div class="vac-all">
<div class="vac-all-item"> <div class="vac-all-item">
<div class="vac-all-item-heading"> <div class="vac-all-item-heading">
...@@ -778,24 +781,668 @@ ...@@ -778,24 +781,668 @@
</div> </div>
</div> </div>
</div> </div>
<div class="vac-subheading">
<h3 class="corp-content-wrapper__subtitle">Варнавино</h3>
</div>
<div class="vac-all">
<div class="vac-all-item">
<div class="vac-all-item-heading">
<svg class="vac__icon vac__plus">
<use xlink:href="img/vac+.svg#vac+"></use>
</svg>
<svg class="vac__icon vac__minus">
<use xlink:href="img/vac-.svg#vac-"></use>
</svg>
<h4 class="vac__title">Контролер КП</h4>
<p class="vac__salary">30 000 руб.</p>
</div>
<div class="vac-all-item-inner">
<div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Обязанности:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Контроль за соблюдением режима</li>
<li class="vac-list__item">Обеспечение безопасности на территории поста</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Требования:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Добросовестность, ответственность.</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Условия:</p>
<p class="vac__text">График: сутки через трое</p>
<p class="vac__text">Работа по адресу: г.Воронеж, ул. Б.Хмельницкого, д,51 а</p>
<p class="vac__text">Оформление согласно ТК РФ.</p>
</div>
<div class="vac-buttons">
<a class="vac__button" href="#" style="background-image: url(img/button_mask.svg);">ОТКЛИКНУТЬСЯ</a>
<a class="vac__call" href="#">
<svg class="vac__call__icon">
<use xlink:href="img/vac_call.svg#vac_call"></use>
</svg>
ПОЗВОНИТЬ</a>
</div>
</div>
</div>
<div class="vac-all-item">
<div class="vac-all-item-heading">
<svg class="vac__icon vac__plus">
<use xlink:href="img/vac+.svg#vac+"></use>
</svg>
<svg class="vac__icon vac__minus">
<use xlink:href="img/vac-.svg#vac-"></use>
</svg>
<h4 class="vac__title">Электромонтер диспетчерского оборудования и телеавтоматики</h4>
<p class="vac__salary">30 000 руб.</p>
</div>
<div class="vac-all-item-inner">
<div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Обязанности:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Контроль за соблюдением режима</li>
<li class="vac-list__item">Обеспечение безопасности на территории поста</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Требования:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Добросовестность, ответственность.</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Условия:</p>
<p class="vac__text">График: сутки через трое</p>
<p class="vac__text">Работа по адресу: г.Воронеж, ул. Б.Хмельницкого, д,51 а</p>
<p class="vac__text">Оформление согласно ТК РФ.</p>
</div>
<div class="vac-buttons">
<a class="vac__button" href="#" style="background-image: url(img/button_mask.svg);">ОТКЛИКНУТЬСЯ</a>
<a class="vac__call" href="#">
<svg class="vac__call__icon">
<use xlink:href="img/vac_call.svg#vac_call"></use>
</svg>
ПОЗВОНИТЬ</a>
</div>
</div>
</div>
<div class="vac-all-item">
<div class="vac-all-item-heading">
<svg class="vac__icon vac__plus">
<use xlink:href="img/vac+.svg#vac+"></use>
</svg>
<svg class="vac__icon vac__minus">
<use xlink:href="img/vac-.svg#vac-"></use>
</svg>
<h4 class="vac__title">Машинист БДМ</h4>
<p class="vac__salary">30 000 руб.</p>
</div>
<div class="vac-all-item-inner">
<div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Обязанности:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Контроль за соблюдением режима</li>
<li class="vac-list__item">Обеспечение безопасности на территории поста</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Требования:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Добросовестность, ответственность.</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Условия:</p>
<p class="vac__text">График: сутки через трое</p>
<p class="vac__text">Работа по адресу: г.Воронеж, ул. Б.Хмельницкого, д,51 а</p>
<p class="vac__text">Оформление согласно ТК РФ.</p>
</div>
<div class="vac-buttons">
<a class="vac__button" href="#" style="background-image: url(img/button_mask.svg);">ОТКЛИКНУТЬСЯ</a>
<a class="vac__call" href="#">
<svg class="vac__call__icon">
<use xlink:href="img/vac_call.svg#vac_call"></use>
</svg>
ПОЗВОНИТЬ</a>
</div>
</div>
</div>
<div class="vac-all-item">
<div class="vac-all-item-heading">
<svg class="vac__icon vac__plus">
<use xlink:href="img/vac+.svg#vac+"></use>
</svg>
<svg class="vac__icon vac__minus">
<use xlink:href="img/vac-.svg#vac-"></use>
</svg>
<h4 class="vac__title">Слесарь по ремонту и обслуживанию перегрузочных машин</h4>
<p class="vac__salary">30 000 руб.</p>
</div>
<div class="vac-all-item-inner">
<div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Обязанности:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Контроль за соблюдением режима</li>
<li class="vac-list__item">Обеспечение безопасности на территории поста</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Требования:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Добросовестность, ответственность.</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Условия:</p>
<p class="vac__text">График: сутки через трое</p>
<p class="vac__text">Работа по адресу: г.Воронеж, ул. Б.Хмельницкого, д,51 а</p>
<p class="vac__text">Оформление согласно ТК РФ.</p>
</div>
<div class="vac-buttons">
<a class="vac__button" href="#" style="background-image: url(img/button_mask.svg);">ОТКЛИКНУТЬСЯ</a>
<a class="vac__call" href="#">
<svg class="vac__call__icon">
<use xlink:href="img/vac_call.svg#vac_call"></use>
</svg>
ПОЗВОНИТЬ</a>
</div>
</div>
</div>
<div class="vac-all-item">
<div class="vac-all-item-heading">
<svg class="vac__icon vac__plus">
<use xlink:href="img/vac+.svg#vac+"></use>
</svg>
<svg class="vac__icon vac__minus">
<use xlink:href="img/vac-.svg#vac-"></use>
</svg>
<h4 class="vac__title">Контролер КП</h4>
<p class="vac__salary">30 000 руб.</p>
</div>
<div class="vac-all-item-inner">
<div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Обязанности:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Контроль за соблюдением режима</li>
<li class="vac-list__item">Обеспечение безопасности на территории поста</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Требования:</p>
</div>
<div class="vac-wrapper">
<ul class="vac-list" style="list-style: url('img/points_style_list.svg');">
<li class="vac-list__item">Добросовестность, ответственность.</li>
</ul>
</div>
<div class="vac-wrapper">
<p class="vac__bold">Условия:</p>
<p class="vac__text">График: сутки через трое</p>
<p class="vac__text">Работа по адресу: г.Воронеж, ул. Б.Хмельницкого, д,51 а</p>
<p class="vac__text">Оформление согласно ТК РФ.</p>
</div>
<div class="vac-buttons">
<a class="vac__button" href="#" style="background-image: url(img/button_mask.svg);">ОТКЛИКНУТЬСЯ</a>
<a class="vac__call" href="#">
<svg class="vac__call__icon">
<use xlink:href="img/vac_call.svg#vac_call"></use>
</svg>
ПОЗВОНИТЬ</a>
</div>
</div>
</div>
</div>
</div>
<div id="educ" class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/career_ph.jpg" alt="career photo">
</div>
<div class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Обучение и развитие</h2>
<p class="corp-content-wrapper__text">Основной целью кадровой политики АО «Волга» является создание условий для высокопроизводительного труда и развития персонала.</p>
<p class="corp-content-wrapper__text">Компания заинтересована в профессиональном росте и повышении квалификации своих работников. Совместно с учебными организациями и на базе учебного центра АО «Волга» проводится обучение сотрудников.</p>
<p class="corp-content-wrapper__text">АО Волга» сотрудничает с отраслевыми ВУЗами, колледжами и техникумами. Привлекает для обучения ведущих российских тренеров и консультантов.</p>
<p class="corp-content-wrapper__text">Обучение включает в себя программы развития профессиональных, управленческих и корпоративных компетенций для персонала разного уровня подготовки.</p>
<div class="corp-content-wrapper-facts">
<div class="corp-content-wrapper-facts-item">
<span>>1/3</span>
<span>сотрудников ежегодно</span>
</div>
<div class="corp-content-wrapper-facts-item">
<span>>40 000</span>
<span>человеко-часов ежегодно</span>
</div>
<div class="corp-content-wrapper-facts-item">
<span>>60</span>
<span>программ</span>
</div>
</div>
</div>
<div class="corp-content-wrapper">
<h3 class="corp-content-wrapper__subtitle">Портфель программ</h3>
<div class="corp-content-wrapper-programs">
<div class="corp-content-wrapper-programs-item">
<img src="img/prog1.jpg" alt="photo">
Программы для обеспечения эффективности сотрудников в текущей должности
</div>
<div class="corp-content-wrapper-programs-item">
<img src="img/prog1.jpg" alt="photo">
Программы для обучения вторым и смежным профессиям
</div>
<div class="corp-content-wrapper-programs-item">
<img src="img/prog1.jpg" alt="photo">
Программы для обучения вторым и смежным профессиям
</div>
<div class="corp-content-wrapper-programs-item">
<img src="img/prog1.jpg" alt="photo">
Программы для обучения вторым и смежным профессиям
</div>
</div>
</div> </div>
<div id="stud" class="corp-content-wrapper"> <div id="stud" class="corp-content-wrapper">
<img class="corp-content-wrapper__photo" src="img/career_photo2.jpg" alt="career photo2"> <img class="corp-content-wrapper__photo" src="img/career_photo2.jpg" alt="career photo2">
</div> </div>
<div class="corp-content-wrapper"> <div class="corp-content-wrapper">
<h2 id="quote" class="corp-content-wrapper__title">Студентам и выпускникам</h2> <h2 class="corp-content-wrapper__title">Студентам и выпускникам</h2>
<p class="corp-content-wrapper__text">Акционерное общество «Волга» заинтересовано в активных молодых специалистах, прилагающих усилия для саморазвития и самореализации.</p> <h3 class="corp-content-wrapper__subtitle">ВОЛГА NEXT – программы СТАЖИРОВОК</h3>
<p class="corp-content-wrapper__bold">Приглашаем студентов на производственную и преддипломную практику и предлагаем:</p> <p class="corp-content-wrapper__text">АО «Волга» приглашает студентов и выпускников профильных СУЗОВ и ВУЗОВ пройти стажировку /практику на наших площадках.</p>
<div class="corp-content-wrapper-map" id="map"></div>
<p class="corp-content-wrapper__bold">Программа стажировок в АО «Волга» — это:</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');"> <ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">реальный производственный опыт: работа в цехе с опытным наставником;</li> <li class="corp-content-wrapper-list__item">уникальный опыт работы по специальности;</li>
<li class="corp-content-wrapper-list__item">профессиональное развитие: обучение выбранной профессии и личной эффективности;</li> <li class="corp-content-wrapper-list__item">возможность совмещения учебы и работы;</li>
<li class="corp-content-wrapper-list__item">возможность начать свою карьеру еще во время учебы: лучшие студенты по итогам практики получают предложение по трудоустройству.</li> <li class="corp-content-wrapper-list__item">персональный наставник;</li>
<li class="corp-content-wrapper-list__item">компенсация стоимости жилья и проезда;</li>
<li class="corp-content-wrapper-list__item">поддержка Совета молодежи;</li>
<li class="corp-content-wrapper-list__item">возможность остаться в команде.</li>
</ul> </ul>
<p class="corp-content-wrapper__text">Программа профессионального обучения реализуется согласно полученной Лицензии на осуществление образовательной деятельности с целью приобретения обучающимися знаний, умений, навыков, формирования компетенций, необходимых для выполнения определенных трудовых, служебных функций. Обучение проходит в специально оборудованном учебном классе на территории предприятия. Практические занятия проводятся непосредственно на рабочем месте обучающихся. Образовательные программы разрабатываются ведущими специалистами АО «Волга».</p> <div class="corp-content-wrapper-stud">
<h3 class="corp-content-wrapper__subtitle">Долгосрочная – 1 год</h3>
<div class="corp-content-wrapper-stud-facts">
<div class="corp-content-wrapper-stud-facts-big">
<svg>
<use xlink:href="img/career_icons.svg#1"></use>
</svg>
<span>Место прохождения</span>
<span>Производственные площадки в Балахне и Варнавино</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#2"></use>
</svg>
<span>Старт программы</span>
<span>Начало — август 2021 года</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#3"></use>
</svg>
<span>Продолжительность</span>
<span>Стажировка длится 1 год</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#4"></use>
</svg>
<span>Работа с наставниками</span>
<span>На производстве с опытными наставниками</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#5"></use>
</svg>
<span>Заработная плата</span>
<span>Обсуждается индивидуально</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#6"></use>
</svg>
<span>Иногородним</span>
<span>Предоставление жилья, оплата переезда</span>
</div>
<div class="corp-content-wrapper-stud-facts-big">
<svg>
<use xlink:href="img/career_icons.svg#7"></use>
</svg>
<span>Трудоустройство</span>
<span>По окончанию стажировки возможно трудоустройство на предприятиях компании</span>
</div>
</div>
</div>
<div class="corp-content-wrapper-stud">
<h3 class="corp-content-wrapper__subtitle">Краткосрочная – до 3 месяцев</h3>
<div class="corp-content-wrapper-stud-facts">
<div>
<svg>
<use xlink:href="img/career_icons.svg#1"></use>
</svg>
<span>Место прохождения</span>
<span>Производственные площадки в Балахне и Варнавино</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#8"></use>
</svg>
<span>Загрузка</span>
<span>40 часов в неделю на период каникул в ВУЗе</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#3"></use>
</svg>
<span>Продолжительность</span>
<span>3-6 мес. (июнь-август)</span>
</div>
<div>
<svg>
<use xlink:href="img/career_icons.svg#5"></use>
</svg>
<span>Заработная плата</span>
<span>Стажировки оплачиваются</span>
</div>
<div class="corp-content-wrapper-stud-facts-big">
<svg>
<use xlink:href="img/career_icons.svg#7"></use>
</svg>
<span>Продолжение стажировки</span>
<span>Длительность и загрузка обсуждаются индивидуально</span>
</div>
</div>
</div>
<div class="corp-content-wrapper-stud">
<p class="corp-content-wrapper__text">Если Вы обучаетесь в СУЗе и ВУЗе по следующим специальностям:</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">химическая переработка древесины;</li>
<li class="corp-content-wrapper-list__item">технология переработки древесины;</li>
<li class="corp-content-wrapper-list__item">автоматизация технологических процессов и производств;</li>
<li class="corp-content-wrapper-list__item">электроэнергетика и электротехника;</li>
<li class="corp-content-wrapper-list__item">техническая эксплуатация подвижного состава ЖД;</li>
<li class="corp-content-wrapper-list__item">слесарь-ремонтник;</li>
<li class="corp-content-wrapper-list__item">техническое обслуживание и ремонт автомобильного транспорта и т.д.;</li>
<li class="corp-content-wrapper-list__item">сварочное производство.</li>
</ul>
<p class="corp-content-wrapper__text">и желаете пройти стажировку/практику в нашей Компании, то отбор включает в себя:</p>
</div>
<div class="corp-content-wrapper-way">
<div class="line"></div>
<div>
<svg class="icon">
<use xlink:href="img/way_icons.svg#1"></use>
</svg>
<img src="img/way_icon.svg" alt="icon">
Подать заявку
</div>
<div>
<svg class="icon">
<use xlink:href="img/way_icons.svg#2"></use>
</svg>
<img src="img/way_icon.svg" alt="icon">
Телефонное интервью
</div>
<div>
<svg class="icon">
<use xlink:href="img/way_icons.svg#3"></use>
</svg>
<img src="img/way_icon.svg" alt="icon">
Собеседование с HR
</div>
<div>
<svg class="icon">
<use xlink:href="img/way_icons.svg#4"></use>
</svg>
<img src="img/way_icon.svg" alt="icon">
Собеседование с руководителем подразделения
</div>
<div>
<svg class="icon">
<use xlink:href="img/way_icons.svg#5"></use>
</svg>
<img src="img/way_icon.svg" alt="icon">
Оценка по итогам стажировки
</div>
</div>
<div class="corp-content-wrapper-stud">
<p class="corp-content-wrapper__text">Это хороший шанс для студентов получить много полезных практических знаний, а также материалы, которые могут использоваться для курсовых и диплома.</p>
<p class="corp-content-wrapper__text">Один из главных бонусов практики в АО «Волга» – перспектива трудоустройства: отличившиеся студенты будут внесены в «резерв молодых талантов» и получат приоритет при отборе кандидатов на постоянную работу в компании.</p>
<div class="corp-content-wrapper-otklik">
<img src="img/otklik.png" alt="photo">
<a href="#" style="background-image: url('img/button_mask.svg');">
ОТКЛИКНУТЬСЯ
</a>
</div>
</div>
<div class="corp-content-wrapper-stud">
<h3 class="corp-content-wrapper__subtitle">Первые шаги в профессию</h3>
<div class="corp-content-wrapper-feedback">
<div>
<img src="img/feedback_photo.jpg" alt="photo">
<span>Татьяна Годованова</span>
<span>контролёр целлюлозно-бумажного производства</span>
</div>
<div>
<img src="img/feedback_quote.svg" alt="quote">
<p>Я однозначно посоветовала бы молодежи устраиваться на АО «Волга», здесь интересно и есть возможность карьерного роста. Можно прийти и попробовать себя в профессии, почему нет? Главное - найти работу по душе.</p>
</div>
</div>
<div class="corp-content-wrapper-feedback">
<div>
<img src="img/feedback_photo.jpg" alt="photo">
<span>Татьяна Годованова</span>
<span>контролёр целлюлозно-бумажного производства</span>
</div>
<div>
<img src="img/feedback_quote.svg" alt="quote">
<p>Я однозначно посоветовала бы молодежи устраиваться на АО «Волга», здесь интересно и есть возможность карьерного роста. Можно прийти и попробовать себя в профессии, почему нет? Главное - найти работу по душе.</p>
</div>
</div>
<div class="corp-content-wrapper-feedback">
<div>
<img src="img/feedback_photo.jpg" alt="photo">
<span>Татьяна Годованова</span>
<span>контролёр целлюлозно-бумажного производства</span>
</div>
<div>
<img src="img/feedback_quote.svg" alt="quote">
<p>Я однозначно посоветовала бы молодежи устраиваться на АО «Волга», здесь интересно и есть возможность карьерного роста. Можно прийти и попробовать себя в профессии, почему нет? Главное - найти работу по душе.</p>
</div>
</div>
</div>
</div>
<div id="programs" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Программы для сотрудников</h2>
<div class="corp-content-wrapper-links">
<a href="#p1">Программа Bravo</a>
<a href="#p2">Рационализаторство</a>
<a href="#p3">Материальная помощь</a>
<a href="#p4">Здоровье и спорт</a>
<a href="#p5">Совет молодежи</a>
<a href="#p6">Совет ветеранов</a>
</div>
<div id="p1" class="corp-content-wrapper-prog">
<h3 class="corp-content-wrapper__subtitle">Программа Bravo</h3>
<p class="corp-content-wrapper__text"><b>Профессиональный коллектив</b> – наш главный актив и главная ценность.</p>
<p class="corp-content-wrapper__text"><b>Миссия программы</b> – поощрить лучших сотрудников, работающих на современном, динамично развивающемся предприятии, отметить их значимость для компании, вместе создать имидж компании, в которой работают профессионалы. Профессионализм и вовлеченность работников помогают компании реализовывать самые амбициозные проекты.</p>
<p class="corp-content-wrapper__bold">Номинации программы:</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">«Лучшее структурное подразделение Общества»;</li>
<li class="corp-content-wrapper-list__item">«Лучший работник структурного подразделения»;</li>
<li class="corp-content-wrapper-list__item">«Лучшая производственная династия»</li>
</ul>
<p class="corp-content-wrapper__text">Компании ценен каждый сотрудник, и особое внимание и признание заслуг юбиляров-ветеранов, которые вместе с АО «Волга» уже 10 и более лет. Для них действует программа награждения сотрудников предприятия в связи с юбилейными датами по стажу и возрасту.</p>
<div></div>
</div>
<div id="p2" class="corp-content-wrapper-prog">
<h3 class="corp-content-wrapper__subtitle">Рационализаторство</h3>
<p class="corp-content-wrapper__bold">Цели и задачи:</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">активизация и дальнейшее развитие массового технического творчества работников Общества как одного из важнейших условий инновационного развития;</li>
<li class="corp-content-wrapper-list__item">рост эффективности бизнес-процессов в организационной, производственной и технологической сферах;</li>
<li class="corp-content-wrapper-list__item">повышение заинтересованности работников Общества в результатах своего труда путем морального и материального стимулирования технического творчества.</li>
</ul>
<p class="corp-content-wrapper__bold">Автор рационализаторского предложения:</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">награждается за использование рационализаторского предложения;</li>
<li class="corp-content-wrapper-list__item">участвует в подготовке своего рационализаторского предложения к внедрению.</li>
</ul>
<div></div>
</div>
<div id="p3" class="corp-content-wrapper-prog">
<h3 class="corp-content-wrapper__subtitle">Материальная помощь</h3>
<p class="corp-content-wrapper__text">Социальные льготы и выплаты работникам АО «Волга» носят постоянный характер и имеют особую значимость в объеме совокупного дохода работников и ветеранов предприятия. Они являются важным и необходимым условием поддержания стабильности и повышения жизненного уровня работников и членов их семей.</p>
<p class="corp-content-wrapper__text">Оказание материальной помощи работникам и ветеранам предприятия осуществляется через постоянно действующую комиссию по социальным вопросам.</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">Материальная помощь к отпуску</li>
<li class="corp-content-wrapper-list__item">Выплата к юбилею</li>
<li class="corp-content-wrapper-list__item">Материальная помощь при уходе на пенсию</li>
<li class="corp-content-wrapper-list__item">Материальная помощь в связи с трудным финансовым положением</li>
</ul>
<div></div>
</div>
<div id="p4" class="corp-content-wrapper-prog">
<h3 class="corp-content-wrapper__subtitle">Здоровье и спорт</h3>
<p class="corp-content-wrapper__text">Занятия спортом играют важную роль в поддержании здоровья, сплочении коллективов, формировании личностных качеств сотрудников. Забота о здоровье сотрудников и о подрастающем поколении является важной составляющей социальной политики Компании.</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">Частичная компенсация стоимости санаторной путевки</li>
<li class="corp-content-wrapper-list__item">Бесплатные путевки сотрудникам, занятым на работах с вредными и/или опасными производственными факторами, а также сотрудникам пенсионного и пред пенсионного возраста</li>
<li class="corp-content-wrapper-list__item">Бесплатное посещение спортивно-оздоровительного комплекса с бассейном, залами тяжелой атлетики и тренажерным</li>
<li class="corp-content-wrapper-list__item">Ежегодная спартакиада по различным видам спорта среди сотрудников и их семей, ветеранов</li>
<li class="corp-content-wrapper-list__item">Компенсация до 90% стоимости детских путевок в оздоровительные лагеря</li>
</ul>
<div></div>
</div>
<div id="p5" class="corp-content-wrapper-prog">
<h3 class="corp-content-wrapper__subtitle">Совет молодежи</h3>
<p class="corp-content-wrapper__text">Молодежная политика АО «Волга» направлена на закрепление молодых сотрудников на предприятии, формирование у молодежи активной жизненной позиции, готовности к участию в общественной жизни предприятия, создание условий для патриотического, интеллектуального, творческого и физического развития молодежи, реализация творческого потенциала, поддержку деятельности молодежных объединений.</p>
<p class="corp-content-wrapper__text">В апреле 2010 года на предприятии был создан Совет молодежи, в состав которого вошли активные молодые люди в возрасте до 35 лет. Сегодня в составе Совета молодежи более 40 человек, из них наиболее активных 25 человек.</p>
<p class="corp-content-wrapper__text">При поддержке администрации и НПО молодежная команда нашего предприятия принимает участие во всех культурных, спортивных, интеллектуальных и трудовых мероприятиях, проходящих не только на предприятии, но и в Балахнинском районе и Нижегородской области.</p>
<div></div>
</div>
<div id="p6" class="corp-content-wrapper-prog">
<h3 class="corp-content-wrapper__subtitle">Совет ветеранов</h3>
<p class="corp-content-wrapper__text">Программа направлена на социальную защита и поддержку работников после их выхода на пенсию.</p>
<p class="corp-content-wrapper__text">На социальную поддержку ветеранов выделяются значительные средства для предоставления им материальной помощи, компенсации посещения спортивно-оздоровительного комплекса и поддержки в трудных жизненных ситуациях.</p>
<ul class="corp-content-wrapper-list" style="list-style: url('img/points_style_list.svg');">
<li class="corp-content-wrapper-list__item">Материальная помощь ветеранам ВОВ к 9 мая</li>
<li class="corp-content-wrapper-list__item">Материальная помощь к дню пожилого человека</li>
<li class="corp-content-wrapper-list__item">Материальная помощь активу Совета ветеранов</li>
</ul>
</div>
</div>
<div id="cont" class="corp-content-wrapper">
<h2 class="corp-content-wrapper__title">Контакты отдела продаж</h2>
<div class="corp-content-wrapper-cont">
<div class="sertificate-contacts">
<h3 class="corp-content-wrapper__subtitle">По вопросам подбора кадров</h3>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact1.png" alt="contact1">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact2.png" alt="contact2">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
<div class="corp-content-wrapper-cont">
<div class="vac-subheading">
<h3 class="corp-content-wrapper__subtitle">По вопросам подбора кадров</h3>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact3.png" alt="contact3">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
<div class="sertificate-contacts-item" style="background-image: url('img/top_mask.svg');">
<img src="img/contact4.png" alt="contact4">
<img class="sertificate-contacts__icon" src="img/contact_icon.svg" alt="icon">
<div class="sertificate-contacts-text">
<h3 class="sertificate-contacts-text__title">Майорова Яна Юрьевна</h3>
<p class="sertificate-contacts-text__label">Начальник отдела продаж на экспорт</p>
<a class="sertificate-contacts-text__link" href="mailto:mayorova_yu@volga-paper.ru">
<img class="sertificate-contacts-text__link__icon" src="img/contact_mail.svg" alt="mail">
mayorova_yu@volga-paper.ru</a>
<a class="sertificate-contacts-text__link" href="tel:+78314493777">
<img class="sertificate-contacts-text__link__icon" src="img/contact_phone.svg" alt="phone">
+7 831-44-937-77</a>
</a>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
<section id="cont" class="form form-subpage section-subpage"> <section class="form form-subpage section-subpage">
<form action="" class="form-ui" style="background-image: url('img/form_mask.svg');"> <form action="" class="form-ui" style="background-image: url('img/form_mask.svg');">
<div class="form-ui-inner"> <div class="form-ui-inner">
<div class="form-ui-inner-heading"> <div class="form-ui-inner-heading">
...@@ -862,7 +1509,35 @@ ...@@ -862,7 +1509,35 @@
</div> </div>
</div> </div>
</footer> </footer>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script>
<script defer src="js/jquery-3.6.0.min.js"></script> <script defer src="js/jquery-3.6.0.min.js"></script>
<script defer src="js/index.js"></script> <script defer src="js/index.js"></script>
<script defer>
ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
center: [57.05, 44.2],
zoom: 8
}, {
searchControlProvider: 'yandex#search'
}),
myPlacemark = new ymaps.Placemark([57.40403358993901, 45.08951003314413], {
}, {
iconLayout: 'default#image',
iconImageHref: 'img/map_icon.png',
iconImageSize: [50, 70],
iconImageOffset: [-25, -65]
}),
myPlacemark2 = new ymaps.Placemark([56.529327, 43.560287], {
}, {
iconLayout: 'default#image',
iconImageHref: 'img/map_icon.png',
iconImageSize: [50, 70],
iconImageOffset: [-25, -65]
});
myMap.geoObjects
.add(myPlacemark)
.add(myPlacemark2);
});
</script>
</body> </body>
</html> </html>
\ No newline at end of file
img/add_file.svg 0 → 100644
View file @ e034eb28
<svg width="9" height="13" viewBox="0 0 9 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.86 3.12949C8.22 3.12949 8.46 3.42949 8.46 3.72949L8.4 11.5295C8.4 12.1895 7.86 12.7295 7.2 12.7295H1.2C0.54 12.7295 0 12.1895 0 11.5295L0.06 1.92949C0.06 1.26949 0.6 0.729492 1.26 0.729492H4.86C5.52 0.729492 6.06 1.26949 6.06 1.92949L6 9.12949C6 9.78949 5.46 10.3295 4.8 10.3295H3.6C2.94 10.3295 2.4 9.78949 2.4 9.12949L2.46 3.72949C2.46 3.36949 2.76 3.12949 3.06 3.12949C3.42 3.12949 3.66 3.42949 3.66 3.72949L3.6 8.46949C3.6 8.82949 3.84 9.06949 4.2 9.06949C4.56 9.06949 4.8 8.82949 4.8 8.46949L4.86 2.52949C4.86 2.16949 4.62 1.92949 4.26 1.92949H1.86C1.5 1.92949 1.26 2.16949 1.26 2.52949L1.2 10.8695C1.2 11.2295 1.44 11.4695 1.8 11.4695H6.6C6.96 11.4695 7.2 11.2295 7.2 10.8695L7.26 3.72949C7.26 3.42949 7.5 3.12949 7.86 3.12949Z" fill="#029745"/>
</svg>
img/career_icons.svg 0 → 100644
View file @ e034eb28
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 66" id="1">
<path d="M7.064 7.748C19.586-8.948 32.108 13.313 44.63 2.182 29.325 23.052 18.195.792 7.064 7.748zm13.915 40.348h4.173m-4.173 8.346h4.173m12.522-8.346h4.174m-4.174 8.346h4.174m12.522-8.346h4.173m-4.173 8.346h4.173" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.5 64.791V43.087l3.896-28.383h6.678l5.565 25.878 14.47-9.739v9.74l16.695-9.461v9.46L65.5 30.843v33.948h-64z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="2">
<path d="M4.282 26.885L18.195 13.25l5.844 5.844L41.847 1.285 65.5 24.937 41.012 49.424c-4.73-4.452.835-12.8.835-12.8L27.934 50.259 4.282 26.885zm19.756-7.791l17.809 17.53M1.5 31.895l33.391 33.39m5.844-15.862l-5.843-5.843" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 66" id="3">
<path d="M12.13 6.565H1V65h64V6.565H53.87" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M20.479 1H12.13v11.13h8.348V1zM53.87 1h-8.348v11.13h8.347V1zM20.479 6.565h25.043M1 20.479h64M26.043 53.87V31.607l-5.566 5.566m0 16.697h11.131m6.957 0l8.348-22.262H33v2.783m4.174 8.349h8.348" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 65" id="4">
<path d="M1.5 23.192v8.348c0 2.226.557 4.174 2.783 4.174v12.522h8.347V35.714c2.226 0 2.783-1.948 2.783-4.174v-8.348H1.5zm50.087 0v8.348c0 2.226.556 4.174 2.782 4.174v12.522h8.348V35.714c2.226 0 2.783-1.948 2.783-4.174v-8.348H51.587zm-27.825 0H43.24v13.913c0 3.061-2.504 5.566-5.565 5.566v16.695h-8.348V42.671c-3.06 0-5.565-2.505-5.565-5.566V23.192zm-11.132-9.74c0 2.226-1.948 4.174-4.174 4.174-2.226 0-4.174-1.948-4.174-4.174 0-2.226 1.948-4.174 4.174-4.174 2.226 0 4.174 1.948 4.174 4.174zm50.088 0c0 2.226-1.948 4.174-4.174 4.174-2.226 0-4.174-1.948-4.174-4.174 0-2.226 1.948-4.174 4.174-4.174 2.226 0 4.174 1.948 4.174 4.174zM40.456 10.67c0 3.895-3.06 6.956-6.957 6.956-3.895 0-6.956-3.06-6.956-6.957 0-3.895 3.06-6.956 6.956-6.956 3.896 0 6.957 3.06 6.957 6.956z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 65" id="5">
<path d="M59.935 43.633v6.957c0 5.287-4.452 9.739-9.74 9.739H7.066c-3.06 0-5.565-2.505-5.565-5.566V18.59c0-3.061 2.504-5.566 5.565-5.566h43.13c5.288 0 9.74 4.453 9.74 9.74v6.956" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M65.499 38.347c0 2.782-2.227 5.287-4.73 5.287H49.637c-2.783 0-4.73-2.226-4.73-5.287v-3.618c0-2.782 2.225-5.287 4.73-5.287h11.13c2.783 0 4.73 2.227 4.73 5.287v3.618z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M51.587 38.068a1.391 1.391 0 100-2.783 1.391 1.391 0 000 2.783zm-.277-25.044l-2.505-9.739-36.174 9.74M7.065 18.59h2.783m5.565 0h2.783m5.564 0h2.783m5.565 0h2.783m5.565 0h2.783m5.566 0h2.782M7.065 54.764h2.783m5.565 0h2.783m5.564 0h2.783m5.565 0h2.783m5.565 0h2.783m5.566 0h2.782" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 65" id="6">
<path d="M1.5 59.154h64m-64-22.26l27.826-11.13" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7.065 34.668v24.487" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M25.152 6.285L65.5 31.33" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M59.935 27.99v31.165m-8.348-36.453v-9.46h5.565v12.8" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M54.37 48.024H34.892v11.13H54.37v-11.13zm-9.74 0v11.13M39.066 32.72a4.174 4.174 0 100-8.348 4.174 4.174 0 000 8.348zM23.761 45.241h-11.13v13.913h11.13V45.241zM12.63 39.677h11.131" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M29.326 9.067v50.087" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="7">
<path d="M43.24 17.98H9.849v47.305h33.39V17.98z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.848 45.807H1.5V9.633c0-4.73 3.617-8.348 8.348-8.348 4.73 0 8.348 3.618 8.348 8.348s-3.618 8.348-8.348 8.348v-5.566h7.791" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M43.24 17.98c4.73 0 8.347-3.617 8.347-8.347 0-4.73-3.617-8.348-8.347-8.348H9.849m5.936 27.826h21.888m-21.888 11.13h21.888M15.785 51.372h21.888M65.5 61.111c0 2.226-1.949 4.174-4.175 4.174s-4.174-1.948-4.174-4.174V20.764c0-2.226 1.948-4.174 4.174-4.174 2.226 0 4.174 1.948 4.174 4.174V61.11zm-8.349-1.391H65.5m-8.349-19.479H65.5m-13.913 4.174V23.546c0-2.226 1.948-4.174 4.174-4.174h1.391" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="8">
<path d="M50.241 15.198a18.051 18.051 0 01-18.087 18.087 18.05 18.05 0 01-18.087-18.087V1.285h36.174v13.913z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M50.241 51.372a18.05 18.05 0 00-18.087-18.087 18.05 18.05 0 00-18.087 18.087v13.913h36.174V51.372zM8.5 1.285h47.304m-47.304 64h47.304" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14.067 54.154h9.74l8.347-8.347 8.348 8.347h9.74m-32.28-27.827h28.382" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
\ No newline at end of file
img/feedback_quote.svg 0 → 100644
View file @ e034eb28
<svg width="65" height="53" viewBox="0 0 65 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.6843 41.3561C34.98 42.4852 35.3967 43.5741 35.921 44.5823C36.2974 45.3082 36.7141 45.9803 37.198 46.6256L37.2115 46.639C39.9806 50.3357 44.3898 52.7285 49.3502 52.7285C57.7249 52.7285 64.5 45.9534 64.5 37.5787C64.5 29.2039 57.7249 22.4288 49.3502 22.4288C47.6295 22.4288 45.9761 22.7111 44.4302 23.2488C44.7259 22.1062 45.0888 21.0577 45.5459 20.1033C46.5272 18.0197 47.858 15.9764 49.5384 13.96C51.1649 12.0377 53.02 10.3708 55.1036 8.93244C56.3538 8.07211 57.6577 7.23867 59.002 6.44555C60.4807 5.57178 60.978 3.66293 60.0774 2.19768L60.0505 2.14391C59.217 0.786209 57.4695 0.302273 56.058 1.04161C50.2777 4.09309 45.2636 8.28719 40.9888 13.6374C36.0957 19.7403 33.6626 25.7223 33.6626 31.5698C33.6492 35.3203 33.918 38.5734 34.6843 41.3561Z" fill="#DADEE8"/>
<path d="M1.52214 41.1009C1.81788 42.2301 2.2346 43.319 2.75887 44.3272C3.13526 45.0531 3.55198 45.7252 4.03591 46.3705L4.04935 46.3839C6.81853 50.0806 11.2277 52.46 16.188 52.46C24.5494 52.46 31.3379 45.6849 31.3379 37.3101C31.3379 28.9488 24.5628 22.1603 16.188 22.1603C14.4674 22.1603 12.8139 22.4426 11.268 22.9803C11.5638 21.8377 11.9267 20.7891 12.3838 19.8347C13.3651 17.7511 14.6959 15.7078 16.3762 13.6914C18.0028 11.7691 19.8579 10.1022 21.9415 8.66389C23.1917 7.80356 24.4956 6.97012 25.8399 6.177C27.3185 5.30323 27.8159 3.39437 26.9153 1.92913L26.8884 1.87536C26.0549 0.517654 24.3074 0.0337181 22.8959 0.77306C17.1156 3.82454 12.1015 8.01864 7.82673 13.3688C2.93362 19.4718 0.5005 25.4537 0.5005 31.3013C0.487059 35.0518 0.742468 38.3049 1.52214 41.1009Z" fill="#DADEE8"/>
</svg>
img/vac_city.svg 0 → 100644
View file @ e034eb28
<svg width="19" height="25" viewBox="0 0 19 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.5 0.729492C4.1 0.729492 0 5.02949 0 10.7295C0 17.9295 8.8 24.3295 9.2 24.6295C9.3 24.7295 9.4 24.7295 9.5 24.7295C9.6 24.7295 9.7 24.7295 9.8 24.6295C10.2 24.3295 19 17.9295 19 10.7295C19 5.02949 14.9 0.729492 9.5 0.729492ZM9.5 15.7295C6.5 15.7295 4 13.2295 4 10.2295C4 7.22949 6.5 4.72949 9.5 4.72949C12.5 4.72949 15 7.22949 15 10.2295C15 13.2295 12.5 15.7295 9.5 15.7295Z" fill="#029745"/>
</svg>
img/way_icon.svg 0 → 100644
View file @ e034eb28
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="7.57129" y="0.285156" width="10" height="10" transform="rotate(45 7.57129 0.285156)" fill="#029745"/>
</svg>
img/way_icons.svg 0 → 100644
View file @ e034eb28
<svg width="0" height="0" class="hidden">
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="1">
<path d="M44.63 62.503l-9.738 2.782 2.782-9.739 20.87-20.87 6.956 6.957-20.87 20.87z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M52.978 40.241l6.957 6.957" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M37.674 55.546l6.956 6.956M27.935 59.72H7.065c-3.06 0-5.565-2.505-5.565-5.565V9.633h11.13" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M26.544 54.155H7.065V15.198h5.566M46.022 27.72V9.633h-11.13" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M29.326 6.85c0-2.226-1.39-5.565-5.565-5.565-4.174 0-5.565 3.34-5.565 5.565h-5.565v11.13h22.26V6.85h-5.564zm5.566 8.348h5.565V27.72m-25.044-1.39h13.913m-13.913 5.564h13.913m-13.913 5.565h13.913m-13.913 5.565h8.348" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="2">
<path d="M32.109 40.242V59.72c0 3.061-2.505 5.566-5.566 5.566H7.066c-3.06 0-5.565-2.505-5.565-5.566V17.981c0-3.06 2.504-5.565 5.565-5.565h8.348m-.001 11.13H1.5m30.609 30.608H1.5M12.63 17.98h2.784M65.5 22.155c0 2.226-1.948 4.174-4.174 4.174H46.022l-8.348 8.347V26.33h-9.74c-2.225 0-4.173-1.948-4.173-4.174V5.459c0-2.226 1.948-4.174 4.174-4.174h33.391c2.226 0 4.174 1.948 4.174 4.174v16.696z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M46.022 11.024c-.835 0-1.391.557-1.391 1.392 0 .835.556 1.391 1.391 1.391s1.392-.556 1.392-1.391-.557-1.392-1.392-1.392zm8.348 0c-.835 0-1.392.557-1.392 1.392 0 .835.557 1.391 1.392 1.391.835 0 1.391-.556 1.391-1.391s-.556-1.392-1.391-1.392zm-16.697 0c-.556 0-1.39.557-1.39 1.392 0 .835.834 1.391 1.39 1.391.835 0 1.392-.556 1.392-1.391s-.557-1.392-1.392-1.392z" fill="#029745"></path>
<path d="M18.196 59.72c0 .835-.557 1.392-1.392 1.392-.834 0-1.39-.557-1.39-1.392 0-.834.556-1.39 1.39-1.39.835 0 1.392.556 1.392 1.39z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 67" id="3">
<path d="M39.065 26.329h5.565v11.13l10.574-11.13H65.5V1.285H23.76v11.13" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
<path d="M55.761 13.807h-2.783v2.782h2.783v-2.782zm-8.348 0h-2.782v2.782h2.782v-2.782zm-8.348 0h-2.783v2.782h2.783v-2.782z" fill="#029745"></path>
<path d="M21.813 65.285h21.426V58.33c0-1.391-8.348-5.565-15.304-8.348v-5.565s2.504-.835 2.504-6.957c1.948 0 2.783-5.565 0-5.565 0-.556 1.948-3.617 1.113-6.956-1.391-5.566-15.026-5.566-16.417 0-5.844-1.113-1.113 6.121-1.113 6.956-2.783 0-2.783 5.565 0 5.565 0 6.122 2.782 6.957 2.782 6.957v5.565C9.848 52.764 1.5 56.938 1.5 58.33v6.956h20.313z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="4">
<path d="M46.014 37.46c1.669-3.618 2.226-7.792 2.226-11.13H17.63c0 3.338.557 7.512 2.227 11.13m22.817 5.564H23.195l2.783 22.261H39.89l2.783-22.26zm-36.174 0h52.87" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M32.934 20.763c5.38 0 9.74-4.36 9.74-9.739 0-5.378-4.36-9.739-9.74-9.739-5.378 0-9.739 4.36-9.739 9.74 0 5.378 4.36 9.738 9.74 9.738zm-1.39 5.567l-.835 11.13h4.452l-.835-11.13h-2.782z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 67" id="5">
<path d="M53.804 65.285H6.5v-64h30.609l16.695 16.696v47.304z" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M37.108 1.285v16.696h16.696m-22.26 11.13h11.13m-11.13 11.13h11.13m-11.13 11.131h11.13M25.978 23.546l-6.956 6.956-4.174-4.174m11.13 8.349l-6.956 6.956-4.174-4.174m11.13 8.348l-6.956 6.956-4.174-4.174" stroke="#029745" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
\ No newline at end of file
js/additional.js 0 → 100644
View file @ e034eb28
document.addEventListener('DOMContentLoaded', function(){
console.info('DOM loaded');
// Easy tabs
let tabBtns = document.querySelectorAll('.tab-btn'),
tabBlocks = document.querySelectorAll('.tab-block');
if(tabBtns.length > 0 && tabBlocks.length > 0){
let tabBlockArea, tabArea, tabBlock;
for(var i = 0; i < tabBtns.length; i++){
tabBtns[i].addEventListener('click', function(){
tabBlock = document.querySelector('.tab-block[data-tab="'+this.dataset.tab+'"]');
tabBlockArea = this.dataset.tabArea;
clearTabs(tabBtns, this);
clearTabs(tabBlocks, this);
this.classList.add('active');
tabBlock.classList.add('active');
});
}
function clearTabs(array, elem){
for(i = 0; i < array.length; i++){
let elemTabModal = elem.dataset.modal;
tabArea = array[i].dataset.tab;
if(elemTabModal){
if(tabArea > 1){
array[i].classList.remove('active');
}
} else {
array[i].classList.remove('active');
}
}
}
}
let cCheckboxesList = document.querySelector('.cascad-checkboxes__list')
if(cCheckboxesList){
cCheckboxesList.addEventListener('click', function(e){
if(e.target.classList.contains('cascad-checkboxes__trigger')){
if(e.target.classList.contains('active')){
let allSubTriggers = e.target.nextElementSibling.querySelectorAll('.cascad-checkboxes__trigger')
e.target.classList.remove('active')
allSubTriggers.forEach(trigger => { trigger.classList.remove('active') })
} else {
e.target.classList.add('active')
}
}
})
cCheckboxesList.addEventListener('change', function(e){
if(e.target.classList.contains('d-checkbox__input')){
console.log('d-checkbox__input')
let parentElement = e.target.closest('li');
if(parentElement.classList.contains('cascad-checkboxes__parent')){
let allSubCheckboxes = parentElement.querySelectorAll('.d-checkbox__input'),
checkboxStatus = e.target.checked;
allSubCheckboxes.forEach(checkbox => {
checkbox.checked = checkboxStatus;
});
}
}
})
}
})
\ No newline at end of file
js/index.js
View file @ e034eb28
...@@ -582,6 +582,29 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -582,6 +582,29 @@ document.addEventListener("DOMContentLoaded", function () {
let h = w * 1.42; let h = w * 1.42;
item.style.height = h + 'px'; item.style.height = h + 'px';
} }
//vac
let vacLocations = document.querySelectorAll('[data-loc]');
let vacCity = document.querySelectorAll('[data-city]');
let vacItems = document.querySelectorAll('.vac-all-item');
for (let item of vacLocations) {
item.addEventListener('click', () => {
if (!item.classList.contains('vac-location--selected')) {
for (let loc of vacLocations) {
loc.classList.remove('vac-location--selected')
}
item.classList.add('vac-location--selected')
for (let i = 0; i < vacCity.length; i++) {
vacItems[i].classList.remove('hidden');
if (vacCity[i].dataset.city !== item.dataset.loc) {
vacItems[i].classList.add('hidden');
}
if (item.dataset.loc == 'all') {
vacItems[i].classList.remove('hidden');
}
}
}
})
}
//techology-mob //techology-mob
......
otklik.html 0 → 100644
View file @ e034eb28
<!DOCTYPE html>
<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>Volga Главная</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&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/additional.css">
</head>
<body class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav"><a class="heading-other-nav__page" href="#">Главная</a><img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon"><a class="heading-other-nav__page heading-other-nav__page--current" href="#">Отклик на вакансию “Слесарь по ремонту и обслуживанию перегрузочных машин”</a></div>
<h1 class="heading-other__title">Отклик на вакансию “Слесарь по ремонту и обслуживанию перегрузочных машин”</h1>
</div>
</header>
</body>
<div class="inner-page">
<div class="inner-page__cnt">
<div class="d-container-920">
<section class="d-form">
<form class="d-form__container" action="" method="post">
<section class="d-form__block">
<header class="d-form__b-header">
<h4 class="d-form__b-title">Контактная информация</h4>
</header>
<div class="d-form__b-body d-form__b-body--x2 d-form__b-body--first-w-100">
<div class="d-form__input-wrapper d-form__input-wrapper--required d-form__input-wrapper--show-help">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Ваша фамилия</h6>
<input class="d-form__input-field" type="text" name="surname" placeholder="Фамилия">
</label>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required d-form__input-wrapper--show-help">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Ваше имя</h6>
<input class="d-form__input-field" type="text" name="name" placeholder="Имя">
</label>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Ваше отчество</h6>
<input class="d-form__input-field" type="text" name="patronymic" placeholder="Отчество">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Контактный телефон</h6>
<input class="d-form__input-field" type="tel" inputmode="tel" name="tel" placeholder="+7">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">E-mail</h6>
<input class="d-form__input-field" type="email" inputmode="email" name="email" placeholder="E-mail">
</label><span class="d-form__input-help-text">help text</span>
</div>
</div>
</section>
<section class="d-form__block">
<header class="d-form__b-header">
<h4 class="d-form__b-title">Текущее место работы</h4>
</header>
<div class="d-form__b-body d-form__b-body--x2">
<div class="d-form__input-wrapper">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Название организации</h6>
<input class="d-form__input-field" type="text" name="orgName" placeholder="Компания">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Должность</h6>
<input class="d-form__input-field" type="text" name="orgProf" placeholder="Должность">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper">
<input name="file" type="file" name="file" id="input__file" class="input input__file" multiple>
<label for="input__file" class="input__file-button">
<span class="input__file-button-text">
<img class="input__file-icon" src="img/add_file.svg" alt="Выбрать файл" width="9">
Прикрепить резюме</span>
</label>
</div>
</div>
</section>
<section class="d-form__block mrg-t-48">
<div class="form-ui-inner-checkbox form-ui-inner-checkbox--dark">
<label>
<input class="form-ui-inner-checkbox__input" type="checkbox" checked><span class="form-ui-inner-checkbox__text">Нажимая кнопку “Откликнуться”, даю согласие на обработку персональных данных</span>
</label>
</div>
</section>
<section class="d-form__block mrg-t-48">
<p><span>*</span> - поля, обязательные для заполнения</p>
</section>
<section class="d-form__block">
<button class="form-ui-inner-content__button d-btn d-btn--grey" type="button">Откликнуться</button>
</section>
</form>
</section>
</div>
</div>
</div>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/index.js"></script>
<script defer="" src="js/additional.js"></script>
\ No newline at end of file
registration.html 0 → 100644
View file @ e034eb28
<!DOCTYPE html>
<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>Volga Главная</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&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/additional.css">
</head>
<body class="body-subpage">
<div class="menu-hidden" style="background-image: url('img/menu_mask.svg');">
<div class="menu-hidden-main">
<div class="menu-hidden-mob">
<span class="menu-hidden-mob__title">Меню</span>
<img class="menu-hidden-mob__close" src="img/close_mob.svg" alt="close button">
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Компания
</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">История предприятия</a>
<a class="menu-hidden-main-block__subtitle">Руководство</a>
<a class="menu-hidden-main-block__subtitle">Производство</a>
<a class="menu-hidden-main-block__subtitle">Стратегия развития</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная политика</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Продукция</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Газетная бумага</a>
<a class="menu-hidden-main-block__subtitle">Бумага для гофрирования</a>
<a class="menu-hidden-main-block__subtitle">Пухлая бумага для печатных книг</a>
<a class="menu-hidden-main-block__subtitle">Упаковочная бумага</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Раскрытие информации</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Положения и сведения об обществе</a>
<a class="menu-hidden-main-block__subtitle">Годовой отчет</a>
<a class="menu-hidden-main-block__subtitle">Акционерам</a>
<a class="menu-hidden-main-block__subtitle">Производство, передача и сбыт тепловой энергии, воды</a>
<a class="menu-hidden-main-block__subtitle">Специальная оценка условий труда</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Устойчивое развитие</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Безопасность и охрана</a>
<a class="menu-hidden-main-block__subtitle">Экология</a>
<a class="menu-hidden-main-block__subtitle">Ответственное лесопользование</a>
<a class="menu-hidden-main-block__subtitle">Социальная политика</a>
<a class="menu-hidden-main-block__subtitle">Рейтинг и оценка</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Карьера</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Вакансии</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Закупки</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Лесосырьевое обеспечение</a>
<a class="menu-hidden-main-block__subtitle">Обращение к поставщикам и подрядчикам</a>
<a class="menu-hidden-main-block__subtitle">Закупочные процедуры</a>
<a class="menu-hidden-main-block__subtitle">Реализация невостребованного имущества и товаров</a>
<a class="menu-hidden-main-block__subtitle">Регистрация поставщиков</a>
<a class="menu-hidden-main-block__subtitle">Контакты по закупкам</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Пресс-центр</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Новости</a>
<a class="menu-hidden-main-block__subtitle">Фотогалерея</a>
<a class="menu-hidden-main-block__subtitle">Видеогалерея</a>
<a class="menu-hidden-main-block__subtitle">Корпоративная газета «Балахнинский бумажник»</a>
</div>
</div>
<div class="menu-hidden-main-block">
<a class="menu-hidden-main-block__title">
<img class="menu-hidden-main-block__more" src="img/+.svg" alt="more">
<img class="menu-hidden-main-block__less hidden" src="img/-.svg" alt="less">
Контакты</a>
<div class="menu-hidden-main-block__wrapper">
<a class="menu-hidden-main-block__subtitle">Московский филиал</a>
<a class="menu-hidden-main-block__subtitle">Нижегородский филиал</a>
</div>
</div>
</div>
<div class="menu-hidden-form" style="background-image: url('img/menu_mask.svg');">
<img class="menu-hidden-form__close" src="img/close.svg" alt="close button">
<form action="" class="form-ui">
<div class="form-ui-inner">
<div class="form-ui-inner-heading">
<span class="form-ui-inner-heading__title">Обратная связь</span>
</div>
<div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя">
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон">
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail">
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<div class="form-ui-inner-checkbox">
<input class="form-ui-inner-checkbox__input" type="checkbox" id="checkbox2" checked>
<label for="checkbox2" class="form-ui-inner-checkbox__text">Согласен на обработку персональных данных</label>
</div>
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ" style="background-image: url('img/form_button.png');">
</div>
</div>
</form>
<a class="menu-hidden-form__button" href="#" style="background-image: url('img/form_button.png');">ОБРАТНАЯ СВЯЗЬ</a>
<div class="menu-hidden-form-contact">
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/mail.svg" alt="mail icon">
<a class="menu-hidden-form-contact-item__link" href="mailto:info@volga-paper.ru">info@volga-paper.ru</a>
</div>
<div class="menu-hidden-form-contact-item">
<img class="menu-hidden-form-contact-item__icon" src="img/phone.svg" alt="phone icon">
<a class="menu-hidden-form-contact-item__link" href="tel:+78314493316">+7 (83144) 9-33-16</a>
</div>
</div>
<div class="menu-hidden-form-social">
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="menu-hidden-form-social__link">
<svg class="menu-hidden-form-social__social" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
</div>
</div>
<header class="header header-subpage" style="background-image: url('img/header.jpg');">
<nav class="navbar">
<a class="navbar-logo" href="#">
<img class="navbar-logo__icon" src="img/logo.svg" alt="logo: volga">
<img class="navbar-logo__scroll hidden" src="img/logo_scroll.svg" alt="logo: volga">
</a>
<a class="navbar-burger" href="#">
<svg width="20" height="13" class="navbar-burger__icon">
<use xlink:href="img/burger.svg#burger"></use>
</svg>
<span class="navbar-burger__title">Меню</span>
</a>
<ul class="menu">
<li class="menu-item" data-menu-id='1'>
<a class="menu-item__link" href="#">Компания</a>
<div class="submenu" data-submenu-id='1'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>История предприятия</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Руководство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Стратегия развития</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная политика</a>
</div>
</li>
<li class="menu-item" data-menu-id='2'>
<a class="menu-item__link" href="#">Продукция</a>
<div class="submenu" data-submenu-id='2'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Газетная бумага</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Бумага для перфорирования</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Пухлая бумага для печатных книг</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Упаковочная бумага</a>
</div>
</li>
<li class="menu-item" data-menu-id='3'>
<a class="menu-item__link" href="#">Раскрытие информации</a>
<div class="submenu" data-submenu-id='3'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Положение и сведения об обществе
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Годовой отчёт
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Акционерам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Производство, передача и сбыт тепловой энергии, воды
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Специальная оценка условий труда
</a>
</div>
</li>
<li class="menu-item" data-menu-id='4'>
<a class="menu-item__link" href="#">Устойчивое развитие</a>
<div class="submenu" data-submenu-id='4'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Безопасность и охрана
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Экология
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Ответственное леспользование
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Социальная политика
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Рейтинг и оценка
</a>
</div>
</li>
<li class="menu-item" data-menu-id='5'>
<a class="menu-item__link" href="#">Карьера</a>
<div class="submenu" data-submenu-id='5'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Вакансии
</a>
</div>
</li>
<li class="menu-item" data-menu-id='6'>
<a class="menu-item__link" href="#">Закупки</a>
<div class="submenu" data-submenu-id='6'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Лесосырьевое обеспечение
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Обращение к поставщикам и подрядчикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Закупочные процедуры
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Реализация невостребованного имущества и товаров
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Регистрация поставщиков
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Контакты по закупкам
</a>
</div>
</li>
<li class="menu-item" data-menu-id='7'>
<a class="menu-item__link" href="#">Пресс-центр</a>
<div class="submenu" data-submenu-id='7'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Новости
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Фотогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Видеогалерея
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Корпоративная газета «Балахнинский бумажник»
</a>
</div>
</li>
<li class="menu-item" data-menu-id='8'>
<a class="menu-item__link" href="#">Контакты</a>
<div class="submenu" data-submenu-id='8'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Московский офис
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Нижегородский офис
</a>
</div>
</li>
</ul>
<ul class="second-menu">
<li class="second-menu-item">
<a class="second-menu-item__link search-link" href="#">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
</a>
</li>
<li class="second-menu-item" data-menu-id='9'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__login">
<svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='9'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Поставщикам
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>Покупателям
</a>
</div>
</li>
<li class="second-menu-item" data-menu-id='10'>
<a class="second-menu-item__link" href="#">
<div class="second-menu-item__link__lang">
<span>EN</span>
<svg class="second-menu-item__link__icon" width="8" height="6" viewBox="0 0 8 6">
<use xlink:href="img/second_menu.svg#down"></use>
</svg>
</div>
</a>
<div class="submenu second-submenu" data-submenu-id='10'>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>RU
</a>
<a class="submenu-item">
<svg class="submenu-item__icon">
<use xlink:href="img/points_style.svg#points_style"></use>
</svg>EN
</a>
</div>
</li>
</ul>
</nav>
<div class="search">
<a class="search-close" href="#">
Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a>
<input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ" style="background-image: url(img/button_mask.svg);">
</div>
<div class="separator"></div>
<ul class="second-mob">
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login">
<svg class="second-mob-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span>
</div>
</a>
</li>
</ul>
<div class="heading-other">
<div class="heading-other-nav"><a class="heading-other-nav__page" href="#">Главная</a><img class="heading-other-nav__icon" src="img/heading_nav.svg" alt="nav icon"><a class="heading-other-nav__page heading-other-nav__page--current" href="#">Регистрация</a></div>
<h1 class="heading-other__title">Регистрация</h1>
</div>
</header>
</body>
<div class="inner-page">
<div class="inner-page__cnt">
<div class="d-container-920">
<section class="text-block">
<div class="text-block__1">
<h2 class="text-block__title">Возможности личного кабинета </h2>
</div>
<div class="text-block__2 mrg-t-48">
<ul class="d-list">
<li>Получение почтовых рассылок с запросами цен и условий поставки необходимых АО «Волга» материалов и оборудования.</li>
<li>Участие в тендерах компании.</li>
<li>Доступ к закрытой информации.</li>
</ul>
</div>
</section><a class="download-link mrg-t-48" href="../test.txt" download>
<h6 class="download-link__title">Инструкция по регистрации на сайте АО «Волга» www.volga-paper.ru</h6><span class="download-link__info">Doc, 154 Kb</span></a>
<section class="d-form mrg-t-80">
<form class="d-form__container" action="" method="post">
<section class="d-form__block">
<header class="d-form__b-header">
<h4 class="d-form__b-title">Личные данные </h4>
</header>
<div class="d-form__b-body d-form__b-body--x2 d-form__b-body--first-w-100">
<div class="d-form__input-wrapper d-form__input-wrapper--required d-form__input-wrapper--show-help">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Логин</h6>
<input class="d-form__input-field" type="text" name="login" placeholder="Логин">
</label><span class="d-form__input-help-text">Минимум 3 символа</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required d-form__input-wrapper--show-help">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Пароль</h6>
<input class="d-form__input-field" type="password" name="password" placeholder="Пароль">
</label><span class="d-form__input-help-text">Минимум 6 символов и цифр</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Подтвердите пароль</h6>
<input class="d-form__input-field" type="password" name="repeatPassword" placeholder="Пароль">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">E-mail </h6>
<input class="d-form__input-field" type="email" inputmode="email" name="email" placeholder="E-mail">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Телефон</h6>
<input class="d-form__input-field" type="tel" inputmode="tel" name="tel" placeholder="+7">
</label><span class="d-form__input-help-text">help text</span>
</div>
</div>
</section>
<section class="d-form__block">
<header class="d-form__b-header">
<h4 class="d-form__b-title">Данные предприятия </h4>
</header>
<div class="d-form__b-body d-form__b-body--x2">
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Название организации</h6>
<input class="d-form__input-field" type="text" name="orgName" placeholder="Компания">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Город</h6>
<input class="d-form__input-field" type="text" name="orgCity" placeholder="Город">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">ИНН</h6>
<input class="d-form__input-field" type="text" inputmode="numeric" name="orgInn" placeholder="ИНН">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper d-form__input-wrapper--required">
<label class="d-form__input-label">
<h6 class="d-form__input-title">КПП </h6>
<input class="d-form__input-field" type="text" inputmode="numeric" name="orgKpp" placeholder="КПП">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Код ОКПО</h6>
<input class="d-form__input-field" type="text" inputmode="numeric" name="orgOkpo" placeholder="ОКПО">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Код ОКОПФ</h6>
<input class="d-form__input-field" type="text" inputmode="numeric" name="orgOkopf" placeholder="ОКОПФ">
</label><span class="d-form__input-help-text">help text</span>
</div>
<div class="d-form__input-wrapper">
<label class="d-form__input-label">
<h6 class="d-form__input-title">Код ОКТМО</h6>
<input class="d-form__input-field" type="text" inputmode="numeric" name="orgOktmo" placeholder="ОКТМО">
</label><span class="d-form__input-help-text">help text</span>
</div>
</div>
</section>
<section class="d-form__block mrg-t-48">
<div class="form-ui-inner-checkbox form-ui-inner-checkbox--dark">
<label>
<input class="form-ui-inner-checkbox__input" type="checkbox" checked><span class="form-ui-inner-checkbox__text">Организация является субъектом малого или среднего предпринимательства</span>
</label>
</div>
</section>
<section class="d-form__block mrg-t-48">
<p><span>*</span> - поля, обязательные для заполнения</p>
</section>
<section class="d-form__block">
<button class="form-ui-inner-content__button d-btn d-btn--grey" type="button">Зарегистрироваться</button>
</section>
</form>
</section>
</div>
</div>
</div>
<footer class="footer" style="background-image: url('img/footer.jpg');">
<nav class="footer-navbar">
<a class="footer-navbar-logo" href="#">
<img src="img/logo.svg" alt="logo: volga">
</a>
<ul class="footer-menu">
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Компания</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Продукция</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Пресс-центр</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Устойчивое развитие</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Поставщикам</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Раскрытие информации</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Карьера</a></li>
<li class="footer-menu-item"><a class="footer-menu-item__link" href="#">Контакты</a></li>
</ul>
</nav>
<div class="footer-info">
<div class="footer-info-social">
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="13">
<use xlink:href="img/social.svg#vk"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="17" height="17">
<use xlink:href="img/social.svg#fb"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="20" height="18">
<use xlink:href="img/social.svg#yt"></use>
</svg>
</a>
<a href="#" class="footer-info-social__link">
<svg class="footer-info-social__icon" width="19" height="19">
<use xlink:href="img/social.svg#inst"></use>
</svg>
</a>
</div>
<span class="footer-info__copy">© 2021 АО «Волга»</span>
<div class="footer-info-dev">
<span class="footer-info-dev__text">Разработка сайта</span>
<img src="img/logo_r52.svg" alt="logo r52">
</div>
</div>
</footer>
<script defer src="js/index.js"></script>
<script defer src="js/menu.js"></script>
<script defer src="js/tabs.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script>
<script defer src="js/map_icon.js"></script>
<script defer="" src="js/additional.js"></script>
\ No newline at end of file
styles/additional.css 0 → 100644
View file @ e034eb28
:root {
--ff: "Manrope", sans-serif;
--container-width: 100%;
--container-margin: 0 auto;
--container-horizontal-padding: 15px;
--ctn-w-sm: 576px;
--ctn-w-md: 768px;
--ctn-w-lg: 992px;
--ctn-w-xl: 1200px;
}
@media (min-width: 576px) {
:root {
--container-width: var(--ctn-w-sm);
}
}
@media (min-width: 768px) {
:root {
--container-width: var(--ctn-w-md);
}
}
@media (min-width: 992px) {
:root {
--container-width: var(--ctn-w-lg);
}
}
@media (min-width: 1200px) {
:root {
--container-width: var(--ctn-w-xl);
}
}
.d-container-440 {
margin: var(--container-margin);
padding: 0 var(--container-horizontal-padding);
max-width: 440px !important;
}
.d-container-920 {
margin: var(--container-margin);
padding: 0 var(--container-horizontal-padding);
max-width: 920px !important;
}
.mrg-t-48 {
margin-top: 45px !important;
}
.mrg-t-80 {
margin-top: 45px !important;
}
.d-container {
box-sizing: border-box;
width: var(--container-width);
margin: var(--container-margin);
padding: 0 var(--container-horizontal-padding);
}
.txt-center {
text-align: center !important;
}
.inner-page {
position: relative;
padding: 45px 0;
overflow: hidden;
}
@media (min-width: 576px) {
.inner-page {
padding: 80px 0;
}
}
.inner-page:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 300px;
height: 300px;
background: url("../img/decor-1.svg") right top/contain no-repeat;
}
@media (min-width: 576px) {
.inner-page:before {
width: 400px;
height: 400px;
}
}
@media (min-width: 768px) {
.inner-page:before {
width: 500px;
height: 500px;
}
}
@media (min-width: 992px) {
.inner-page:before {
width: 600px;
height: 600px;
}
}
@media (min-width: 1200px) {
.inner-page:before {
width: 690px;
height: 715px;
background-position: left bottom;
background-size: auto;
}
}
.inner-page__cnt {
position: relative;
}
.d-btn {
padding: 0 25px;
min-width: 254px;
width: auto;
text-transform: uppercase;
}
@media (min-width: 576px) {
.d-btn {
padding: 0 50px;
}
}
.d-btn--grey {
background-image: url("../img/btn-decor.svg");
background-color: #dadee8;
color: #fff;
}
.d-link {
font: 700 16px/140% var(--ff);
color: #029745;
transition: color 0.3s;
}
.d-link:hover {
color: #02ba55;
}
.d-list {
list-style: none;
font: 300 18px/130% var(--ff);
}
.d-list li {
position: relative;
padding-left: 36px;
}
.d-list li:before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 16px;
background: url(../img/rhomb.svg) center/contain no-repeat;
}
.d-list li + li {
margin-top: 30px;
}
.form-ui-inner-checkbox--dark label {
cursor: pointer;
}
.form-ui-inner-checkbox--dark .form-ui-inner-checkbox__text {
display: flex;
align-items: center;
font-size: 12px;
color: #16291f;
user-select: none;
}
.form-ui-inner-checkbox--dark .form-ui-inner-checkbox__text:before {
background: #029745;
vertical-align: inherit;
transition: background-color 0.3s;
}
.form-ui-inner-checkbox--dark input:checked + .form-ui-inner-checkbox__text:before {
background: #029745 url("../img/jackdaw-1.svg") center/9px no-repeat;
}
.tabs-nav {
margin-bottom: 80px;
}
.tabs-nav__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
}
.tabs-nav .tab-btn {
padding: 24px 56px;
border: 1px solid #e6e9f0;
min-width: 200px;
border-radius: inherit;
background-color: transparent;
font-weight: 700;
font-size: 15px;
color: #8e9a93;
text-transform: uppercase;
cursor: pointer;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.tabs-nav .tab-btn:hover {
border-color: #029745;
}
.tabs-nav .tab-btn.active {
border-color: #029745;
background-color: #029745;
color: #fff;
cursor: default;
}
.tabs-wrapper .tab-block {
display: none;
}
.tabs-wrapper .tab-block.active {
display: block;
}
.d-form__block + .d-form__block {
margin-top: 45px;
}
@media (min-width: 576px) {
.d-form__block + .d-form__block {
margin-top: 80px;
}
}
.d-form__block--center {
display: flex;
justify-content: center;
}
.d-form__block--divider {
display: flex;
justify-content: center;
position: relative;
}
.d-form__block--divider:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 2px;
background-color: #029745;
}
.d-form__block--divider span {
display: block;
position: relative;
padding: 0 15px;
background-color: #f6f8fa;
font: 700 18px/130% var(--ff);
}
.d-form__b-title {
margin: 0;
font: 800 24px/110% var(--ff);
letter-spacing: 0.02em;
}
@media (min-width: 576px) {
.d-form__b-title {
font-size: 36px;
}
}
@media (min-width: 576px) {
.d-form__b-body--x2 {
--indent-1: 20px;
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--indent-1) * -1);
}
}
.d-form__b-body--x2 .d-form__input-wrapper {
box-sizing: border-box;
}
@media (min-width: 576px) {
.d-form__b-body--x2 .d-form__input-wrapper {
padding: 0 var(--indent-1);
width: calc(100% / 2);
}
}
@media (min-width: 576px) {
.d-form__b-body--first-w-100.d-form__b-body--x2 .d-form__input-wrapper:first-child {
width: 100%;
}
}
@media (min-width: 576px) {
.d-form__b-body--first-w-100.d-form__b-body--x2 .d-form__input-wrapper:first-child .d-form__input-field {
width: calc(100% / 2 - var(--indent-1));
}
}
.d-form__input-wrapper {
margin-top: 24px;
}
@media (min-width: 576px) {
.d-form__input-wrapper {
margin-top: 48px;
}
}
.d-form__input-wrapper--required .d-form__input-title {
position: relative;
}
.d-form__input-wrapper--required .d-form__input-title:after {
content: "*";
margin-left: 2px;
color: #029745;
}
.d-form__input-wrapper--show-help .d-form__input-help-text {
display: block;
}
.d-form__input-label {
display: block;
}
.d-form__input-title {
margin-bottom: 15px;
font: 700 14px/160% var(--ff);
}
@media (min-width: 576px) {
.d-form__input-title {
margin-bottom: 26px;
}
}
.d-form__input-field {
padding: 0 0 8px 0;
border: inherit;
border-bottom: 1px solid #93969e;
width: 100%;
background-color: transparent;
font: 700 14px/130% var(--ff);
transition: border-color 0.3s;
}
@media (min-width: 576px) {
.d-form__input-field {
padding: 0 0 16px 0;
font-size: 16px;
}
}
.d-form__input-field:focus {
outline: none;
border-color: #029745;
}
.d-form__input-field::placeholder {
font: 400 14px/130% var(--ff);
color: #93969e;
}
@media (min-width: 576px) {
.d-form__input-field::placeholder {
font-size: 16px;
}
}
.d-form__input-help-text {
display: none;
margin-top: 8px;
font: 300 13px/130% var(--ff);
color: #93969e;
}
.d-search {
position: relative;
}
.d-search__field {
box-sizing: border-box;
padding-right: 35px;
}
.d-search__btn {
position: absolute;
top: 0;
right: 0;
border: inherit;
padding: 0;
width: 24px;
height: 24px;
background: url(../img/magnifier.svg) center/contain no-repeat;
cursor: pointer;
}
.d-checkbox__input {
display: none;
}
.d-checkbox__input:checked + .d-checkbox__element:before {
background-color: #029745;
}
.d-checkbox__input:checked + .d-checkbox__element:after {
opacity: 1;
}
.d-checkbox__element {
position: relative;
margin-left: 30px;
cursor: pointer;
user-select: none;
}
.d-checkbox__element:before, .d-checkbox__element:after {
content: "";
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
}
.d-checkbox__element:before {
border: 1px solid #029745;
background-color: #fff;
transition: background-color 0.3s;
}
.d-checkbox__element:after {
background: url(../img/jackdaw-1.svg) center/9px no-repeat;
opacity: 0;
transition: opacity 0.3s;
}
.cascad-checkboxes {
margin-top: 45px;
}
@media (min-width: 576px) {
.cascad-checkboxes {
margin-top: 80px;
}
}
.cascad-checkboxes ul {
list-style: none;
}
.cascad-checkboxes ul li + li {
margin-top: 20px;
}
.cascad-checkboxes > ul {
font: 700 22px/130% var(--ff);
}
.cascad-checkboxes > ul ul {
padding: 15px 0 0 15px;
}
@media (min-width: 576px) {
.cascad-checkboxes > ul ul {
padding-left: 50px;
}
}
.cascad-checkboxes > ul ul li + li {
margin-top: 15px;
}
.cascad-checkboxes > ul ul {
font-size: 18px;
}
@media (max-width: 575px) {
.cascad-checkboxes > ul ul {
line-height: 145%;
}
}
.cascad-checkboxes > ul ul .cascad-checkboxes__trigger:after {
top: 7px;
}
.cascad-checkboxes > ul ul ul {
font-size: 16px;
}
.cascad-checkboxes > ul ul ul li + li {
margin-top: 8px;
}
.cascad-checkboxes > ul ul ul .cascad-checkboxes__trigger:after {
top: 5px;
}
.cascad-checkboxes > ul ul ul ul {
font-size: 14px;
}
.cascad-checkboxes > ul ul ul ul li + li {
margin-top: 5px;
}
@media (max-width: 575px) {
.cascad-checkboxes > ul ul ul ul li + li {
margin-top: 8px;
}
}
.cascad-checkboxes > ul ul ul ul .cascad-checkboxes__trigger:after {
top: 4px;
}
.cascad-checkboxes__parent ul {
display: none;
}
.cascad-checkboxes__parent .cascad-checkboxes__trigger {
position: relative;
margin-right: 40px;
border-bottom: 1px dashed #029745;
color: #029745;
cursor: pointer;
user-select: none;
transition: color 0.3s;
}
.cascad-checkboxes__parent .cascad-checkboxes__trigger:hover {
color: #02ba55;
}
@media (min-width: 576px) {
.cascad-checkboxes__parent .cascad-checkboxes__trigger:after {
content: "";
position: absolute;
right: -40px;
top: 10px;
width: 16px;
height: 16px;
background: url(../img/arr-dwn.svg) center/16px no-repeat;
transition: transform 0.3s;
transform: rotate(-90deg);
}
}
.cascad-checkboxes__parent .cascad-checkboxes__trigger.active:after {
transform: rotate(0);
}
.cascad-checkboxes__parent .cascad-checkboxes__trigger.active + .cascad-checkboxes__list {
display: block;
}
@media (max-width: 575px) {
.cascad-checkboxes li:not(.cascad-checkboxes__parent) .d-checkbox,
.cascad-checkboxes li:not(.cascad-checkboxes__parent) .d-checkbox__element {
display: block;
}
}
.text-block__title {
font: 800 36px/110% var(--ff);
letter-spacing: 0.02em;
}
.text-block__2 p {
font: 300 18px/130% var(--ff);
}
.block-1 {
display: flex;
padding-top: 45px;
border-top: 2px solid #e6e9f0;
}
@media (max-width: 575px) {
.block-1 {
flex-direction: column;
align-items: center;
}
}
@media (min-width: 576px) {
.block-1 {
justify-content: space-between;
padding-top: 48px;
}
}
@media (max-width: 575px) {
.block-1 svg {
margin: 15px 0;
}
}
.download-link {
display: block;
padding: 25px;
background-color: #fff;
transition: background-color 0.3s;
}
@media (min-width: 576px) {
.download-link {
padding: 40px 64px;
}
}
.download-link:hover {
background-color: #edfff5;
}
.download-link__title {
margin: 0 0 15px;
font: 800 16px/130% var(--ff);
letter-spacing: 0em;
color: #16291f;
}
@media (min-width: 576px) {
.download-link__title {
font-size: 20px;
}
}
.download-link__info {
display: block;
padding-left: 28px;
font: 16px/130% var(--ff);
color: #93969e;
background: url(../img/download.svg) left center/contain no-repeat;
}
\ No newline at end of file
styles/style.css
View file @ e034eb28
...@@ -1203,6 +1203,10 @@ body { ...@@ -1203,6 +1203,10 @@ body {
box-sizing: border-box; box-sizing: border-box;
padding: 85px 160px 85px 0; padding: 85px 160px 85px 0;
margin-left: 140px; margin-left: 140px;
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
} }
.company__title { .company__title {
...@@ -1215,7 +1219,8 @@ body { ...@@ -1215,7 +1219,8 @@ body {
margin-bottom: 56px; margin-bottom: 56px;
} }
.company__descr { .company__descr,
.company p {
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
line-height: 130%; line-height: 130%;
...@@ -1440,7 +1445,8 @@ body { ...@@ -1440,7 +1445,8 @@ body {
max-width: 280px; max-width: 280px;
} }
.company-top-item__image { .company-top-item__image,
.company-top-item > img {
width: 90px; width: 90px;
} }
...@@ -1814,6 +1820,10 @@ body { ...@@ -1814,6 +1820,10 @@ body {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
width: calc(100% - 960px); width: calc(100% - 960px);
font-weight: 300;
font-size: 20px;
line-height: 160%;
color: #16291f;
} }
.ecology-text__title { .ecology-text__title {
...@@ -1827,7 +1837,8 @@ body { ...@@ -1827,7 +1837,8 @@ body {
max-width: 360px; max-width: 360px;
} }
.ecology-text__descr { .ecology-text__descr,
.ecology-text p {
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 20px;
line-height: 160%; line-height: 160%;
...@@ -3446,6 +3457,16 @@ body { ...@@ -3446,6 +3457,16 @@ body {
margin-bottom: 48px; margin-bottom: 48px;
} }
.corp-content-wrapper__subtitle {
font-weight: 800;
font-size: 24px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
padding-left: 40px;
margin-bottom: 32px;
}
.corp-content-wrapper__text { .corp-content-wrapper__text {
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
...@@ -3502,6 +3523,356 @@ body { ...@@ -3502,6 +3523,356 @@ body {
margin-bottom: 0; margin-bottom: 0;
} }
.corp-content-wrapper-facts {
max-width: 620px;
margin-left: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 72px;
}
.corp-content-wrapper-facts-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.corp-content-wrapper-facts-item > span:first-child {
font-weight: 800;
font-size: 40px;
line-height: 110%;
color: #029745;
margin-bottom: 8px;
}
.corp-content-wrapper-facts-item > span {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
}
.corp-content-wrapper-programs {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.corp-content-wrapper-programs-item {
width: 22.5%;
min-height: 367px;
background-color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 130%;
color: #16291f;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 200px 39px 0;
position: relative;
margin-right: 40px;
}
.corp-content-wrapper-programs-item img {
-webkit-clip-path: polygon(0% 25%, 25% 0%, 100% 0%, 100% 75%, 75% 100%);
clip-path: polygon(0% 25%, 25% 0%, 100% 0%, 100% 75%, 75% 100%);
height: 196px;
width: 196px;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
}
.corp-content-wrapper-programs-item:last-of-type {
margin-right: 0;
}
.corp-content-wrapper-map {
width: 100%;
height: 400px;
margin-bottom: 32px;
}
.corp-content-wrapper-stud {
margin-top: 48px;
}
.corp-content-wrapper-stud-facts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.corp-content-wrapper-stud-facts-big {
width: calc(66.7% - 10px) !important;
}
.corp-content-wrapper-stud-facts > div {
background-color: #fff;
min-height: 201px;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 98px 40px 51px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: calc(33.3% - 20px);
margin-bottom: 30px;
}
.corp-content-wrapper-stud-facts > div > svg {
position: absolute;
height: 64px;
width: 64px;
top: 24px;
right: 33px;
}
.corp-content-wrapper-stud-facts > div > span {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
}
.corp-content-wrapper-stud-facts > div > span:first-of-type {
font-weight: bold;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 8px;
}
.corp-content-wrapper-stud-facts > div:nth-last-of-type(1),
.corp-content-wrapper-stud-facts > div:nth-last-of-type(2) {
margin-bottom: 0;
}
.corp-content-wrapper-way {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.corp-content-wrapper-way .line {
position: absolute;
width: 80%;
border-bottom: 2px dashed #029745;
top: 87px;
}
.corp-content-wrapper-way > div {
position: relative;
font-weight: bold;
font-size: 18px;
line-height: 130%;
color: #16291f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(20% - 40px);
margin-right: 40px;
}
.corp-content-wrapper-way > div > svg {
height: 64px;
width: 64px;
margin-bottom: 16px;
}
.corp-content-wrapper-way > div > img {
margin-bottom: 16px;
height: 15px;
width: 15px;
}
.corp-content-wrapper-otklik {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 270px;
width: 100%;
}
.corp-content-wrapper-otklik a {
margin-left: 46px;
display: block;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #ffffff;
padding: 21px 52px 21px 55px;
background-color: #029745;
background-repeat: no-repeat;
text-decoration: none;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.corp-content-wrapper-otklik a:hover {
background-color: #28be4a;
}
.corp-content-wrapper-otklik a:active {
background-color: #07803d;
}
.corp-content-wrapper-feedback {
background-color: #fff;
padding: 40px 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 32px;
}
.corp-content-wrapper-feedback > div:first-of-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 200px;
margin-right: 80px;
margin-top: 0;
}
.corp-content-wrapper-feedback > div:first-of-type > img {
height: 200px;
width: 200px;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 24px;
}
.corp-content-wrapper-feedback > div:first-of-type > span {
font-weight: normal;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.02em;
color: #93969e;
}
.corp-content-wrapper-feedback > div:first-of-type > span:first-of-type {
font-weight: 800;
font-size: 18px;
line-height: 130%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 8px;
}
.corp-content-wrapper-feedback > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px;
}
.corp-content-wrapper-feedback > div > img {
height: 52px;
width: 64px;
margin-bottom: 48px;
}
.corp-content-wrapper-feedback > div > p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
}
.corp-content-wrapper-feedback:last-of-type {
margin-bottom: 0;
}
.corp-content-wrapper-links {
margin-left: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 800px;
margin-bottom: -16px;
}
.corp-content-wrapper-links > a {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #029745;
padding-bottom: 3px;
border-bottom: 1px dashed #029745;
margin-right: 30px;
margin-bottom: 16px;
}
.corp-content-wrapper-prog {
margin-top: 48px;
max-width: 800px;
}
.corp-content-wrapper-prog b {
font-weight: bold;
line-height: 130%;
color: #16291f;
}
.corp-content-wrapper-prog > div:nth-last-child(1) {
height: 1px;
margin-left: 40px;
background-color: #c7c9cf;
margin-top: 48px;
}
.corp-content-wrapper:last-child { .corp-content-wrapper:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -3544,6 +3915,31 @@ body { ...@@ -3544,6 +3915,31 @@ body {
margin-bottom: 0; margin-bottom: 0;
} }
.vac-location {
width: 100%;
max-width: 1160px;
padding-left: 40px;
margin-bottom: 64px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vac-location--selected {
color: #029745 !important;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.vac-location > span {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #93969e;
margin-right: 48px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.vac-all { .vac-all {
background-color: #fff; background-color: #fff;
} }
...@@ -3589,6 +3985,10 @@ body { ...@@ -3589,6 +3985,10 @@ body {
display: flex; display: flex;
} }
.vac-subheading {
margin-top: 48px;
}
.vac__link { .vac__link {
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
...@@ -3638,6 +4038,23 @@ body { ...@@ -3638,6 +4038,23 @@ body {
min-width: 125px; min-width: 125px;
} }
.vac__city {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 20px;
line-height: 130%;
color: #029745;
}
.vac__city > img {
margin-right: 16px;
}
.vac__icon { .vac__icon {
margin-right: 32px; margin-right: 32px;
stroke: #c7c9cf; stroke: #c7c9cf;
...@@ -3714,6 +4131,7 @@ body { ...@@ -3714,6 +4131,7 @@ body {
} }
.vac__call { .vac__call {
display: none;
border: 1px solid #029745; border: 1px solid #029745;
padding: 21px 31px; padding: 21px 31px;
font-weight: bold; font-weight: bold;
...@@ -3721,7 +4139,6 @@ body { ...@@ -3721,7 +4139,6 @@ body {
line-height: 120%; line-height: 120%;
letter-spacing: 0.15em; letter-spacing: 0.15em;
color: #029745; color: #029745;
display: block;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height: 60px; height: 60px;
...@@ -3757,9 +4174,16 @@ body { ...@@ -3757,9 +4174,16 @@ body {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right -150px; background-position: right -150px;
background-size: 20%; background-size: 20%;
...@@ -4836,6 +5260,39 @@ body { ...@@ -4836,6 +5260,39 @@ body {
.security-wrapper { .security-wrapper {
max-width: 940px; max-width: 940px;
margin-bottom: 0; margin-bottom: 0;
width: 100%;
}
.security-wrapper > p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
padding-left: 40px;
margin-bottom: 32px;
}
.security-wrapper > b {
font-weight: 700;
}
.security-wrapper > ul {
max-width: 940px;
margin-bottom: 0;
margin-left: 67px;
}
.security-wrapper > ul > li {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 16px;
padding-left: 13px;
}
.security-wrapper > ul > li:last-of-type {
margin-bottom: 0;
} }
.security-text { .security-text {
...@@ -5247,6 +5704,7 @@ body { ...@@ -5247,6 +5704,7 @@ body {
width: calc(50% - 20px); width: calc(50% - 20px);
min-width: 600px; min-width: 600px;
height: 276px; height: 276px;
margin-bottom: 24px !important;
} }
.nn-item:nth-of-type(2n + 1) { .nn-item:nth-of-type(2n + 1) {
...@@ -5261,6 +5719,7 @@ body { ...@@ -5261,6 +5719,7 @@ body {
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 64px; margin-top: 64px;
margin-bottom: -24px;
} }
.nn-wrapper h3 { .nn-wrapper h3 {
...@@ -5495,12 +5954,14 @@ body { ...@@ -5495,12 +5954,14 @@ body {
padding: 60.5px 123px 60.6px 0; padding: 60.5px 123px 60.6px 0;
margin-left: 100px; margin-left: 100px;
width: calc(50% - 80px); width: calc(50% - 80px);
font-size: 14px;
} }
.company__title { .company__title {
font-size: 38px; font-size: 38px;
margin-bottom: 43px; margin-bottom: 43px;
} }
.company__descr { .company__descr,
.company p {
font-size: 14px; font-size: 14px;
} }
.company-fact-item { .company-fact-item {
...@@ -5611,12 +6072,14 @@ body { ...@@ -5611,12 +6072,14 @@ body {
} }
.ecology-text { .ecology-text {
width: calc(100% - 700px); width: calc(100% - 700px);
font-size: 18px;
} }
.ecology-text__title { .ecology-text__title {
font-size: 38px; font-size: 38px;
margin-bottom: 43px; margin-bottom: 43px;
} }
.ecology-text__descr { .ecology-text__descr,
.ecology-text p {
font-size: 18px; font-size: 18px;
} }
.ecology-text__link { .ecology-text__link {
...@@ -5873,57 +6336,190 @@ body { ...@@ -5873,57 +6336,190 @@ body {
font-size: 18px; font-size: 18px;
margin-bottom: 24px; margin-bottom: 24px;
} }
.strategy-project-about-block__list-item { .strategy-project-about-block__list-item {
margin-bottom: 24px; margin-bottom: 24px;
}
.corp {
padding: 52px 100px 0;
}
.corp-wrapper {
margin-right: 52px;
}
.corp-wrapper__btn {
width: 270px;
height: 63px;
font-size: 12px;
padding: 25px;
padding: 25px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.corp-wrapper__btn:before {
margin-right: 10px;
}
.corp-content {
width: calc(100% - 322px);
}
.corp-content__quote {
font-size: 15px;
padding: 67px;
margin-bottom: 62px;
}
.corp-content-wrapper {
margin-bottom: 49px;
}
.corp-content-wrapper__title {
font-size: 28px;
padding-left: 30px;
margin-bottom: 37px;
}
.corp-content-wrapper__subtitle {
font-size: 18px;
padding-left: 30px;
margin-bottom: 25px;
}
.corp-content-wrapper__text, .corp-content-wrapper__bold {
font-size: 14px;
padding-left: 30px;
margin-bottom: 25px;
}
.corp-content-wrapper-list {
margin-bottom: 25px;
margin-left: 52px;
}
.corp-content-wrapper-list__item {
font-size: 14px;
margin-bottom: 12px;
padding-left: 18px;
}
.corp-content-wrapper-facts {
margin-left: 30px;
margin-top: 55px;
max-width: 500px;
}
.corp-content-wrapper-facts-item > span:first-child {
font-size: 30px;
}
.corp-content-wrapper-facts-item > span {
font-size: 14px;
}
.corp-content-wrapper-programs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.corp-content-wrapper-programs-item {
width: calc(50% - 15px);
min-height: 250px;
font-size: 14px;
padding: 155px 30px 0;
margin-right: 30px;
}
.corp-content-wrapper-programs-item img {
height: 146px;
width: 146px;
}
.corp-content-wrapper-programs-item:nth-child(1), .corp-content-wrapper-programs-item:nth-child(2) {
margin-bottom: 30px;
}
.corp-content-wrapper-programs-item:nth-child(2n + 2) {
margin-right: 0;
}
.corp-content-wrapper-map {
margin-bottom: 25px;
}
.corp-content-wrapper-stud {
margin-top: 37px;
}
.corp-content-wrapper-stud-facts > div {
min-height: 150px;
padding: 80px 20px 41px;
}
.corp-content-wrapper-stud-facts > div > svg {
height: 49px;
width: 49px;
top: 20px;
right: 25px;
}
.corp-content-wrapper-stud-facts > div > span {
font-size: 14px;
}
.corp-content-wrapper-stud-facts > div > span:first-of-type {
font-size: 14px;
}
.corp-content-wrapper-way {
margin-top: 37px;
}
.corp-content-wrapper-way .line {
top: 66.5px;
}
.corp-content-wrapper-way > div {
font-size: 14px;
}
.corp-content-wrapper-way > div > svg {
height: 49px;
width: 49px;
margin-bottom: 12px;
} }
.corp { .corp-content-wrapper-way > div > img {
padding: 52px 100px 0; margin-bottom: 12px;
height: 13px;
width: 13px;
} }
.corp-wrapper { .corp-content-wrapper-otklik {
margin-right: 52px; min-height: 220px;
} }
.corp-wrapper__btn { .corp-content-wrapper-otklik > img {
width: 270px; height: 220px;
height: 63px; }
.corp-content-wrapper-otklik a {
font-size: 12px; font-size: 12px;
padding: 25px; margin-left: 36px;
padding: 25px 15px; padding: 18px 42px 18px 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} }
.corp-wrapper__btn:before { .corp-content-wrapper-feedback {
margin-right: 10px; padding: 30px 60px;
margin-bottom: 25px;
} }
.corp-content { .corp-content-wrapper-feedback > div:first-of-type {
width: calc(100% - 322px); width: 150px;
margin-right: 60px;
} }
.corp-content__quote { .corp-content-wrapper-feedback > div:first-of-type > img {
font-size: 15px; height: 150px;
padding: 67px; width: 150px;
margin-bottom: 62px; margin-bottom: 18px;
} }
.corp-content-wrapper { .corp-content-wrapper-feedback > div:first-of-type > span {
margin-bottom: 49px; font-size: 12px;
} }
.corp-content-wrapper__title { .corp-content-wrapper-feedback > div:first-of-type > span:first-of-type {
font-size: 28px; font-size: 14px;
padding-left: 30px; }
.corp-content-wrapper-feedback > div > img {
height: 40px;
width: 49px;
margin-bottom: 37px; margin-bottom: 37px;
} }
.corp-content-wrapper__text, .corp-content-wrapper__bold { .corp-content-wrapper-feedback > div > p {
font-size: 14px; font-size: 14px;
padding-left: 30px;
margin-bottom: 25px;
} }
.corp-content-wrapper-list { .corp-content-wrapper-links {
margin-bottom: 25px; margin-left: 30px;
margin-left: 52px; max-width: 600px;
margin-bottom: -12px;
} }
.corp-content-wrapper-list__item { .corp-content-wrapper-links > a {
font-size: 14px; font-size: 12px;
margin-right: 25px;
margin-bottom: 12px; margin-bottom: 12px;
padding-left: 18px; }
.corp-content-wrapper-prog {
margin-top: 37px;
}
.corp-content-wrapper-prog > div:nth-last-child(1) {
margin-left: 30px;
margin-top: 37px;
} }
.corp-content > h2 { .corp-content > h2 {
font-size: 28px; font-size: 28px;
...@@ -5943,6 +6539,16 @@ body { ...@@ -5943,6 +6539,16 @@ body {
.corp-content > img { .corp-content > img {
margin-bottom: 37px; margin-bottom: 37px;
} }
.vac-location {
width: 90%;
max-width: 1000px;
padding-left: 30px;
margin-bottom: 49px;
}
.vac-location > span {
font-size: 12px;
margin-right: 40px;
}
.vac-all-item { .vac-all-item {
padding: 31px 30px; padding: 31px 30px;
} }
...@@ -5950,9 +6556,18 @@ body { ...@@ -5950,9 +6556,18 @@ body {
margin-top: 25px; margin-top: 25px;
margin-left: 49px; margin-left: 49px;
} }
.vac-subheading {
margin-top: 37px;
}
.vac__title, .vac__salary { .vac__title, .vac__salary {
font-size: 18px; font-size: 18px;
} }
.vac__city {
font-size: 16px;
}
.vac__city > img {
margin-right: 12px;
}
.vac__link { .vac__link {
margin-left: 46px; margin-left: 46px;
margin-bottom: 34px; margin-bottom: 34px;
...@@ -6180,6 +6795,23 @@ body { ...@@ -6180,6 +6795,23 @@ body {
font-size: 14px; font-size: 14px;
max-width: 85%; max-width: 85%;
} }
.security {
padding: 52px 100px 0;
}
.security-wrapper > p {
font-size: 14px;
padding-left: 30px;
margin-bottom: 25px;
}
.security-wrapper > ul {
margin-left: 52px;
margin-bottom: 0;
}
.security-wrapper > ul > li {
font-size: 14px;
margin-bottom: 12px;
padding-left: 18px;
}
.tipovaya { .tipovaya {
padding: 52px 16px 0; padding: 52px 16px 0;
} }
...@@ -6918,12 +7550,14 @@ body { ...@@ -6918,12 +7550,14 @@ body {
width: 100%; width: 100%;
padding: 0 16px; padding: 0 16px;
padding-bottom: 46px; padding-bottom: 46px;
font-size: 12px;
} }
.company__title { .company__title {
font-size: 32px; font-size: 32px;
margin-bottom: 36px; margin-bottom: 36px;
} }
.company__descr { .company__descr,
.company p {
font-size: 12px; font-size: 12px;
margin-bottom: 18px; margin-bottom: 18px;
} }
...@@ -7128,6 +7762,7 @@ body { ...@@ -7128,6 +7762,7 @@ body {
margin: 0; margin: 0;
background: #f6f8fa; background: #f6f8fa;
padding: 0; padding: 0;
font-size: 14px;
} }
.ecology-text { .ecology-text {
width: 100%; width: 100%;
...@@ -7139,7 +7774,8 @@ body { ...@@ -7139,7 +7774,8 @@ body {
margin-bottom: 36px; margin-bottom: 36px;
max-width: 100%; max-width: 100%;
} }
.ecology-text__descr { .ecology-text__descr,
.ecology-text p {
font-size: 14px; font-size: 14px;
line-height: 130%; line-height: 130%;
margin-bottom: 20px; margin-bottom: 20px;
...@@ -7648,6 +8284,11 @@ body { ...@@ -7648,6 +8284,11 @@ body {
padding-left: 8px; padding-left: 8px;
margin-bottom: 16px; margin-bottom: 16px;
} }
.corp-content-wrapper__subtitle {
font-size: 15px;
padding-left: 8px;
margin-bottom: 16px;
}
.corp-content-wrapper__text, .corp-content-wrapper__bold { .corp-content-wrapper__text, .corp-content-wrapper__bold {
font-size: 12px; font-size: 12px;
padding-left: 8px; padding-left: 8px;
...@@ -7662,6 +8303,150 @@ body { ...@@ -7662,6 +8303,150 @@ body {
padding-left: 8px; padding-left: 8px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.corp-content-wrapper-facts {
margin-left: 8px;
margin-top: 40px;
}
.corp-content-wrapper-facts-item > span:first-child {
font-size: 24px;
margin-bottom: 6px;
}
.corp-content-wrapper-facts-item > span {
font-size: 12px;
}
.corp-content-wrapper-programs-item {
width: 100%;
min-height: 200px;
font-size: 12px;
padding: 120px 20px 0;
margin-right: 0;
}
.corp-content-wrapper-programs-item img {
height: 120px;
width: 120px;
}
.corp-content-wrapper-programs-item:nth-child(3), .corp-content-wrapper-programs-item:nth-child(2), .corp-content-wrapper-programs-item:nth-child(1) {
margin-bottom: 20px;
}
.corp-content-wrapper-map {
margin-bottom: 16px;
}
.corp-content-wrapper-stud {
margin-top: 30px;
}
.corp-content-wrapper-stud-facts-big {
width: 100% !important;
}
.corp-content-wrapper-stud-facts > div {
width: 100%;
margin-bottom: 20px;
padding: 72px 16px 30px;
}
.corp-content-wrapper-stud-facts > div > svg {
height: 40px;
width: 40px;
}
.corp-content-wrapper-stud-facts > div > span {
font-size: 12px;
}
.corp-content-wrapper-stud-facts > div > span:first-of-type {
font-size: 12px;
margin-bottom: 6px;
}
.corp-content-wrapper-stud-facts > div:nth-last-of-type(2) {
margin-bottom: 20px;
}
.corp-content-wrapper-way {
margin-top: 30px;
-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;
}
.corp-content-wrapper-way .line {
display: none;
}
.corp-content-wrapper-way > div {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0;
margin-bottom: 20px;
text-align: center;
}
.corp-content-wrapper-way > div > svg {
height: 40px;
width: 40px;
margin-bottom: 8px;
}
.corp-content-wrapper-way > div > img {
display: none;
}
.corp-content-wrapper-way > div:last-child {
margin-bottom: 0;
}
.corp-content-wrapper-otklik > img {
display: none;
}
.corp-content-wrapper-otklik a {
margin: 0 auto;
}
.corp-content-wrapper-feedback {
margin-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
.corp-content-wrapper-feedback > div:first-of-type {
margin-right: 0;
margin: 0 auto;
}
.corp-content-wrapper-feedback > div:first-of-type > img {
margin-bottom: 16px;
}
.corp-content-wrapper-feedback > div:first-of-type > span {
font-size: 10px;
}
.corp-content-wrapper-feedback > div:first-of-type > span:first-of-type {
font-size: 12px;
margin-bottom: 6px;
}
.corp-content-wrapper-feedback > div {
margin-top: 16px;
}
.corp-content-wrapper-feedback > div > img {
height: 30px;
width: 39px;
margin-bottom: 10px;
}
.corp-content-wrapper-feedback > div > p {
font-size: 12px;
}
.corp-content-wrapper-links {
margin-left: 8px;
margin-bottom: -10px;
}
.corp-content-wrapper-links > a {
font-size: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.corp-content-wrapper-prog {
margin-top: 30px;
}
.corp-content-wrapper-prog > div:nth-last-child(1) {
margin-left: 8px;
margin-top: 30px;
}
.corp-content > h2 { .corp-content > h2 {
font-size: 24px; font-size: 24px;
padding-left: 8px; padding-left: 8px;
...@@ -7680,6 +8465,15 @@ body { ...@@ -7680,6 +8465,15 @@ body {
.corp-content > img { .corp-content > img {
margin-bottom: 24px; margin-bottom: 24px;
} }
.vac-location {
width: 100%;
padding-left: 0;
margin-bottom: 30px;
}
.vac-location > span {
font-size: 10px;
margin-right: 30px;
}
.vac-all-item { .vac-all-item {
padding: 25px; padding: 25px;
} }
...@@ -7688,9 +8482,19 @@ body { ...@@ -7688,9 +8482,19 @@ body {
margin-left: 40px; margin-left: 40px;
margin-bottom: 0; margin-bottom: 0;
} }
.vac-subheading {
margin-top: 30px;
}
.vac__title, .vac__salary { .vac__title, .vac__salary {
font-size: 14px; font-size: 14px;
} }
.vac__city {
font-size: 13px;
}
.vac__city > img {
margin-right: 10px;
height: 18px;
}
.vac__link { .vac__link {
margin-left: 30px; margin-left: 30px;
margin-bottom: 13px; margin-bottom: 13px;
...@@ -8002,6 +8806,23 @@ body { ...@@ -8002,6 +8806,23 @@ body {
font-size: 12px; font-size: 12px;
max-width: 85%; max-width: 85%;
} }
.security {
padding: 52px 16px 0;
}
.security-wrapper > p {
font-size: 12px;
padding-left: 8px;
margin-bottom: 16px;
}
.security-wrapper > ul {
margin-bottom: 0;
margin-left: 40px;
}
.security-wrapper > ul > li {
font-size: 12px;
padding-left: 8px;
margin-bottom: 12px;
}
.tipovaya-wrapper { .tipovaya-wrapper {
margin-bottom: 41px; margin-bottom: 41px;
} }
...@@ -8123,9 +8944,9 @@ body { ...@@ -8123,9 +8944,9 @@ body {
margin-bottom: 0; margin-bottom: 0;
} }
.nn-item { .nn-item {
min-width: 0;
margin-right: auto !important; margin-right: auto !important;
margin-left: auto !important; margin-left: auto !important;
min-width: 0;
} }
.nn-wrapper { .nn-wrapper {
margin: 0 auto; margin: 0 auto;
...@@ -8136,7 +8957,7 @@ body { ...@@ -8136,7 +8957,7 @@ body {
flex-direction: column; flex-direction: column;
} }
.nn-wrapper h3 { .nn-wrapper h3 {
margin: 0 auto; margin: 0;
margin-bottom: 23px; margin-bottom: 23px;
width: -webkit-fit-content; width: -webkit-fit-content;
width: -moz-fit-content; width: -moz-fit-content;
...@@ -8152,6 +8973,9 @@ body { ...@@ -8152,6 +8973,9 @@ body {
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} }
.nn-office { .nn-office {
width: 100%; width: 100%;
...@@ -8303,4 +9127,37 @@ body { ...@@ -8303,4 +9127,37 @@ body {
-webkit-transform: scale(1.25); -webkit-transform: scale(1.25);
transform: scale(1.25); transform: scale(1.25);
} }
.input__file {
opacity: 0;
visibility: hidden;
position: absolute;
}
.input__file-button {
width: 100%;
max-width: 284px;
height: 60px;
background: none;
color: #029745;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
margin: 0;
border: 1px solid #029745;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */
\ No newline at end of file
styles/style.css.map
View file @ e034eb28
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ e034eb28
...@@ -908,6 +908,10 @@ body { ...@@ -908,6 +908,10 @@ body {
box-sizing: border-box; box-sizing: border-box;
padding: 85px 160px 85px 0; padding: 85px 160px 85px 0;
margin-left: 140px; margin-left: 140px;
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
} }
&__title { &__title {
font-weight: 800; font-weight: 800;
...@@ -918,7 +922,8 @@ body { ...@@ -918,7 +922,8 @@ body {
margin: 0; margin: 0;
margin-bottom: 56px; margin-bottom: 56px;
} }
&__descr { &__descr,
p {
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
line-height: 130%; line-height: 130%;
...@@ -1076,7 +1081,8 @@ body { ...@@ -1076,7 +1081,8 @@ body {
margin-bottom: 40px; margin-bottom: 40px;
max-width: 280px; max-width: 280px;
} }
&__image { &__image,
> img {
width: 90px; width: 90px;
} }
} }
...@@ -1331,6 +1337,10 @@ body { ...@@ -1331,6 +1337,10 @@ body {
justify-content: center; justify-content: center;
box-sizing: border-box; box-sizing: border-box;
width: calc(100% - 960px); width: calc(100% - 960px);
font-weight: 300;
font-size: 20px;
line-height: 160%;
color: #16291f;
&__title { &__title {
font-weight: 800; font-weight: 800;
font-size: 50px; font-size: 50px;
...@@ -1341,7 +1351,8 @@ body { ...@@ -1341,7 +1351,8 @@ body {
margin-right: auto; margin-right: auto;
max-width: 360px; max-width: 360px;
} }
&__descr { &__descr,
p {
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 20px;
line-height: 160%; line-height: 160%;
...@@ -2587,6 +2598,15 @@ body { ...@@ -2587,6 +2598,15 @@ body {
padding-left: 40px; padding-left: 40px;
margin-bottom: 48px; margin-bottom: 48px;
} }
&__subtitle {
font-weight: 800;
font-size: 24px;
line-height: 130%;
letter-spacing: 0.02em;
color: #16291f;
padding-left: 40px;
margin-bottom: 32px;
}
&__text { &__text {
font-weight: 300; font-weight: 300;
font-size: 18px; font-size: 18px;
...@@ -2633,6 +2653,258 @@ body { ...@@ -2633,6 +2653,258 @@ body {
margin-bottom: 0; margin-bottom: 0;
} }
} }
&-facts {
max-width: 620px;
margin-left: 40px;
display: flex;
justify-content: space-between;
margin-top: 72px;
&-item {
display: flex;
flex-direction: column;
> span:first-child {
font-weight: 800;
font-size: 40px;
line-height: 110%;
color: #029745;
margin-bottom: 8px;
}
> span {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
}
}
}
&-programs {
width: 100%;
display: flex;
&-item {
width: 22.5%;
min-height: 367px;
background-color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 130%;
color: #16291f;
box-sizing: border-box;
padding: 200px 39px 0;
position: relative;
margin-right: 40px;
img {
clip-path: polygon(0% 25%, 25% 0%, 100% 0%, 100% 75%, 75% 100%);
height: 196px;
width: 196px;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
}
}
&-item:last-of-type {
margin-right: 0;
}
}
&-map {
width: 100%;
height: 400px;
margin-bottom: 32px;
}
&-stud {
margin-top: 48px;
&-facts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&-big {
width: calc(66.7% - 10px) !important;
}
> div {
background-color: #fff;
min-height: 201px;
height: auto;
box-sizing: border-box;
padding: 98px 40px 51px;
display: flex;
flex-direction: column;
position: relative;
width: calc(33.3% - 20px);
margin-bottom: 30px;
> svg {
position: absolute;
height: 64px;
width: 64px;
top: 24px;
right: 33px;
}
> span {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
}
> span:first-of-type {
font-weight: bold;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 8px;
}
}
> div:nth-last-of-type(1),
> div:nth-last-of-type(2) {
margin-bottom: 0;
}
}
}
&-way {
margin-top: 48px;
display: flex;
position: relative;
.line {
position: absolute;
width: 80%;
border-bottom: 2px dashed #029745;
top: 87px;
}
> div {
position: relative;
font-weight: bold;
font-size: 18px;
line-height: 130%;
color: #16291f;
display: flex;
flex-direction: column;
width: calc(20% - 40px);
margin-right: 40px;
> svg {
height: 64px;
width: 64px;
margin-bottom: 16px;
}
> img {
margin-bottom: 16px;
height: 15px;
width: 15px;
}
}
}
&-otklik {
background-color: #fff;
display: flex;
align-items: center;
min-height: 270px;
width: 100%;
a {
margin-left: 46px;
display: block;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
color: #ffffff;
padding: 21px 52px 21px 55px;
background-color: #029745;
background-repeat: no-repeat;
text-decoration: none;
transition: 0.4s;
}
a:hover {
background-color: #28be4a;
}
a:active {
background-color: #07803d;
}
}
&-feedback {
background-color: #fff;
padding: 40px 80px;
box-sizing: border-box;
display: flex;
margin-bottom: 32px;
> div:first-of-type {
display: flex;
flex-direction: column;
width: 200px;
margin-right: 80px;
margin-top: 0;
> img {
height: 200px;
width: 200px;
object-fit: cover;
margin-bottom: 24px;
}
> span {
font-weight: normal;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.02em;
color: #93969e;
}
> span:first-of-type {
font-weight: 800;
font-size: 18px;
line-height: 130%;
display: flex;
align-items: center;
letter-spacing: 0.02em;
color: #16291f;
margin-bottom: 8px;
}
}
> div {
display: flex;
flex-direction: column;
margin-top: 30px;
> img {
height: 52px;
width: 64px;
margin-bottom: 48px;
}
> p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
}
}
}
&-feedback:last-of-type {
margin-bottom: 0;
}
&-links {
margin-left: 40px;
display: flex;
flex-wrap: wrap;
max-width: 800px;
margin-bottom: -16px;
> a {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #029745;
padding-bottom: 3px;
border-bottom: 1px dashed #029745;
margin-right: 30px;
margin-bottom: 16px;
}
}
&-prog {
margin-top: 48px;
max-width: 800px;
b {
font-weight: bold;
line-height: 130%;
color: #16291f;
}
> div:nth-last-child(1) {
height: 1px;
margin-left: 40px;
background-color: #c7c9cf;
margin-top: 48px;
}
}
} }
&-wrapper:last-child { &-wrapper:last-child {
margin-bottom: 0; margin-bottom: 0;
...@@ -2674,6 +2946,25 @@ body { ...@@ -2674,6 +2946,25 @@ body {
} }
.vac { .vac {
&-location {
width: 100%;
max-width: 1160px;
padding-left: 40px;
margin-bottom: 64px;
box-sizing: border-box;
&--selected {
color: #029745 !important;
transition: 0.4s;
}
> span {
font-weight: bold;
font-size: 16px;
line-height: 140%;
color: #93969e;
margin-right: 48px;
transition: 0.4s;
}
}
&-all { &-all {
background-color: #fff; background-color: #fff;
&-item { &-item {
...@@ -2705,6 +2996,9 @@ body { ...@@ -2705,6 +2996,9 @@ body {
&-heading { &-heading {
display: flex; display: flex;
} }
&-subheading {
margin-top: 48px;
}
&__link { &__link {
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
...@@ -2745,6 +3039,17 @@ body { ...@@ -2745,6 +3039,17 @@ body {
margin-left: auto; margin-left: auto;
min-width: 125px; min-width: 125px;
} }
&__city {
display: flex;
align-items: center;
font-weight: bold;
font-size: 20px;
line-height: 130%;
color: #029745;
> img {
margin-right: 16px;
}
}
&__icon { &__icon {
margin-right: 32px; margin-right: 32px;
stroke: #c7c9cf; stroke: #c7c9cf;
...@@ -2803,6 +3108,7 @@ body { ...@@ -2803,6 +3108,7 @@ body {
flex-wrap: wrap; flex-wrap: wrap;
} }
&__call { &__call {
display: none;
border: 1px solid #029745; border: 1px solid #029745;
padding: 21px 31px; padding: 21px 31px;
font-weight: bold; font-weight: bold;
...@@ -2810,7 +3116,6 @@ body { ...@@ -2810,7 +3116,6 @@ body {
line-height: 120%; line-height: 120%;
letter-spacing: 0.15em; letter-spacing: 0.15em;
color: #029745; color: #029745;
display: block;
box-sizing: border-box; box-sizing: border-box;
height: 60px; height: 60px;
transition: 0.4s; transition: 0.4s;
...@@ -2839,7 +3144,9 @@ body { ...@@ -2839,7 +3144,9 @@ body {
.vacancy { .vacancy {
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right -150px; background-position: right -150px;
background-size: 20%; background-size: 20%;
...@@ -3626,6 +3933,34 @@ body { ...@@ -3626,6 +3933,34 @@ body {
&-wrapper { &-wrapper {
max-width: 940px; max-width: 940px;
margin-bottom: 0; margin-bottom: 0;
width: 100%;
> p {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
padding-left: 40px;
margin-bottom: 32px;
}
> b {
font-weight: 700;
}
> ul {
max-width: 940px;
margin-bottom: 0;
margin-left: 67px;
> li {
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #16291f;
margin-bottom: 16px;
padding-left: 13px;
}
> li:last-of-type {
margin-bottom: 0;
}
}
} }
&-text { &-text {
max-width: 100%; max-width: 100%;
...@@ -3937,6 +4272,7 @@ body { ...@@ -3937,6 +4272,7 @@ body {
width: calc(50% - 20px); width: calc(50% - 20px);
min-width: 600px; min-width: 600px;
height: 276px; height: 276px;
margin-bottom: 24px !important;
} }
&-item:nth-of-type(2n + 1) { &-item:nth-of-type(2n + 1) {
margin-right: 40px; margin-right: 40px;
...@@ -3945,6 +4281,7 @@ body { ...@@ -3945,6 +4281,7 @@ body {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 64px; margin-top: 64px;
margin-bottom: -24px;
h3 { h3 {
font-weight: 800; font-weight: 800;
font-size: 24px; font-size: 24px;
...@@ -4193,12 +4530,14 @@ body { ...@@ -4193,12 +4530,14 @@ body {
padding: 60.5px 123px 60.6px 0; padding: 60.5px 123px 60.6px 0;
margin-left: 100px; margin-left: 100px;
width: calc(50% - 80px); width: calc(50% - 80px);
font-size: 14px;
} }
&__title { &__title {
font-size: 38px; font-size: 38px;
margin-bottom: 43px; margin-bottom: 43px;
} }
&__descr { &__descr,
p {
font-size: 14px; font-size: 14px;
} }
&-fact { &-fact {
...@@ -4320,11 +4659,13 @@ body { ...@@ -4320,11 +4659,13 @@ body {
margin-left: 100px; margin-left: 100px;
&-text { &-text {
width: calc(100% - 700px); width: calc(100% - 700px);
font-size: 18px;
&__title { &__title {
font-size: 38px; font-size: 38px;
margin-bottom: 43px; margin-bottom: 43px;
} }
&__descr { &__descr,
p {
font-size: 18px; font-size: 18px;
} }
&__link { &__link {
...@@ -4667,6 +5008,11 @@ body { ...@@ -4667,6 +5008,11 @@ body {
padding-left: 30px; padding-left: 30px;
margin-bottom: 37px; margin-bottom: 37px;
} }
&__subtitle {
font-size: 18px;
padding-left: 30px;
margin-bottom: 25px;
}
&__text, &__text,
&__bold { &__bold {
font-size: 14px; font-size: 14px;
...@@ -4682,6 +5028,140 @@ body { ...@@ -4682,6 +5028,140 @@ body {
padding-left: 18px; padding-left: 18px;
} }
} }
&-facts {
margin-left: 30px;
margin-top: 55px;
max-width: 500px;
&-item {
> span:first-child {
font-size: 30px;
}
> span {
font-size: 14px;
}
}
}
&-programs {
flex-wrap: wrap;
&-item {
width: calc(50% - 15px);
min-height: 250px;
font-size: 14px;
padding: 155px 30px 0;
margin-right: 30px;
img {
height: 146px;
width: 146px;
}
}
&-item:nth-child(1),
&-item:nth-child(2) {
margin-bottom: 30px;
}
&-item:nth-child(2n + 2) {
margin-right: 0;
}
}
&-map {
margin-bottom: 25px;
}
&-stud {
margin-top: 37px;
&-facts {
> div {
min-height: 150px;
padding: 80px 20px 41px;
> svg {
height: 49px;
width: 49px;
top: 20px;
right: 25px;
}
> span {
font-size: 14px;
}
> span:first-of-type {
font-size: 14px;
}
}
}
}
&-way {
margin-top: 37px;
.line {
top: 66.5px;
}
> div {
font-size: 14px;
> svg {
height: 49px;
width: 49px;
margin-bottom: 12px;
}
> img {
margin-bottom: 12px;
height: 13px;
width: 13px;
}
}
}
&-otklik {
min-height: 220px;
> img {
height: 220px;
}
a {
font-size: 12px;
margin-left: 36px;
padding: 18px 42px 18px 45px;
}
}
&-feedback {
padding: 30px 60px;
margin-bottom: 25px;
> div:first-of-type {
width: 150px;
margin-right: 60px;
> img {
height: 150px;
width: 150px;
margin-bottom: 18px;
}
> span {
font-size: 12px;
}
> span:first-of-type {
font-size: 14px;
}
}
> div {
> img {
height: 40px;
width: 49px;
margin-bottom: 37px;
}
> p {
font-size: 14px;
}
}
}
&-links {
margin-left: 30px;
max-width: 600px;
margin-bottom: -12px;
> a {
font-size: 12px;
margin-right: 25px;
margin-bottom: 12px;
}
}
&-prog {
margin-top: 37px;
> div:nth-last-child(1) {
margin-left: 30px;
margin-top: 37px;
}
}
} }
} }
&-content > h2 { &-content > h2 {
...@@ -4704,6 +5184,16 @@ body { ...@@ -4704,6 +5184,16 @@ body {
} }
} }
.vac { .vac {
&-location {
width: 90%;
max-width: 1000px;
padding-left: 30px;
margin-bottom: 49px;
> span {
font-size: 12px;
margin-right: 40px;
}
}
&-all { &-all {
&-item { &-item {
padding: 31px 30px; padding: 31px 30px;
...@@ -4713,10 +5203,19 @@ body { ...@@ -4713,10 +5203,19 @@ body {
} }
} }
} }
&-subheading {
margin-top: 37px;
}
&__title, &__title,
&__salary { &__salary {
font-size: 18px; font-size: 18px;
} }
&__city {
font-size: 16px;
> img {
margin-right: 12px;
}
}
&__link { &__link {
margin-left: 46px; margin-left: 46px;
margin-bottom: 34px; margin-bottom: 34px;
...@@ -4956,6 +5455,25 @@ body { ...@@ -4956,6 +5455,25 @@ body {
} }
} }
} }
.security {
padding: 52px 100px 0;
&-wrapper {
> p {
font-size: 14px;
padding-left: 30px;
margin-bottom: 25px;
}
> ul {
margin-left: 52px;
margin-bottom: 0;
> li {
font-size: 14px;
margin-bottom: 12px;
padding-left: 18px;
}
}
}
}
.tipovaya { .tipovaya {
padding: 52px 16px 0; padding: 52px 16px 0;
&-wrapper { &-wrapper {
...@@ -5610,12 +6128,14 @@ body { ...@@ -5610,12 +6128,14 @@ body {
width: 100%; width: 100%;
padding: 0 16px; padding: 0 16px;
padding-bottom: 46px; padding-bottom: 46px;
font-size: 12px;
} }
&__title { &__title {
font-size: 32px; font-size: 32px;
margin-bottom: 36px; margin-bottom: 36px;
} }
&__descr { &__descr,
p {
font-size: 12px; font-size: 12px;
margin-bottom: 18px; margin-bottom: 18px;
} }
...@@ -5801,6 +6321,7 @@ body { ...@@ -5801,6 +6321,7 @@ body {
margin: 0; margin: 0;
background: #f6f8fa; background: #f6f8fa;
padding: 0; padding: 0;
font-size: 14px;
&-text { &-text {
width: 100%; width: 100%;
padding: 0 16px 46px; padding: 0 16px 46px;
...@@ -5810,7 +6331,8 @@ body { ...@@ -5810,7 +6331,8 @@ body {
margin-bottom: 36px; margin-bottom: 36px;
max-width: 100%; max-width: 100%;
} }
&__descr { &__descr,
p {
font-size: 14px; font-size: 14px;
line-height: 130%; line-height: 130%;
margin-bottom: 20px; margin-bottom: 20px;
...@@ -6295,6 +6817,11 @@ body { ...@@ -6295,6 +6817,11 @@ body {
padding-left: 8px; padding-left: 8px;
margin-bottom: 16px; margin-bottom: 16px;
} }
&__subtitle {
font-size: 15px;
padding-left: 8px;
margin-bottom: 16px;
}
&__text, &__text,
&__bold { &__bold {
font-size: 12px; font-size: 12px;
...@@ -6310,6 +6837,149 @@ body { ...@@ -6310,6 +6837,149 @@ body {
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
&-facts {
margin-left: 8px;
margin-top: 40px;
&-item {
> span:first-child {
font-size: 24px;
margin-bottom: 6px;
}
> span {
font-size: 12px;
}
}
}
&-programs {
&-item {
width: 100%;
min-height: 200px;
font-size: 12px;
padding: 120px 20px 0;
margin-right: 0;
img {
height: 120px;
width: 120px;
}
}
&-item:nth-child(3),
&-item:nth-child(2),
&-item:nth-child(1) {
margin-bottom: 20px;
}
}
&-map {
margin-bottom: 16px;
}
&-stud {
margin-top: 30px;
&-facts {
&-big {
width: 100% !important;
}
> div {
width: 100%;
margin-bottom: 20px;
padding: 72px 16px 30px;
> svg {
height: 40px;
width: 40px;
}
> span {
font-size: 12px;
}
> span:first-of-type {
font-size: 12px;
margin-bottom: 6px;
}
}
> div:nth-last-of-type(2) {
margin-bottom: 20px;
}
}
}
&-way {
margin-top: 30px;
flex-direction: column;
align-items: center;
.line {
display: none;
}
> div {
width: 100%;
box-sizing: border-box;
font-size: 12px;
align-items: center;
margin-right: 0;
margin-bottom: 20px;
text-align: center;
> svg {
height: 40px;
width: 40px;
margin-bottom: 8px;
}
> img {
display: none;
}
}
> div:last-child {
margin-bottom: 0;
}
}
&-otklik {
> img {
display: none;
}
a {
margin: 0 auto;
}
}
&-feedback {
margin-bottom: 20px;
flex-direction: column;
padding: 20px;
> div:first-of-type {
margin-right: 0;
margin: 0 auto;
> img {
margin-bottom: 16px;
}
> span {
font-size: 10px;
}
> span:first-of-type {
font-size: 12px;
margin-bottom: 6px;
}
}
> div {
margin-top: 16px;
> img {
height: 30px;
width: 39px;
margin-bottom: 10px;
}
> p {
font-size: 12px;
}
}
}
&-links {
margin-left: 8px;
margin-bottom: -10px;
> a {
font-size: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
}
&-prog {
margin-top: 30px;
> div:nth-last-child(1) {
margin-left: 8px;
margin-top: 30px;
}
}
} }
} }
&-content > h2 { &-content > h2 {
...@@ -6332,6 +7002,15 @@ body { ...@@ -6332,6 +7002,15 @@ body {
} }
} }
.vac { .vac {
&-location {
width: 100%;
padding-left: 0;
margin-bottom: 30px;
> span {
font-size: 10px;
margin-right: 30px;
}
}
&-all { &-all {
&-item { &-item {
padding: 25px; padding: 25px;
...@@ -6342,10 +7021,20 @@ body { ...@@ -6342,10 +7021,20 @@ body {
} }
} }
} }
&-subheading {
margin-top: 30px;
}
&__title, &__title,
&__salary { &__salary {
font-size: 14px; font-size: 14px;
} }
&__city {
font-size: 13px;
> img {
margin-right: 10px;
height: 18px;
}
}
&__link { &__link {
margin-left: 30px; margin-left: 30px;
margin-bottom: 13px; margin-bottom: 13px;
...@@ -6649,6 +7338,25 @@ body { ...@@ -6649,6 +7338,25 @@ body {
} }
} }
} }
.security {
padding: 52px 16px 0;
&-wrapper {
> p {
font-size: 12px;
padding-left: 8px;
margin-bottom: 16px;
}
> ul {
margin-bottom: 0;
margin-left: 40px;
> li {
font-size: 12px;
padding-left: 8px;
margin-bottom: 12px;
}
}
}
}
.tipovaya { .tipovaya {
&-wrapper { &-wrapper {
margin-bottom: 41px; margin-bottom: 41px;
...@@ -6774,16 +7482,16 @@ body { ...@@ -6774,16 +7482,16 @@ body {
} }
.nn { .nn {
&-item { &-item {
min-width: 0;
margin-right: auto !important; margin-right: auto !important;
margin-left: auto !important; margin-left: auto !important;
min-width: 0;
} }
&-wrapper { &-wrapper {
margin: 0 auto; margin: 0 auto;
margin-top: 52px; margin-top: 52px;
flex-direction: column; flex-direction: column;
h3 { h3 {
margin: 0 auto; margin: 0;
margin-bottom: 23px; margin-bottom: 23px;
width: fit-content; width: fit-content;
} }
...@@ -6794,6 +7502,8 @@ body { ...@@ -6794,6 +7502,8 @@ body {
&-buttons { &-buttons {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 100%;
box-sizing: border-box;
} }
&-office { &-office {
width: 100%; width: 100%;
...@@ -6931,3 +7641,30 @@ body { ...@@ -6931,3 +7641,30 @@ body {
.is-nav-selected .fancybox__thumb { .is-nav-selected .fancybox__thumb {
transform: scale(1.25); transform: scale(1.25);
} }
//add file
.input__file {
opacity: 0;
visibility: hidden;
position: absolute;
}
.input__file-button {
width: 100%;
max-width: 284px;
height: 60px;
background: none;
color: #029745;
font-weight: bold;
font-size: 15px;
line-height: 120%;
letter-spacing: 0.15em;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
border: 1px solid #029745;
box-sizing: border-box;
}
vacancy.html
View file @ e034eb28
...@@ -491,6 +491,11 @@ ...@@ -491,6 +491,11 @@
</div> </div>
</header> </header>
<section class="vacancy" style="background-image: url('img/company_mask.svg');"> <section class="vacancy" style="background-image: url('img/company_mask.svg');">
<div class="vac-location">
<span data-loc='all' class="vac-location--selected">Все вакансии</span>
<span data-loc='balakhna'>Балахна</span>
<span data-loc='varnavino'>Варнавино</span>
</div>
<div class="vac-all vacancy-all"> <div class="vac-all vacancy-all">
<div class="vac-all-item"> <div class="vac-all-item">
<div class="vac-all-item-heading"> <div class="vac-all-item-heading">
...@@ -504,6 +509,12 @@ ...@@ -504,6 +509,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -553,6 +564,12 @@ ...@@ -553,6 +564,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city='varnavino'>
<img src="img/vac_city.svg" alt="icon">
Варнавино
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -602,6 +619,12 @@ ...@@ -602,6 +619,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -651,6 +674,12 @@ ...@@ -651,6 +674,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -700,6 +729,12 @@ ...@@ -700,6 +729,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -749,6 +784,12 @@ ...@@ -749,6 +784,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -798,6 +839,12 @@ ...@@ -798,6 +839,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -847,6 +894,12 @@ ...@@ -847,6 +894,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -896,6 +949,12 @@ ...@@ -896,6 +949,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
...@@ -945,6 +1004,12 @@ ...@@ -945,6 +1004,12 @@
<p class="vac__salary">30 000 руб.</p> <p class="vac__salary">30 000 руб.</p>
</div> </div>
<div class="vac-all-item-inner"> <div class="vac-all-item-inner">
<div class="vac-wrapper">
<div class="vac__city" data-city="balakhna">
<img src="img/vac_city.svg" alt="icon">
Балахна
</div>
</div>
<div class="vac-wrapper"> <div class="vac-wrapper">
<p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p> <p class="vac__bold">Требуемый опыт работы: <span class="vac__text">1—3 года</span></p>
<p class="vac__bold">Полная занятость, сменный график</p> <p class="vac__bold">Полная занятость, сменный график</p>
......
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