Sidebar

Use a sidebar with relative information that compliments content. Will be most utilized in text-heavy interior pages

<aside class="sidebar">
    <header class="sidebar-header">
        <span>Contact Us</span>
    </header>
    <div class="sidebar-content caption">
        <small class="text-transform-uppercase margin-1-b display-block">
            <b>Office of Admissions</b>
        </small>
        <ul class="margin-b unstyled">
            <li class="display-flex margin-1-b">
                <span class="mu-icon-phone purple margin-1-r"></span>
                <span>
                    <a>(877) 543-9185</a> or<br>
                    <a>(330) 823-2674</a>
                </span>
            </li>
            <li class="display-flex margin-1-b">
                <span class="mu-icon-fax purple margin-1-r"></span>
                <a>(330) 829-2814</a>
            </li>
            <li class="display-flex">
                <span class="mu-icon-envelope-solid purple margin-1-r"></span>
                <a>admissions@mountunion.edu</a>
            </li>
        </ul>
        <p>Business Hours:</p>
        <ul class="unstyled">
            <li>Monday - Friday: 8:00 AM - 5:00 PM</li>
            <li>Saturday: 10:00 AM - 4:00 PM</li>
            <li>Sunday: Closed</li>
        </ul>
    </div>
</aside>