<div class="page-sign">
  <form class="form-sign">
    <h1 class="display-4 text-center mb-5">
      Sign in
    </h1>
    <div class="form-group">
      <div class="label-floating">
        <input id="username" type="text" class="form-control" placeholder="E-mail" autofocus>
        <label for="username">E-mail</label>
      </div>
    </div>
    <div class="form-group">
      <div class="label-floating">
        <input id="password" type="password" class="form-control" placeholder="Password">
        <label for="password">Password</label>
      </div>
    </div>
    <a href="#" class="btn btn-lg btn-primary btn-block">
      Sign in
    </a>
    <div class="mt-3 mb-3 text-center">
      <p class="mb-4">
        <a href="#">I forgot my password</a>
      </p>
      <hr>
      <p class="mt-4">
        <label class="text-muted">Don't have an account?</label>
        <a href="#">Sign up</a>
      </p>
  </div>
  </form>
</div>