finished home page
This commit is contained in:
parent
e5c8aa5f43
commit
c9d216558e
7
src/components/Auth/Auth.js
Normal file
7
src/components/Auth/Auth.js
Normal file
@ -0,0 +1,7 @@
|
||||
import React from 'react';
|
||||
|
||||
const Auth = () => {
|
||||
return <div></div>;
|
||||
};
|
||||
|
||||
export default Auth;
|
0
src/components/Auth/Auth.module.scss
Normal file
0
src/components/Auth/Auth.module.scss
Normal file
3
src/components/Auth/index.js
Normal file
3
src/components/Auth/index.js
Normal file
@ -0,0 +1,3 @@
|
||||
import Auth from './Auth';
|
||||
|
||||
export default Auth;
|
@ -1,25 +1,73 @@
|
||||
import React from 'react';
|
||||
import { useParams, useHistory } from 'react-router-dom';
|
||||
import { candidatesList } from '../Home/sections/Description';
|
||||
import { useHistory } from 'react-router-dom';
|
||||
import style from './Candidate.module.scss';
|
||||
// import { candidatesList } from '../Home/sections/Description';
|
||||
import icon from '../../images/front_end.png';
|
||||
import arrow from '../../images/right-arrow.png';
|
||||
|
||||
import classes from './Candidate.module.scss';
|
||||
|
||||
const Candidate = () => {
|
||||
const history = useHistory();
|
||||
|
||||
const { id: candidateId } = useParams();
|
||||
// const { id: candidateId } = useParams();
|
||||
|
||||
const currentCandidate = candidatesList.find((el) => el.id === Number(candidateId));
|
||||
// const currentCandidate = candidatesList.find((el) => el.id === Number(candidateId));
|
||||
|
||||
return (
|
||||
<div className={classes.wrapper}>
|
||||
<button style={{ margin: '60px' }} onClick={() => history.push('/')}>
|
||||
Home
|
||||
</button>
|
||||
<h1>
|
||||
<section className={classes.candidate}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className={style.candidate__title}>
|
||||
<h2>
|
||||
<span>Аутстаффинг</span> it-персонала
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className={style.candidate__header}>
|
||||
<div className={style.arrow} onClick={() => history.push('/')}>
|
||||
<img src={arrow} alt="" />
|
||||
<span>Вернуться к списку</span>
|
||||
</div>
|
||||
|
||||
<div className="icon">
|
||||
<img src={icon} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={style.candidate__main}>
|
||||
<div className="row">
|
||||
<div className="col-4">
|
||||
<div className="">
|
||||
<p>
|
||||
sddddddddddddddddddddddddddddddddd <br /> ddddddddddddddddddddddddddd <br />
|
||||
ddddddddddddddddddd
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-8">
|
||||
<div className="">
|
||||
<p>
|
||||
sddddddddddddddddddddddddddddddddd <br /> ddddddddddddddddddddddddddd <br />
|
||||
ddddddddddddddddddd
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* <h1>
|
||||
Candidate name: <span>{currentCandidate.name}</span>
|
||||
</h1>
|
||||
</div>
|
||||
</h1> */}
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
|
@ -1,4 +1,43 @@
|
||||
.wrapper {
|
||||
font-size: 30px;
|
||||
color: red;
|
||||
.candidate {
|
||||
&__title {
|
||||
margin-top: 60px;
|
||||
& h2 {
|
||||
text-align: center;
|
||||
color: #52b709;
|
||||
font-family: 'GT Eesti Pro Display';
|
||||
font-size: 53px;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
letter-spacing: normal;
|
||||
line-height: 77.81px;
|
||||
& span {
|
||||
color: #282828;
|
||||
font-style: normal;
|
||||
letter-spacing: 0.56px;
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 120px;
|
||||
margin-left: 60px;
|
||||
|
||||
& .arrow {
|
||||
& img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
& span {
|
||||
margin-left: 40px;
|
||||
margin-right: 120px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__main {
|
||||
margin-top: 60px;
|
||||
}
|
||||
}
|
||||
|
@ -1,12 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
const PhotoBlock = () => {
|
||||
return (
|
||||
<div>
|
||||
PhotoBlock
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PhotoBlock;
|
BIN
src/images/right-arrow.png
Normal file
BIN
src/images/right-arrow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 268 B |
@ -1,11 +1,6 @@
|
||||
import React from 'react';
|
||||
import Auth from '../components/Auth';
|
||||
|
||||
const AuthPage = () => {
|
||||
return (
|
||||
<div>
|
||||
AuthPage
|
||||
</div>
|
||||
);
|
||||
};
|
||||
const AuthPage = () => <Auth />;
|
||||
|
||||
export default AuthPage;
|
Loading…
Reference in New Issue
Block a user