<header class="colorful">

<div class="container">

<div class="row">

<div class="col-md-3 col-sm-2">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<div id="logo"><a href="https://services.github.com/" data-escp="">GitHub Training</a></div>

</div>

</div>

{% if page.title %}

<h2>{{ page.title }}</h2>

{% if page.byline %}<p>{{ page.byline }}</p>{% endif %}

{% endif %}

{% if page.body_class == "home" %}

<div class="jumbotron colorful classes">

<div class="text-center">

<div class="row">

{% for course in site.courses %}

<div class="col-md-6">

<a href="{{ site.baseurl }}{{ course.url }}">

<div class="panel">

{% if course.title == "GitHub for Developers" %}

<span class="octicon octicon-terminal"></span>

{% elsif course.title == "GitHub for Everyone" %}

<span class="octicon octicon-organization"></span>

{% endif %}

<h4>{{ course.title }}</h4>

<p><small>{{ course.description }}</small></p>

</div>

</a>

</div>

{% endfor %}

</div>

<!-- <div class="row">

</div>

</div>

{% endif %}

</div>