Skip to content

A
Avalon
Commit 6c035315 authored by Sergey's avatar Sergey
Browse files
Options

Pages my orders and payment services is done

parent 95fc52e4
Show whitespace changes
Inline Side-by-side
Showing with 2868 additions and 84 deletions
src/employee-invitation.html 0 → 100644
View file @ 6c035315
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Приглашение работника</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Приглашение работника</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<h2>Иван Иванов Иванович</h2>
<!-- <p class="block-mt-green block-mb-green">Добрый день! Меня очень заинтересовала Ваша вакансия столяра-обивщика. Хотел бы предложить свою кандидатуру на данную должность. Прикрепляю к письму своё резюме.</p> -->
<div class="job-applicant-data block-mt-green">
<!-- <a href="mailto:i_ivanov@mail.ru" class="button-text block-mb-orange">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
i_ivanov@mail.ru
</a> -->
<a href="tel:+79876543210" class="button-text block-mb-orange">
<img class="img-svg" src="./img/icon_phone.svg" alt="">
+79876543210
</a>
<a href="#" class="button-text job-applicant-data__title">
<img class="img-svg" src="./img/icon_window.svg" alt="">
<p>Столяр-обивщик</p>
</a>
</div>
<div class="communication-method block-mt-dark-blue block-mb-purple">
<img src="./img/icon_callback.svg" alt="">
<p>Соискатель просит связаться с вами</p>
</div>
<div class="block-mt-blue">
<div class="container-compressed">
<h2>Напишите работнику</h2>
<div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label>
<textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/img/icon_feedback_scroll.svg
View file @ 6c035315
...@@ -2,16 +2,13 @@ ...@@ -2,16 +2,13 @@
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20 18.6" style="enable-background:new 0 0 20 18.6;" xml:space="preserve" width="20" height="19"> viewBox="0 0 20 18.6" style="enable-background:new 0 0 20 18.6;" xml:space="preserve" width="20" height="19">
<style type="text/css"> <path id="cloud_x5F_message" d="M16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C15.3,1.7,12.9,0,10,0
.st0{fill:#ffffff;}
</style>
<path id="cloud_x5F_message" class="st0" d="M16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C15.3,1.7,12.9,0,10,0
C6.4,0,3.5,2.7,3.1,6.1c0,0,0,0,0,0s0,0,0,0c-1.9,0.5-3.3,2.3-3,4.4c0.2,1.7,1.7,3.1,3.5,3.4C3.8,14,4,14.2,4,14.4v2.2 C6.4,0,3.5,2.7,3.1,6.1c0,0,0,0,0,0s0,0,0,0c-1.9,0.5-3.3,2.3-3,4.4c0.2,1.7,1.7,3.1,3.5,3.4C3.8,14,4,14.2,4,14.4v2.2
c0,1.8,2.2,2.7,3.4,1.4l3.7-3.7c0.2-0.2,0.4-0.3,0.7-0.3h2.9c2.6,0,5-1.9,5.2-4.6C20.2,7,18.7,4.9,16.4,4.2z M17.8,10 c0,1.8,2.2,2.7,3.4,1.4l3.7-3.7c0.2-0.2,0.4-0.3,0.7-0.3h2.9c2.6,0,5-1.9,5.2-4.6C20.2,7,18.7,4.9,16.4,4.2z M17.8,10
c-0.4,1.2-1.6,2-2.9,2h0h-3.3c-0.5,0-1,0.2-1.4,0.6l-3.4,3.2C6.5,16.1,6,15.9,6,15.4V13c0-0.6-0.4-1-1-1c-0.9,0-1.5,0.1-2.2-0.4 c-0.4,1.2-1.6,2-2.9,2h0h-3.3c-0.5,0-1,0.2-1.4,0.6l-3.4,3.2C6.5,16.1,6,15.9,6,15.4V13c0-0.6-0.4-1-1-1c-0.9,0-1.5,0.1-2.2-0.4
c-0.4-0.3-0.6-0.7-0.7-1.1C1.9,9.9,2,9.5,2.2,9.1c0.6-1.1,2-1.5,3-0.7C4.2,5.1,6.8,2,10,2c2.5,0,4.5,1.8,4.9,4c0,0,0,0,0,0 c-0.4-0.3-0.6-0.7-0.7-1.1C1.9,9.9,2,9.5,2.2,9.1c0.6-1.1,2-1.5,3-0.7C4.2,5.1,6.8,2,10,2c2.5,0,4.5,1.8,4.9,4c0,0,0,0,0,0
c0,0,0,0,0.1,0C16.9,6,18.5,7.9,17.8,10z M11,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S11,9.2,11,9.7z M15,9.7c0,0.6-0.4,1-1,1 c0,0,0,0,0.1,0C16.9,6,18.5,7.9,17.8,10z M11,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S11,9.2,11,9.7z M15,9.7c0,0.6-0.4,1-1,1
s-1-0.4-1-1s0.4-1,1-1S15,9.2,15,9.7z M7,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S7,9.2,7,9.7z"/> s-1-0.4-1-1s0.4-1,1-1S15,9.2,15,9.7z M7,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S7,9.2,7,9.7z" fill="#fff"/>
<defs> <defs>
<clipPath id="clip0"> <clipPath id="clip0">
<rect width="20" height="18.6" fill="white"/> <rect width="20" height="18.6" fill="white"/>
......
src/img/icon_phone.svg
View file @ 6c035315
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <?xml version="1.0" encoding="utf-8"?>
<g clip-path="url(#clip0)"> <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<path d="M14.7 13.0001C14.2 14.4001 12.4 15.1001 11.1 15.0001C9.29999 14.8001 7.39999 13.9001 5.89999 12.9001C3.79999 11.3001 1.79999 9.00008 0.699988 6.50008C-0.100012 4.70008 -0.300012 2.60008 0.899988 1.00008C1.29999 0.400084 1.79999 8.40174e-05 2.59999 8.40174e-05C3.59999 -0.099916 3.79999 0.500084 4.09999 1.50008C4.39999 2.20008 4.69999 2.90008 4.89999 3.60008C5.29999 4.90008 3.99999 4.90008 3.79999 6.00008C3.69999 6.70008 4.59999 7.60008 4.89999 8.10008C5.59999 9.10008 6.49999 9.90008 7.49999 10.5001C8.09999 10.9001 8.99999 11.5001 9.59999 11.1001C10.6 10.6001 10.5 8.90008 11.9 9.40008C12.6 9.70008 13.3 10.1001 14 10.5001C15.2 11.2001 15.1 11.8001 14.7 13.0001C14.4 13.9001 15 12.1001 14.7 13.0001Z" fill="#3C3B55"/> <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
</g> viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve" width="15" height="15" fill="#3c3b55">
<defs> <style type="text/css">
<clipPath id="clip0"> .st0{fill:#020203;}
<rect width="15" height="15" fill="white"/> </style>
</clipPath> <path id="call_1_" class="st0" d="M14.7,13c-0.5,1.4-2.3,2.1-3.6,2c-1.8-0.2-3.7-1.1-5.2-2.1C3.8,11.3,1.8,9,0.7,6.5
</defs> c-0.8-1.8-1-3.9,0.2-5.5C1.3,0.4,1.8,0,2.6,0c1-0.1,1.2,0.5,1.5,1.5c0.3,0.7,0.6,1.4,0.8,2.1C5.3,4.9,4,4.9,3.8,6
C3.7,6.7,4.6,7.6,4.9,8.1c0.7,1,1.6,1.8,2.6,2.4c0.6,0.4,1.5,1,2.1,0.6c1-0.5,0.9-2.2,2.3-1.7c0.7,0.3,1.4,0.7,2.1,1.1
C15.2,11.2,15.1,11.8,14.7,13C14.4,13.9,15,12.1,14.7,13z"/>
</svg> </svg>
src/img/icon_scroll.svg 0 → 100644
View file @ 6c035315
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0H8C5.8 0 4 1.8 4 4V14H0V16C0 18.2 1.8 20 4 20H12C14.2 20 16 18.2 16 16V6H20V4C20 1.8 18.2 0 16 0ZM10 18C1.7 18 7.6 18 4 18C2.9 18 2 17.1 2 16C9.8 16 2.6 16 10 16V18ZM14 16C14 17.1 13.1 18 12 18V14H6V4C6 2.9 6.9 2 8 2C11.6 2 5.7 2 14 2C14 6.1 14 -5.9 14 16ZM16 4V2C17.1 2 18 2.9 18 4H16ZM7 4H13V6H7V4ZM7 8H13V10H7V8Z" fill="#262262"/>
</svg>
src/invoice-payment.html 0 → 100644
View file @ 6c035315
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Заказ № 0028 от 30.01.2019</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Заказ № 0028 от 30.01.2019</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<h3>Исполнитель:</h3>
<div class="invoice-payment block-mt-blue">
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
<p class="invoice-payment-block__name">ИНН</p>
</div>
<div class="col-8">
<p class="invoice-payment-block__value">5261234567</p>
</div>
</div>
</div>
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
<p class="invoice-payment-block__name">КПП</p>
</div>
<div class="col-8">
<p class="invoice-payment-block__value">52609876543</p>
</div>
</div>
</div>
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
<p class="invoice-payment-block__name">Получатель</p>
</div>
<div class="col-8">
<p class="invoice-payment-block__value">ООО «Вахта Online»</p>
</div>
</div>
</div>
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
<p class="invoice-payment-block__name">Счёт №</p>
</div>
<div class="col-8">
<p class="invoice-payment-block__value">1234567890123456789</p>
</div>
</div>
</div>
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
<p class="invoice-payment-block__name">Банк получателя</p>
</div>
<div class="col-8">
<p class="invoice-payment-block__value">Нижегородский филиал банка АО КБ «АЛЬФАБАНК»</p>
</div>
</div>
</div>
<div class="invoice-payment-block">
<div class="row">
<div class="col-4">
<p class="invoice-payment-block__name">Счёт №</p>
</div>
<div class="col-8">
<p class="invoice-payment-block__value">1234567890123456789</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/main.html
View file @ 6c035315
...@@ -426,6 +426,18 @@ ...@@ -426,6 +426,18 @@
<li> <li>
<a href="response-vacancy-employer2.html">Отклик детальная 2</a> <a href="response-vacancy-employer2.html">Отклик детальная 2</a>
</li> </li>
<li>
<a href="employee-invitation.html">Приглашение работника</a>
</li>
<li>
<a href="payment-services.html">Оплата услуг</a>
</li>
<li>
<a href="invoice-payment.html">Счёт на оплату</a>
</li>
<li>
<a href="my-orders.html">Мои заказы</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/my-orders.html 0 → 100644
View file @ 6c035315
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Мои заказы</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Мои заказы</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="tabs">
<div class="tabs-items">
<a href="#" class="tabs-item tabs-item_active" data-tab="active">
Активные
</a>
<a href="#" class="tabs-item" data-tab="awaiting-payment">
Ожидают оплаты
</a>
<a href="#" class="tabs-item" data-tab="archival">
Архивные
</a>
</div>
<div class="filter-block block-mt-blue block-mb-green">
<div class="filter-block__title">
<a href="#" class="button-text filter-block__ref">
Фильтр
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="filter-block__content block-mt-green">
<form action="" name="form-filter" id="form-filter">
<div class="block-radio block-mb-yellow">
<label for="all-time">
<input type="radio" id="all-time" name="time" hidden checked>
<div class="radio"></div>
<p>За всё время</p>
</label>
</div>
<div class="block-radio">
<label for="period">
<input type="radio" id="period" name="time" hidden>
<div class="radio"></div>
<p>За период</p>
</label>
</div>
<div class="periods block-mt-yellow block-mb-green">
<div class="periods__stage block-mb-orange">
<label for="start-period">Начало периода:</label>
<input type="text" name="start-period" id="start-period" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" disabled>
</div>
<div class="periods__stage">
<label for="end-period">Конец периода:</label>
<input type="text" name="end-period" id="end-period" data-picker="datepicker" placeholder="ВЫБЕРИТЕ ДАТУ" disabled>
</div>
</div>
<input type="submit" name="submit-filter" class="main-button" value="Применить фильтр">
</form>
</div>
</div>
<div class="tabs-content block-mb-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="active">
<div class="container-compressed">
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="awaiting-payment">
<div class="container-compressed">
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="archival">
<div class="container-compressed">
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
<div class="block-mt-green">
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Состав заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Сумма заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">1 000 руб.</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Статус заказа:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Не оплачен</p>
</div>
</div>
</div>
<div class="order-block-content block-mb-yellow">
<div class="row">
<div class="col-4">
<p class="order-block-content__name">Способ оплаты:</p>
</div>
<div class="col-8">
<p class="order-block-content__value">Банковский перевод</p>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/my-vacancies.html
View file @ 6c035315
...@@ -400,7 +400,7 @@ ...@@ -400,7 +400,7 @@
<div class="table-header"> <div class="table-header">
<div class="table-header-row"> <div class="table-header-row">
<div class="table-header-row-block table-name-column"> <div class="table-header-row-block table-name-column">
<p>Резюме</p> <p>Вакансии</p>
</div> </div>
<div class="table-header-row-block table-views-column"> <div class="table-header-row-block table-views-column">
<p>Просмотры</p> <p>Просмотры</p>
...@@ -501,7 +501,7 @@ ...@@ -501,7 +501,7 @@
<div class="table-header"> <div class="table-header">
<div class="table-header-row"> <div class="table-header-row">
<div class="table-header-row-block table-name-column"> <div class="table-header-row-block table-name-column">
<p>Резюме</p> <p>Вакансии</p>
</div> </div>
<div class="table-header-row-block table-remove-column"> <div class="table-header-row-block table-remove-column">
<p>Удалить</p> <p>Удалить</p>
...@@ -583,7 +583,7 @@ ...@@ -583,7 +583,7 @@
<div class="table-header"> <div class="table-header">
<div class="table-header-row"> <div class="table-header-row">
<div class="table-header-row-block table-name-column"> <div class="table-header-row-block table-name-column">
<p>Резюме</p> <p>Вакансии</p>
</div> </div>
<div class="table-header-row-block table-views-column"> <div class="table-header-row-block table-views-column">
<p>Просмотры</p> <p>Просмотры</p>
......
src/payment-services.html 0 → 100644
View file @ 6c035315
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Заказ № 0028 от 30.01.2019</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-left">
<div href="#" class="choice-lang prompt">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">EN</a>
</div>
</div>
<div href="#" class="choice-city prompt">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Казань</a>
<a href="#">Москва</a>
</div>
</div>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<div href="#" class="prompt help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
<div class="prompt__block">
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-top-tablet">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-top-tablet__left">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="col-auto header-top-tablet__middle">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
</a>
</div>
<div class="col-auto header-top-tablet__right">
<a href="#" class="button-help">
<img src="./img/icon_button_help.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="header-mode-mobile">
<a href="#" class="choice-mode">Ищу работу</a>
<a href="#" class="choice-mode choice-mode_active">Ищу работника</a>
</div>
<div class="header-bottom">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-bottom-left">
<a href="#">
<img src="./img/logo.svg" class="main-logo" alt="">
<img src="./img/logo_mobile.svg" class="mobile-logo" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col header-bottom-right">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search.svg" alt="">
<p>Найти<br> работника</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
<p>Разместить<br> вакансию</p>
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
<p>Доступ к базе</p>
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
<p>Войти</p>
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-left">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-middle">
<div href="#" class="button-text choice-mode prompt">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
<div class="prompt__block">
<a href="#">Ищу работу</a>
</div>
</div>
</div>
<div class="col-7 header-scroll-right">
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll-mobile">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto header-scroll-mobile-left">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_base_success_scroll.svg" alt="">
</a>
</div>
<div class="col-auto header-scroll-mobile-right">
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
<p>Иван Иванов</p>
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu menu-main">
<div class="menu-title">
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__help">
<p class="menu-content-block__title">Помощь</p>
<a href="#">Полезные статьи</a>
<a href="#">Часто задаваемые вопросы</a>
<a href="#">Как пользоваться сервисом</a>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Язык</p>
<div class="menu-content-block__points">
<p>Русский</p>
<a href="#" class="button-text change-ref" data-change="lang">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
<div class="menu-content-block menu-content-block__change">
<p class="menu-content-block__title">Город</p>
<div class="menu-content-block__points">
<p>Нижний Новгород</p>
<a href="#" class="button-text change-ref" data-change="city">
Изменить
<img class="img-svg" src="./img/arrow_change.svg" alt="">
</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="lang">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Язык</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Русский</a>
<a href="#">Таджикский</a>
<a href="#">Узбекский</a>
</div>
</div>
</div>
<div class="menu menu-submenu" data-change="city">
<div class="menu-submenu-title">
<div class="menu-submenu-title__block">
<a href="#" class="back-menu">
<img class="img-svg" src="./img/arrow_back_change.svg" alt="">
</a>
<p>Город</p>
</div>
<a href="#" class="menu__close">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="menu-content">
<div class="menu-content-block menu-content-block__values">
<a href="#">Нижний Новгород</a>
<a href="#">Москва</a>
<a href="#">Казань</a>
</div>
</div>
</div>
</div>
<div class="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Заказ № 0028 от 30.01.2019</h1>
<div class="content-page block-mt-dark-blue">
<div class="profile-container">
<div class="row profile-container-row">
<div class="col-3">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
<div class="col-9">
<button type="button" class="other-button button-account">
<img class="img-svg" src="./img/icon_burger.svg" alt="">
</button>
<div class="payment-services">
<p class="block-mb-dark-blue">Сопроводительный текст. Заказ услуги позволит вам сэкономить время на поиск исполнителя. Достаточно разместить объявление, описать в нем задачу и требования, и исполнители сами будут откликаться на ваш заказ. Вам останется выбрать наиболее подходящее предложение.</p>
<div class="payment-services-block block-mb-blue">
<p class="payment-services-block__title">Услуга:</p>
<p class="block-mt-yellow">Доступ к фрагменту базы резюме: Нижегородская область на 1 день</p>
</div>
<div class="payment-services-block block-mb-blue">
<p class="payment-services-block__title">Сумма к оплате:</p>
<p class="block-mt-yellow">1 000 руб.</p>
</div>
<form action="" id="form-payment" name="form-payment">
<div class="row">
<div class="col-3">
<p>Способ оплаты:</p>
</div>
<div class="col-9">
<div class="block-radio">
<label for="cashless">
<input type="radio" id="cashless" name="payment-method" hidden="" checked>
<div class="radio"></div>
<p>Безналичная оплата (выставление счёта)</p>
</label>
</div>
<div class="block-radio block-mt-orange">
<label for="bank-card">
<input type="radio" id="bank-card" name="payment-method" hidden="">
<div class="radio"></div>
<p>Банковская карта</p>
</label>
</div>
</div>
</div>
<div class="block-mt-green">
<input type="submit" name="submit-payment" id="submit-payment" class="main-button" value="Оплатить">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-3 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row justify-content-between">
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a>
<a href="#" class="footer-pages__link">Полезные статьи</a>
<a href="#" class="footer-pages__link">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a>
<a href="#" class="footer-pages__link">Разместить резюме</a>
<a href="#" class="footer-pages__link">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a>
</div>
<div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a>
<a href="#" class="footer-pages__link">Разместить вакансию</a>
<a href="#" class="footer-pages__link">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div>
<div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_phone.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="tel:79876543210">+7 987 654 32 10</a>
<a href="tel:71234567890">+7 123 456 78 90</a>
</div>
</div>
<div class="footer-contacts__block">
<div class="footer-contacts__block__image">
<img src="./img/icon_mail.svg" alt="">
</div>
<div class="footer-contacts__block__content">
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div>
</div>
<button type="button" class="main-button button-feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="wrapper-shadow"></div>
<div class="modal-form" id="modal-feedback">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Обратная связь</h2>
<div class="block-mt-blue">
<form action="" name="form-feedback" id="form-feedback" data-ajax="true">
<div class="block-mb-yellow">
<label for="name-feedback">Имя <span>*</span></label>
<input type="text" name="name-feedback" id="name-feedback" pattern="[^-\s0-9`~!@#№$%^&*()_=+\\|\[\]{};:',.<>\/?]+$" placeholder="ВАШЕ ИМЯ" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="phone-feedback">Телефон <span>*</span></label>
<input type="text" name="phone-feedback" id="phone-feedback" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-feedback">E-mail</label>
<input type="text" name="email-feedback" id="email-feedback" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-MAIL">
</div>
<div class="block-mb-green">
<label for="message-feedback">Сообщение <span>*</span></label>
<textarea name="message-feedback" id="message-feedback" data-required="true"></textarea>
</div>
<p class="block-mb-green" style="font-size: 14px;"><span>*</span> - поля, обязательные для заполнения</p>
<p class="block-mb-green" style="font-size: 14px;">Нажимая кнопку «Отправить», Вы даёте своё согласие на обработку персональных данных</p>
<div class="wrapper-button-center">
<input type="submit" class="main-button" id="submit-feedback" name="submit-feedback" value="Отправить">
</div>
</form>
</div>
</div>
</div>
<div class="modal-form successful-sending">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Спасибо за обращение!</h2>
<p class="block-mt-blue">Наш менеджер свяжется с Вами в ближайшее время.</p>
</div>
</div>
<div class="modal-form modal-form__account" id="modal-account">
<div class="close-modal">
<a href="#">
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-orange">
<div class="sidebar-profile">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить вакансию
</a>
<a href="#" class="button-text base-resume" data-count="6 дн.">
<img class="img-svg" src="./img/icon_base_success.svg" alt="">
База резюме
</a>
<a href="#" class="button-text feedback" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_mailing.svg" alt="">
Рассылка
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_order.svg" alt="">
Мои заказы
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_watch.svg" alt="">
История заказов
</a>
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_statistics.svg" alt="">
Статистика
</a>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/response-employer.html
View file @ 6c035315
...@@ -407,6 +407,9 @@ ...@@ -407,6 +407,9 @@
<p>Дата отклика</p> <p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt=""> <img src="./img/icon_arrow_up.svg" alt="">
</div> </div>
<div class="response-header-row-block response-communication-method">
<p>Способ связи</p>
</div>
<div class="response-header-row-block response-feedback-column"> <div class="response-header-row-block response-feedback-column">
<p>Откликнуться</p> <p>Откликнуться</p>
</div> </div>
...@@ -424,11 +427,15 @@ ...@@ -424,11 +427,15 @@
<div class="response-content-row-right-wrapper response_new" data-label="Новый"> <div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">Компания «Мария»</a> <a href="#">Иванов Иван</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -439,11 +446,14 @@ ...@@ -439,11 +446,14 @@
<div class="response-content-row-right-wrapper response_new" data-label="Новый"> <div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a> <a href="#">Петров Василий</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<span>Позвоню сам</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -454,11 +464,15 @@ ...@@ -454,11 +464,15 @@
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">АО «МК Шатура»</a> <a href="#">Екатерина Иванова</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -469,11 +483,15 @@ ...@@ -469,11 +483,15 @@
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a> <a href="#">Маяковский Владимир</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -493,11 +511,15 @@ ...@@ -493,11 +511,15 @@
<div class="response-content-row-right-wrapper response_new" data-label="Новый"> <div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">IKEA</a> <a href="#">Иванов Иван</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -508,11 +530,15 @@ ...@@ -508,11 +530,15 @@
<div class="response-content-row-right-wrapper response_new" data-label="Новый"> <div class="response-content-row-right-wrapper response_new" data-label="Новый">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">Группа компаний «Пятёрочка»</a> <a href="#">Петров Василий</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -523,11 +549,15 @@ ...@@ -523,11 +549,15 @@
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a> <a href="#">Петров Василий</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -538,11 +568,15 @@ ...@@ -538,11 +568,15 @@
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a> <a href="#">Петров Василий</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-header-row-block response-communication-method">
<a href="tel:+79876543210">+79876543210</a>
<span>Позвоните мне</span>
</div>
<div class="response-content-row-block response-feedback-column"> <div class="response-content-row-block response-feedback-column">
<a href="#" class="response-ref"> <a href="#" class="response-ref">
<img src="./img/icon_response.svg" alt=""> <img src="./img/icon_response.svg" alt="">
...@@ -570,8 +604,8 @@ ...@@ -570,8 +604,8 @@
<p>Дата отклика</p> <p>Дата отклика</p>
<img src="./img/icon_arrow_up.svg" alt=""> <img src="./img/icon_arrow_up.svg" alt="">
</div> </div>
<div class="response-header-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<p>Откликнуться</p> <p>Способ связи</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -587,60 +621,56 @@ ...@@ -587,60 +621,56 @@
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">Компания «Мария»</a> <a href="#">Иванов Иван</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a> <a href="#">Иванов Иван</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">АО «МК Шатура»</a> <a href="#">Петров Василий</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a> <a href="#">Екатерина Иванова</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -656,60 +686,56 @@ ...@@ -656,60 +686,56 @@
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">IKEA</a> <a href="#">Маяковский Владимир</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">Группа компаний «Пятёрочка»</a> <a href="#">Иванов Иван</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Хачатрян</a> <a href="#">Екатерина Иванова</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="response-content-row-right-wrapper"> <div class="response-content-row-right-wrapper">
<div class="response-content-row"> <div class="response-content-row">
<div class="response-content-row-block response-company-column"> <div class="response-content-row-block response-company-column">
<a href="#">ИП Петров</a> <a href="#">Екатерина Иванова</a>
</div> </div>
<div class="response-content-row-block response-date-column"> <div class="response-content-row-block response-date-column">
<p>30.12.2019</p> <p>30.12.2019</p>
</div> </div>
<div class="response-content-row-block response-feedback-column"> <div class="response-header-row-block response-communication-method">
<a href="#" class="response-ref"> <a href="tel:+79876543210">+79876543210</a>
<img src="./img/icon_response.svg" alt=""> <span>Позвоните мне</span>
</a>
</div> </div>
</div> </div>
</div> </div>
......
src/response-vacancy-employer1.html
View file @ 6c035315
...@@ -343,8 +343,8 @@ ...@@ -343,8 +343,8 @@
+79876543210 +79876543210
</a> </a>
<a href="#" class="button-text job-applicant-data__title"> <a href="#" class="button-text job-applicant-data__title">
<img class="img-svg" src="./img/icon_window.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Столяр обивщик <p>Столяр-обивщик</p>
</a> </a>
</div> </div>
<div class="communication-method block-mt-dark-blue block-mb-purple"> <div class="communication-method block-mt-dark-blue block-mb-purple">
...@@ -488,7 +488,7 @@ ...@@ -488,7 +488,7 @@
Профиль Профиль
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_table.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии Мои вакансии
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
......
src/response-vacancy-employer2.html
View file @ 6c035315
...@@ -344,7 +344,7 @@ ...@@ -344,7 +344,7 @@
</a> --> </a> -->
<a href="#" class="button-text job-applicant-data__title"> <a href="#" class="button-text job-applicant-data__title">
<img class="img-svg" src="./img/icon_window.svg" alt=""> <img class="img-svg" src="./img/icon_window.svg" alt="">
Столяр обивщик <p>Столяр-обивщик</p>
</a> </a>
</div> </div>
<div class="communication-method block-mt-dark-blue block-mb-purple"> <div class="communication-method block-mt-dark-blue block-mb-purple">
...@@ -488,7 +488,7 @@ ...@@ -488,7 +488,7 @@
Профиль Профиль
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
<img class="img-svg" src="./img/icon_my_table.svg" alt=""> <img class="img-svg" src="./img/icon_my_resumes.svg" alt="">
Мои вакансии Мои вакансии
</a> </a>
<a href="#" class="button-text"> <a href="#" class="button-text">
......
src/scss/_custom.scss
View file @ 6c035315
...@@ -11,7 +11,7 @@ $container-max-widths: ( ...@@ -11,7 +11,7 @@ $container-max-widths: (
sm: 540px, sm: 540px,
md: 720px, md: 720px,
lg: 960px, lg: 960px,
xl: 1240px xl: 1270px
); );
$color-primary: #3c3b55; $color-primary: #3c3b55;
......
src/scss/style.scss
View file @ 6c035315
...@@ -4356,7 +4356,7 @@ input[type="submit"] ...@@ -4356,7 +4356,7 @@ input[type="submit"]
background-color: #fff; background-color: #fff;
border-top: 4px solid #dddce8; border-top: 4px solid #dddce8;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
min-width: 895px; // min-width: 925px;
margin-bottom: 0; margin-bottom: 0;
&-header &-header
{ {
...@@ -4554,10 +4554,10 @@ input[type="submit"] ...@@ -4554,10 +4554,10 @@ input[type="submit"]
background-color: #fff; background-color: #fff;
border-top: 4px solid #dddce8; border-top: 4px solid #dddce8;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
min-width: 895px; // min-width: 925px;
&-header &-header
{ {
padding: 20px 30px 20px 20px; padding: 20px 15px 20px 20px;
&-row &-row
{ {
display: flex; display: flex;
...@@ -4585,7 +4585,7 @@ input[type="submit"] ...@@ -4585,7 +4585,7 @@ input[type="submit"]
{ {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 140px; padding-left: 110px;
width: 76%; width: 76%;
} }
} }
...@@ -4598,22 +4598,23 @@ input[type="submit"] ...@@ -4598,22 +4598,23 @@ input[type="submit"]
justify-content: space-between; justify-content: space-between;
&-left &-left
{ {
width: 24%; width: 22%;
padding-left: 20px; padding-left: 20px;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
border-top: 1px solid #dddce8; border-top: 1px solid #dddce8;
padding-right: 20px;
} }
&-right &-right
{ {
width: 76%; width: 78%;
&-wrapper &-wrapper
{ {
padding-left: 150px; padding-left: 140px;
border-top: 1px solid #dddce8; border-top: 1px solid #dddce8;
.response-content-row .response-content-row
{ {
padding-right: 30px; padding-right: 15px;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
border-top: 1px solid #dddce8; border-top: 1px solid #dddce8;
...@@ -4633,23 +4634,51 @@ input[type="submit"] ...@@ -4633,23 +4634,51 @@ input[type="submit"]
&-name-column &-name-column
{ {
justify-content: flex-start; justify-content: flex-start;
align-items: center;
width: 24%; width: 24%;
} }
&-company-column &-company-column
{ {
justify-content: flex-start; justify-content: flex-start;
width: 40%; align-items: center;
width: 31%;
} }
&-date-column &-date-column
{ {
justify-content: center; justify-content: center;
width: 25%; width: 25%;
align-items: center;
} }
&-feedback-column &-feedback-column
{ {
justify-content: center; justify-content: center;
width: 20%; width: 20%;
} }
&-communication-method
{
width: 21%;
flex-direction: column;
align-items: center;
justify-content: center;
a
{
border: 0;
display: block;
line-height: normal;
}
span
{
display: block;
font-family: Montserrat Regular;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-disabled;
}
}
&-ref &-ref
{ {
border: 0; border: 0;
...@@ -5434,6 +5463,35 @@ input[type="submit"] ...@@ -5434,6 +5463,35 @@ input[type="submit"]
{ {
margin-right: 20px; margin-right: 20px;
} }
a
{
font-family: Montserrat Regular;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
&__title
{
margin-top: -7px;
p
{
font-family: Montserrat Regular;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-ref;
border-bottom: 1px dashed currentColor;
padding-bottom: 7px;
padding-top: 7px;
}
}
} }
.communication-method .communication-method
...@@ -5453,6 +5511,84 @@ input[type="submit"] ...@@ -5453,6 +5511,84 @@ input[type="submit"]
} }
} }
.payment-services
{
&-block
{
&__title
{
font-family: Montserrat Bold;
font-size: 19px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
}
form
{
.col-3, .col-9
{
padding-left: 15px;
padding-right: 15px;
}
}
}
.invoice-payment
{
background: #fff;
border-top: 3px solid #DDDCE8;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
&-block
{
padding: 20px;
border-bottom: 1px solid #DDDCE8;
p
{
line-height: normal;
}
}
}
.order-block
{
padding-bottom: 43px;
border-bottom: 2px solid #DDDCE8;
&-content
{
&__name
{
font-family: Montserrat Bold;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
}
&-content:last-child
{
margin: 0;
}
&-actions
{
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
.order-block:last-child
{
border: 0;
margin: 0;
padding: 0;
}
// Футер // Футер
......
webpack.config.js
View file @ 6c035315
...@@ -11,7 +11,7 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', ...@@ -11,7 +11,7 @@ const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article',
'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer', 'post-resume-step1', 'post-resume-step2', 'post-resume-step3', 'post-resume-step4', 'current-resume', 'index-employer', 'articles-employer', 'faq-employer',
'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer', 'current-article-employer', 'service-rules-employer', 'access-account-employer', 'tariffs', 'password-recovery-employer', 'registration-employer',
'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies', 'resumes-list', 'resumes-map', 'current-resume-employer', 'resume-paid', 'current-vacancy-employer', 'favorites-employer', 'my-vacancies',
'response-employer', 'response-vacancy-employer1', 'response-vacancy-employer2']; 'response-employer', 'response-vacancy-employer1', 'response-vacancy-employer2', 'employee-invitation', 'payment-services', 'invoice-payment', 'my-orders'];
const webpackConfig = { const webpackConfig = {
context: path.resolve(__dirname, 'src'), context: path.resolve(__dirname, 'src'),
......
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