Untitled

avatar
unknown
plain_text
2 years ago
2.6 kB
13
Indexable
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="Yinka Enoch Adedokun">
	<title>Login Page</title>
</head>
<style>
    main-content{
	width: 50%;
	margin: 5em auto;
	display: flex;
}

.row > h2{
	color:#000;
}
form{
	padding: 0 2em;
}
.form__input{
	width: 100%;
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em .5em .5em;
	padding-left: 2em;
	outline:none;
	margin:1.5em auto;
}

.btn{
	width: 70%;
	
	color:#ffffff;
	font-weight: 600;
	background-color: #000;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

</style>
<body>
	<!-- Main Content -->
	<div class="container-fluid">
		<div class="row main-content ">
			<div class="col-md-8 col-xs-12 col-sm-12 login_form ">
				<div class="container-fluid">
					<div class="row">
						<h2>Login Form</h2>
					</div>
						<form control="" class="form-group">
							<div class="row">
								<input type="email"class="form__input" placeholder="Email">
							</div>
							<div class="row">
								<input type="password" name="password" id="password" class="form__input" placeholder="Password">
							</div>
							
            <div class="row">
               <div class="col d-flex justify-content-center">
                 <!-- Checkbox -->
                 <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="form2Example31" checked />
                    <label class="form-check-label" for="form2Example31"> Remember me </label>
                 </div>
                 <div class="col">
                    <!-- Simple link -->
                     <a href="#!">Forgot password?</a>
                 </div>
                </div>
            </div>
          

							<div class="row">
								<input type="submit" value="Submit" class="btn">
							</div>
             <div class="divider d-flex align-items-center my-4">
            <p class="text-center fw-bold mx-3 mb-0 text-muted">OR</p>
          </div> 
          <div>
          <a class="btn " style="background-color: #3b5998" href="#!"
            role="button">
            <i class="fab fa-facebook-f "></i>Login with Facebook
          </a>
        </div>
              <div class="row">
						<p> Get Members Benefit. <a href="#">Sign up</a></p>
                 </form>  
					</div>
              
						
					</div>
					
				</div>
			</div>
		</div>
        

	
</body>
Editor is loading...