58 lines
1.7 KiB
JavaScript
58 lines
1.7 KiB
JavaScript
import React, { Component } from "react";
|
|
import Logo from "../images/logo1.png";
|
|
import "./Login.css";
|
|
class Login extends Component {
|
|
state = {
|
|
Accounts: [],
|
|
};
|
|
render() {
|
|
return (
|
|
<div className="login-page">
|
|
<form action="" className="signin-Form">
|
|
<img className="app-logo" src={Logo} alt="app-logo" />
|
|
<h1 className="form-title">Kene's Cribs</h1>
|
|
<p>Welcome please back, please sign in!</p>
|
|
<hr className="hr" />
|
|
<div className="login-box">
|
|
<div class="form-group">
|
|
<label for="email">Email address</label>
|
|
<input
|
|
type="email"
|
|
class="form-control"
|
|
id="login-email"
|
|
aria-describedby="emailHelp"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input
|
|
type="password"
|
|
class="form-control"
|
|
id="login-password"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="form-group form-check">
|
|
<input
|
|
type="checkbox"
|
|
class="form-check-input"
|
|
id="exampleCheck1"
|
|
/>
|
|
<label class="form-check-label" for="exampleCheck1">
|
|
remember me
|
|
</label>
|
|
</div>
|
|
<div className="login-btn">
|
|
<button type="submit" class="btn btn-lg btn-primary">
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Login;
|