html
  head
  body
    .area
    nav.main-menu
      ul
        li
          a href="#" 
            i.fa.fa-home.fa-2x
            span.nav-text
              | Dashboard
        li.has-subnav
          a href="#" 
            i.fa.fa-laptop.fa-2x
            span.nav-text
              | UI Components
        li.has-subnav
          a href="#" 
            i.fa.fa-list.fa-2x
            span.nav-text
              | Forms
        li.has-subnav
          a href="#" 
            i.fa.fa-folder-open.fa-2x
            span.nav-text
              | Pages
        li
          a href="#" 
            i.fa.fa-bar-chart-o.fa-2x
            span.nav-text
              | Graphs and Statistics
        li
          a href="#" 
            i.fa.fa-font.fa-2x
            span.nav-text
              | Typography and Icons
        li
          a href="#" 
            i.fa.fa-table.fa-2x
            span.nav-text
              | Tables
        li
          a href="#" 
            i.fa.fa-map-marker.fa-2x
            span.nav-text
              | Maps
        li
          a href="#" 
            i.fa.fa-info.fa-2x
            span.nav-text
              | Documentation
      ul.logout
        li
          a href="#" 
            i.fa.fa-power-off.fa-2x
            span.nav-text
              | Logout