ajax-popup-placeholder.html

<div class="grid-container horizontal-block ajax-popup popup-content">
<div class="grid-container content-wraper">
	<h4 class="center-content">Je r&eacute;serve ma place</h4>
	<p class="highlight">Les Informations receuillies via ce formulaire ne servirons que dans le cadre de ce s&eacute;minaire. En aucun cas, ils ne seront transmises &agrave; des tiers. Vous pourrez modifier les informations soumises via ce formuliare &agrave; tout moment en nous contactant &agrave:
	<a href="mailto:esconnect@gmail.com">esconnect@gmail.com</a>.</p>
	<p>Les champs marqu&eacute;s <span>*</span> sont obligatoires</p>
	<form id="registration" method="post">
		<label for="userName">Nom<span>*</span></label>
		<input type="text" name="user_name" id="userName" placeholder ="Nom de famille" autocomplete >
		<label for="userSurname">Pr&eacute;nom<span>*</span></label>
		<input type="text" name="user_surname" id="userSurname" placeholder ="Pr&eacute;nom" autocomplete >
		<label for="userEmail">Email<span>*</span></label>
		<input type="email" name="user_email" id="userEmail" placeholder ="exemple@gmail.com" autocomplete >
		<button type="submit" class ="large-button" id="submit-btn">Envoyer</button>
	</form>
</div>
<div class="shareLink hide-all-device">
	<div class="grid-container"><p>Faites leur savoir que vous participez &agrave; ce s&eacute;minaire.</p></div>
	<div class="grid-container">
		<div class="grid-6">
			<p>Envoyer le lien du site par mail.</p>
			<button class='small-button'>http://www.esconnect.org</button>
			<!-- <a href="#">http://www.esconnect.org</a> -->
		</div>
		<div class="grid-6">
			<p>Partager dans votre r&eacute;seaux social.</p>
			<button class="facebook-button"><i class="fa fa-facebook fa-fw"></i>Facebook</button>
			<button class="twitter-button"><i class="fa fa-twitter fa-fw"></i>Twitter</button>
		</div>
	</div>
</div>
</div>