<?php
		
		
	/*
	 * Get Header
	 */
	$header_top_color = "";
	require_once 'inc/header.php';

	/*
	 * Page contents
	 */	
	echo $data["page"][0]->getProperty("contents");
	
	echo '<div class="grid-container has-borders">';
		echo '<div class="grid-x grid-padding-x">';
			
			// image left and showcase	
			echo '<div class="cell small-12">';
				echo '<div class="grid-x masthead">';
			
					echo '<div class="cell small-4 show-for-medium left text-center">';
						echo '<div class="inner" style="'. $page[0]->getProperty('color') .'">'. $page[0]->getProperty('page_icon','img') .'</div>';
					echo '</div>';
		
					echo '<div class="cell small-12 medium-8 right">';
						echo '<div class="inner">';
							echo $items_page[0]->getProperty('image','img');
						echo '</div>';
					echo '</div>';
				
				echo '</div>';
			echo '</div>';
				
			echo '<div class="cell small-12">';
				echo '<div class="grid-x grid-padding-x">'; 
					
					echo '<div class="cell small-4 show-for-medium">';	
					
						echo '<br /><h3 class="label-background green"><strong><span>Archief</span></strong></h3>';
						echo '<ul class="no-bullet news-menu">';
							foreach($categories as $cat)
							{
								echo '<li><a href="'. $cat->getUrl() .'">'. $cat->getName() .'</a></li>';
							}
						echo '</ul>';
						
					echo '</div>';
					
					echo '<div class="cell small-12 medium-8 ">';
						echo '<div class="grid-x grid-padding-x">'; 
				
							echo '<div class="cell small-12 news-items">';
								
								echo $items_page[0]->getProperty('title',"h1");
								echo $items_page[0]->getProperty('text');				
								
							echo '</div>';
						
						echo '</div>';
					echo '</div>';
			
				echo '</div>';
			echo '</div>';
			
			echo '<div class="cell small-12">';
			echo '<br />';
			echo '</div>';	
				
		echo '</div>';
	echo '</div>';
	
	
	
	/*
	 * Get Footer
	 */
	require_once 'inc/footer.php';
	
	
?>