You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
2.8 KiB

import React from "react";
import { Link } from "react-router-dom";
import logo from "../../assets/img/big-logo.svg";
import img1 from "../../assets/img/Group 1282.svg";
const LoginSignUp = ({ activeLogin }) => {
return (
<div className="w-full flex items-center justify-center" style={{ height: '100vh',direction: 'rtl' }}>
<div className="w-3/4 border border-solid border-gray-200 flex rounded-xl">
{/* form */}
<div className="flex w-2/5 border-0 border-l border-solid border flex-col items-center p-6">
<img src={logo} className="w-1/2 m-4" />
<div className="flex flex-col items-start justify-start leading-normal">
<h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1>
<h1 className="text-red26 text-lg font-bold">سامانه ثبت نام مدارس موسسه علمی اندیشمند</h1>
<p className="text-gray-500 text-sm mt-2">
کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید.
<br />
در صورتی که عضو نیستید روی دکمه ثبت نام بزنید
</p>
<Link
to="/dashboard"
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6"
onClick={activeLogin}
>
ورود
</Link>
<Link
to="/dashboard"
className="Login-box-form-btn w-full h-12 rounded-lg border border-solid border-red52 text-red52 flex items-center justify-center mt-4"
onClick={activeLogin}
>
ثبت نام
</Link>
<div className="w-full flex flex-col items-center justify-center">
<p className="w-3/5 text-xs my-20 text-center text-red26">
ثبت نام شما در سامانه به منزله قبول
<Link to="" className="font-bold"> شرایط و قوانین استفاده </Link>
میباشد
</p>
<p className="text-gray-300 text-xs">1401 - 1400</p>
</div>
</div>
</div>
{/* Slider */}
<div className="bg-grayEC w-3/5">
</div>
</div>
</div>
);
};
export default LoginSignUp;