.docs-demo.columns
  .column.col-6.col-xs-12
    ul.nav
      li.nav-item
        a(href="#nav") Elements
      li.nav-item.active
        a(href="#nav") Layout
        ul.nav
          li.nav-item
            a(href="#nav") Flexbox grid
          li.nav-item
            a(href="#nav") Responsive
          li.nav-item
            a(href="#nav") Navbar
          li.nav-item
            a(href="#nav") Empty states
      li.nav-item
        a(href="#nav") Components
      li.nav-item
        a(href="#nav") Utilities

p
  | Add a container element with the #[code nav] class.
  | And add child elements with the #[code nav-item] class.
  | The #[code nav-item] with the #[code active] class will be highlighted.

pre.code(data-lang='HTML')
  code
    :highlight(lang="html")

-           Elements

-           Layout

-               Flexbox grid

-               Responsive

-               Navbar

-               Empty states

-           Components

-           Utilities

