<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login - Free Bulma template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css?family=Questrial&display=swap" rel="stylesheet">
<!-- Bulma Version 1-->
<link rel="stylesheet" href="https://unpkg.com/bulma@1.0.2/css/bulma.min.css" />
<link rel="stylesheet" type="text/css" href="../css/login.css">
</head>
<body>
<section class="hero is-success is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<div class="column is-4 is-offset-4">
<h3 class="title has-text-black">Login</h3>
<hr class="login-hr">
<p class="subtitle has-text-black">Please login to proceed.</p>
<div class="box">
<figure class="avatar">
<img src="https://via.placeholder.com/150">
</figure>
<form>
<div class="field">
<div class="control">
<input class="input is-large" type="email" placeholder="Your Email" autofocus="">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-large" type="password" placeholder="Your Password">
</div>
</div>
<div class="field">
<label class="checkbox">
<input type="checkbox">
Remember me
</label>
</div>
<button class="button is-block is-info is-large is-fullwidth">Login <i class="fa fa-sign-in" aria-hidden="true"></i></button>
</form>
</div>
<p class="has-text-grey">
<a href="../">Sign Up</a> ·
<a href="../">Forgot Password</a> ·
<a href="../">Need Help?</a>
</p>
</div>
</div>
</div>
</section>
<script async type="text/javascript" src="../js/bulma.js"></script>
</body>
</html>