Skip to content

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

Pages profile and my resumes is done. Make favorites vacancies

parent 25541172
Show whitespace changes
Inline Side-by-side
Showing with 2042 additions and 190 deletions
package-lock.json
View file @ be37a91e
...@@ -6783,6 +6783,11 @@ ...@@ -6783,6 +6783,11 @@
} }
} }
}, },
"nodelist-foreach-polyfill": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/nodelist-foreach-polyfill/-/nodelist-foreach-polyfill-1.2.0.tgz",
"integrity": "sha512-hPW0tSoi1gJ3diSOyjFYOsYLZjnxF04psobzKA5GGGCz3fKHnLODwgdyXQq2cddYlvmT3q+ZNEBrfBdMkYPLaA=="
},
"nopt": { "nopt": {
"version": "3.0.6", "version": "3.0.6",
"resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
...@@ -10941,6 +10946,11 @@ ...@@ -10941,6 +10946,11 @@
"integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==", "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==",
"dev": true "dev": true
}, },
"whatwg-fetch": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz",
"integrity": "sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q=="
},
"which": { "which": {
"version": "1.3.1", "version": "1.3.1",
"resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
......
src/404.html
View file @ be37a91e
...@@ -143,27 +143,27 @@ ...@@ -143,27 +143,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/access-account.html
View file @ be37a91e
...@@ -191,27 +191,27 @@ ...@@ -191,27 +191,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/articles.html
View file @ be37a91e
...@@ -308,27 +308,27 @@ ...@@ -308,27 +308,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -347,7 +347,7 @@ ...@@ -347,7 +347,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/companies-list.html
View file @ be37a91e
...@@ -525,27 +525,27 @@ ...@@ -525,27 +525,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -564,7 +564,7 @@ ...@@ -564,7 +564,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/companies-map.html
View file @ be37a91e
...@@ -267,27 +267,27 @@ ...@@ -267,27 +267,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -306,7 +306,7 @@ ...@@ -306,7 +306,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/current-article.html
View file @ be37a91e
...@@ -161,27 +161,27 @@ ...@@ -161,27 +161,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -200,7 +200,7 @@ ...@@ -200,7 +200,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/current-company.html
View file @ be37a91e
...@@ -374,27 +374,27 @@ ...@@ -374,27 +374,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -413,7 +413,7 @@ ...@@ -413,7 +413,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/current-vacancy.html
View file @ be37a91e
...@@ -476,27 +476,27 @@ ...@@ -476,27 +476,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -515,7 +515,7 @@ ...@@ -515,7 +515,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/faq.html
View file @ be37a91e
...@@ -206,27 +206,27 @@ ...@@ -206,27 +206,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -245,7 +245,7 @@ ...@@ -245,7 +245,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/favorites-vacancies-list.html 0 → 100644
View file @ be37a91e
<!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 current-ref">
<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">
<a href="#" class="button-text favorites-vacancies-map">
<img class="img-svg" src="./img/icon_map.svg" alt="">
Показать на карте
</a>
<div class="favorites-list block-mt-yellow">
<div class="row favorites-list-row">
<div class="col-4">
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
</div>
<div class="col-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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-4">
<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__toggle">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" 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 class="wrapper-button block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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 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>
</body>
</html>
\ No newline at end of file
src/favorites-vacancies-map.html 0 → 100644
View file @ be37a91e
<!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 current-ref">
<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>
</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 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>
</body>
</html>
\ No newline at end of file
src/img/icon_arrow_up.svg 0 → 100644
View file @ be37a91e
<svg width="8" height="11" viewBox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.90002 4.70013C7.76668 4.83346 7.56668 4.80013 7.43335 4.6668L4.33335 1.20013V10.6335C4.33335 10.8335 4.20002 10.9668 4.00002 10.9668C3.80002 10.9668 3.66668 10.8335 3.66668 10.6335V1.20013L0.600017 4.70013C0.466683 4.83346 0.266683 4.8668 0.13335 4.73346C1.66446e-05 4.60013 -0.0333167 4.40013 0.100017 4.2668L3.76668 0.10013L3.80002 0.0667953C3.80002 0.0667953 3.80002 0.0667963 3.83335 0.0334625C3.83335 0.0334625 3.86668 0.0334635 3.86668 0.0001297C3.86668 0.0001297 3.86668 0.0001297 3.90002 0.0001297H3.93335C3.96668 0.0001297 3.96668 0.0001297 4.00002 0.0001297C4.03335 0.0001297 4.03335 0.0001297 4.06668 0.0001297H4.10002C4.10002 0.0001297 4.10002 0.0001297 4.13335 0.0001297C4.13335 0.0001297 4.16668 0.000128746 4.16668 0.0334625C4.16668 0.0334625 4.16668 0.0334616 4.20002 0.0667953L4.23335 0.10013L7.90002 4.2668C8.03335 4.40013 8.03335 4.60013 7.90002 4.70013Z" fill="#3C3B55"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="8" height="11" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_close.svg 0 → 100644
View file @ be37a91e
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.98 7L14 13.02L13.02 14L7 7.98L0.98 14L0 13.02L6.02 7L0 0.98L0.98 0L7 6.02L13.02 0L14 0.98L7.98 7Z" fill="#262262"/>
</svg>
src/img/icon_edit.svg 0 → 100644
View file @ be37a91e
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 3.22549L10.7745 0L3.43137 6.79412V10.5686H7.20588L14 3.22549ZM10.8431 1.85294L12.0784 3.08824L11.1176 4.11765L9.88235 2.88235L10.8431 1.85294ZM4.80392 9.19608V7.34314L8.71569 3.70588L10.0882 5.21569L6.58824 9.19608H4.80392ZM13.7255 12.6275V14C8.44118 14 5.14706 14 0 14V12.6275C7 12.6275 6.79412 12.6275 13.7255 12.6275Z" fill="#262262"/>
</svg>
src/img/icon_garbage.svg 0 → 100644
View file @ be37a91e
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 3.2C12 2 12 1.2 12 0H4C4 1.2 4 2 4 3.2C2.48 3.2 1.52 3.2 0 3.2V4.8H2.4V16C6.96 16 8.24 16 13.6 16V4.8H16V3.2C13.52 3.2 14.16 3.2 12 3.2ZM5.6 1.6H10.4V3.2H5.6V1.6ZM12 14.4H4V4.8H12V14.4ZM10.4 12.8H8.8V6.4H10.4V12.8ZM7.2 12.8H5.6V6.4H7.2V12.8Z" fill="#262262"/>
</svg>
src/img/icon_publish.svg 0 → 100644
View file @ be37a91e
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6 8.4H14V14H0V0H5.6V1.4H1.4V12.6H12.6V8.4ZM8.4 0V1.4H11.55L6.37 6.44L7.42 7.35L12.6 2.03V5.6H14C14 2.24 14 2.94 14 0C12.11 0 10.92 0 8.4 0Z" fill="#262262"/>
</svg>
src/img/icon_remove_vacancy.svg 0 → 100644
View file @ be37a91e
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4 10L20 18.6L18.6 20L10 11.4L1.4 20L0 18.6L8.6 10L0 1.4L1.4 0L10 8.6L18.6 0L20 1.4L11.4 10Z" fill="#262262"/>
</svg>
src/img/icon_toggle_password.svg 0 → 100644
View file @ be37a91e
<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M10 0C5.7 0 2 2.3 0 5.8C2 9.3 5.7 11.6 10 11.6C14.3 11.6 18 9.3 20 5.8C18 2.3 14.3 0 10 0ZM10 9.6C7 9.6 4.2 8.2 2.4 5.8C4.2 3.4 7 2 10 2C13 2 15.8 3.4 17.6 5.8C15.8 8.1 13 9.6 10 9.6ZM12 5.8C12 6.9 11.1 7.8 10 7.8C8.9 7.8 8 6.9 8 5.8C8 4.7 8.9 3.8 10 3.8C11.1 3.8 12 4.7 12 5.8Z" fill="#B7B6C4"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="11.6" fill="white"/>
</clipPath>
</defs>
</svg>
src/index.html
View file @ be37a91e
...@@ -173,8 +173,8 @@ ...@@ -173,8 +173,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -195,8 +195,8 @@ ...@@ -195,8 +195,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -217,8 +217,8 @@ ...@@ -217,8 +217,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -239,8 +239,8 @@ ...@@ -239,8 +239,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -261,8 +261,8 @@ ...@@ -261,8 +261,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -283,8 +283,8 @@ ...@@ -283,8 +283,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -305,8 +305,8 @@ ...@@ -305,8 +305,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -327,8 +327,8 @@ ...@@ -327,8 +327,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -714,27 +714,27 @@ ...@@ -714,27 +714,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -753,7 +753,7 @@ ...@@ -753,7 +753,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/js/main.js
View file @ be37a91e
import 'whatwg-fetch';
import 'nodelist-foreach-polyfill';
import '../scss/style.scss'; import '../scss/style.scss';
import Choices from '../../node_modules/choices.js/src/scripts/choices'; import Choices from '../../node_modules/choices.js/src/scripts/choices';
import 'owl.carousel'; import 'owl.carousel';
...@@ -527,19 +529,51 @@ let radioShareVk = document.querySelector('#share-vk'); ...@@ -527,19 +529,51 @@ let radioShareVk = document.querySelector('#share-vk');
let radioShareEmail = document.querySelector('#share-email'); let radioShareEmail = document.querySelector('#share-email');
let dataEmailShare = document.querySelector('.data-email-share'); let dataEmailShare = document.querySelector('.data-email-share');
radioShareVk.addEventListener('change', () => { if(radioShareVk && radioShareEmail)
{
radioShareVk.addEventListener('change', () => {
if(radioShareVk.checked) if(radioShareVk.checked)
{ {
dataEmailShare.style.display = 'none'; dataEmailShare.style.display = 'none';
} }
}); });
radioShareEmail.addEventListener('change', () => { radioShareEmail.addEventListener('change', () => {
if(radioShareEmail.checked) if(radioShareEmail.checked)
{ {
dataEmailShare.style.display = 'inline-block'; dataEmailShare.style.display = 'inline-block';
} }
}); });
}
// Скрыть и показать пароль
let togglePassword = document.querySelectorAll('.toggle-password');
if(togglePassword.length > 0)
{
togglePassword.forEach(elem =>
{
elem.addEventListener('click', (e) =>
{
e.preventDefault();
let inputPassword = elem.parentElement.querySelector('input[name="password"]');
inputPassword.type === 'password' ? inputPassword.type = 'text' : inputPassword.type = 'password';
});
});
}
// Проверка откликов в резюме
let resumesFeedback = document.querySelectorAll('.resumes-content-row-block.resumes-feedback-column p');
if(resumesFeedback.length > 0)
{
resumesFeedback.forEach(elem => {
elem.innerHTML === '0' ? elem.style.color = '#b7b6c3' : elem.style.borderBottom = '1px dashed currentColor';
});
}
......
src/main.html
View file @ be37a91e
...@@ -173,8 +173,20 @@ ...@@ -173,8 +173,20 @@
<li> <li>
<a href="404.html">404</a> <a href="404.html">404</a>
</li> </li>
<!-- <li> <li>
<a href="profile.html">Профиль</a> <a href="profile.html">Профиль</a>
</li>
<li>
<a href="profile-editing.html">Редактирование профиля</a>
</li>
<li>
<a href="my-resumes.html">Мои резюме</a>
</li>
<li>
<a href="favorites-vacancies-list.html">Избранное - Список</a>
</li>
<!-- <li>
<a href="favorites-vacancies-map.html">Избранное - На карте</a>
</li> --> </li> -->
</ul> </ul>
</div> </div>
...@@ -189,27 +201,27 @@ ...@@ -189,27 +201,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -228,7 +240,7 @@ ...@@ -228,7 +240,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/my-resumes.html 0 → 100644
View file @ be37a91e
<!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 current-ref">
<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="tabs">
<div class="tabs-items">
<a href="#" class="tabs-item tabs-item_active" data-tab="actual">
Активные
</a>
<a href="#" class="tabs-item" data-tab="drafts">
Черновики
</a>
<a href="#" class="tabs-item" data-tab="archive">
Архивные
</a>
</div>
<div class="tabs-content block-mt-blue block-mb-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="actual">
<div class="resumes resumes-actual">
<div class="resumes-header">
<div class="resumes-header-row">
<div class="resumes-header-row-block resumes-name-column">
<p>Резюме</p>
</div>
<div class="resumes-header-row-block resumes-views-column">
<p>Просмотры</p>
</div>
<div class="resumes-header-row-block resumes-feedback-column">
<p>Отклики</p>
</div>
<div class="resumes-header-row-block resumes-date-column">
<p>Истекает</p>
<img src="./img/icon_arrow_up.svg" alt="">
</div>
</div>
</div>
<div class="resumes-content">
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Столяр-обивщик</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text unpublish">
<img class="img-svg" src="./img/icon_close.svg" alt="">
Снять с публикации
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-views-column">
<p>2</p>
</div>
<div class="resumes-content-row-block resumes-feedback-column">
<p>0</p>
</div>
<div class="resumes-content-row-block resumes-date-column">
<p>30.12.2019</p>
</div>
</div>
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Комплектовщик-наборщик заказов</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text unpublish">
<img class="img-svg" src="./img/icon_close.svg" alt="">
Снять с публикации
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-views-column">
<p>18</p>
</div>
<div class="resumes-content-row-block resumes-feedback-column">
<p>2</p>
</div>
<div class="resumes-content-row-block resumes-date-column">
<p>03.11.2019</p>
</div>
</div>
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Грузчик</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text unpublish">
<img class="img-svg" src="./img/icon_close.svg" alt="">
Снять с публикации
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-views-column">
<p>30</p>
</div>
<div class="resumes-content-row-block resumes-feedback-column">
<p>4 <span>+2</span></p>
</div>
<div class="resumes-content-row-block resumes-date-column">
<p>18.10.2019</p>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="drafts">
<div class="resumes resumes-drafts">
<div class="resumes-header">
<div class="resumes-header-row">
<div class="resumes-header-row-block resumes-name-column">
<p>Резюме</p>
</div>
<div class="resumes-header-row-block resumes-remove-column">
<p>Удалить</p>
</div>
</div>
</div>
<div class="resumes-content">
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Столяр-обивщик</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text publish">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-remove-column">
<a href="#" class="remove-resume">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Комплектовщик-наборщик заказов</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text publish">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-remove-column">
<a href="#" class="remove-resume">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Грузчик</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text publish">
<img class="img-svg" src="./img/icon_publish.svg" alt="">
Опубликовать
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-remove-column">
<a href="#" class="remove-resume">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-content-block" data-tab="archive">
<div class="resumes resumes-archive">
<div class="resumes-header">
<div class="resumes-header-row">
<div class="resumes-header-row-block resumes-name-column">
<p>Резюме</p>
</div>
<div class="resumes-header-row-block resumes-views-column">
<p>Просмотры</p>
</div>
<div class="resumes-header-row-block resumes-feedback-column">
<p>Отклики</p>
</div>
<div class="resumes-header-row-block resumes-date-column">
<p>Истекло</p>
<img src="./img/icon_arrow_up.svg" alt="">
</div>
<div class="resumes-header-row-block resumes-remove-column">
<P>Удалить</P>
</div>
</div>
</div>
<div class="resumes-content">
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Столяр-обивщик</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text publish-repeat">
<img class="img-svg" src="./img/icon_close.svg" alt="">
Опубликовать повторно
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-views-column">
<p>2</p>
</div>
<div class="resumes-content-row-block resumes-feedback-column">
<p>0</p>
</div>
<div class="resumes-content-row-block resumes-date-column">
<p>30.12.2019</p>
</div>
<div class="resumes-content-row-block resumes-remove-column">
<a href="#" class="remove-resume">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Комплектовщик-наборщик заказов</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text publish-repeat">
<img class="img-svg" src="./img/icon_close.svg" alt="">
Опубликовать повторно
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-views-column">
<p>18</p>
</div>
<div class="resumes-content-row-block resumes-feedback-column">
<p>2</p>
</div>
<div class="resumes-content-row-block resumes-date-column">
<p>03.11.2019</p>
</div>
<div class="resumes-content-row-block resumes-remove-column">
<a href="#" class="remove-resume">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
<div class="resumes-content-row">
<div class="resumes-content-row-block resumes-name-column">
<div class="resumes__name">
<a href="#">Грузчик</a>
</div>
<div class="resumes__actions">
<a href="#" class="button-text edit-resume">
<img class="img-svg" src="./img/icon_edit.svg" alt="">
Редактировать
</a>
<a href="#" class="button-text publish-repeat">
<img class="img-svg" src="./img/icon_close.svg" alt="">
Опубликовать повторно
</a>
</div>
</div>
<div class="resumes-content-row-block resumes-views-column">
<p>30</p>
</div>
<div class="resumes-content-row-block resumes-feedback-column">
<p>4</p>
</div>
<div class="resumes-content-row-block resumes-date-column">
<p>18.10.2019</p>
</div>
<div class="resumes-content-row-block resumes-remove-column">
<a href="#" class="remove-resume">
<img class="img-svg" src="./img/icon_garbage.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="#" class="other-button create-new-resume">Создайте новое резюме</a>
</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 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>
</body>
</html>
\ No newline at end of file
src/password-recovery.html
View file @ be37a91e
...@@ -164,27 +164,27 @@ ...@@ -164,27 +164,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/profile-editing.html 0 → 100644
View file @ be37a91e
<!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 current-ref">
<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="current-profile-data">
<div class="container-compressed">
<form action="" name="form-edit-profile" id="form-edit-profile" enctype="multipart/form-data">
<div class="block-mb-yellow">
<label for="name">Имя</label>
<input type="text" placeholder="ИМЯ" name="name" id="name" value="Иван">
</div>
<div class="block-mb-yellow">
<label for="sername">Фамилия</label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername" value="Иванов">
</div>
<div class="block-mb-yellow">
<label for="patronymic">Отчество</label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic" value="Иванович">
</div>
<div class="block-mb-yellow">
<label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ" value="26.08.1980">
</div>
<div class="block-gender block-mb-green">
<p>Пол:</p>
<div class="block-radio">
<label for="male">
<input type="radio" id="male" name="gender" hidden="" checked>
<div class="radio"></div>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="">
<div class="radio"></div>
Женский
</label>
</div>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" placeholder="E-MAIL" value="i_ivanov@mail.ru">
</div>
<div class="block-mb-yellow">
<label for="address">Адрес</label>
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" value="Нижегородская область, г. Нижний Новгород, ул. Касьянова">
</div>
<div class="block-mb-green">
<label for="password">Пароль</label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ" value="111111111111">
<a href="#" class="toggle-password">
<img src="./img/icon_toggle_password.svg" alt="">
</a>
</div>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p>
<input type="submit" class="main-button" name="submit-edit-profile" id="submit-edit-profile" value="Сохранить">
</form>
</div>
</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 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>
</body>
</html>
\ No newline at end of file
src/profile.html
View file @ be37a91e
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
<div class="row profile-container-row"> <div class="row profile-container-row">
<div class="col-3"> <div class="col-3">
<div class="sidebar-profile"> <div class="sidebar-profile">
<a href="#" class="button-text"> <a href="#" class="button-text current-ref">
<img class="img-svg" src="./img/icon_profile.svg" alt=""> <img class="img-svg" src="./img/icon_profile.svg" alt="">
Профиль Профиль
</a> </a>
...@@ -157,8 +157,62 @@ ...@@ -157,8 +157,62 @@
<div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div> <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
</div> </div>
<div class="col-9"> <div class="col-9">
<div class="profile-data"> <div class="current-profile-data">
<div class="container-compressed">
<form action="" name="form-current-profile" id="form-current-profile" enctype="multipart/form-data">
<div class="block-mb-yellow">
<label for="name">Имя</label>
<input type="text" placeholder="ИМЯ" name="name" id="name" value="Иван" disabled>
</div>
<div class="block-mb-yellow">
<label for="sername">Фамилия</label>
<input type="text" placeholder="ФАМИЛИЯ" name="sername" id="sername" value="Иванов" disabled>
</div>
<div class="block-mb-yellow">
<label for="patronymic">Отчество</label>
<input type="text" placeholder="ОТЧЕСТВО" name="patronymic" id="patronymic" value="Иванович" disabled>
</div>
<div class="block-mb-yellow">
<label for="birthday">Дата рождения</label>
<input type="text" name="birthday" id="birthday" placeholder="ВЫБЕРИТЕ ДАТУ" value="26.08.1980" disabled>
</div>
<div class="block-gender block-mb-green">
<p>Пол:</p>
<div class="block-radio">
<label for="male">
<input type="radio" id="male" name="gender" hidden="" checked disabled>
<div class="radio"></div>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="" disabled>
<div class="radio"></div>
Женский
</label>
</div>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210" disabled>
</div>
<div class="block-mb-yellow">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" placeholder="E-MAIL" value="i_ivanov@mail.ru" disabled>
</div>
<div class="block-mb-yellow">
<label for="address">Адрес</label>
<input type="text" name="address" id="address" placeholder="РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА" value="Нижегородская область, г. Нижний Новгород, ул. Касьянова" disabled>
</div>
<div class="block-mb-green">
<label for="password">Пароль</label>
<input type="password" name="password" id="password" placeholder="ПАРОЛЬ" value="111111111111" disabled>
</div>
<p class="block-mb-green" style="font-size: 14px;">* - поля, обязательные для заполнения</p>
<a href="#" class="main-button edit-profile">Редактировать</a>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -175,27 +229,27 @@ ...@@ -175,27 +229,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -214,7 +268,7 @@ ...@@ -214,7 +268,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/registration.html
View file @ be37a91e
...@@ -258,27 +258,27 @@ ...@@ -258,27 +258,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -297,7 +297,7 @@ ...@@ -297,7 +297,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/scss/style.scss
View file @ be37a91e
...@@ -3,6 +3,12 @@ ...@@ -3,6 +3,12 @@
// Отступы // Отступы
.block-mt-purple, .block-mt-dark-blue, .block-mt-blue, .block-mt-green, .block-mt-yellow, .block-mt-orange,
.block-mb-purple, .block-mb-dark-blue, .block-mb-blue, .block-mb-green, .block-mb-yellow, .block-mb-orange
{
position: relative;
}
.block-mt-purple .block-mt-purple
{ {
margin-top: 96px; margin-top: 96px;
...@@ -183,18 +189,21 @@ a:hover ...@@ -183,18 +189,21 @@ a:hover
background-color: $color-ref; background-color: $color-ref;
transition: .3s; transition: .3s;
text-transform: uppercase; text-transform: uppercase;
width: auto !important;
} }
.main-button:hover .main-button:hover
{ {
background-color: $color-hover; background-color: $color-hover;
box-shadow: 0 15px 25px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 15px 25px 0 rgba(15, 20, 91, 0.1);
color: #fff;
} }
.main-button:active .main-button:active
{ {
background-color: $color-clicked; background-color: $color-clicked;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
color: #fff;
} }
// button.disabled // button.disabled
...@@ -265,6 +274,8 @@ button ...@@ -265,6 +274,8 @@ button
color: $color-ref; color: $color-ref;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
transition: .3s; transition: .3s;
width: max-content;
border: 0;
} }
.other-button:hover .other-button:hover
...@@ -378,6 +389,13 @@ input[type="text"]:focus, input[type="password"]:focus ...@@ -378,6 +389,13 @@ input[type="text"]:focus, input[type="password"]:focus
border-right: 2px solid currentColor !important; border-right: 2px solid currentColor !important;
} }
input[type="text"]:disabled, input[type="password"]:disabled
{
color: #b7b6c3;
border-color: #dddce8;
background: transparent;
}
.wrapper .wrapper
{ {
display: flex; display: flex;
...@@ -644,6 +662,15 @@ ul ...@@ -644,6 +662,15 @@ ul
{ {
opacity: 1; opacity: 1;
} }
input[type="radio"]:disabled ~ .radio
{
border-color:#dddce8;
background: transparent;
}
input[type="radio"]:disabled ~ .radio:before
{
background-color: #b7b6c3;
}
} }
} }
.block-radio:hover .block-radio:hover
...@@ -1083,28 +1110,6 @@ textarea:focus ...@@ -1083,28 +1110,6 @@ textarea:focus
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
} }
.feedback:after
{
content: attr(data-count);
width: 32px;
height: 22px;
margin-left: 10px;
border-radius: 8px;
background-color: $color-hover;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: 0;
font-family: Montserrat Bold;
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
}
.button-text.hidden .button-text.hidden
{ {
display: none; display: none;
...@@ -1208,7 +1213,29 @@ textarea:focus ...@@ -1208,7 +1213,29 @@ textarea:focus
z-index: 5; z-index: 5;
opacity: 1; opacity: 1;
} }
}
.feedback:after
{
content: attr(data-count);
width: 32px;
height: 22px;
margin-left: 10px;
border-radius: 8px;
background-color: $color-hover;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: 0;
font-family: Montserrat Bold;
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
} }
// Быстрый поиск // Быстрый поиск
...@@ -1433,7 +1460,7 @@ textarea:focus ...@@ -1433,7 +1460,7 @@ textarea:focus
{ {
display: flex; display: flex;
align-items: center; align-items: center;
.vacancy-card__more .vacancy-card__toggle
{ {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -1465,7 +1492,7 @@ textarea:focus ...@@ -1465,7 +1492,7 @@ textarea:focus
{ {
color: #ffffff; color: #ffffff;
} }
.vacancy-card__more .vacancy-card__toggle
{ {
background-color: #82b435; background-color: #82b435;
.img-svg path .img-svg path
...@@ -2662,7 +2689,8 @@ button ...@@ -2662,7 +2689,8 @@ button
&-items &-items
{ {
display: flex; display: flex;
justify-content: space-between; margin-left: -20px;
margin-right: -20px;
.tabs-item .tabs-item
{ {
font-family: Raleway Bold; font-family: Raleway Bold;
...@@ -2680,6 +2708,9 @@ button ...@@ -2680,6 +2708,9 @@ button
text-transform: uppercase; text-transform: uppercase;
border-bottom: 4px solid currentColor; border-bottom: 4px solid currentColor;
display: flex; display: flex;
margin-left: 20px;
margin-right: 20px;
justify-content: center;
.block-tooltip .block-tooltip
{ {
margin-left: 10px; margin-left: 10px;
...@@ -3328,7 +3359,7 @@ input[type="submit"] ...@@ -3328,7 +3359,7 @@ input[type="submit"]
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
a a
{ {
display: block; justify-content: flex-start;
margin-bottom: 32px; margin-bottom: 32px;
.img-svg .img-svg
{ {
...@@ -3336,6 +3367,14 @@ input[type="submit"] ...@@ -3336,6 +3367,14 @@ input[type="submit"]
height: 20px; height: 20px;
} }
} }
a.current-ref
{
color: $color-hover;
.img-svg path
{
fill: $color-hover;
}
}
a:last-child a:last-child
{ {
margin-bottom: 0; margin-bottom: 0;
...@@ -3350,8 +3389,223 @@ input[type="submit"] ...@@ -3350,8 +3389,223 @@ input[type="submit"]
height: 452px; height: 452px;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1); box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
} }
.current-profile-data
{
.container-compressed
{
margin: 0;
}
}
}
.toggle-password
{
position: absolute;
width: 20px;
height: 11.6px;
border: 0;
top: 54px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
} }
// Страница Мои резюме
.resumes
{
background-color: #fff;
border-top: 4px solid #dddce8;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
&-header
{
padding: 22px 39px 22px 27px;
&-row
{
display: flex;
justify-content: space-between;
&-block
{
display: flex;
p
{
font-family: Raleway Bold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
img
{
margin-left: 8px;
}
}
}
}
&-content
{
&-row
{
display: flex;
justify-content: space-between;
border-top: 1px solid #dddce8;
padding: 22px 39px 22px 27px;
&-block
{
display: block;
text-align: center;
p
{
margin-bottom: 7px;
display: inline-block;
span
{
color: $color-hover;
}
}
}
}
}
&__name
{
margin-bottom: 20px;
a
{
display: inline-block;
margin-bottom: 7px;
}
}
&__actions
{
display: flex;
width: 100%;
align-items: center;
.button-text
{
font-size: 12px;
}
.button-text:nth-child(2)
{
margin-left: 30px;
}
}
&-actual
{
.resumes-name-column
{
display: flex;
justify-content: flex-start;
flex-direction: column;
width: 39%;
text-align: left;
}
.resumes-views-column
{
justify-content: center;
width: 10%;
}
.resumes-feedback-column
{
justify-content: center;
width: 10%
}
.resumes-date-column
{
justify-content: center;
width: 10%
}
}
&-drafts
{
.resumes-name-column
{
display: flex;
justify-content: flex-start;
flex-direction: column;
width: 39%;
text-align: left;
}
.resumes-remove-column
{
display: flex;
justify-content: center;
width: 7%;
}
}
&-archive
{
.resumes-name-column
{
display: flex;
justify-content: flex-start;
flex-direction: column;
width: 46%;
text-align: left;
}
.resumes-views-column
{
justify-content: center;
width: 10%;
}
.resumes-feedback-column
{
justify-content: center;
width: 7%
}
.resumes-date-column
{
justify-content: center;
width: 10%
}
.resumes-remove-column
{
display: flex;
justify-content: center;
width: 7%;
}
}
.remove-resume
{
border: 0;
transition: .3s;
}
.remove-resume:hover
{
.img-svg path
{
fill: $color-hover;
}
}
}
// Страница Избранное - Список
.favorites-vacancies-map
{
width: max-content;
}
.favorites-list
{
&-row
{
margin-left: -10px;
margin-right: -10px;
.col-4
{
margin-bottom: 22px;
padding-left: 10px;
padding-right: 10px;
}
}
}
.footer .footer
{ {
background-color: #fff; background-color: #fff;
......
src/service-rules.html
View file @ be37a91e
...@@ -192,27 +192,27 @@ ...@@ -192,27 +192,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -231,7 +231,7 @@ ...@@ -231,7 +231,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/vacancies-list.html
View file @ be37a91e
...@@ -330,8 +330,8 @@ ...@@ -330,8 +330,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -352,8 +352,8 @@ ...@@ -352,8 +352,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -374,8 +374,8 @@ ...@@ -374,8 +374,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -396,8 +396,8 @@ ...@@ -396,8 +396,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -418,8 +418,8 @@ ...@@ -418,8 +418,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -440,8 +440,8 @@ ...@@ -440,8 +440,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -462,8 +462,8 @@ ...@@ -462,8 +462,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -484,8 +484,8 @@ ...@@ -484,8 +484,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -506,8 +506,8 @@ ...@@ -506,8 +506,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -528,8 +528,8 @@ ...@@ -528,8 +528,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -550,8 +550,8 @@ ...@@ -550,8 +550,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -572,8 +572,8 @@ ...@@ -572,8 +572,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -594,8 +594,8 @@ ...@@ -594,8 +594,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -616,8 +616,8 @@ ...@@ -616,8 +616,8 @@
<p class="vacancy-card__date">12.12.2019 г.</p> <p class="vacancy-card__date">12.12.2019 г.</p>
</div> </div>
<div class="vacancy-card__buttons"> <div class="vacancy-card__buttons">
<a href="#" class="vacancy-card__more"> <a href="#" class="vacancy-card__toggle">
<img class="img-svg" src="./img/icon_detail_vacancy.svg" alt=""> <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
</a> </a>
<a href="#" class="button-text vacancy-card__respond"> <a href="#" class="button-text vacancy-card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt=""> <img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
...@@ -658,27 +658,27 @@ ...@@ -658,27 +658,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -697,7 +697,7 @@ ...@@ -697,7 +697,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
src/vacancies-map.html
View file @ be37a91e
...@@ -332,27 +332,27 @@ ...@@ -332,27 +332,27 @@
</a> </a>
</div> </div>
<div class="col-9 footer-right"> <div class="col-9 footer-right">
<div class="row"> <div class="row justify-content-between">
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">О сервисе</a> <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">Часто задаваемые вопросы</a>
<a href="#" class="footer-pages__link">Как пользоваться сервисом</a> <a href="#" class="footer-pages__link">Как пользоваться сервисом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Соискателям</a> <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">Поиск работы</a>
<a href="#" class="footer-pages__link">Работа рядом</a> <a href="#" class="footer-pages__link">Работа рядом</a>
</div> </div>
<div class="col-3 footer-pages"> <div class="col-auto footer-pages">
<a href="#" class="footer-right__title">Работодателям</a> <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">Доступ к базе резюме</a>
<a href="#" class="footer-pages__link">Реклама на сайте</a> <a href="#" class="footer-pages__link">Реклама на сайте</a>
<a href="#" class="footer-pages__link">Метка TOP-компании</a> <a href="#" class="footer-pages__link">Метка TOP-компании</a>
</div> </div>
<div class="col-3 footer-contacts"> <div class="col-auto footer-contacts">
<a href="#" class="footer-right__title">Контакты</a> <a href="#" class="footer-right__title">Контакты</a>
<div class="footer-contacts__block"> <div class="footer-contacts__block">
<div class="footer-contacts__block__image"> <div class="footer-contacts__block__image">
...@@ -371,7 +371,7 @@ ...@@ -371,7 +371,7 @@
<a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a> <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
</div> </div>
</div> </div>
<button type="button" class="main-button feedback">Обратная связь</button> <button type="button" class="main-button button-feedback">Обратная связь</button>
</div> </div>
</div> </div>
</div> </div>
......
webpack.config.js
View file @ be37a91e
...@@ -6,7 +6,8 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin'); ...@@ -6,7 +6,8 @@ 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', 'current-vacancy', 'current-company', '404', 'profile']; 'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile', 'profile-editing', 'my-resumes', 'favorites-vacancies-list',
'favorites-vacancies-map'];
const webpackConfig = { const webpackConfig = {
context: path.resolve(__dirname, 'src'), context: path.resolve(__dirname, 'src'),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment