Basic Usage


<div class="three-boxes">
        <section class="">
            <h5>Academic Leaders Orientation and Retreat</h5>
            <div class="subtitle">August 9, 2017</div>
            <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu arcu, tincidunt eget ante ac, tempus iaculis ex.</p>
            <a href="" class="btn btn-block">
    More Info
</a>
        </section>
        <section class="gray">
            <h5>New Faculty Orientation</h5>
            <div class="subtitle">August 15, 16, 21, 29, and 30</div>
            <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu arcu, tincidunt eget ante ac, tempus iaculis ex.</p>
            <a href="" class="btn btn-block">
    More Info
</a>
        </section>
        <section class="green">
            <h5>Annual Facultty Conference</h5>
            <div class="subtitle">August 16, 2017</div>
            <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu arcu, tincidunt eget ante ac, tempus iaculis ex. Nam nec ex sapien. Aliquam eget metus vel augue finibus ultricies et ac lacus. Maecenas sit amet metus erat.</p>
            <a href="" class="btn btn-block">
    More Info
</a>
        </section>
</div>