<div class="page-header">
    <div class="container">
        <div class="row">
            <div class="col-xs-24">
                <h1>Colors</h1>

                <ul class="nav nav-pills" data-scroll="smooth">
                    <li role="presentation">
                        <a href="#bootstrap-colors">Bootstrap colors</a>
                    </li>
                    <li role="presentation">
                        <a href="#mdl-colors">MDL colors</a>
                    </li>
                    <li role="presentation">
                        <a href="#mdl-alt-colors">MDL alt colors</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="container">
    {{> colors }}
</div>
