Current vacancy and company pages is done. Make profile

src/img/icon_big_star_empty.svg

+<svg width="31" height="22" viewBox="0 0 31 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M21.5159 10.34C22.7318 9.13 22.0686 7.04 20.4105 6.82L16.2101 6.16C15.5468 6.05 14.9941 5.61 14.6625 5.06L12.7834 1.1C12.4517 0.44 11.678 0 11.0147 0C10.3515 0 9.57772 0.44 9.24611 1.21L7.36695 5.06C7.03533 5.72 6.48264 6.05 5.81941 6.16L1.72947 6.82C0.0713902 7.04 -0.591843 9.13 0.624084 10.34L3.60863 13.42C4.05079 13.86 4.27186 14.63 4.16133 15.29L3.49809 19.58C3.27701 20.9 4.27186 22 5.37725 22C5.70887 22 6.04048 21.89 6.26156 21.78L10.0199 19.8C10.3515 19.69 10.6831 19.58 10.9042 19.58C11.2358 19.58 11.5674 19.69 11.7885 19.8L15.5468 21.78C15.8784 22 16.2101 22 16.4311 22C17.6471 22 18.6419 20.9 18.4208 19.58L17.7576 15.29C17.6471 14.63 17.8681 13.97 18.3103 13.42L21.5159 10.34ZM16.5417 11.44C15.4363 12.54 14.8836 14.19 15.2152 15.73L15.6574 18.7L13.2255 17.27C12.5623 16.94 11.7885 16.72 11.0147 16.72C10.241 16.72 9.46719 16.94 8.80395 17.27L6.26156 18.7L6.70372 15.73C7.03533 14.19 6.59318 12.54 5.48779 11.44L3.38755 9.35L6.26156 8.91C7.69857 8.69 9.02503 7.7 9.7988 6.27L11.0147 3.63L12.2307 6.27C13.0044 7.7 14.3309 8.69 15.7679 8.91L18.6419 9.35L16.5417 11.44Z" fill="#DDDCE8"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="31" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/img/icon_big_star_full.svg

+<svg width="31" height="22" viewBox="0 0 31 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4393 13.42C17.9993 13.86 17.7794 14.63 17.8894 15.29L18.5493 19.58C18.7693 20.9 17.7794 22 16.6795 22C16.3495 22 16.0195 21.89 15.7996 21.78L12.0599 19.8C11.7299 19.69 11.4 19.58 11.18 19.58C10.85 19.58 10.5201 19.69 10.3001 19.8L6.56042 21.78C6.12047 21.89 5.7905 22 5.46053 22C4.25064 22 3.26074 20.9 3.48071 19.58L4.14065 15.29C4.25064 14.63 4.03066 13.97 3.5907 13.42L0.620984 10.34C-0.588902 9.13 0.0710355 7.04 1.72088 6.82L5.90049 6.16C6.56042 6.05 7.11037 5.61 7.44034 5.06L9.31017 1.1C9.64013 0.44 10.4101 0 11.07 0C11.7299 0 12.4999 0.44 12.8298 1.21L14.6997 5.17C15.0296 5.83 15.5796 6.16 16.2395 6.27L20.4191 6.93C22.069 7.15 22.7289 9.24 21.519 10.45L18.4393 13.42Z" fill="#92C83E"/>
+</svg>

src/img/icon_feedback.svg

@@ -3,18 +3,18 @@
 <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 20 18.6" style="enable-background:new 0 0 20 18.6;" xml:space="preserve" width="20" height="19">
 <style type="text/css">
