<!-- Material form login -->

<div class="card col-md-8" id="loginCard">

​

  <h5 class="card-header col-15 info-color white-text text-center py-4">

    <strong>Sign in</strong>

  </h5>

​

  <!--Card content-->

  <div  class="card-body px-lg-5 pt-0">

​

    <!-- Form -->

    <form class="text-center" style="color: #757575;" action="#!">

​

      <!-- Username -->

      <div class="md-form ">

        <input type="text" id="userInput" class="form-control border rounded-1" placeholder="Username" >

​

​

      </div>

​

      <!-- Password -->

      <div class="md-form">

        <input type="password" id="passwordInput" class="form-control border rounded-1" placeholder="Password">

      </div>

​

      <div class="d-flex justify-content-around">

        <div>

          <!-- Remember me -->

          <div class="form-check">

            <input type="checkbox" class="form-check-input" id="materialLoginFormRemember">

            <label class="form-check-label" for="materialLoginFormRemember">Remember me</label>

          </div>

        </div>

​

      </div>

​

      <!-- Sign in button -->

      <button type="button" class="btn btn-primary">Primary</button>

      <!-- Register -->

​

      <!-- Social login -->

​

    </form>

    <!-- Form -->

​

  </div>

​

</div>

<!-- Material form login -->

​