{% include docs/side-nav.html %}

<divclass="col-md-9 col-sm-12"role="main">

<divclass="col-md-9 col-xs-12"role="main">

<sectionclass="bs-docs-section">

<h1id="overview"class="page-header">Overview</h1>

<divclass="container">

<divclass="row">

<divclass="col-md-7">

<divclass="col-md-7 col-xs-12">

<ulclass="list-inline">

<ahref="#home">Home</a>

Copyright &copy; 2016 Shawn McKay (<ahref="https://twitter.com/sh_mck"target="_blank">@Sh_McK</a>), Vancouver, BC. All Rights Reserved.

<divclass="col-md-5"id="mc_embed_signup">

<divclass="col-md-5 col-xs-12"id="mc_embed_signup">

class="form-inline"

action="//herokuapp.us11.list-manage.com/subscribe/post?u=324732fa284e63ca555b47978&amp;id=5f3f4f5086"

<divclass="container">

<divclass="row">

<divclass="col-lg-12">

<divclass="col-lg-12 col-xs-12">

<divclass="short-intro-message">

<h1>CodeRoad</h1>

<h3>Tutorial Development Docs</h3>

<asideclass="col-md-3 col-sm-12"role="complementary">

<asideclass="col-md-3 col-xs-12"role="complementary">

<divclass="bs-docs-sidebar hidden-print">

<ulclass="nav sidebar">

@viewport {

width: device-width

}

#docs {

position: relative;

}

.navbar {

margin-bottom:0;

}

.bs-docs-theme-toggle {

}

@media (max-width:767px) {

.bs-docs-sidebar {

margin-top:25px;

margin-left:30px;

}

.bs-docs-sidebar .nav>li>a {

font-size:18px;

margin-bottom:5px;

}

}

@media (min-width:768px) {

.back-to-top, .bs-docs-theme-toggle {

display: block

.bs-docs-section:last-child {

}

#docs {

position: relative;

}

#docscode {

padding:0;

}

.gif {

display: block;

margin:20px auto;

max-width:500px;

overflow: hidden;

}