Karma CSS Sample Login

by Karma CSS

HTML

<script src="https://use.fontawesome.com/7ec6d40588.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/karma-css@latest/dist/karma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/karma-css@latest/dist/karma-components.min.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" rel="stylesheet">
<div class="full-visual-height d-flex align-items-center">
  <div class="container-fluid">
    <div class="row">
      <div class="col col-md-5 offset-md-2">
        <h1>Login to get started</h1>
        <form>
          <div class="icon-input full-width">
            <input type="email" placeholder="email">
            <span class="fa fa-at c-primary"></span>
          </div>
          <div class="icon-input full-width">
            <input type="password" placeholder="password">
            <span class="fa fa-unlock-alt c-primary"></span>
          </div>
          <div class="d-flex align-items-center">
            <button type="submit" class="button button-primary">Login</button>
            <a class="ml-auto">Forgotten your password?</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>