doctype html
html(lang='en')
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
    meta(name='description', content='')
    meta(name='author', content='')
    title Bare - Start Bootstrap Template
    // Bootstrap core CSS
    link(href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', rel='stylesheet')
    // Custom styles for this template
    style.
      body {
      padding-top: 54px;
      }
      @media (min-width: 992px) {
      body {
      padding-top: 56px;
      }
      }
  body
    // Navigation
    nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top
      .container
        a.navbar-brand(href='#') Start Bootstrap
        button.navbar-toggler(type='button', data-toggle='collapse', data-target='#navbarResponsive', aria-controls='navbarResponsive', aria-expanded='false', aria-label='Toggle navigation')
          span.navbar-toggler-icon
        #navbarResponsive.collapse.navbar-collapse
          ul.navbar-nav.ml-auto
            li.nav-item.active
              a.nav-link(href='#')
                | Home
                span.sr-only (current)
            li.nav-item
              a.nav-link(href='#') About
            li.nav-item
              a.nav-link(href='#') Services
            li.nav-item
              a.nav-link(href='#') Contact
    // Page Content
    .container
      .row
        .col-lg-12.text-center
          h1.mt-5 A Bootstrap 4 Starter Template
          p.lead Complete with pre-defined file paths and responsive navigation!
          ul.list-unstyled
            li Bootstrap 4.0.0
            li jQuery 3.3.0
    // Bootstrap core JavaScript
    script(src='https://code.jquery.com/jquery-3.3.1.slim.min.js')
    script(src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js')