Pages profile and my resumes is done. Make favorites vacancies

package-lock.json

@@ -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": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
@@ -10941,6 +10946,11 @@
       "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==",
       "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": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",

package.json

@@ -46,9 +46,11 @@
     "gsap": "^3.1.1",
     "jquery": "^3.4.1",
     "js-datepicker": "^5.11.0",
+    "nodelist-foreach-polyfill": "^1.2.0",
     "normalize.css": "^8.0.1",
     "owl.carousel": "^2.3.4",
     "tiny-slider": "^2.9.2",
-    "webpack-bundle-analyzer": "^3.6.0"
+    "webpack-bundle-analyzer": "^3.6.0",
+    "whatwg-fetch": "^3.0.0"
   }
 }

src/404.html

@@ -143,27 +143,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -182,7 +182,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/access-account.html

@@ -191,27 +191,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -230,7 +230,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/articles.html

@@ -308,27 +308,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -347,7 +347,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/companies-list.html

@@ -525,27 +525,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -564,7 +564,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/companies-map.html

@@ -267,27 +267,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -306,7 +306,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/current-article.html

@@ -161,27 +161,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -200,7 +200,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/current-company.html

@@ -374,27 +374,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -413,7 +413,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/current-vacancy.html

@@ -476,27 +476,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -515,7 +515,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/faq.html

@@ -206,27 +206,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -245,7 +245,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/img/icon_arrow_up.svg

+<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

+<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

+<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

+<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

+<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

+<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

+<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

@@ -173,8 +173,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -195,8 +195,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_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="">
@@ -217,8 +217,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -239,8 +239,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -261,8 +261,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -283,8 +283,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -305,8 +305,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -327,8 +327,8 @@
                                         <p class="vacancy-card__date">12.12.2019 г.</p>
                                     </div>
                                     <div class="vacancy-card__buttons">
-                                        <a href="#" class="vacancy-card__more">
-                                            <img class="img-svg" src="./img/icon_detail_vacancy.svg" alt="">
+                                        <a href="#" class="vacancy-card__toggle">
+                                            <img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
                                         </a>
                                         <a href="#" class="button-text vacancy-card__respond">
                                             <img class="img-svg" src="./img/icon_mail.svg" alt="">
@@ -714,27 +714,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -753,7 +753,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/js/main.js

+import 'whatwg-fetch';
+import 'nodelist-foreach-polyfill';
 import '../scss/style.scss';
 import Choices from  '../../node_modules/choices.js/src/scripts/choices';
 import 'owl.carousel';
@@ -527,19 +529,51 @@ let radioShareVk = document.querySelector('#share-vk');
 let radioShareEmail = document.querySelector('#share-email');
 let dataEmailShare = document.querySelector('.data-email-share');
 
-radioShareVk.addEventListener('change', () => {
-  if(radioShareVk.checked)
-  {
-    dataEmailShare.style.display = 'none';
-  }
-});
+if(radioShareVk && radioShareEmail)
+{
+  radioShareVk.addEventListener('change', () => {
+    if(radioShareVk.checked)
+    {
+      dataEmailShare.style.display = 'none';
+    }
+  });
+
+  radioShareEmail.addEventListener('change', () => {
+    if(radioShareEmail.checked)
+    {
+      dataEmailShare.style.display = 'inline-block';
+    }
+  });
+}
+
+
+// Скрыть и показать пароль
+
+let togglePassword = document.querySelectorAll('.toggle-password');
 
-radioShareEmail.addEventListener('change', () => {
-  if(radioShareEmail.checked)
+if(togglePassword.length > 0)
+{
+  togglePassword.forEach(elem => 
   {
-    dataEmailShare.style.display = 'inline-block';
-  }
-});
+    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

@@ -173,8 +173,20 @@
                         <li>
                             <a href="404.html">404</a>
                         </li>
-                        <!-- <li>
+                        <li>
                             <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> -->
                     </ul>
                 </div>
@@ -189,27 +201,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -228,7 +240,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/password-recovery.html

@@ -164,27 +164,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -203,7 +203,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/profile.html

@@ -129,7 +129,7 @@
                         <div class="row profile-container-row">
                             <div class="col-3">
                                 <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="">
                                         Профиль
                                     </a>
@@ -157,8 +157,62 @@
                                 <div class="sidebar-image block-mt-blue" style="background-image: url(./img/img_banner5.png);"></div>
                             </div>
                             <div class="col-9">
-                                <div class="profile-data">
-                                    
+                                <div 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>
@@ -175,27 +229,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -214,7 +268,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/registration.html

@@ -258,27 +258,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -297,7 +297,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/scss/style.scss

@@ -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
 {
     margin-top: 96px;
@@ -183,18 +189,21 @@ a:hover
     background-color: $color-ref;
     transition: .3s;
     text-transform: uppercase;
+    width: auto !important;
 }
 
 .main-button:hover 
 {
     background-color: $color-hover;
     box-shadow: 0 15px 25px 0 rgba(15, 20, 91, 0.1);
+    color: #fff;
 }
 
 .main-button:active 
 {
     background-color: $color-clicked;
     box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
+    color: #fff;
 }
 
 // button.disabled 
@@ -265,6 +274,8 @@ button
     color: $color-ref;
     box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
     transition: .3s;
+    width: max-content;
+    border: 0;
 }
 
 .other-button:hover 
@@ -378,6 +389,13 @@ input[type="text"]:focus, input[type="password"]:focus
     border-right: 2px solid currentColor !important;
 }
 
