%html
  %head
  %body
    %div(class='navbar navbar-fixed-top navbar-inverse')
      .container
        .navbar-header
          %a.cart.pull-right(href='/' class='btn active btn-danger navbar-toggle')
            %div
              %span(class='glyphicon glyphicon-shopping-cart')>
              %i.cartcount 0
          %button.float-right(type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse')
            %span(class='icon-bar')
            %span(class='icon-bar')       
            %span(class='icon-bar')   
          %a.float-left(href='/')
            .logo
        .navbar-collapse(class='collapse')
          %ul(class='btn-group nav navbar-nav nav-bar-browse')
            %li(class='dropdown')
              %button(class='btn dropdown-toggle' type='button' id='dropdownMenu1' data-toggle='dropdown')
                %div
                  %span Browse 
                  %span(class='caret')>
              %ul(class='dropdown-menu' role='menu' aria-labelledby='dropdownMenu1')
                %li(role='presentation')
                  %a(role='menuitem' tabindex='-1' href='/courses') By Course
                %li(role='presentation')
                  %a(role='menuitem' tabindex='-1' href='/teachers') By Instructor
            %li
              %a(href='/')
                %div About
            %li
              %a(href='/')
                %div Canvas
          %ul.pull-right(class='btn-group nav navbar-nav nav-bar-browse')
            %li
              %a.login(href='/' class='btn active btn-primary')
                %div Sign In
              %a.login(href='/' class='btn active btn-danger' style='display:none;')
                %div Sign Out
          %ul.pull-right(class='btn-group nav navbar-nav nav-bar-browse')
            %li
              %a.cart(href='/' class='btn active btn-danger navbar-toggle hidden-xs')
                %div
                  %span(class='glyphicon glyphicon-shopping-cart')>
                  %i.cartcount 0
    .container
      .row-fluid
        %a.btn.btn-primary.top10
          %div
            Sign In
        %a.btn.btn-info.top10
          %div
            Sign Up
      .row-fluid.top10
        %a.btn.btn-default.top10
          %div
            Forgot your password? 
      .row-fluid
        %a.btn.btn-default.top10
          %div
            Didn't receive confirmation instructions?
        %a.btn.btn-default.top10
          %div
            Didn't receive unlock instructions?