doctype html html

head
  meta charset="utf-8"
  title
    | Starter Template for Bootstrap
  meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
  meta name="description" content=""
  meta name="author" content=""
  /! HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries
  /[if lt IE 9]
    = javascript_include_tag "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js", "https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"
  = stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true
  = javascript_include_tag "application", "data-turbolinks-track" => true
  = csrf_meta_tags
body
  .navbar.navbar-inverse.navbar-fixed-top
    .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
        = link_to "Project name", "#", :class => "navbar-brand"
      .collapse.navbar-collapse
        ul.nav.navbar-nav
          li.active
            a href="#"
              | Home
          li
            a href="#about" 
              | About
          li
            a href="#contact"
              | Contact
  .container
    - flash.each do |name, msg|
      = content_tag :div, :class => "alert alert-#{ name == :error ? "danger" : "success" } alert-dismissable" do
        button.close type="button" data-dismiss="alert" aria-hidden="true"
          | ×
        = msg
    = yield