<div class="text-center">
    <a href="https://assoc.drupal.org/membership"
       title="I’m a Drupal Association member."
       class="block mb-4">
        <img src="{{ site.images_url }}/assets/images/badges/da-individual-member.png"
             alt="Drupal Association Individual Member"
             width="200"
        />
    </a>

    <div class="mb-4 flex">
        {% for badge in [
            { image: 'acquia-d8-developer.png', alt: 'Acquia Certified Developer - Drupal 8 Exam Badge' },
            { image: 'acquia-d8-back-end.png', alt: 'Acquia Certified Back End Specialist - Drupal 8 Exam Badge' },
        ] %}
            <div>
                <img src="{{ site.images_url }}/assets/images/badges/{{ badge.image }}"
                     alt="{{ badge.alt }}" />
            </div>
        {% endfor %}
    </div>

    <a href="http://conference.phpnw.org.uk/phpnw17" class="block mb-4">
        <img src="{{ site.images_url }}/assets/images/badges/phpnw17.png" alt="">
    </a>
</div>