Events feed html

events-feed.php

<div class="c-events-feed">
    <h3 class="c-events-feed__title">Upcoming Business banking events</h3>
    <!-- Every 2 events, add a new <div class="c-events-feed__list"> -->
    <div class="c-events-feed__list">
    <!-- Every item add a new <div class="c-events-feed-item"> -->
        <div class="c-events-feed-item">
            <div class="c-events-feed-item__header">
                <a href="#" class="c-events-feed-item__link-layer">Title of the event</a>
                <img src="http://placehold.it/80" width="100%" height="auto" alt="">
            </div>
            <div class="c-events-feed-item__body">
                <h2 class="c-events-feed-item__title">Title of the event </h2>
                <div class="c-events-feed-item__date">
                    <i class="fa fa-calendar"></i> 17/10/1985
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
<!-- Show this if there are no events 
<div class="c-events-feed__no-events">There are no upcoming events</div>
-->
<i class="fa fa-external-link"></i>
 <a href="#" class="c-events-feed__see-all" title="Visit Bank of Ireland Events">
    Visit Bank of Ireland Events' site</a>
</div>