development third page
This commit is contained in:
parent
3802219023
commit
2002bcc3d5
@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import style from './Description.module.css';
|
import style from './Description.module.css';
|
||||||
import photo from '../../images/medium_male.png';
|
import dog from '../../images/dog.jpg';
|
||||||
import rectangle from '../../images/rectangle_secondPage.png';
|
import rectangle from '../../images/rectangle_secondPage.png';
|
||||||
import arrowLeft from '../../images/arrow_left.png';
|
import arrowLeft from '../../images/arrow_left.png';
|
||||||
import arrowRight from '../../images/arrow_right.png';
|
import arrowRight from '../../images/arrow_right.png';
|
||||||
@ -14,7 +14,7 @@ const Description = ({ candidatesListArr }) => {
|
|||||||
{candidatesListArr.map((el) => (
|
{candidatesListArr.map((el) => (
|
||||||
<div className="row" key={el.id}>
|
<div className="row" key={el.id}>
|
||||||
<div className="col-2">
|
<div className="col-2">
|
||||||
<img className={style.description__img} src={photo} alt="" />
|
<img className={style.description__img} src={dog} alt="" />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 col-xl-6">
|
<div className="col-12 col-xl-6">
|
||||||
<h3 className={style.description__title}>{el.name} разработчик, Middle</h3>
|
<h3 className={style.description__title}>{el.name} разработчик, Middle</h3>
|
||||||
|
@ -13,6 +13,9 @@
|
|||||||
.description__img {
|
.description__img {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
|
width: 118px;
|
||||||
|
height: 118px;
|
||||||
|
border-radius: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import maleBig from '../../images/medium_male_big.png';
|
import dogBig from '../../images/dog.jpg';
|
||||||
import arrowLeft from '../../images/arrow_left.png';
|
import arrowLeft from '../../images/arrow_left.png';
|
||||||
import arrowRight from '../../images/arrow_right.png';
|
import arrowRight from '../../images/arrow_right.png';
|
||||||
import style from './Sidebar.module.css';
|
import style from './Sidebar.module.css';
|
||||||
@ -8,7 +8,7 @@ const Sidebar = () => {
|
|||||||
return (
|
return (
|
||||||
<div className={style.candidateSidebar}>
|
<div className={style.candidateSidebar}>
|
||||||
<div className={style.candidateSidebar__info}>
|
<div className={style.candidateSidebar__info}>
|
||||||
<img src={maleBig} alt="" />
|
<img src={dogBig} alt="" />
|
||||||
<p className={style.candidateSidebar__info__e}>Опыт работы</p>
|
<p className={style.candidateSidebar__info__e}>Опыт работы</p>
|
||||||
<p className={style.candidateSidebar__info__y}>4+ лет</p>
|
<p className={style.candidateSidebar__info__y}>4+ лет</p>
|
||||||
<button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
|
<button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
|
||||||
|
@ -22,6 +22,7 @@
|
|||||||
.candidateSidebar__info > img {
|
.candidateSidebar__info > img {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
|
border-radius: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.candidateSidebar__info__e {
|
.candidateSidebar__info__e {
|
||||||
|
BIN
src/images/dog.jpg
Normal file
BIN
src/images/dog.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
Loading…
Reference in New Issue
Block a user