MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

added some auth pages

Browse Source
This commit was merged in pull request #1.
This commit is contained in:
victorAnumudu
2024-12-05 01:19:09 +01:00
parent bf47d0e304
commit 0e29ece398
25 changed files with 482 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Login2.jsx
+88
View File
@@ -0,0 +1,88 @@
import React, { useEffect, useState } from 'react'
import LoginImg from '../../assets/bg/login.svg'
import MainLoader from '../loaders/MainLoader'
export default function Login() {
const [loading, setLoading] = useState(true)
useEffect(()=>{
const timer = setTimeout(()=>{
setLoading(false)
},1000)
return () => clearTimeout(timer)
},[])
return (
<div className="bg-white">
{loading ?
<MainLoader />
:
<div className="app">
<div className="app-wrap">
<div className="app-contant">
<div className="bg-white">
<div className="container-fluid p-0">
<div className="row no-gutters">
<div className="col-sm-6 col-lg-5 col-xxl-3 align-self-center order-2 order-sm-1">
<div className="d-flex align-items-center h-100-vh">
<div className="login p-50">
<h1 className="mb-2">We Are Mentor</h1>
<p>Welcome back, please login to your account.</p>
<form action="auth-login.html" className="mt-3 mt-sm-5">
<div className="row">
<div className="col-12">
<div className="form-group">
<label className="control-label">User Name*</label>
<input type="text" className="form-control" placeholder="Username" />
</div>
</div>
<div className="col-12">
<div className="form-group">
<label className="control-label">Password*</label>
<input type="password" className="form-control" placeholder="Password" />
</div>
</div>
<div className="col-12">
<div className="d-block d-sm-flex align-items-center">
<div className="form-check">
<input className="form-check-input" type="checkbox" id="gridCheck" />
<label className="form-check-label" htmlFor="gridCheck">
Remember Me
</label>
</div>
<a href="#" className="ml-auto">Forgot Password ?</a>
</div>
</div>
<div className="col-12 mt-3">
<a href="index.html" className="btn btn-primary text-uppercase">Sign In</a>
</div>
<div className="col-12 mt-3">
<p>Don't have an account ?<a href="auth-register.html"> Sign Up</a></p>
</div>
</div>
</form>
</div>
</div>
</div>
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2" style={{background: 'linear-gradient(to right, #8e54e9 0, #4776e6 100%)'}}>
<div className="row align-items-center h-100">
<div className="col-7 mx-auto ">
<img className="img-fluid" src={LoginImg} alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
</div>
)
}