<?php
				
	/*
	 * Header
	 */
	require_once __DIR__ . '/partials/header.inc.php';		
	  
	  	
	/*
	 * Drag & drop
	 */
	foreach($page->getProperty("contents") as $row)
	{		
		echo $row->html("page-section");
	}
	
	
	
	/*
	 * Portfolio
	 */
	echo '<div class="page-section page-section__portfolio">';
		echo '<div class="grid-container">';
			echo '<div class="grid-x grid-padding-x">';
				
				// filter menu
				echo '<div class="cell small-12">';
					echo $filter->horizontalMenu();
				echo '</div>';
		
				// items
				foreach($portfolio as $item)
				{	

					echo '<div class="cell small-6 medium-4">';
					
						echo '<div class="portfolio-item">';
						
							echo '<div class="ads-image lazy" data-src="'. $item->getProperty("image",false) .'"></div>';
							echo $item->getProperty("titel","h3","portfolio-item-text");
							echo '<a class="portfolio-item-link" href="'. $item->getUrl() .'">'. $item->getProperty("titel") .'</a>';
						
						echo '</div>';	
									
					echo '</div>';
				}
		
			echo '</div>';
		echo '</div>';
	echo '</div>';	
			
	
	/*
	 * Footer
	 */
	require_once __DIR__ . '/partials/footer.inc.php';