pages. There are three different transitions to chose from: <code>fade</code>, <code>slide-in</code>, or <code>slide-out</code>.</p>

{% highlight html %}
<!-- An one.html link that animates to two.html -->
<a href="two.html" data-transition="fade">Two</a>
{% endhighlight %}

      <p class="component-description">A working version of push:</p>

      <div class="component-example component-example-fullbleed">
        <header class="bar bar-nav">
          <h1 class="title">Push</h1>
        </header>
     