115 lines
4.6 KiB
JavaScript
115 lines
4.6 KiB
JavaScript
import React from 'react';
|
||
import style from './AuthForDevelopers.module.css';
|
||
import ellipse from '../../images/ellipse.png';
|
||
import arrow from '../../images/arrow__login_page.png';
|
||
import authImg from '../../images/auth_img.png';
|
||
import cross from '../../images/cross.png';
|
||
import text from '../../images/Body_Text.png';
|
||
import align from '../../images/align-left.png';
|
||
import phone from '../../images/phone.png';
|
||
import telegram from '../../images/telegram.png';
|
||
import vector from '../../images/Vector_Smart_Object.png';
|
||
import vectorBlack from '../../images/Vector_Smart_Object_black.png';
|
||
|
||
const AuthForDevelopers = ({ setAuthed }) => {
|
||
return (
|
||
<section className={style.developers}>
|
||
<div className={style.developers__background}>
|
||
<img className={style.vector} src={vector} alt="" />
|
||
<img className={style.vectorBlack} src={vectorBlack} alt="" />
|
||
<div className="container">
|
||
<div className="row">
|
||
<div className="col-12 col-xl-6">
|
||
<div className={style.developers__box}>
|
||
<h2 className={style.developers__title}>
|
||
Войти в <span>систему</span>
|
||
</h2>
|
||
<div className={style.developers__partners}>
|
||
<img src={ellipse} alt="" />
|
||
<span>Для разработчиков</span>
|
||
</div>
|
||
<form className={style.developers__form}>
|
||
<label htmlFor="login">Ваш логин:</label>
|
||
<input id="login" type="text" placeholder="Логин" />
|
||
|
||
<label htmlFor="password">Пароль:</label>
|
||
<input id="password" type="password" placeholder="Пароль" />
|
||
|
||
<button className={style.form__btn} type="submit" onClick={() => setAuthed(true)}>
|
||
Войти
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div className="col-xl-2">
|
||
<img className={style.developers__arrow} src={arrow} alt="" />
|
||
</div>
|
||
<div className="col-12 col-xl-4">
|
||
<div className={style.developers__info}>
|
||
<div className={style.developers__info__box}>
|
||
<img src={authImg} alt="" />
|
||
<h3>
|
||
Управление
|
||
<br /> командой
|
||
</h3>
|
||
</div>
|
||
|
||
<div className={style.developers__info__container}>
|
||
<div className={style.developers__info__img}>
|
||
<div>
|
||
<img className="cross" src={cross} alt="" />
|
||
</div>
|
||
<div>
|
||
{/* <img className={style.specialists} src={specialists} alt="" /> */}
|
||
<p className={style.specialists}>20 Специалистов</p>
|
||
</div>
|
||
</div>
|
||
|
||
<ul className={style.info__list}>
|
||
<li className={style.info__list__item}>Рабочее пространство</li>
|
||
<li className={style.info__list__item}>Управление задачами</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<img className={style.img__text} src={text} alt="" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="row">
|
||
<div className="col-12 col-xl-7">
|
||
<div className={style.developers__footer__left}>
|
||
<div className={style.footer__left__img}>
|
||
<img src={align} alt="" />
|
||
</div>
|
||
<div className={style.footer__left__sp}>
|
||
<span>
|
||
© Адвего — биржа контента №1. Копирайтинг, рерайтинг, переводы, работа на дому: поставщик
|
||
уникального контента. 2021{' '}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="col-4 col-xl-2">
|
||
<div className={style.developers__footer__icon}>
|
||
<img src={phone} alt="" />
|
||
<img src={telegram} alt="" />
|
||
</div>
|
||
</div>
|
||
|
||
<div className="col-8 col-xl-3">
|
||
<div className={style.developers__footer__right}>
|
||
<p className={style.phone}>+7 495 156 78 98</p>
|
||
<p className={style.workingHours}>Будни с 9:00 до 21:00</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
};
|
||
|
||
export default AuthForDevelopers;
|