Complex card

Complex cards include a prominent colour background for the card heading along with space for additional detail information.

<!-- COMPONENT: Complex card -->
<article class="card complex-card">
    <a href="#">
        <header class="bg-violet-50-dark" data-equalizer-watch="card-header">
            <h1>My life in science</h1>
        </header>
    </a>
    <div class="more-info" data-equalizer-watch="more-info">
        <span class="date-time">11 Oct 2017 - 1:15PM</span>
        <span class="location">5 West 2.4, Claverton Down Campus, University of Bath</span>
    </div>
    <p>Pharmacy and Pharmacology research seminar by Prof Steve Ward, University of Bath</p>
</article>
<!-- End component: Complex card -->