-	.st0{fill:#262262;}
+	<!-- .st0{fill:#262262;} -->
 </style>
-<path id="cloud_x5F_message" class="st0" d="M16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C15.3,1.7,12.9,0,10,0
+<path id="cloud_x5F_message" d="M16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C16.4,4.2,16.4,4.2,16.4,4.2C15.3,1.7,12.9,0,10,0
 	C6.4,0,3.5,2.7,3.1,6.1c0,0,0,0,0,0s0,0,0,0c-1.9,0.5-3.3,2.3-3,4.4c0.2,1.7,1.7,3.1,3.5,3.4C3.8,14,4,14.2,4,14.4v2.2
 	c0,1.8,2.2,2.7,3.4,1.4l3.7-3.7c0.2-0.2,0.4-0.3,0.7-0.3h2.9c2.6,0,5-1.9,5.2-4.6C20.2,7,18.7,4.9,16.4,4.2z M17.8,10
 	c-0.4,1.2-1.6,2-2.9,2h0h-3.3c-0.5,0-1,0.2-1.4,0.6l-3.4,3.2C6.5,16.1,6,15.9,6,15.4V13c0-0.6-0.4-1-1-1c-0.9,0-1.5,0.1-2.2-0.4
 	c-0.4-0.3-0.6-0.7-0.7-1.1C1.9,9.9,2,9.5,2.2,9.1c0.6-1.1,2-1.5,3-0.7C4.2,5.1,6.8,2,10,2c2.5,0,4.5,1.8,4.9,4c0,0,0,0,0,0
 	c0,0,0,0,0.1,0C16.9,6,18.5,7.9,17.8,10z M11,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S11,9.2,11,9.7z M15,9.7c0,0.6-0.4,1-1,1
-	s-1-0.4-1-1s0.4-1,1-1S15,9.2,15,9.7z M7,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S7,9.2,7,9.7z"/>
+	s-1-0.4-1-1s0.4-1,1-1S15,9.2,15,9.7z M7,9.7c0,0.6-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S7,9.2,7,9.7z" fill="#262262"/>
 <defs>
 <clipPath id="clip0">
-<rect width="20" height="18.6" fill="white"/>
+<rect width="20" height="18.6"/>
 </clipPath>
 </defs>
 </svg>

src/img/icon_my_resumes.svg

+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0C0 4.2 0 15.9 0 20C4.1 20 15.4 20 20 20C20 15.9 20 4.2 20 0C10.6 0 8.8 0 0 0ZM18 18H2V2H18V18ZM16 9H4V7H16V9ZM16 13H4V11H16V13Z" fill="#262262"/>
+</svg>

src/img/icon_star_empty.svg

 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" width="15" height="15">
+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" width="15" height="15" fill="#dddce8">
 <path id="star_x5F_favorite_1_" d="M19.5,9.4c1.1-1.1,0.5-3-1-3.2l-3.8-0.6c-0.6-0.1-1.1-0.5-1.4-1l-1.7-3.6C11.3,0.4,10.6,0,10,0
 	C9.4,0,8.7,0.4,8.4,1.1L6.7,4.6c-0.3,0.6-0.8,0.9-1.4,1L1.6,6.2c-1.5,0.2-2.1,2.1-1,3.2l2.7,2.8c0.4,0.4,0.6,1.1,0.5,1.7l-0.6,3.9
 	C3,19,3.9,20,4.9,20c0.3,0,0.6-0.1,0.8-0.2l3.4-1.8c0.3-0.1,0.6-0.2,0.8-0.2c0.3,0,0.6,0.1,0.8,0.2l3.4,1.8c0.3,0.2,0.6,0.2,0.8,0.2
 	c1.1,0,2-1,1.8-2.2l-0.6-3.9c-0.1-0.6,0.1-1.2,0.5-1.7L19.5,9.4z M15,10.4c-1,1-1.5,2.5-1.2,3.9l0.4,2.7L12,15.7
 	c-0.6-0.3-1.3-0.5-2-0.5s-1.4,0.2-2,0.5L5.7,17l0.4-2.7C6.4,12.9,6,11.4,5,10.4L3.1,8.5l2.6-0.4C7,7.9,8.2,7,8.9,5.7L10,3.3l1.1,2.4
-	C11.8,7,13,7.9,14.3,8.1l2.6,0.4L15,10.4z" stroke="#dddce8"/>
+	C11.8,7,13,7.9,14.3,8.1l2.6,0.4L15,10.4z"/>
 </svg>

src/img/icon_subscribe.svg

+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.2 5.1L10.3 8.2L18.6 0L20 1.4L10.3 11.1L5.8 6.5L7.2 5.1ZM18 18H2V2H10V0C3.6 0 4.4 0 0 0C0 8.6 0 10.6 0 20C11.1 20 10.5 20 20 20C20 14.2 20 15.6 20 10H18V18Z" fill="#262262"/>
+</svg>

src/img/share_vk.svg

+<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3334 15.1579C14.1668 15.1579 14.1668 13.9444 14.1668 13.4737C14.1668 12.6316 15.0001 11.7895 15.8334 11.7895C16.6668 11.7895 18.0959 13.2337 19.1668 14.3158C20.0001 15.1579 20.0001 15.1579 20.8334 15.1579C21.6668 15.1579 23.3334 15.1579 23.3334 15.1579C23.3334 15.1579 25.0001 15.0939 25.0001 13.4737C25.0001 12.9474 24.4293 12.0547 22.5001 10.1053C20.8334 8.42105 19.9784 9.29095 22.5001 5.89474C24.0359 3.82653 25.1534 1.95284 24.9618 1.41221C24.7784 0.896 20.5068 0.0741053 20.0001 0.842105C18.3334 3.36842 18.0276 3.98737 17.5001 5.05263C16.6668 6.73684 16.5843 7.57895 15.8334 7.57895C15.0759 7.57895 15.0001 5.94442 15.0001 5.05263C15.0001 2.26863 15.3993 0.299789 14.1668 0C14.1668 0 12.5001 0 11.6668 0C10.3251 0 9.16678 0.842105 9.16678 0.842105C9.16678 0.842105 8.13262 1.65726 8.33345 1.68421C8.58178 1.71789 10.0001 1.33558 10.0001 2.52632C10.0001 3.36842 10.0001 4.21053 10.0001 4.21053C10.0001 4.21053 10.0076 7.57895 9.16678 7.57895C8.33345 7.57895 6.66678 4.21053 5.00011 1.68421C4.34595 0.693053 4.16678 0.842105 3.33345 0.842105C2.44012 0.842105 1.66762 0.877473 0.833448 0.877473C0.000115134 0.877473 -0.106552 1.41389 0.000115164 1.68421C1.66678 5.89474 2.86428 8.53895 6.03095 11.8703C8.93511 14.9263 10.8751 15.0888 12.5001 15.1579C12.9168 15.1756 12.5001 15.1579 13.3334 15.1579Z" fill="#43638A"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="25" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/js/main.js

@@ -113,6 +113,23 @@ $('.usage-steps-slider-wrapper').owlCarousel({
 
 });
 
+// Слайдер Похожие вакансии
+
+$('.similar-vacancies-slider-wrapper').owlCarousel({
+  loop:true, //Зацикливаем слайдер
+  items:4,
+  margin:20, //Отступ от элемента справа в 50px
+  nav:true, //Отключение навигации
+  dots: false,
+  autoplay: false, //Автозапуск слайдера
+  smartSpeed:300, //Время движения слайда
+  autoplayTimeout:300, //Время смены слайда
+  mouseDrag: false,
+  touchDrag: false,
+  navContainer: '.navigation-similar-vacancies',
+  navText: ["<div class='arrow-slider'><img src='./img/arrow_slider_left.svg'></div>", "<div class='arrow-slider'><img src='./img/arrow_slider_right.svg'></div>"],
+});
+
 // Аккордеон
 
 try
@@ -504,6 +521,26 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 });
 
