Popup example

popup_home.html

<section>
	<div class="header">
		<img class="logo" src="/media/logo.png" alt="logo">
		<h1>Rando, l'offre de randonnée pour découvrir le patrimoine du Parc.</h1>
	</div>
	<div class="row-fluid">
		<div class="span4">
			<a href="/#search" class="pjax profile">
				<img src="/media/search.jpg" alt="logo">
				<span class="caption">Recherche</span>
			</a>
		</div>
		<div class="span4">
			<a href="/#3782-20ce-360-9602-60a6-273-805-ca00-b940-b675-68b5-76-a800-c00d-858-860-7aa-230-be1-58e9-5039-ae6a-5443-1757-4500-6666-21e3-16e0-4279-4ab5-5002-6464-a800-" class="profile">
				<img src="/media/family.jpg" alt="logo">
				<span class="caption">Famille</span>
			</a>
		</div>
		<div class="span4">
			<a href="/#3782-20ce-360-9602-60a6-273-805-ca00-b940-b675-68b5-76-a808-c00d-858-860-7aa-130-bec-d000-" class="pjax profile">
				<img src="/media/sport.jpg" alt="logo">
				<span class="caption">Sportif</span>
			</a>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span4" data-trek="random">
			<a href="#" class="pjax profile">
				<img class="preview">
				<span class="caption">Coup de coeur</span>
			</a>
		</div>
		<div class="span4">
			<a href="/fr/pages/accompagnateurs" class="profile">
				<img src="/media/outside.jpg" alt="logo">
				<span class="caption">Accompagnateurs</span>
			</a>
		</div>
		<div class="span4">
			<a href="http://makina-corpus.com" class="profile">
				<img src="/media/news.jpg" alt="logo">
				<span class="caption">Actualités</span>
			</a>
		</div>
	</div>
	<div class="links text-center">
		<a href="#"><span class="icon-question-sign"></span> Mode d'emploi</a><br/>
		<a href="#" data-dismiss="modal"><span class="icon-arrow-right"></span> Accés direct</a>
	</div>

</section>