icon icon-caret"></span>
    </h1>
  </a>
</header>
{% endhighlight %}
  </article>

  <!-- Modals -->
  <article class="component" id="modals">
    <h3 class="component-title">Modals</h3>

    <div class="component-example">
      <a href="#myModalexample" class="btn">Open modal</a>
      <div id="myModalexample" class="modal">
        <header class="bar bar-nav">
          <a class="icon icon-close pull-right" href="#myModalexample"></a>
          <h1 class="title">Modal mobile</h1>
        </header>

   