+// Форма Поделиться 
+
+let radioShareVk = document.querySelector('#share-vk');
+let radioShareEmail = document.querySelector('#share-email');
+let dataEmailShare = document.querySelector('.data-email-share');
+
+radioShareVk.addEventListener('change', () => {
+  if(radioShareVk.checked)
+  {
+    dataEmailShare.style.display = 'none';
+  }
+});
+
+radioShareEmail.addEventListener('change', () => {
+  if(radioShareEmail.checked)
+  {
+    dataEmailShare.style.display = 'inline-block';
+  }
+});
+
 
 
 

src/main.html

@@ -164,6 +164,18 @@
                         <li>
                             <a href="companies-map.html">Компании на карте</a>
                         </li>
+                        <li>
+                            <a href="current-vacancy.html">Вакансия детальная</a>
+                        </li>
+                        <li>
+                            <a href="current-company.html">Компания детальная</a>
+                        </li>
+                        <li>
+                            <a href="404.html">404</a>
+                        </li>
+                        <!-- <li>
+                            <a href="profile.html">Профиль</a>
+                        </li> -->
                     </ul>
                 </div>
             </div>

webpack.config.js

@@ -6,7 +6,7 @@ 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'];
+'vacancies-map', 'companies-map', 'current-vacancy', 'current-company', '404', 'profile'];
 
 const webpackConfig = {
     context: path.resolve(__dirname, 'src'),
@@ -48,7 +48,12 @@ const webpackConfig = {
             {
                 test: /\.s[ac]ss$/,
                 use: [
-                    MiniCssExtractPlugin.loader,
+                    {
+                        loader: MiniCssExtractPlugin.loader,
+                        options: {
+                            publicPath: '../'
+                        }
+                    },
                     {
                         loader: 'css-loader',
                         options: {