github.com/bitcubate/cryptojournal@v1.2.5-0.20171102134152-f578b3d788ab/src/users/views/login.html.got (about)

     1  <div class="mdl-grid">
     2      <div class="mdl-layout-spacer"></div>
     3      <div class="mdl-cell mdl-cell--4-col">
     4  
     5  <!-- Wide card with share menu button -->
     6  <style>
     7  .demo-card-wide.mdl-card {
     8  width: 100%;
     9  }
    10  .demo-card-wide > .mdl-card__title {
    11  color: #fff;
    12  height: 120px;
    13  background: #3E4EB8;
    14  }
    15  .demo-card-wide > .mdl-card__menu {
    16  color: #fff;
    17  }
    18  </style>
    19  <div class="demo-card-wide mdl-card mdl-shadow--2dp">
    20  <div class="mdl-card__title">
    21  <h2 class="mdl-card__title-text">Login
    22  </h4>
    23  </div>
    24  <div class="mdl-card__supporting-text">
    25  
    26  <form action="/users/login" method="post">
    27  
    28  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label full-width">
    29  <input class="mdl-textfield__input full-width" type="text" name="email" id="email">
    30  <label class="mdl-textfield__label full-width" for="email">E-mail / Username</label>
    31  </div>
    32  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label full-width">
    33  <input class="mdl-textfield__input full-width" type="password" name="password" id="password">
    34  <label class="mdl-textfield__label full-width" for="password">Password</label>
    35  </div>
    36  </div>
    37  <div class="mdl-card__actions mdl-card--border">
    38  <input type="submit" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" value="Login">
    39  </form>
    40  </div>
    41  </div>
    42  </div>
    43  <div class="mdl-layout-spacer"></div>
    44  </div>