development third page

This commit is contained in:
Hope87 2021-06-11 16:58:44 +03:00
parent 3802219023
commit 2002bcc3d5
5 changed files with 8 additions and 4 deletions

View File

@ -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>

View File

@ -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) {

View File

@ -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>

View File

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB