<?php
	

	/*
 	 * Header
	 */
	require_once __DIR__ . '/inc/header.inc.php';
	
	
	/*
 	 * Page
	 */
	echo '<div class="grid-container">';
		echo '<div class="grid-x grid-padding-x">';
			
			/*
			 * Content 
			 */
			echo '<div class="cell small-12">';			
				echo '<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
				 
				 <div class="orbit-wrapper">
				    <div class="orbit-controls">
				      <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
				      <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
				    </div>
				    <ul class="orbit-container">
				      <li class="is-active orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/777?text=Image-1" alt="Space">
				          <figcaption class="orbit-caption">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </figcaption>
				        </figure>
				      </li>
				      <li class="orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/666?text=Image-2" alt="Space">
				          <figcaption class="orbit-caption">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </figcaption>
				        </figure>
				      </li>
				      <li class="orbit-slide">
				        <figure class="orbit-figure">
				          <img class="orbit-image" src="https://placehold.it/1200x600/555?text=Image-3" alt="Space">
				          <figcaption class="orbit-caption">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </figcaption>
				        </figure>
				      </li>
				    </ul>
				  </div>
				  
				  <nav class="orbit-bullets">
				    <button class="is-active" data-slide="0">
				      <span class="show-for-sr">First slide details.</span>
				      <span class="show-for-sr" data-slide-active-label>Current Slide</span>
				    </button>
				    <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
				    <button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
				  </nav>
				  
				</div>';
			echo '</div>';
	
			/*
			 * Content 
			 */
			echo '<div class="cell small-12">';
				echo $data["page"]->html();
			echo '</div>';

		echo '</div>';
	echo '</div>';		
		
	
	/*
 	 * Footer
	 */
	require_once __DIR__ . '/inc/footer.inc.php';

	
?>