Materializecss

Materialize css

by Brunno Romero

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>
<div class="row">
  <div class="col s4 offset-s4 card">
    <div class="input-field col s12">
      <input id="user_name" type="text" class="validate" required>
      <label for="user_name">Usuário</label>
    </div>

    <div class="input-field col s12">
      <input id="password" type="password" class="validate" required>
      <label for="password">Senha</label>
    </div>

    <div class="switch">
      <label>
        <input type="checkbox">
        <span class="lever"></span> Mantanha-me conectado
      </label>
    </div>

    <div class="input-field col s12">
      <br>
    </div>

    <div class="input-field col s12">
      <button class="waves-effect waves-light btn" type="submmit">Login
      </button>
    </div>

    <div class="input-field col s12">
      <a href="#">Ainda não é membro? Crie já uma conta!</a>
    </div>
  </div>
</div>