extends ./base.pug

block css
    meta( name='viewport', content='width=device-width, initial-scale=1.0' )
    meta( name='description', content='Baking Bootstrap Snippets with Jade' )
    //- Bootswatch Theme
    link(href="https://bootswatch.com/cerulean/bootstrap.min.css", rel="stylesheet")

block base_content
    nav.navbar.navbar-default( role="navigation" )
        .container
            .navbar-header
                button.navbar-toggle.collapsed( type="button", data-toggle="collapse", data-target="#navbar-inverse", aria-expanded="false", aria-controls="navbar")
                    span.sr-only Toggle navigation
                    span.icon-bar
                    span.icon-bar
                    span.icon-bar
                a.navbar-brand(href="#") slideshow.io

            #navbar-inverse.collapse.navbar-collapse
                ul.nav.navbar-nav
                    li: a( href="#about" ) About

    .container
        block content

block prepend js
    script( src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js' )