+input[type="text"]:disabled, input[type="password"]:disabled
+{
+    color: #b7b6c3;
+    border-color: #dddce8;
+    background: transparent;
+}
+
 .wrapper 
 {
     display: flex;
@@ -644,6 +662,15 @@ ul
         {
             opacity: 1;
         }
+        input[type="radio"]:disabled ~ .radio 
+        {
+            border-color:#dddce8;
+            background: transparent;
+        }
+        input[type="radio"]:disabled ~ .radio:before 
+        {
+            background-color: #b7b6c3;
+        }
     }
 }
 .block-radio:hover 
@@ -1083,28 +1110,6 @@ textarea:focus
         margin-left: 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
     {
         display: none;
@@ -1208,7 +1213,29 @@ textarea:focus
         z-index: 5;
         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
     {
         display: flex;
         align-items: center;
-        .vacancy-card__more 
+        .vacancy-card__toggle 
         {
             width: 60px;
             height: 60px;
@@ -1465,7 +1492,7 @@ textarea:focus
     {
         color: #ffffff;
     }
-    .vacancy-card__more 
+    .vacancy-card__toggle
     {
         background-color: #82b435;
         .img-svg path
@@ -2662,7 +2689,8 @@ button
     &-items 
     {
         display: flex;
-        justify-content: space-between;
+        margin-left: -20px;
+        margin-right: -20px;
         .tabs-item 
         {
             font-family: Raleway Bold;
@@ -2680,6 +2708,9 @@ button
             text-transform: uppercase;
             border-bottom: 4px solid currentColor;
             display: flex;
+            margin-left: 20px;
+            margin-right: 20px;
+            justify-content: center;
             .block-tooltip 
             {
                 margin-left: 10px;
@@ -3328,7 +3359,7 @@ input[type="submit"]
         box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1);
         a 
         {
-            display: block;
+            justify-content: flex-start;
             margin-bottom: 32px;
             .img-svg 
             {
@@ -3336,6 +3367,14 @@ input[type="submit"]
                 height: 20px;
             }
         }
+        a.current-ref 
+        {
+            color: $color-hover;
+            .img-svg path
+            {
+                fill: $color-hover;
+            }
+        }
         a:last-child 
         {
             margin-bottom: 0;
@@ -3350,8 +3389,223 @@ input[type="submit"]
         height: 452px;
         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 
 {
     background-color: #fff;

src/service-rules.html

@@ -192,27 +192,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -231,7 +231,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

src/vacancies-map.html

@@ -332,27 +332,27 @@
                         </a>
                     </div>
                     <div class="col-9 footer-right">
-                        <div class="row">
-                            <div class="col-3 footer-pages">
+                        <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-3 footer-pages">
+                            <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-3 footer-pages">
+                            <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-3 footer-contacts">
+                            <div class="col-auto footer-contacts">
                                 <a href="#" class="footer-right__title">Контакты</a>
                                 <div class="footer-contacts__block">
                                     <div class="footer-contacts__block__image">
@@ -371,7 +371,7 @@
                                         <a href="mailto:info@vaxta-online.ru">info@vaxta-online.ru</a>
                                     </div>
                                 </div>
-                                <button type="button" class="main-button feedback">Обратная связь</button>
+                                <button type="button" class="main-button button-feedback">Обратная связь</button>
                             </div>
                         </div>
                     </div>

webpack.config.js

@@ -6,7 +6,8 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const webpack = require('webpack');
 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',
-'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 = {
     context: path.resolve(__dirname, 'src'),