Events

An event-specific section that displays a maximum of 3 events.

Items included in an events section are ‘hand-picked’ by content authors and not automatically generated.

<!-- Section header -->
<header class="text-center">
    <div class="row column">
        <div class="section-header">
            <h1 class="section-heading">Section heading</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit tempus, morbi nascetur pellentesque per donec arcu hac cursus risus.</p>
            <hr class="section-header-divider">
        </div>
    </div>
</header>
<!-- Events -->
<div class="row column" data-equalizer="card-header" data-equalize-on="medium" data-resize="card-header" data-mutate="card-header">
    <div class="flex-wrapper small-padding" data-equalizer="more-info" data-equalize-on="medium" data-resize="more-info" data-mutate="more-info">
        <!-- 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 -->
        <!-- 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 -->
        <!-- 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 -->
    </div>
</div>
<footer class="small-padding text-center">
    <div class="row column">
        <!-- COMPONENT: Standard button -->
        <a href="#" class="button">Button text</a>
        <!-- End component: Standard button -->
    </div>
</footer>