{% extends "_base.twig" %}
	

{% block content %}
	
	<div class="grid-y recht-grid large-grid-frame" id="view-container">
 
		<div class="cell large-auto large-cell-block-container">
			<div class="grid-x grid-padding-x" style="height:100%">
     
				<div class="cell large-3 large-cell-block-y recht-sidebar">
					<div class="grid-y large-grid-frame">
						
						{% include 'partials/navigation.twig' %}

					</div>
	      		</div>
      
				<div class="cell large-auto large-cell-block-y recht-content">
					<div class="grid-x">
						
						{% for i in 0..12 %}
							<div class="cell small-12 medium-6 large-4">
						
								{% if item.clickable == 0 %}
									<div class="image image__grid-y"><div class="image-wrapper" data-src="{{ item.image[0] }}" data-lazy-load></div></div>
								{% else %} 
									<div class="image image__grid-y">
										<div class="image-text">
											<h2 class="image-heading">{{ item.title }}</h2>
											<a class="image-link" href="{{ item.link }}">Lees verder</a>
										</div>
									</div>
								{% endif %}
						
							</div>
						{% endfor %}
						
						
						
					</div>
				</div>
	
	  
			</div>
		</div>
  
	</div>
  
{% endblock %}