anchor.diff:          ul
             li
               .item-content
  -              .item-media
  -                i.icon.icon-form-name
                 .item-inner 
                   .item-title.label Name
                   .item-input
                     input(type="text", placeholder="Your name")
             li
               .item-content
  -              .item-media
  -                i.icon.icon-form-email
                 .item-inner 
                   .item-title.label E-mail
                   .item-input
                     input(type="email", placeholder="E-mail")
             li
               .item-content
  -              .item-media
  -                i.icon.icon-form-url
                 .item-inner 
                   .item-title.label URL
                   .item-input
                     input(type="url", placeholder="URL")
             li
               .item-content
  -              .item-media
  -                i.icon.icon-form-password
                 .item-inner 
                   .item-title.label Password
                   .item-input
                     input(type="password", placeholder="Password")
             li
               .item-content
  -              .item-media
  -                i.icon.icon-form-tel
                 .item-inner 
                   .item-title.label Phone
                   .item-input
                     input(type="tel", placeholder="Phone")
             li
               .item-content
  -              .item-media
  -                i.icon.icon-form-gender
                 .item-inner 
                   .item-title.label Gender
                   .item-input
  
positive.code:           li
              label.label-checkbox.item-content
                input(type="checkbox", name="ks-checkbox", value="Books", checked=true)
                .item-media
                  i.icon.icon-form-checkbox
                .item-inner
                  .item-title Books
            li
              label.label-checkbox.item-content
                input(type="checkbox", name="ks-checkbox", value="Movies")
                .item-media
                  i.icon.icon-form-checkbox
                .item-inner
                  .item-title Movies
            li
              label.label-checkbox.item-content
                input(type="checkbox", name="ks-checkbox", value="Food")
                .item-media
                  i.icon.icon-form-checkbox
                .item-inner
                  .item-title Food
            li
              label.label-checkbox.item-content
                input(type="checkbox", name="ks-checkbox", value="Drinks")
                .item-media
                  i.icon.icon-form-checkbox
                .item-inner
                  .item-title Drinks
        .content-block-title Radio buttons group
  
negative.code:                     input(type="range", min="0", max="100", value="50", step="0.1")
            li.align-top
              .item-content
                .item-inner 
                  .item-title.label Textarea
                  .item-input
  