Skip to content

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

Current vacancy and company pages is done. Make profile

parent 4cd88bff
Show whitespace changes
Inline Side-by-side
Showing with 1954 additions and 68 deletions
src/404.html 0 → 100644
View file @ 25541172
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404</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">
<a href="#" class="choice-lang">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</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" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</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">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<div class="content-page block-mt-dark-blue" style="margin-top: 0;">
<div class="title-404 block-mb-dark-blue">
<img src="./img/img_title_404.png" alt="">
</div>
<div class="text-404">
<p>Кажется, что-то пошло не так...</p>
<p>Пожалуйста, воспользуйтесь поиском по сайту или вернитесь на <a href="index.html">главную страницу</a></p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row">
<div class="col-3 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-3 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-3 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-3 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 feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
\ No newline at end of file
src/current-company.html 0 → 100644
View file @ 25541172
<!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">
<a href="#" class="choice-lang">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</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" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</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">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>ОКБМ им. Африкантова</h1>
<div class="content-page block-mt-dark-blue">
<div class="brief-information block-mb-blue">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/logo_employer.svg" alt="">
</div>
<div class="brief-information-block__info">
<!-- <p class="brief-information-block__title">ИП Чапаев</p> -->
<div class="brief-information-block__rating">
<p>Рейтинг</p>
<div class="rating__wrapper">
<span class="i-star"></span>
<span class="i-star"></span>
<span class="i-star"></span>
<span class="i-star"></span>
<span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
</div>
</div>
</div>
<div class="brief-information-block__contacts">
<!-- <p class="brief-information-block__name">
<img src="./img/icon_profile.svg" alt="">
Петров Василий Иванович
</p> -->
<a href="mailto:chapai@gmail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
chapai@gmail.ru
</a>
<a href="tel:79876543210" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+79876543210
</a>
</div>
</div>
</div>
<div class="block-to-rate">
<p>Поставить оценку компании:</p>
<div class="rating__group">
<input class="rating__input" id="rating-input-1" type="radio" name="rating-input" value="1">
<label class="rating__star" for="rating-input-1"></label>
<input class="rating__input" id="rating-input-2" type="radio" name="rating-input" value="2">
<label class="rating__star" for="rating-input-2"></label>
<input class="rating__input" id="rating-input-3" type="radio" name="rating-input" value="3">
<label class="rating__star" for="rating-input-3"></label>
<input class="rating__input" id="rating-input-4" type="radio" name="rating-input" value="4">
<label class="rating__star" for="rating-input-4"></label>
<input class="rating__input" id="rating-input-5" type="radio" name="rating-input" value="5">
<label class="rating__star" for="rating-input-5"></label>
</div>
</div>
</div>
<div class="detailed-description block-mb-blue">
<h2>Основные данные</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Тип работодателя</p>
</div>
<div class="detailed-description-block__text">
<p>Прямой работодатель</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Адрес:</p>
</div>
<div class="detailed-description-block__text">
<p>г. Нижний Новгород, ул. Ивана Романова, д. 2</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Количество сотрудников:</p>
</div>
<div class="detailed-description-block__text">
<p>Менее 50</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Описание:</p>
</div>
<div class="detailed-description-block__text">
<p>Текст о компании – это краткая презентация фирмы. Он рассказывает, чем занимается компания, какие у нее достижения, чем она отличается от конкурентов, как фирма появилась и развивалась. Цель текста о компании – сформировать у читателей доверие к фирме. Когда человек находит сайт компании в интернете, он не может заглянуть в ее офис, лично поговорить с менеджерами. Он не знает, есть ли за яркой вывеской в виде сайта реальная компания. А если и есть, то не обманут ли его? Возможно, компания появилась вчера и завтра закроется? Текст о компании должен развеять сомнения клиента и показать, что фирма надежная, и с ней можно работать. В данном мастер-классе мы расскажем, как правильно написать текст о компании для сайта.</p>
</div>
</div>
</div>
<div class="wrapper-map">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="420" frameborder="0"></iframe>
</div>
<div class="vacancies-company block-mt-purple block-mb-purple">
<h2>Вакансии компании</h2>
<div class="row">
<div class="col-3">
<div class="vacancy-card popular">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="col-3">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
</div>
</div>
<div class="wrapper-transition-arrow">
<a href="#" class="transition-button transition-button__back" id="back-to-list">
<img class="img-svg" src="./img/arrow_back.svg" alt="">
К списку компаний
</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row">
<div class="col-3 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-3 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-3 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-3 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 feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
\ No newline at end of file
src/current-vacancy.html 0 → 100644
View file @ 25541172
<!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">
<a href="#" class="choice-lang">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a>
</div>
<div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</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" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</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">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</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="wrapper-content block-mt-dark-blue block-mb-purple">
<div class="container">
<h1>Мастер-наладчик</h1>
<div class="content-page block-mt-dark-blue">
<div class="brief-information block-mb-blue">
<div class="brief-information-block">
<div class="brief-information-block__image">
<img src="./img/logo_employer.svg" alt="">
</div>
<div class="brief-information-block__info">
<p class="brief-information-block__title">ИП Чапаев</p>
<div class="brief-information-block__rating">
<p>Рейтинг</p>
<div class="rating__wrapper">
<span class="i-star"></span>
<span class="i-star"></span>
<span class="i-star"></span>
<span class="i-star"></span>
<span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
<span class="i-star--filled"></span>
</div>
</div>
</div>
<div class="brief-information-block__contacts">
<p class="brief-information-block__name">
<img src="./img/icon_profile.svg" alt="">
Петров Василий Иванович
</p>
<a href="mailto:chapai@gmail.ru" class="brief-information-block__email">
<img src="./img/icon_mail.svg" alt="">
chapai@gmail.ru
</a>
<a href="tel:79876543210" class="brief-information-block__phone">
<img src="./img/icon_phone.svg" alt="">
+79876543210
</a>
</div>
</div>
</div>
<div class="block-to-rate">
<p>Поставить оценку вакансии:</p>
<div class="rating__group">
<input class="rating__input" id="rating-input-1" type="radio" name="rating-input" value="1">
<label class="rating__star" for="rating-input-1"></label>
<input class="rating__input" id="rating-input-2" type="radio" name="rating-input" value="2">
<label class="rating__star" for="rating-input-2"></label>
<input class="rating__input" id="rating-input-3" type="radio" name="rating-input" value="3">
<label class="rating__star" for="rating-input-3"></label>
<input class="rating__input" id="rating-input-4" type="radio" name="rating-input" value="4">
<label class="rating__star" for="rating-input-4"></label>
<input class="rating__input" id="rating-input-5" type="radio" name="rating-input" value="5">
<label class="rating__star" for="rating-input-5"></label>
</div>
</div>
</div>
<div class="detailed-description block-mb-blue">
<h2>Основные данные</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Предполагаемый доход:</p>
</div>
<div class="detailed-description-block__text">
<p>30 000 руб.</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Адрес:</p>
</div>
<div class="detailed-description-block__text">
<p>г. Нижний Новгород, ул. Ивана Романова, д. 2</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Описание:</p>
</div>
<div class="detailed-description-block__text">
<p>Текст о компании – это краткая презентация фирмы. Он рассказывает, чем занимается компания, какие у нее достижения, чем она отличается от конкурентов, как фирма появилась и развивалась. Цель текста о компании – сформировать у читателей доверие к фирме. Когда человек находит сайт компании в интернете, он не может заглянуть в ее офис, лично поговорить с менеджерами. Он не знает, есть ли за яркой вывеской в виде сайта реальная компания. А если и есть, то не обманут ли его? Возможно, компания появилась вчера и завтра закроется? Текст о компании должен развеять сомнения клиента и показать, что фирма надежная, и с ней можно работать. В данном мастер-классе мы расскажем, как правильно написать текст о компании для сайта.</p>
</div>
</div>
</div>
<div class="detailed-description block-mb-blue">
<h2>Условия работы</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Тип занятости:</p>
</div>
<div class="detailed-description-block__text">
<p>Полный день, гибкий график</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>График работы:</p>
</div>
<div class="detailed-description-block__text">
<p>Полная занятость, временная работа, частичная занятость</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Авансирование:</p>
</div>
<div class="detailed-description-block__text">
<p>Да</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Проживание:</p>
</div>
<div class="detailed-description-block__text">
<p>Не предоставляется</p>
</div>
</div>
</div>
<div class="detailed-description block-mb-blue">
<h2>Требования к кандидату</h2>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Возраст:</p>
</div>
<div class="detailed-description-block__text">
<p>от 20 до 45 лет</p>
</div>
</div>
<div class="detailed-description-block">
<div class="detailed-description-block__name">
<p>Стаж работы:</p>
</div>
<div class="detailed-description-block__text">
<p>1-3 года</p>
</div>
</div>
</div>
<div class="wrapper-map block-mb-blue">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A805e8a92d74677c7d0faadbbe38c16ccd54442663acf6a9591c2c8ce6d3b9c9e&amp;source=constructor" width="100%" height="420" frameborder="0"></iframe>
</div>
<div class="wrapper-form-share">
<form action="" id="form-share" name="form-share">
<div class="block-choice-filter">
<p class="block-choice-filter__name">Поделиться:</p>
<div class="block-radio">
<label for="share-vk">
<input type="radio" id="share-vk" name="way-share" hidden="">
<div class="radio"></div>
<img src="./img/share_vk.svg" alt="">
</label>
</div>
<div class="block-radio">
<label for="share-email">
<input type="radio" id="share-email" name="way-share" hidden="" checked>
<div class="radio"></div>
E-mail
</label>
</div>
</div>
<div class="block-mt-yellow">
<input type="text" name="email" class="data-email-share" placeholder="E-MAIL">
<input type="submit" class="main-button" name="submit-share" value="Поделиться">
</div>
</form>
</div>
<div class="similar-vacancies block-mt-purple block-mb-purple">
<h2>Похожие вакансии</h2>
<div class="similar-vacancies-slider">
<div class="similar-vacancies-slider-wrapper owl-carousel owl-theme">
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Грузчик</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Разнорабочий</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Наладчик конвейерного производства</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Помощник мастера</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Грузчик</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Разнорабочий</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
<div class="vacancy-card">
<div class="vacancy-card__desc">
<p class="vacancy-card__name">Наладчик конвейерного производства</p>
<p class="vacancy-card__company">ОКБМ им. Африкантова</p>
<p class="vacancy-card__salary">30 000 руб/мес</p>
<p class="vacancy-card__city">Нижний Новгород</p>
<p class="vacancy-card__parameters">Полный день, Гибкий график, Смена, Удалённая...</p>
<p class="vacancy-card__date">12.12.2019 г.</p>
</div>
<div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
<div class="navigation-similar-vacancies"></div>
</div>
</div>
<div class="wrapper-transition-arrow">
<a href="#" class="transition-button transition-button__back" id="back-to-list">
<img class="img-svg" src="./img/arrow_back.svg" alt="">
К списку вакансий
</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row">
<div class="col-3 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-3 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-3 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-3 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 feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
\ No newline at end of file
src/img/icon_big_star_empty.svg 0 → 100644
View file @ 25541172
<svg width="31" height="22" viewBox="0 0 31 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M21.5159 10.34C22.7318 9.13 22.0686 7.04 20.4105 6.82L16.2101 6.16C15.5468 6.05 14.9941 5.61 14.6625 5.06L12.7834 1.1C12.4517 0.44 11.678 0 11.0147 0C10.3515 0 9.57772 0.44 9.24611 1.21L7.36695 5.06C7.03533 5.72 6.48264 6.05 5.81941 6.16L1.72947 6.82C0.0713902 7.04 -0.591843 9.13 0.624084 10.34L3.60863 13.42C4.05079 13.86 4.27186 14.63 4.16133 15.29L3.49809 19.58C3.27701 20.9 4.27186 22 5.37725 22C5.70887 22 6.04048 21.89 6.26156 21.78L10.0199 19.8C10.3515 19.69 10.6831 19.58 10.9042 19.58C11.2358 19.58 11.5674 19.69 11.7885 19.8L15.5468 21.78C15.8784 22 16.2101 22 16.4311 22C17.6471 22 18.6419 20.9 18.4208 19.58L17.7576 15.29C17.6471 14.63 17.8681 13.97 18.3103 13.42L21.5159 10.34ZM16.5417 11.44C15.4363 12.54 14.8836 14.19 15.2152 15.73L15.6574 18.7L13.2255 17.27C12.5623 16.94 11.7885 16.72 11.0147 16.72C10.241 16.72 9.46719 16.94 8.80395 17.27L6.26156 18.7L6.70372 15.73C7.03533 14.19 6.59318 12.54 5.48779 11.44L3.38755 9.35L6.26156 8.91C7.69857 8.69 9.02503 7.7 9.7988 6.27L11.0147 3.63L12.2307 6.27C13.0044 7.7 14.3309 8.69 15.7679 8.91L18.6419 9.35L16.5417 11.44Z" fill="#DDDCE8"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="31" height="22" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_big_star_full.svg 0 → 100644
View file @ 25541172
<svg width="31" height="22" viewBox="0 0 31 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4393 13.42C17.9993 13.86 17.7794 14.63 17.8894 15.29L18.5493 19.58C18.7693 20.9 17.7794 22 16.6795 22C16.3495 22 16.0195 21.89 15.7996 21.78L12.0599 19.8C11.7299 19.69 11.4 19.58 11.18 19.58C10.85 19.58 10.5201 19.69 10.3001 19.8L6.56042 21.78C6.12047 21.89 5.7905 22 5.46053 22C4.25064 22 3.26074 20.9 3.48071 19.58L4.14065 15.29C4.25064 14.63 4.03066 13.97 3.5907 13.42L0.620984 10.34C-0.588902 9.13 0.0710355 7.04 1.72088 6.82L5.90049 6.16C6.56042 6.05 7.11037 5.61 7.44034 5.06L9.31017 1.1C9.64013 0.44 10.4101 0 11.07 0C11.7299 0 12.4999 0.44 12.8298 1.21L14.6997 5.17C15.0296 5.83 15.5796 6.16 16.2395 6.27L20.4191 6.93C22.069 7.15 22.7289 9.24 21.519 10.45L18.4393 13.42Z" fill="#92C83E"/>
</svg>
src/img/icon_feedback.svg
View file @ 25541172
...@@ -3,18 +3,18 @@ ...@@ -3,18 +3,18 @@
<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"> <style type="text/css">
.st0{fill:#262262;} <!-- .st0{fill:#262262;} -->
</style> </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 <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
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="#262262"/>
<defs> <defs>
<clipPath id="clip0"> <clipPath id="clip0">
<rect width="20" height="18.6" fill="white"/> <rect width="20" height="18.6"/>
</clipPath> </clipPath>
</defs> </defs>
</svg> </svg>
src/img/icon_my_resumes.svg 0 → 100644
View file @ 25541172
<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="#262262"/>
</svg>
src/img/icon_star_empty.svg
View file @ 25541172
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<!-- 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 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" width="15" height="15"> viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" width="15" height="15" fill="#dddce8">
<path id="star_x5F_favorite_1_" d="M19.5,9.4c1.1-1.1,0.5-3-1-3.2l-3.8-0.6c-0.6-0.1-1.1-0.5-1.4-1l-1.7-3.6C11.3,0.4,10.6,0,10,0 <path id="star_x5F_favorite_1_" d="M19.5,9.4c1.1-1.1,0.5-3-1-3.2l-3.8-0.6c-0.6-0.1-1.1-0.5-1.4-1l-1.7-3.6C11.3,0.4,10.6,0,10,0
C9.4,0,8.7,0.4,8.4,1.1L6.7,4.6c-0.3,0.6-0.8,0.9-1.4,1L1.6,6.2c-1.5,0.2-2.1,2.1-1,3.2l2.7,2.8c0.4,0.4,0.6,1.1,0.5,1.7l-0.6,3.9 C9.4,0,8.7,0.4,8.4,1.1L6.7,4.6c-0.3,0.6-0.8,0.9-1.4,1L1.6,6.2c-1.5,0.2-2.1,2.1-1,3.2l2.7,2.8c0.4,0.4,0.6,1.1,0.5,1.7l-0.6,3.9
C3,19,3.9,20,4.9,20c0.3,0,0.6-0.1,0.8-0.2l3.4-1.8c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.8,0.2l3.4,1.8c0.3,0.2,0.6,0.2,0.8,0.2 C3,19,3.9,20,4.9,20c0.3,0,0.6-0.1,0.8-0.2l3.4-1.8c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.8,0.2l3.4,1.8c0.3,0.2,0.6,0.2,0.8,0.2
c1.1,0,2-1,1.8-2.2l-0.6-3.9c-0.1-0.6,0.1-1.2,0.5-1.7L19.5,9.4z M15,10.4c-1,1-1.5,2.5-1.2,3.9l0.4,2.7L12,15.7 c1.1,0,2-1,1.8-2.2l-0.6-3.9c-0.1-0.6,0.1-1.2,0.5-1.7L19.5,9.4z M15,10.4c-1,1-1.5,2.5-1.2,3.9l0.4,2.7L12,15.7
c-0.6-0.3-1.3-0.5-2-0.5s-1.4,0.2-2,0.5L5.7,17l0.4-2.7C6.4,12.9,6,11.4,5,10.4L3.1,8.5l2.6-0.4C7,7.9,8.2,7,8.9,5.7L10,3.3l1.1,2.4 c-0.6-0.3-1.3-0.5-2-0.5s-1.4,0.2-2,0.5L5.7,17l0.4-2.7C6.4,12.9,6,11.4,5,10.4L3.1,8.5l2.6-0.4C7,7.9,8.2,7,8.9,5.7L10,3.3l1.1,2.4
C11.8,7,13,7.9,14.3,8.1l2.6,0.4L15,10.4z" stroke="#dddce8"/> C11.8,7,13,7.9,14.3,8.1l2.6,0.4L15,10.4z"/>
</svg> </svg>
src/img/icon_subscribe.svg 0 → 100644
View file @ 25541172
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.2 5.1L10.3 8.2L18.6 0L20 1.4L10.3 11.1L5.8 6.5L7.2 5.1ZM18 18H2V2H10V0C3.6 0 4.4 0 0 0C0 8.6 0 10.6 0 20C11.1 20 10.5 20 20 20C20 14.2 20 15.6 20 10H18V18Z" fill="#262262"/>
</svg>
src/img/logo_employer.svg 0 → 100644
View file @ 25541172
This source diff could not be displayed because it is too large. You can view the blob instead.
src/img/share_vk.svg 0 → 100644
View file @ 25541172
<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3334 15.1579C14.1668 15.1579 14.1668 13.9444 14.1668 13.4737C14.1668 12.6316 15.0001 11.7895 15.8334 11.7895C16.6668 11.7895 18.0959 13.2337 19.1668 14.3158C20.0001 15.1579 20.0001 15.1579 20.8334 15.1579C21.6668 15.1579 23.3334 15.1579 23.3334 15.1579C23.3334 15.1579 25.0001 15.0939 25.0001 13.4737C25.0001 12.9474 24.4293 12.0547 22.5001 10.1053C20.8334 8.42105 19.9784 9.29095 22.5001 5.89474C24.0359 3.82653 25.1534 1.95284 24.9618 1.41221C24.7784 0.896 20.5068 0.0741053 20.0001 0.842105C18.3334 3.36842 18.0276 3.98737 17.5001 5.05263C16.6668 6.73684 16.5843 7.57895 15.8334 7.57895C15.0759 7.57895 15.0001 5.94442 15.0001 5.05263C15.0001 2.26863 15.3993 0.299789 14.1668 0C14.1668 0 12.5001 0 11.6668 0C10.3251 0 9.16678 0.842105 9.16678 0.842105C9.16678 0.842105 8.13262 1.65726 8.33345 1.68421C8.58178 1.71789 10.0001 1.33558 10.0001 2.52632C10.0001 3.36842 10.0001 4.21053 10.0001 4.21053C10.0001 4.21053 10.0076 7.57895 9.16678 7.57895C8.33345 7.57895 6.66678 4.21053 5.00011 1.68421C4.34595 0.693053 4.16678 0.842105 3.33345 0.842105C2.44012 0.842105 1.66762 0.877473 0.833448 0.877473C0.000115134 0.877473 -0.106552 1.41389 0.000115164 1.68421C1.66678 5.89474 2.86428 8.53895 6.03095 11.8703C8.93511 14.9263 10.8751 15.0888 12.5001 15.1579C12.9168 15.1756 12.5001 15.1579 13.3334 15.1579Z" fill="#43638A"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="25" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
src/index.html
View file @ 25541172
...@@ -357,17 +357,17 @@ ...@@ -357,17 +357,17 @@
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
</div> </div>
<div class="rating__wrapper"> <div class="rating__wrapper">
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;"> <div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -384,17 +384,17 @@ ...@@ -384,17 +384,17 @@
<img src="./img/img_top_company2.png" alt=""> <img src="./img/img_top_company2.png" alt="">
</div> </div>
<div class="rating__wrapper"> <div class="rating__wrapper">
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;"> <div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -411,17 +411,17 @@ ...@@ -411,17 +411,17 @@
<img src="./img/img_top_company3.png" alt=""> <img src="./img/img_top_company3.png" alt="">
</div> </div>
<div class="rating__wrapper"> <div class="rating__wrapper">
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;"> <div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -438,17 +438,17 @@ ...@@ -438,17 +438,17 @@
<img src="./img/img_top_company1.png" alt=""> <img src="./img/img_top_company1.png" alt="">
</div> </div>
<div class="rating__wrapper"> <div class="rating__wrapper">
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;"> <div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -465,17 +465,17 @@ ...@@ -465,17 +465,17 @@
<img src="./img/img_top_company2.png" alt=""> <img src="./img/img_top_company2.png" alt="">
</div> </div>
<div class="rating__wrapper"> <div class="rating__wrapper">
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;"> <div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -492,17 +492,17 @@ ...@@ -492,17 +492,17 @@
<img src="./img/img_top_company3.png" alt=""> <img src="./img/img_top_company3.png" alt="">
</div> </div>
<div class="rating__wrapper"> <div class="rating__wrapper">
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<span class="i-star" style="background-image: url(./img/icon_star_empty.svg);"></span> <span class="i-star"></span>
<div class="rating__filled-stars" style="width: 81%;"> <div class="rating__filled-stars" style="width: 81%;">
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
<span class="i-star--filled" style="background-image: url(./img/icon_star_full.svg);"></span> <span class="i-star--filled"></span>
</div> </div>
</div> </div>
</div> </div>
......
src/js/main.js
View file @ 25541172
...@@ -113,6 +113,23 @@ $('.usage-steps-slider-wrapper').owlCarousel({ ...@@ -113,6 +113,23 @@ $('.usage-steps-slider-wrapper').owlCarousel({
}); });
// Слайдер Похожие вакансии
$('.similar-vacancies-slider-wrapper').owlCarousel({
loop:true, //Зацикливаем слайдер
items:4,
margin:20, //Отступ от элемента справа в 50px
nav:true, //Отключение навигации
dots: false,
autoplay: false, //Автозапуск слайдера
smartSpeed:300, //Время движения слайда
autoplayTimeout:300, //Время смены слайда
mouseDrag: false,
touchDrag: false,
navContainer: '.navigation-similar-vacancies',
navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"],
});
// Аккордеон // Аккордеон
try try
...@@ -504,6 +521,26 @@ document.addEventListener('DOMContentLoaded', () => { ...@@ -504,6 +521,26 @@ document.addEventListener('DOMContentLoaded', () => {
} }
}); });
// Форма Поделиться
let radioShareVk = document.querySelector('#share-vk');
let radioShareEmail = document.querySelector('#share-email');
let dataEmailShare = document.querySelector('.data-email-share');
radioShareVk.addEventListener('change', () => {
if(radioShareVk.checked)
{
dataEmailShare.style.display = 'none';
}
});
radioShareEmail.addEventListener('change', () => {
if(radioShareEmail.checked)
{
dataEmailShare.style.display = 'inline-block';
}
});
......
src/main.html
View file @ 25541172
...@@ -164,6 +164,18 @@ ...@@ -164,6 +164,18 @@
<li> <li>
<a href="companies-map.html">Компании на карте</a> <a href="companies-map.html">Компании на карте</a>
</li> </li>
<li>
<a href="current-vacancy.html">Вакансия детальная</a>
</li>
<li>
<a href="current-company.html">Компания детальная</a>
</li>
<li>
<a href="404.html">404</a>
</li>
<!-- <li>
<a href="profile.html">Профиль</a>
</li> -->
</ul> </ul>
</div> </div>
</div> </div>
......
src/profile.html 0 → 100644
View file @ 25541172
<!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">
<a href="#" class="choice-lang">
RU
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
<a href="#" class="choice-city">
Нижний Новгород
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
<div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</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>
<a href="#" class="help">
Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt="">
</a>
</div>
</div>
</div>
</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" alt="">
</a>
<p>Быстрый поиск узкоквалифицированной работы</p>
</div>
<div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме
</a>
<a href="#" class="button-text login hidden">
<img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти
</a>
<div class="header-profile">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Иванов Иван
</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">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 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 search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_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="">
Иванов Иван
</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="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 release-resume">
<img class="img-svg" src="./img/icon_resume.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 favorites">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text favorites">
<img class="img-svg" src="./img/icon_subscribe.svg" alt="">
Подписка
</a>
</div>
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div>
<div class="col-9">
<div class="profile-data">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 footer-left">
<a href="#">
<img src="./img/logo.svg" alt="">
</a>
</div>
<div class="col-9 footer-right">
<div class="row">
<div class="col-3 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-3 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-3 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-3 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 feedback">Обратная связь</button>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
\ No newline at end of file
src/scss/style.scss
View file @ 25541172
...@@ -1691,6 +1691,7 @@ button ...@@ -1691,6 +1691,7 @@ button
max-width: 15px; max-width: 15px;
display: inline-block; display: inline-block;
margin-right: 6px; margin-right: 6px;
background-image: url(../img/icon_star_full.svg);
} }
.i-star .i-star
...@@ -1704,9 +1705,11 @@ button ...@@ -1704,9 +1705,11 @@ button
min-width: 15px; min-width: 15px;
display: inline-block; display: inline-block;
margin-right: 6px; margin-right: 6px;
background-image: url(../img/icon_star_empty.svg);
} }
// Баннеры с рекламой // Баннеры с рекламой
.main-images .main-images
...@@ -2930,6 +2933,425 @@ ymaps[class$='pie-chart-content'] ...@@ -2930,6 +2933,425 @@ ymaps[class$='pie-chart-content']
} }
// Вакансия детальная и Компания детальная
// Поставить оценку
.block-to-rate
{
width: 210px;
height: 154px;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 28px;
padding-right: 28px;
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
p
{
font-family: Montserrat Bold;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
margin-bottom: 32px;
}
}
.rating__group
{
position: relative;
display: flex;
background-repeat: repeat-x;
background-image: url(../img/icon_big_star_empty.svg);
height: 30px;
background-size: 30px 30px;
width: 8.9em;
label
{
margin-bottom: 0;
}
.rating__input
{
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
// display: none;
}
.rating__star
{
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
top: 0;
left: 0;
outline: 0;
cursor: pointer;
// margin-right: 4.5px;
// margin-left: 4.5px;
background-size: 30px 30px;
background-repeat: repeat-x;
// background-image: url(../img/icon_big_star_empty.svg);
transition: .3s;
}
.rating__star:nth-of-type(1)
{
z-index: 5;
width: 1.78rem;
}
.rating__star:nth-of-type(2)
{
z-index: 4;
width: 3.56rem;
}
.rating__star:nth-of-type(3)
{
z-index: 3;
width: 5.34rem;
}
.rating__star:nth-of-type(4)
{
z-index: 2;
width: 7.12rem;
}
.rating__star:nth-of-type(5)
{
z-index: 1;
width: 8.9rem;
}
.rating__input:checked+.rating__star, .rating__star:hover
{
background-image: url(../img/icon_big_star_full.svg);
}
}
.brief-information
{
display: flex;
justify-content: space-between;
&-block
{
display: flex;
&__image
{
display: flex;
justify-content: center;
align-items: center;
width: 190px;
height: 190px;
background-color: #ffffff;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
}
&__info
{
margin-left: 50px;
}
&__title
{
font-family: Raleway Bold;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
margin-bottom: 32px;
}
&__rating
{
display: flex;
margin-bottom: 32px;
.rating__wrapper
{
margin-top: 0;
}
p
{
margin-right: 20px;
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;
}
}
&__contacts
{
p, a
{
font-family: Montserrat Regular;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
display: block;
border: 0;
margin-bottom: 22px;
img
{
margin-right: 20px;
width: 20px;
}
}
}
}
}
.detailed-description
{
h2
{
margin-bottom: 43px;
}
&-block
{
display: flex;
margin-bottom: 32px;
&__name
{
width: 16%;
p
{
font-family: Montserrat Bold;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 30px;
letter-spacing: normal;
color: $color-primary;
}
}
&__text
{
width: 84%;
p
{
font-family: Montserrat Regular;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 30px;
letter-spacing: normal;
color: $color-primary;
}
}
}
}
.wrapper-map
{
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
}
.wrapper-form-share
{
form
{
.block-choice-filter
{
display: flex;
align-items: center;
label
{
margin-bottom: 0;
font-family: Montserrat Regular;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
.block-radio
{
margin-top: 0;
margin-right: 40px;
}
&__name
{
font-family: Raleway Bold;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-ref;
margin-right: 50px;
}
}
input[type="text"]
{
width: 400px;
margin-right: 5px;
}
}
}
input[type="submit"]
{
height: 53px;
}
.similar-vacancies
{
position: relative;
h2
{
margin-bottom: 43px;
}
&-slider
{
position: relative;
}
.navigation-similar-vacancies
{
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
bottom: calc(50% + 15px);
z-index: 1;
button
{
position: absolute;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
}
.owl-prev
{
left: 10px;
}
.owl-next
{
right: 10px;
}
}
}
.vacancies-company
{
h2
{
margin-bottom: 43px;
}
.row
{
margin-left: -10px;
margin-right: -10px;
.col-3
{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 22px;
}
}
}
// 404-страница
.title-404
{
text-align: center;
img
{
max-width: 100%;
height: auto;
}
}
.text-404
{
text-align: center;
p
{
font-family: Montserrat Regular;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: normal;
color: $color-primary;
}
p:nth-child(2)
{
margin-top: 26px;
}
}
// Страница Профиль
.profile-container
{
&-row
{
margin-left: -25px;
margin-right: -25px;
.col-3
{
padding-left: 25px;
padding-right: 25px;
}
.col-9
{
padding-left: 25px;
padding-right: 25px;
}
}
.sidebar-profile
{
border-radius: 3px;
background-color: #ffffff;
padding: 43px 26px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
a
{
display: block;
margin-bottom: 32px;
.img-svg
{
width: 20px;
height: 20px;
}
}
a:last-child
{
margin-bottom: 0;
}
}
.sidebar-image
{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 452px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
}
}
.footer .footer
{ {
background-color: #fff; background-color: #fff;
......
webpack.config.js
View file @ 25541172
...@@ -6,7 +6,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin'); ...@@ -6,7 +6,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const webpack = require('webpack'); const webpack = require('webpack');
const isDev = process.env.NODE_ENV = 'development'; const isDev = process.env.NODE_ENV = 'development';
const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list', const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list',
'vacancies-map', 'companies-map']; 'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile'];
const webpackConfig = { const webpackConfig = {
context: path.resolve(__dirname, 'src'), context: path.resolve(__dirname, 'src'),
...@@ -48,7 +48,12 @@ const webpackConfig = { ...@@ -48,7 +48,12 @@ const webpackConfig = {
{ {
test: /\.s[ac]ss$/, test: /\.s[ac]ss$/,
use: [ use: [
MiniCssExtractPlugin.loader, {
loader: MiniCssExtractPlugin.loader,
options: {
publicPath: '../'
}
},
{ {
loader: 'css-loader', loader: 'css-loader',
options: { options: {
......
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