{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/components/summary/summary-macros.njk" as summary %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}

<section class="l-section">
	<div class="l-container">
		<h3 class="u-margin-bottom-3x u-margin-bottom-6x@desktop">Gerelateerde artikels</h3>

		<div class="l-grid l-grid--with-spacing">

			{{summary.default("l-grid__col l-grid__col--4@tablet", {
				thumbnail: "/assets/images/general/articles/article-01.jpg",
				date: "2 juli 2019",
				title: "Hoe bereken ik mijn netto woonlasten?",
				description: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
			})}}

			{{summary.default("l-grid__col l-grid__col--4@tablet", {
				thumbnail: "/assets/images/general/articles/article-02.jpg",
				date: "2 juli 2019",
				title: "7 eenvoudige energiebesparingstips",
				description: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex consequat."
			})}}

			{{summary.default("l-grid__col l-grid__col--4@tablet", {
				thumbnail: "/assets/images/general/articles/article-03.jpg",
				date: "2 juli 2019",
				title: "Isoleren, makkelijker dan je denkt!",
				description: "Lorem ipsum dolor sit amet, consectetur adipiscing."
			})}}

		</div>
	</div>
</section>