<section class="section section-partners">
    <div class="row">
        <header class="section-header">
            <h1 class="section-title">Partners</h1>
            <p class="section-description">We are proud to partner and collaborate with</p>
        </header>
    </div>

    <div class="row row--wide">
        <article class="grid grid--full grid-small--half grid-medium--fit grid-medium--columns grid--justifycenter grid--gutters">

            {% assign partners_sorted = (site.partners | sort: 'date')  %}

            {% for partner in partners_sorted %}

                <div class="grid__col grid__col--1">

                    <a class="partner" href="{{ partner.link }}">
                        <svg class="partner__logo partner__logo--{{ partner.slug }}" aria-labelledby="title">
                            <title>{{ partner.title }}</title>
                            <use xlink:href="/assets/img/sprite.svg#logo-{{ partner.slug }}"></use>
                        </svg>
                    </a>

                </div>

            {% endfor %}

        </article>
    </div>

</section>
