1. Docs
  2. Components
  3. Menu
Buy Now Contact

Menu

A simple vertical list with related links or items.


<aside class="c-menu u-width-25">
    <h4 class="c-menu__title">Menu</h4>
    <ul>
        <li class="c-menu__item">
            <a class="c-menu__link is-active" href="#">
                <i class="fa fa-trophy u-mr-xsmall"></i>Featured Events
            </a>
        </li>
        <li class="c-menu__item">
            <a class="c-menu__link" href="#">
                <i class="c-menu__icon fa fa-heart-o"></i>Recommended
            </a>
        </li>
        <li class="c-menu__item">
            <a class="c-menu__link" href="#">
                <i class="c-menu__icon fa fa-bullhorn"></i>Live Streams
            </a>
        </li>
        <li class="c-menu__item">
            <a class="c-menu__link" href="#">
                <i class="c-menu__icon fa fa-newspaper-o"></i>Press
            </a>
        </li>
    </ul>
</aside>
Contents: