Top

nav.jade

.navbar.navbar-default.navbar-fixed-top(role='navigation')
  .container
    .navbar-header
      button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
        span.sr-only Toggle navigation
        span.icon-bar
        span.icon-bar
        span.icon-bar
      a.navbar-brand(href='/')
        img(src='https://joola.io/img/hero.png', alt='...')
        |  joola
    .collapse.navbar-collapse
      button.navbar-btn.btn.btn-red.pull-right.hidden-sm.hidden-xs Sign In / Register
      ul.nav.navbar-nav.navbar-right
        li.hidden-sm
          a(href='/features') Features
        li.hidden-sm
          a(href='/pricing') Pricing
        li.hidden-sm
          a(href='/docs') Docs
        li.hidden-sm
          a(href='/company') Company
        li.hidden-sm
          a(href='/contact') Contact
        li.hidden-sm
          a(href='http://blog.joo.la') Blog
      form.navbar-form.navbar-right.visible-xs(role='search')
        .input-group
          input.form-control(type='text', placeholder='Search')
          span.input-group-btn
            button.btn.btn-red(type='button') Search!