<div class="row">
<div class="container-fluid d-flex min-vh-100 bg-lite">
<div class="m-sm-auto">
<div class="card shadow bg-white rounded" style="min-width: 50vh;">
<div class="card-body p-sm-5">
<h1 class="card-title mb-sm-5">Sign In</h1>
<form>
<div class="form-group">
<label for="loginId">Email</label>
<input type="text" class="form-control" id="loginId" placeholder="Enter email address">
</div>
<div class="form-group">
<label for="loginPass">Password</label>
<input type="text" class="form-control" id="loginPass" placeholder="Enter password">
</div>
<button type="submit" class="btn btn-primary mt-sm-2">Login</button>
</form>
<hr class="m-sm-5"/>
</div>
</div>
</div>
</div>
</div>