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

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<section class="l-section u-padding-top-12x">
	<div class="l-container">
		<div class="l-section__header">
			<div class="l-grid l-grid--with-spacing">
				<div class="l-grid__col l-grid__col--5@screen l-grid__col--6@tablet">
					<h1 class="u-margin-bottom-none">lot's nieuwtjes &amp; updates</h1>
				</div>

				<div class="l-grid__col l-grid__col--offset-1@screen l-grid__col--6@tablet">
					<p>
						Geen zin om je bezig te houden met het regelen van een
						hypotheek? Spendeer je liever je tijd aan iets nuttig zoals
						het afspreken met je vrienden of het voorbereiden van je
						house warming party?
					</p>

					<p>
						Laat je helpen door lot, zij regelt alles voor jou
					</p>
				</div>
			</div>
		</div>

		<div class="l-section__content">
			<div class="l-grid l-grid--with-spacing l-grid--stretch">
				{% for i in range(0, 2) %}
					{{summary.default("l-grid__col l-grid__col--6@tablet", {
						thumbnail: "/assets/images/general/lot-laptop.jpg",
						date: "2 juli 2019",
						title: "Welke stappen moet ik doorlopen om een hypotheek bij lot aan te vragen?",
						description: "Weg ermee! Verbouwen kost geld, maar daarna is je huis ook meer waard. Toch?"
					})}}
				{% endfor %}

				{% for i in range(0, 6) %}
					{{summary.default("l-grid__col l-grid__col--6@tablet l-grid__col--4@desktop", {
						thumbnail: "/assets/images/general/lot-laptop.jpg",
						date: "2 juli 2019",
						title: "Welke stappen moet ik doorlopen om een hypotheek bij lot aan te vragen?",
						description: "Weg ermee! Verbouwen kost geld, maar daarna is je huis ook meer waard. Toch?"
					})}}
				{% endfor %}
			</div>
		</div>

		<div class="l-section__footer u-align-center">
			{{button.default("", {
				text: "Load more"
			})}}
		</div>
	</div>
</section>