{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "molecules/article-tile/article-tile-macros.njk" as articleTile %}

<section class="m-section m-section--no-bottom-spacing">
  <div class="l-container l-container--stretch">
    <header class="m-section__header m-section__header--center">
      <h2>Wat je moet weten als inzamelpunt</h2>
    </header>

    <div class="m-section__content">
      <div class="l-mosaic l-mosaic--with-images">

        {{articleTile.default("l-mosaic__col-1 l-mosaic__row-1 m-article-tile--dark", {
          title: "Recyclage",
          label: "Campagnes",
          description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
        })}}

        {{articleTile.default("l-mosaic__col-1 l-mosaic__row-1 m-article-tile--light", {
          title: "Recyclage",
          label: "Campagnes",
          description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
        })}}

        {{articleTile.default("l-mosaic__col-2 l-mosaic__row-2 m-article-tile--primary", {
          title: "Recyclage",
          label: "Campagnes",
          description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
        })}}

        {{articleTile.default("l-mosaic__col-2 l-mosaic__row-1 m-article-tile--white", {
          title: "Recyclage",
          label: "Campagnes",
          description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
        })}}
      </div>
    </div>
  </div>
</section>