<template>
	<div class="col-md-12  main left-side custom-class" >
		<div class="logo" >
			<img src="img/logo-cosmos.gif" alt="Cosmos" class="img-responsive">
			<h3 style="padding: 10px 50px 6px 50px;">Vous avez déjà participé</h3>
			
		</div>
		<br>
		<div class="spin">
			<img src="img/succes.png" alt="Cosmos" >	
			<p> Un Bon Cadeau vous a été envoyé sur votre adresse : {{email}}</p>
				<!-- <p style="font-size: smaller;">Pour récuperer votre cadeau, veuillez<br>
						<a href="">Imprimer votre bon</a> ou <a href="">Télécharger votre bon</a><br> -->
		</div>
	</div><!--col-sm-8-->
</template>

<script>
	
	export default{
		data(){
			return {
				email :''
			}
		},
		mounted(){
			this.email = this.$parent.email
		}

	}
</script>
<style scoped >
	.custom-class {
		/*position: absolute;*/
		margin-top: 20px !important;
	} 
</style>