.layout-center-vertical-align
  .mod-example.layout-accounts
    .body
      .intro
        h1 Nam metus massa
        p Phasellus id nulla convallis, faucibus magna sit amet, tempus arcu. Nunc ornare ornare nunc.
      .form
        .textfield
          .field
            label for='email' Your email
            input type='email' id='email' placeholder='customer@gmail.com'
        .mod-two-fields
          .field
            label for='password1' Password
            div
              input type='password' id='password1' placeholder='Minimum 8 characters'
          .field
            label for='password2' Confirm Password
            div
              input type='password' id='password2' placeholder='Minimum 8 characters'
        button.button.action.full-width type='submit' Sed non diam id purus placerat
        .actions
          a.action href='#' Donec lobortis dui eget
          a.action href='#' Mauris tristique efficitur enim

css:
  .layout-center-vertical-align {
    background: #FBFBFB;
    min-height: 640px;
  }

.layout-accounts
  .layout-center-vertical-align
    .mod-example.layout-accounts
      .body
        .intro.wider
          h1 Pellentesque habitant morbi
          p: strong Nullam mollis turpis
          ul
            li Fusce vitae turpis quis mauris
            li Nunc tincidunt velit laoreet nulla
            li Ut sit amet nunc nec risus
        .form
          .mod-two-fields
            .field
              label for='first_name' First name
              div
                input type='text' id='first_name' placeholder='Enter your fisrt name'
            .field
              label for='last_name' Last name
              div
                input type='text' id='last_name' placeholder='Enter your last name'
          .textfield
            .field
              label for='email' Your email
              input type='email' id='email' placeholder='customer@gmail.com'
          .mod-two-fields
            .field
              label for='password3' Password
              div
                input type='password' id='password3' placeholder='Minimum 8 characters'
            .field
              label for='password4' Confirm Password
              div
                input type='password' id='password4' placeholder='Minimum 8 characters'
          button.button.action.full-width type='submit' Create your account
          .actions
            span Nam metus massa 
            a.action href='#' Sed lobortis

css:
  .layout-center-vertical-align {
    background: #FBFBFB;
    min-height: 640px;
  }