.mod-card-form  style='max-width: 600px'
  label Vivamus ultricies
  .field
    .group.prefix data-prefix='$'
      input type='text' id='income' placeholder='Suspendisse molestie vel'
  .field
    label.checkbox
      input type='checkbox' checked='checked'
      span Vivamus dictum justo

.mod-card-form  style='max-width: 600px'
  label Vivamus ultricies
  .field
    .selectbox
      select
        option Etiam malesuada
        option Maecenas ullamcorper
        option Fusce quis elit at turpis
  .field
    .group.prefix data-prefix='$'
      input type='text' id='income' placeholder='Suspendisse molestie vel' value='100,000'
  .field
    label.checkbox
      input type='checkbox' checked='checked'
      span Vivamus dictum justo

.mod-card-form  style='max-width: 600px'
  label Vivamus ultricies
  .field
    .selectbox
      select
        option disabled='disabled' selected='selected' Morbi sit amet dapibus
        option Etiam malesuada
        option Maecenas ullamcorper
        option Fusce quis elit at turpis
  .field
    .group.prefix data-prefix='$'
      input type='text' id='income' placeholder='Suspendisse molestie vel' value='100,000'
  .field
    label.checkbox
      input type='checkbox' checked='checked'
      span Vivamus dictum justo

.mod-card-form  style='max-width: 600px'
  span.icon-close
  label Vivamus ultricies
  .field
    .selectbox
      select
        option disabled='disabled' selected='selected' Suspendisse molestie vel sapien
        option Etiam malesuada
        option Maecenas ullamcorper
        option Fusce quis elit at turpis
  .field
    .group.prefix data-prefix='$'
      input type='text' id='income' placeholder='Suspendisse molestie vel' value='100,000'
  .field
    label.checkbox
      input type='checkbox' checked='checked'
      span Vivamus dictum justo

.mod-card-form  style='max-width: 600px'
  label Vivamus ultricies
  .field
    .group.prefix data-prefix='$'
      input type='text' id='income' placeholder='100,000' value='100,000'
  .field
    label.checkbox
      input type='checkbox' checked='checked'
      span Vivamus dictum justo
    label.checkbox
      input type='checkbox'
      span Aenean sit amet pretium
    label.checkbox
      input type='checkbox'
      span Vivamus faucibus lacus
  .field
    label.radio
      input type='radio' name='radios'
      span Curabitur
    label.radio
      input type='radio' name='radios'
      span Nulla facilisi
  .field
    input type='text' placeholder='Donec nunc nulla'
  .field
    .selectbox
      select
        option Etiam malesuada
        option Maecenas ullamcorper
        option Fusce quis elit at turpis
    .selectbox
      select
        option Maecenas ullamcorper
        option Fusce quis elit at turpis
        option Etiam malesuada
  .field
    label.toggler
      input type='radio' name='example2'
      span.button Nam
    label.toggler
      input type='radio' name='example2'
      span.button Et
    label.toggler
      input type='radio' name='example2'
      span.button Urna quis
  .field
    button.button.action Elit volutpat