Untitled
unknown
typescript
2 years ago
6.8 kB
10
Indexable
import React from 'react'; const Login = () => { return ( <> <head> <meta charSet="utf-8"/> <meta httpEquiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta name="description" content=""/> <meta name="author" content=""/> <title>SB Admin 2 - Login</title> {/* Custom fonts for this template */} <link rel="stylesheet" type="text/css" href="vendor/fontawesome-free/css/all.min.css"/> <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" /> {/* Custom styles for this template */} <link rel="stylesheet" type="text/css" href="css/sb-admin-2.min.css"/> </head> <body className="bg-gradient-primary"> <div className="container"> {/* Outer Row */} <div className="row justify-content-center"> <div className="col-xl-10 col-lg-12 col-md-9"> <div className="card o-hidden border-0 shadow-lg my-5"> <div className="card-body p-0"> {/* Nested Row within Card Body */} <div className="row"> <div className="col-lg-6 d-none d-lg-block bg-login-image"/> <div className="col-lg-6"> <div className="p-5"> <div className="text-center"> <h1 className="h4 text-gray-900 mb-4">Welcome Back!</h1> </div> <form className="user"> <div className="form-group"> <input type="email" className="form-control form-control-user" id="exampleInputEmail" aria-describedby="emailHelp" placeholder="Enter Email Address..." /> </div> <div className="form-group"> <input type="password" className="form-control form-control-user" id="exampleInputPassword" placeholder="Password" /> </div> <div className="form-group"> <div className="custom-control custom-checkbox small"> <input type="checkbox" className="custom-control-input" id="customCheck" /> <label className="custom-control-label" htmlFor="customCheck"> Remember Me </label> </div> </div> <a href="index.html" className="btn btn-primary btn-user btn-block"> Login </a> <hr/> <a href="index.html" className="btn btn-google btn-user btn-block"> <i className="fab fa-google fa-fw"/> Login with Google </a> <a href="index.html" className="btn btn-facebook btn-user btn-block"> <i className="fab fa-facebook-f fa-fw"/> Login with Facebook </a> </form> <hr/> <div className="text-center"> <a className="small" href="forgot-password.html"> Forgot Password? </a> </div> <div className="text-center"> <a className="small" href="register.html"> Create an Account! </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> {/* Bootstrap core JavaScript */} <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> {/* Core plugin JavaScript */} <script src="vendor/jquery-easing/jquery.easing.min.js"></script> {/* Custom scripts for all pages */} <script src="js/sb-admin-2.min.js"></script> </body> </> ); }; export default Login;
Editor is loading...
Leave a Comment