Skip to content

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

Access account and revovery password pages is done

parent b14bb538
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1679 additions and 79 deletions
src/access-account.html 0 → 100644
View file @ b0a09a0d
This diff is collapsed.
src/articles.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/current-article.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/faq.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/img/arrow_down_scroll.svg 0 → 100644
View file @ b0a09a0d
<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M6.50006 8.00082C6.33756 8.00082 6.17506 7.94749 6.06672 7.78749L0.108389 0.854154C-0.108278 0.640821 -0.0541111 0.267488 0.162556 0.107488C0.379222 -0.105846 0.758389 -0.0525124 0.920889 0.160821L6.50006 6.66749L12.0251 0.214154C12.2417 0.000820905 12.5667 -0.0525124 12.7834 0.160821C13.0001 0.374154 13.0542 0.694154 12.8376 0.907488L6.87922 7.84082C6.82506 7.94749 6.66256 8.00082 6.50006 8.00082Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="13" height="8" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_cl.svg 0 → 100644
View file @ b0a09a0d
<?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="Layer_21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 36.4 64" style="enable-background:new 0 0 36.4 64;" xml:space="preserve" width="22" height="22">
<title></title>
<g>
<path d="M18,32.6c9,0,16.3-7.3,16.3-16.3S27,0,18,0S1.6,7.3,1.6,16.3S8.9,32.6,18,32.6z M18,9.8c3.6,0,6.5,2.9,6.5,6.5
s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5C11.4,12.7,14.4,9.8,18,9.8z" fill="#262262"/>
<path d="M23.9,45.9c3.6-0.7,7.1-2.1,10.3-4c2.1-1.3,2.8-4.1,1.5-6.3c-1.3-2.1-4.1-2.8-6.3-1.5c0,0,0,0,0,0
c-6.9,4.2-15.5,4.3-22.5,0.2c-2.2-1.3-5-0.6-6.3,1.6c-1.3,2.2-0.6,4.9,1.6,6.2c3,1.8,6.3,3,9.8,3.7L1.7,56.2
c-1.8,1.8-1.8,4.7,0,6.5c1.8,1.8,4.7,1.8,6.5,0c0,0,0,0,0,0l9.8-9.8l9.8,9.8c1.8,1.8,4.7,1.8,6.5,0c1.8-1.8,1.8-4.7,0-6.5
c0,0,0,0,0,0L23.9,45.9z" fill="#262262"/>
</g>
</svg>
src/img/icon_enter_scroll.svg 0 → 100644
View file @ b0a09a0d
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 4H12V2H18V18H12V16H10V20H20V0H10V4ZM12.2 10.2L7 6V9H0V11H7V14.5L12.2 10.2Z" fill="white"/>
</svg>
src/img/icon_favorites.svg 0 → 100644
View file @ b0a09a0d
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 11H6V9H9V6H11V9H14V11H11V14H9V11ZM20 0C20 7.3 20 12.7 20 20C12.9 20 7.7 20 0 20C0 16 0 4 0 0C4.1 0 15.8 0 20 0ZM18 2H2V18H18V2Z" fill="#262262"/>
</svg>
src/img/icon_favorites_scroll.svg 0 → 100644
View file @ b0a09a0d
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 11H6V9H9V6H11V9H14V11H11V14H9V11ZM20 0C20 7.3 20 12.7 20 20C12.9 20 7.7 20 0 20C0 16 0 4 0 0C4.1 0 15.8 0 20 0ZM18 2H2V18H18V2Z" fill="white"/>
</svg>
src/img/icon_fb.svg 0 → 100644
View file @ b0a09a0d
<?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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 29.7 64" style="enable-background:new 0 0 29.7 64;" xml:space="preserve" width="22" height="22">
<path d="M29.7,20.7H19.6v-6.6c0-2.5,1.7-3.1,2.8-3.1c1.2,0,7.1,0,7.1,0V0l-9.8,0C8.8,0,6.3,8.2,6.3,13.4v7.3H0V32h6.3
c0,14.5,0,32,0,32h13.3c0,0,0-17.6,0-32h9L29.7,20.7z" fill="#262262"/>
</svg>
src/img/icon_feedback.svg 0 → 100644
View file @ b0a09a0d
<?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 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;}
</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
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"/>
<defs>
<clipPath id="clip0">
<rect width="20" height="18.6" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_feedback_scroll.svg 0 → 100644
View file @ b0a09a0d
<?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 18.6" style="enable-background:new 0 0 20 18.6;" xml:space="preserve" width="20" height="19">
<style type="text/css">
.st0{fill:#ffffff;}
</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
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"/>
<defs>
<clipPath id="clip0">
<rect width="20" height="18.6" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_gm.svg 0 → 100644
View file @ b0a09a0d
<?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="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 40.7" style="enable-background:new 0 0 64 40.7;" xml:space="preserve" width="22" height="22">
<g>
<path d="M20.3,17.4c0,2.3,0,4.6,0,6.9c3.9,0.1,7.8,0.1,11.6,0.1c-1.7,8.6-13.4,11.4-19.6,5.8C6,25.3,6.3,14.5,12.9,10
c4.6-3.7,11.2-2.8,15.8,0.4c1.8-1.7,3.5-3.5,5.2-5.3C30.1,2,25.3-0.2,20.3,0C9.9-0.3,0.2,8.8,0.1,19.3c-0.7,8.6,5,17,12.9,20
c7.9,3,18.1,1,23.1-6.1c3.3-4.5,4.1-10.3,3.7-15.7C33.3,17.4,26.8,17.4,20.3,17.4z" fill="#262262"/>
<path d="M58.2,17.4c0-1.9,0-3.9,0-5.8c-1.9,0-3.9,0-5.8,0c0,1.9,0,3.9,0,5.8c-1.9,0-3.9,0-5.8,0c0,1.9,0,3.9,0,5.8
c1.9,0,3.9,0,5.8,0.1c0,1.9,0,3.9,0,5.8c1.9,0,3.9,0,5.8,0c0-1.9,0-3.9,0-5.8c1.9,0,3.9,0,5.8,0c0-1.9,0-3.9,0-5.8
C62.1,17.4,60.1,17.4,58.2,17.4z" fill="#262262"/>
</g>
</svg>
src/img/icon_logout.svg 0 → 100644
View file @ b0a09a0d
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 4H8V2H2V18H8V16H10V20H0V0H10V4ZM20 10.2L14.8 6V9H7.8V11H14.8V14.5L20 10.2Z" fill="#262262"/>
</svg>
src/img/icon_logout_scroll.svg 0 → 100644
View file @ b0a09a0d
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 4H8V2H2V18H8V16H10V20H0V0H10V4ZM20 10.2L14.8 6V9H7.8V11H14.8V14.5L20 10.2Z" fill="white"/>
</svg>
src/img/icon_profile.svg 0 → 100644
View file @ b0a09a0d
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.04 8.56C12.08 7.68 12.8 6.32 12.8 4.8C12.8 2.16 10.64 0 8 0C5.36 0 3.2 2.16 3.2 4.8C3.2 6.32 3.92 7.68 4.96 8.56C2.08 9.6 0 12.32 0 16H16C16 12.32 13.92 9.6 11.04 8.56ZM4.8 4.8C4.8 3.04 6.24 1.6 8 1.6C9.76 1.6 11.2 3.04 11.2 4.8C11.2 6.56 9.76 8 8 8C6.24 8 4.8 6.56 4.8 4.8ZM8 9.6C11.04 9.6 13.6 11.36 14.24 14.4H1.76C2.4 11.36 4.96 9.6 8 9.6Z" fill="#262262"/>
</svg>
src/img/icon_profile_scroll.svg 0 → 100644
View file @ b0a09a0d
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.04 8.56C12.08 7.68 12.8 6.32 12.8 4.8C12.8 2.16 10.64 0 8 0C5.36 0 3.2 2.16 3.2 4.8C3.2 6.32 3.92 7.68 4.96 8.56C2.08 9.6 0 12.32 0 16H16C16 12.32 13.92 9.6 11.04 8.56ZM4.8 4.8C4.8 3.04 6.24 1.6 8 1.6C9.76 1.6 11.2 3.04 11.2 4.8C11.2 6.56 9.76 8 8 8C6.24 8 4.8 6.56 4.8 4.8ZM8 9.6C11.04 9.6 13.6 11.36 14.24 14.4H1.76C2.4 11.36 4.96 9.6 8 9.6Z" fill="white"/>
</svg>
src/img/icon_resume.svg
View file @ b0a09a0d
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <?xml version="1.0" encoding="utf-8"?>
<g clip-path="url(#clip0)"> <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<path d="M5 15.4H9.3L19.2 4.7L15.1 0L5 9.9V15.4ZM7 10.7L15 2.7L16.6 4.7L8.5 13.4H7V10.7ZM20 10.4C20 14.2 20 16.7 20 20.4C13.4 20.4 16.8 20.4 0 20.4C0 11.7 0 9.1 0 0.4C3.8 0.4 6.2 0.4 10 0.4V2.4H2V18.4H18V10.4H20Z" fill="#262262"/> <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"
<defs> viewBox="0 0 20 20.4" style="enable-background:new 0 0 20 20.4;" xml:space="preserve" width="20" height="20">
<clipPath id="clip0"> <path id="edit_x5F_cover" d="M5,15.4h4.3l9.9-10.7L15.1,0L5,9.9V15.4z M7,10.7l8-8l1.6,2l-8.1,8.7H7V10.7z M20,10.4
<rect width="20" height="20.4" fill="white"/> c0,3.8,0,6.3,0,10c-6.6,0-3.2,0-20,0c0-8.7,0-11.3,0-20c3.8,0,6.2,0,10,0v2H2v16h16v-8H20z" fill="#262262" />
</clipPath> </svg>
</defs>
</g>
</svg>
src/img/new_resume_icon.svg → src/img/icon_resume_scroll.svg
View file @ b0a09a0d
...@@ -3,5 +3,5 @@ ...@@ -3,5 +3,5 @@
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20 20.4" style="enable-background:new 0 0 20 20.4;" xml:space="preserve" width="20" height="20.4"> viewBox="0 0 20 20.4" style="enable-background:new 0 0 20 20.4;" xml:space="preserve" width="20" height="20.4">
<path id="edit_x5F_cover" d="M5,15.4h4.3l9.9-10.7L15.1,0L5,9.9V15.4z M7,10.7l8-8l1.6,2l-8.1,8.7H7V10.7z M20,10.4 <path id="edit_x5F_cover" d="M5,15.4h4.3l9.9-10.7L15.1,0L5,9.9V15.4z M7,10.7l8-8l1.6,2l-8.1,8.7H7V10.7z M20,10.4
c0,3.8,0,6.3,0,10c-6.6,0-3.2,0-20,0c0-8.7,0-11.3,0-20c3.8,0,6.2,0,10,0v2H2v16h16v-8H20z"/> c0,3.8,0,6.3,0,10c-6.6,0-3.2,0-20,0c0-8.7,0-11.3,0-20c3.8,0,6.2,0,10,0v2H2v16h16v-8H20z" fill="#ffffff"/>
</svg> </svg>
src/img/icon_search_scroll.svg 0 → 100644
View file @ b0a09a0d
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14ZM20 18.6L18.6 20L14.4 15.8L15.8 14.4L20 18.6Z" fill="white"/>
</svg>
src/img/icon_vk.svg 0 → 100644
View file @ b0a09a0d
<?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="Layer_21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 36.3" style="enable-background:new 0 0 64 36.3;" xml:space="preserve" width="22" height="22">
<title></title>
<path d="M61.5,1.6H51.1c-0.9,0-1.7,0.5-2.1,1.2c0,0-4.1,7.6-5.5,10.2c-3.6,6.9-5.9,4.7-5.9,1.5V3.5c0-1.9-1.6-3.5-3.5-3.5h-7.8
c-2.2-0.2-4.3,0.8-5.5,2.6c0,0,4-0.6,4,4.7c0,1.3,0.1,5.1,0.1,8.3c0,1.3-1,2.3-2.2,2.4c-0.7,0-1.3-0.3-1.8-0.8
c-3.2-4.4-5.8-9.3-7.9-14.3c-0.4-0.8-1.1-1.3-2-1.3c-2.3,0-6.8,0-9.4,0C0.7,1.6,0,2.3,0,3.2c0,0.2,0,0.4,0.1,0.6
C3,11.6,15.3,36.3,29.4,36.3h5.9c1.3,0,2.3-1,2.3-2.3v-3.6c0-1.3,1-2.3,2.3-2.3c0.6,0,1.1,0.2,1.6,0.6l7.1,6.7
c0.6,0.6,1.5,0.9,2.4,0.9h9.3c4.5,0,4.5-3.1,2-5.5c-1.7-1.7-7.9-8.3-7.9-8.3c-1.1-1.1-1.2-2.9-0.2-4.2c2-2.6,5.3-7,6.7-8.8
C62.8,7,66.2,1.6,61.5,1.6z" fill="#262262"/>
</svg>
src/img/logo_fixed.svg 0 → 100644
View file @ b0a09a0d
<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M8.6499 0L17.2219 17.3998L25.8328 0.0782014L8.6499 0Z" fill="#8DC63F"/>
<path d="M25.1705 7.31152L22.1703 13.3721C25.5211 15.1317 27.781 18.6507 27.781 22.7172C27.781 28.5432 23.0664 33.2744 17.2609 33.2744C11.4553 33.2744 6.7407 28.5432 6.7407 22.7172C6.7407 18.6898 9.00058 15.1708 12.3515 13.3721L9.35126 7.31152C3.77947 10.205 0 15.9919 0 22.7172C0 32.2578 7.71479 40.0388 17.2609 40.0388C26.8069 40.0388 34.5217 32.2969 34.5217 22.7172C34.4828 15.9919 30.7033 10.205 25.1705 7.31152Z" fill="white"/>
<path d="M20.5339 16.6182L19.5598 18.5732L17.222 23.3044L14.8842 18.5732L13.9101 16.6182C11.7671 17.7912 10.3254 20.059 10.3254 22.7179C10.3254 26.5497 13.4036 29.6387 17.222 29.6387C21.0404 29.6387 24.1575 26.5497 24.1575 22.7179C24.1575 20.059 22.7159 17.7912 20.5339 16.6182Z" fill="#8DC63F"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="34.4828" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
src/index.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -87,7 +147,7 @@ ...@@ -87,7 +147,7 @@
</div> </div>
<div class="quick-job-search__buttons"> <div class="quick-job-search__buttons">
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text vacancies-map"> <a href="#" class="button-text vacancies-map">
......
src/js/main.js
View file @ b0a09a0d
console.log('hi');
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';
...@@ -160,6 +159,54 @@ if(elemsSelect.length > 0) ...@@ -160,6 +159,54 @@ if(elemsSelect.length > 0)
}); });
} }
// Определение прокрутки шапки и задание фиксированной шапки
let headerHeight = document.querySelector('.header').clientHeight;
let headerScroll = document.querySelector('.header-scroll');
function fixedAdaptiveHeader(block, height)
{
var scroll = window.pageYOffset || document.documentElement.scrollTop;
var heightBlock = block.clientHeight;
var wrapperContent = document.querySelector('.wrapper-content');
if (scroll >= height)
{
block.classList.add('header_fixed');
// wrapperContent.style.paddingTop = heightBlock + 'px';
}
else
{
block.classList.remove('header_fixed');
// wrapperContent.style.paddingTop = '0px';
}
}
window.addEventListener('scroll', function()
{
fixedAdaptiveHeader(headerScroll, headerHeight);
});
fixedAdaptiveHeader(headerScroll, headerHeight);
// Для input[type="file"]
var inputFile = document.querySelectorAll('input[type="file"]');
if(inputFile.length > 0)
{
inputFile.forEach(function(input)
{
input.addEventListener('change', function(e)
{
var value = input.value;
value = value.replace( 'C:\\fakepath\\', '');
input.parentElement.querySelector('.file-value').innerHTML = value;
});
});
}
......
src/main.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -84,6 +144,15 @@ ...@@ -84,6 +144,15 @@
<li> <li>
<a href="service-rules.html">Как пользоваться сервисом (Для соискателей)</a> <a href="service-rules.html">Как пользоваться сервисом (Для соискателей)</a>
</li> </li>
<li>
<a href="access-account.html">Вход в личный кабинет (Для соискателей)</a>
</li>
<li>
<a href="password-recovery.html">Восстановление пароля (Для соискателей)</a>
</li>
<!-- <li>
<a href="registration.html">Регистрация (Для соискателей)</a>
</li> -->
</ul> </ul>
</div> </div>
</div> </div>
......
src/password-recovery.html 0 → 100644
View file @ b0a09a0d
This diff is collapsed.
src/registration.html 0 → 100644
View file @ b0a09a0d
This diff is collapsed.
src/scss/style.scss
View file @ b0a09a0d
This diff is collapsed.
src/service-rules.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/vacancies.html
View file @ b0a09a0d
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="header-top"> <div class="header-top">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-3 header-top-left"> <div class="col-auto header-top-left">
<a href="#" class="choice-lang"> <a href="#" class="choice-lang">
RU RU
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -21,11 +21,19 @@ ...@@ -21,11 +21,19 @@
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
</a> </a>
</div> </div>
<div class="col-5 header-top-middle"> <div class="col-auto header-top-middle">
<a href="#" class="choice-mode choice-mode_active">Ищу работу</a> <a href="#" class="choice-mode choice-mode_active">Ищу работу</a>
<a href="#" class="choice-mode">Ищу работника</a> <a href="#" class="choice-mode">Ищу работника</a>
</div> </div>
<div class="col-auto header-top-right"> <div class="col-auto header-top-right justify-content-between">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites.svg" alt="">
Избранное
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback.svg" alt="">
Отклики
</a>
<a href="#" class="help"> <a href="#" class="help">
Помощь Помощь
<img class="img-svg" src="./img/arrow_down.svg" alt=""> <img class="img-svg" src="./img/arrow_down.svg" alt="">
...@@ -37,25 +45,77 @@ ...@@ -37,25 +45,77 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center"> <div class="row justify-content-between align-items-center">
<div class="col-5 header-bottom-left"> <div class="col-auto header-bottom-left">
<a href="#"> <a href="#">
<img src="./img/logo.svg" alt=""> <img src="./img/logo.svg" alt="">
</a> </a>
<p>Быстрый поиск узкоквалифицированной работы</p> <p>Быстрый поиск узкоквалифицированной работы</p>
</div> </div>
<div class="col-5 header-bottom-right"> <div class="col-auto header-bottom-right">
<a href="#" class="button-text search-work"> <a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search.svg" alt=""> <img class="img-svg" src="./img/icon_search.svg" alt="">
Найти работу Найти работу
</a> </a>
<a href="#" class="button-text release-resume"> <a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/new_resume_icon.svg" alt=""> <img class="img-svg" src="./img/icon_resume.svg" alt="">
Разместить резюме Разместить резюме
</a> </a>
<a href="#" class="button-text enter-account"> <a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter.svg" alt=""> <img class="img-svg" src="./img/icon_enter.svg" alt="">
Войти Войти
</a> </a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-scroll">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<a href="#">
<img src="./img/logo_fixed.svg" alt="">
</a>
</div>
<div class="col-auto">
<a href="#" class="button-text choice-mode">
Ищу работника
<img class="img-svg" src="./img/arrow_down_scroll.svg" alt="">
</a>
</div>
<div class="col-6 header-scroll-right">
<a href="#" class="button-text favorites hidden">
<img class="img-svg" src="./img/icon_favorites_scroll.svg" alt="">
</a>
<a href="#" class="button-text feedback hidden" data-count="+16">
<img class="img-svg" src="./img/icon_feedback_scroll.svg" alt="">
</a>
<a href="#" class="button-text search-work">
<img class="img-svg" src="./img/icon_search_scroll.svg" alt="">
</a>
<a href="#" class="button-text release-resume">
<img class="img-svg" src="./img/icon_resume_scroll.svg" alt="">
</a>
<a href="#" class="button-text login">
<img class="img-svg" src="./img/icon_enter_scroll.svg" alt="">
</a>
<div class="header-profile header-profile_hidden">
<a href="#" class="button-text profile">
<img class="img-svg" src="./img/icon_profile_scroll.svg" alt="">
Чапаев
</a>
<a href="#" class="button-text logout">
<img class="img-svg" src="./img/icon_logout_scroll.svg" alt="">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
webpack.config.js
View file @ b0a09a0d
...@@ -5,7 +5,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin'); ...@@ -5,7 +5,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); 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', 'current-article', 'main', 'service-rules']; const pages = ['index', 'articles', 'faq', 'vacancies', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration'];
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