apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add second page

Browse Source
This commit is contained in:
Hope87
2021-05-27 17:44:11 +03:00
parent c9d216558e
commit 4c78169acf
141 changed files with 1896 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Candidate/sections/SectionFive.js Normal file
View File

@ -0,0 +1,18 @@
import React from 'react';
import style from './SectionFive.module.scss';
const SectionFive = () => {
return (
<div className={style.SectionFive}>
<p>Регистрации/авторизации;</p>
<p>Управления правами менеджеров отеля, назначение поставщиков</p>
<p>Управления описанием и профилем отелей;</p>
<p>Управления финансами, ценообразованием, квотами;</p>
<p>Переписки со своими менеджерами, а также с вышестоящими инстанциями;</p>
<p>Управления новостями отеля;</p>
<p>Просмотра расширенной статистики по заявкам и людям;</p>
</div>
);
};
export default SectionFive;

11
src/components/Candidate/sections/SectionFive.module.scss Normal file
View File

@ -0,0 +1,11 @@
.SectionFive {
& p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 16px;
text-align: left;
}
}

14
src/components/Candidate/sections/SectionFour.js Normal file
View File

@ -0,0 +1,14 @@
import React from 'react';
import style from './SectionFour.module.scss';
const SectionFour = () => {
return (
<div className={style.SectionFour}>
<p>Backend - REST API на PHP 7.1 с использованием фреймворка Laravel 5.8</p>
<p>Frontend - Vue.js</p>
<p>БД - MYSQL</p>
</div>
);
};
export default SectionFour;

11
src/components/Candidate/sections/SectionFour.module.scss Normal file
View File

@ -0,0 +1,11 @@
.SectionFour {
& p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 18px;
text-align: left;
}
}

19
src/components/Candidate/sections/SectionOne.js Normal file
View File

@ -0,0 +1,19 @@
import React from 'react';
import style from './SectionOne.module.scss';
const SectionOne = () => {
return (
<div className={style.SectionOne}>
<h3>SVM - сервис выездных менеджеров для банка ПСБ</h3>
<p>
Приложение, которое позволяет управлять работой т.н. выездных менеджеров (ВМ). Банк предоставляет их услуги
своим (потенциальным или реальным) клиентам, позволяя подключать расчетно-кассовое обслуживание или
регистрировать свой бизнес. Клиенту не нужно приходить в отделение/офис банка - все необходимые бумаги ВМ
подготовит заранее и принесет на согласование и подпись в удобное ему (клиент) время и место.
</p>
<h4>Senior PHP/JS Developer</h4>
</div>
);
};
export default SectionOne;

32
src/components/Candidate/sections/SectionOne.module.scss Normal file
View File

