Sub Site Navigation with Utility Links
header
nav.chl-sub-brand-header
.container-fluid
.container(style="width: 100%")
.chl-nav-util-icons.chl-nav-util-icons--sub-brand.pull-left
ul
li
a(href="#")
.fa.fa-search
span Search
.chl-nav-util-icons.chl-nav-util-icons--sub-brand.pull-right
ul
li
a(href="#")
.fa.fa-user-circle
span My Caliber
li
a(href="#")
.fa.fa-phone
span Contact
li
a(href="#")
.fa.fa-th
span Sites
.caliber-logo
#nav-wrapper
nav.navbar.navbar-inverse.main-nav-header
.container-fluid
.container
.navbar-header
button.collapsed.navbar-toggle(type='button', data-toggle='collapse', data-target='#bs-example-navbar-collapse-9', aria-expanded='false')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='index.html')
i.fa.fa-home
| Sub Site
#bs-example-navbar-collapse-9.collapse.navbar-collapse
ul.nav.navbar-nav
li
a(href='#') Link
li
a(href='#') Link
li
a(href='#') Link
li.dropdown(class=(section === 'dropdown') ? 'active' : '')
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false') Dropdown
span.caret
ul.dropdown-menu
li(class=(section === 'linktext1') ? 'active' : '')
a(href='#') Link Text
li(class=(section === 'linktext2') ? 'active' : '')
a(href='#') Link Text