<repo_name>SRIHARI0405/ReactLoginForm<file_sep>/LoginForms.js
import React from "react";
import './stylesheet.css'
export default class LoginForms extends React.Component {
    render() {
        return (
            <div>
                <center><h1>LOGIN FORM</h1></center>
                <div className="container">

                    <div className="form-box">

                        <div className="header-form">
                            <h4 className="text-primary text-center"><i className="fa fa-user-circle" style={{ fontSize: "110px" }}></i></h4>
                            <div className="image">
                            </div>
                        </div>
                        <div className="body-form">
                            <form>
                                <div className="input-group mb-3">
                                    <div className="input-group-prepend">
                                        <span className="input-group-text"><i class="fa fa-user"></i></span>
                                    </div>
                                    USERNAME: <input type="text" className="form-control" placeholder="Username" />
                                </div>
                                <div className="input-group mb-3">
                                    <div className="input-group-prepend">
                                        <span className="input-group-text"><i class="fa fa-lock"></i></span>
                                    </div>
                                    PASSWORD:<input type="text" className="form-control" placeholder="<PASSWORD>" />
                                </div>
                                <button type="button" className="btn btn-secondary btn-block" style={{ padding: 10, margin: 0, top: 50 }}>LOGIN</button>
                                <div className="message">
                                    <div><input type="checkbox" /> Remember ME</div>
                                    <div><a href="#">Forgot your password</a></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