@ -0,0 +1,32 @@
.SectionOne {
& h3 {
font-family: 'GT Eesti Pro Display';
font-size: 2.2em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
& p {
font-family: 'GT Eesti Pro Display - Thin';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
color: #444444;
}
& h4 {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
}

18
src/components/Candidate/sections/SectionSkills.js Normal file
View File

@ -0,0 +1,18 @@
import React from 'react';
import style from './SectionSkills.module.scss';
const SectionSkills = () => {
return (
<div className={style.SectionSkills}>
<h3>Навыки:</h3>
<p>
PHP: Native, Laravel, Zend Framework, CodeIgniter, YII, Symfony. JavaScript: Native, jQuery, AngularJS, ExtJS,
BackboneJS, ReactJS + Redux, VueJS. Search Engines: Sphinx, Elastic Search. Cache: Memcache, Redis. Profiling:
Xdebug, XHProf. WebSockets: Ratchet, Socket.io. Очереди: RabbitMQ, Beanstalk. MySQL, PostgreSQL, Oracle, MsSQL,
Vertica, HBase, Cassandra, MongoDB, Redis, Tarantool. CSS 2/3 (Sass, Less). HTML 4/5.
</p>
</div>
);
};
export default SectionSkills;

27
src/components/Candidate/sections/SectionSkills.module.scss Normal file
View File

@ -0,0 +1,27 @@
.SectionSkills {
border: 1px solid #69bf2c;
padding: 28px 40px 16px 30px;
margin-top: 60px;
border-radius: 10px;
margin-bottom: 60px;
& h3 {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
}
& p {
font-family: 'GT Eesti Pro Display - Thin';
font-size: 2em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
color: #444444;
}
}

14
src/components/Candidate/sections/SectionThree.js Normal file
View File

@ -0,0 +1,14 @@
import React from 'react';
import style from './SectionThree.module.scss';
const SectionThree = () => {
return (
<div className={style.SectionThree}>
<h3>Multitur - личный кабинет для сервиса поиска/подбора отелей</h3>
<p>Личный кабинет для сотрудников отелей, который позволяет управлять информацией по отелю на сайте.</p>
<h4>Senior PHP/JS Developer</h4>
</div>
);
};
export default SectionThree;

32
src/components/Candidate/sections/SectionThree.module.scss Normal file
View File

@ -0,0 +1,32 @@
.SectionThree {
& h3 {
font-family: 'GT Eesti Pro Display';
font-size: 2.2em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
& p {
font-family: 'GT Eesti Pro Display - Thin';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
color: #444444;
}
& h4 {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
}

21
src/components/Candidate/sections/SectionTwo.js Normal file
View File

@ -0,0 +1,21 @@
import React from 'react';
import style from './SectionTwo.module.scss';
const SectionTwo = () => {
return (
<div className={style.SectionTwo}>
<p>
- Разработал и внедрил веб приложения, а также программное обеспечение с использованием Node.js, MySQL,
JavaScript, HTML, CSS, React.js и Vue.JS. - Поддерживал существующий веб-сайт на базе PHP. Перевел существующую
платформу с Laravel на современную архитектуру React/Redux и Node.
</p>
<p>
- Проектировал и разрабатывал компоненты пользовательского интерфейса с использованием HTML, CSS и JavaScript. -
Повысил скорость загрузки веб-сайта и время безотказной работы за счете переписывания всех основных компонентов
и внедрения новой архетиктуры. - Разработал персональное APIs.
</p>
</div>
);
};
export default SectionTwo;

12
src/components/Candidate/sections/SectionTwo.module.scss Normal file
View File

@ -0,0 +1,12 @@
.SectionTwo {
& p {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 28px;
text-align: left;
color: #444444;
}
}

31
src/components/Candidate/sections/Sidebar.js Normal file
View File

@ -0,0 +1,31 @@
import React from 'react';
import male from '../../../images/medium_male.png';
import arrowLeft from '../../../images/arrow_left.png';
import arrowRight from '../../../images/arrow_right.png';
import style from './Sidebar.module.scss';
const Sidebar = () => {
return (
<div className={style.candidateSidebar}>
<div className={style.candidateSidebar__info}>
<img src={male} alt="" />
<p className={style.candidateSidebar__info__e}>Опыт работы</p>
<p className={style.candidateSidebar__info__y}>4+ лет</p>
<button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
<p className={style.candidateSidebar__info__l}>Посмотреть ещё</p>
</div>
<div className={style.candidateSidebar__arrows}>
<div className={style.arrow__left}>
<img src={arrowLeft} alt="" />
</div>
<span className={style.arrows__sp}>1/15</span>
<div className={style.arrow__right}>
<img src={arrowRight} alt="" />
</div>
</div>
</div>
);
};
export default Sidebar;

108
src/components/Candidate/sections/Sidebar.module.scss Normal file
View File

@ -0,0 +1,108 @@
.candidateSidebar {
display: flex;
flex-direction: column;
align-items: center;
border: 2px solid whitesmoke;
border-bottom: none !important;
&__info {
text-align: center;
margin-top: 40px;
& img {
width: 180px;
height: 180px;
}
&__e {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
margin-top: 20px;
}
&__y {
font-family: 'GT Eesti Pro Display - Bold';
font-size: 3em;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: normal;
}
&__btn {
width: 280px;
height: 60px;
border-radius: 100px;
border: none;
background-color: #70c03e;
color: #ffffff;
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 600;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-align: center;
margin-top: 20px;
margin-bottom: 120px;
}
&__l {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 600;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: center;
}
}
&__arrows {
display: flex;
align-items: center;
margin-top: 20px;
& .arrow__left {
position: relative;
width: 30px;
height: 30px;
border-radius: 20px;
background-color: #f6f6f6;
& img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
& span {
color: #705fa3;
font-family: Circe;
font-size: 1.6em;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
text-align: center;
margin: 0 10px;
}
& .arrow__right {
position: relative;
width: 30px;
height: 30px;
border-radius: 20px;
background-color: #74be4d;
& img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
}