Skip to content

A
Avalon
Commit 95fc52e4 authored by Sergey's avatar Sergey
Browse files
Options

Response vacancy for employer is done

parent 38fa1b94
Hide whitespace changes
Inline Side-by-side
Showing with 1120 additions and 1 deletion
src/img/icon_callback.svg 0 → 100644
View file @ 95fc52e4
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M14.8008 17.7996C14.8008 17.6996 14.8008 17.6996 14.8008 17.7996V17.7996ZM14.7008 18.1996C14.6008 18.2996 14.6008 18.2996 14.7008 18.1996V18.1996ZM14.1008 15.5996C13.4008 15.1996 12.7008 14.7996 12.0008 14.4996C10.6008 13.8996 10.7008 15.5996 9.70078 16.1996C8.30078 16.9996 3.60078 12.4996 3.90078 11.0996C4.00078 9.89961 5.30078 9.89961 4.90078 8.59961C4.70078 7.79961 4.40078 7.09961 4.10078 6.49961C3.70078 5.49961 3.60078 4.99961 2.60078 4.99961C1.80078 4.99961 1.30078 5.39961 0.900781 5.99961C-0.299219 7.59961 -0.0992187 9.79961 0.700781 11.4996C3.00078 16.4996 7.80078 19.6996 11.2008 19.9996C12.5008 20.0996 14.3008 19.3996 14.8008 17.9996C14.8008 18.0996 14.7008 18.1996 14.7008 18.1996C14.7008 18.1996 14.7008 18.0996 14.8008 17.9996C14.8008 17.8996 14.9008 17.7996 14.9008 17.7996C14.9008 17.7996 14.9008 17.8996 14.8008 17.9996C15.1008 16.7996 15.2008 16.1996 14.1008 15.5996ZM18.8008 6.19961H16.4008C16.0008 6.19961 15.7008 5.69961 16.1008 5.39961L19.7008 1.79961C20.1008 1.39961 20.1008 0.799609 19.7008 0.399609C19.3008 -0.000390619 18.7008 -0.000390619 18.3008 0.399609L14.7008 3.99961C14.4008 4.29961 13.8008 4.09961 13.8008 3.59961V1.19961C13.8008 0.599609 13.3008 0.199609 12.8008 0.199609C12.2008 0.199609 11.8008 0.699609 11.8008 1.19961V6.19961C11.8008 7.29961 12.7008 8.19961 13.8008 8.19961C14.6008 8.19961 13.8008 8.19961 18.8008 8.19961C19.4008 8.19961 19.8008 7.79961 19.8008 7.19961C19.8008 6.59961 19.4008 6.19961 18.8008 6.19961Z" fill="#3C3B55"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_notcallback.svg 0 → 100644
View file @ 95fc52e4
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M14.8008 17.8C14.8008 17.7 14.8008 17.7 14.8008 17.8V17.8ZM14.7008 18.2C14.6008 18.3 14.6008 18.3 14.7008 18.2V18.2ZM14.1008 15.6C13.4008 15.2 12.7008 14.8 12.0008 14.5C10.6008 13.9 10.7008 15.6 9.70078 16.2C9.00078 16.6 8.10078 15.9 7.60078 15.6C6.60078 15 5.70078 14.2 5.00078 13.2C4.60078 12.7 3.80078 11.8 3.90078 11.1C4.00078 9.9 5.30078 9.9 4.90078 8.6C4.70078 7.8 4.40078 7.1 4.10078 6.5C3.70078 5.5 3.60078 5 2.60078 5C1.80078 5 1.30078 5.4 0.900781 6C-0.299219 7.6 -0.0992187 9.8 0.700781 11.5C1.80078 14 3.80078 16.3 6.00078 17.9C7.50078 18.9 9.40078 19.9 11.2008 20C12.5008 20.1 14.3008 19.4 14.8008 18C14.8008 18.1 14.7008 18.2 14.7008 18.2C14.7008 18.2 14.7008 18.1 14.8008 18C14.8008 17.9 14.9008 17.8 14.9008 17.8C14.9008 17.8 14.9008 17.9 14.8008 18C15.1008 16.8 15.2008 16.2 14.1008 15.6ZM20.0008 2C20.0008 0.9 19.1008 0 18.0008 0C17.2008 0 18.0008 0 13.0008 0C12.4008 0 12.0008 0.4 12.0008 1C12.0008 1.6 12.4008 2 13.0008 2H15.4008C15.8008 2 16.1008 2.5 15.7008 2.8L12.1008 6.4C11.7008 6.8 11.7008 7.4 12.1008 7.8C12.5008 8.2 13.1008 8.2 13.5008 7.8L17.1008 4.2C17.4008 3.9 18.0008 4.2 18.0008 4.6V7C18.0008 7.6 18.5008 8 19.0008 8C19.6008 8 20.0008 7.5 20.0008 7V2Z" fill="#3C3B55"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_window.svg 0 → 100644
View file @ 95fc52e4
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0C0 4.2 0 15.9 0 20C4.1 20 15.4 20 20 20C20 15.9 20 4.2 20 0C10.6 0 8.8 0 0 0ZM18 18H2V2H18V18ZM16 9H4V7H16V9ZM16 13H4V11H16V13Z" fill="#3C3B55"/>
</svg>
src/main.html
View file @ 95fc52e4
......@@ -420,6 +420,12 @@
<li>
<a href="response-employer.html">Отклики</a>
</li>
<li>
<a href="response-vacancy-employer1.html">Отклик детальная</a>
</li>
<li>
<a href="response-vacancy-employer2.html">Отклик детальная 2</a>
</li>
</ul>
</div>
</div>
......
src/response-vacancy-employer1.html 0 → 100644
View file @ 95fc52e4
<!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 current-ref" 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">
<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="">
Столяр обивщик
</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_table.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 current-ref" 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-vacancy-employer2.html 0 → 100644
View file @ 95fc52e4
<!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 current-ref" 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">
<!-- <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="">
Столяр обивщик
</a>
</div>
<div class="communication-method block-mt-dark-blue block-mb-purple">
<img src="./img/icon_notcallback.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_table.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 current-ref" 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/scss/style.scss
View file @ 95fc52e4
......@@ -5425,6 +5425,34 @@ input[type="submit"]
}
.job-applicant-data
{
display: flex;
flex-direction: column;
align-items: flex-start;
.img-svg
{
margin-right: 20px;
}
}
.communication-method
{
display: flex;
align-items: center;
p
{
font-family: Montserrat Bold;
font-size: 15px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
margin-left: 10px;
}
}
// Футер
......
webpack.config.js
View file @ 95fc52e4
......@@ -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',
'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',
'response-employer'];
'response-employer', 'response-vacancy-employer1', 'response-vacancy-employer2'];
const webpackConfig = {
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