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 class="bg-violet-25-dark medium-padding">
<!-- 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>
</div>
<hr class="section-header-divider" />
</div>
</header> <!-- Events -->
<div class="row column" data-equalizer="card-header" data-equalize-on="medium">
<div class="flex-wrapper small-padding" data-equalizer="more-info" data-equalize-on="medium">
<!-- COMPONENT: Complex card -->
<article class="card complex-card">
<a href="#">
<header class="bg-violet-50-dark" data-equalizer-watch="card-header">
<h1>Event title</h1>
</header>
</a>
<div class="more-info" data-equalizer-watch="more-info">
<span class="date-time">1 Oct 2017 - 1:15PM</span>
<span class="location">Wessex House, 4.16, Claverton Down Campus, University of Bath</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dictum lectus laoreet pretium</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>Event title</h1>
</header>
</a>
<div class="more-info" data-equalizer-watch="more-info">
<span class="date-time">1 Oct 2017 - 1:15PM</span>
<span class="location">Wessex House, 4.16, Claverton Down Campus, University of Bath</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dictum lectus laoreet pretium</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>Event title</h1>
</header>
</a>
<div class="more-info" data-equalizer-watch="more-info">
<span class="date-time">1 Oct 2017 - 1:15PM</span>
<span class="location">Wessex House, 4.16, Claverton Down Campus, University of Bath</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dictum lectus laoreet pretium</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">Lorem ipsum dolor sit</a>
<!-- End component: Standard button -->
</div>
</footer>
</section>