<div class="row no-gutters"> <div class="col"> <div class="EventListItem__title Heading Heading--h6"> <span>{{ title | safe }}</span> </div> <div class="EventListItem__date"> {{ date }} </div> </div> </div> <div class="EventModalContent p-3"> <div class="EventModalContent__title"> No events found for these filter options. </div> </div> <div class="row justify-content-center align-items-center"> <div class="col-12 col-md-5"> <a href="{{ image }}" target="_blank" onclick="clickModalImage(event)" class="js-image-modal d-block"> <img class="d-block img-fluid w-100" src="{{ image }}" alt="" /> </a> </div> <div class="col pt-3"> <div class="EventListItem__title Heading Heading--h6"> <span>{{ title | safe }}</span> </div> <div class="EventListItem__date"> {{ date }} </div> <div class="RawHTML ReadingWidth mt-3">{{ description | safe }}</div> </div> </div>