<template>
		
	<div id="orangeEl" :class="this.$parent.orangeClass.join(' ')" >


	    <div class="row">
		    
	        <div class="col-sm-4">
	            <div class="services">
	            	<h3 style="font-weight:bold; text-decoration: underline;">ETAPE 1</h3>
	                <img src="img/services-icon01.png" alt="icon" class="img-responsive center-block">
	                <h3>Inscrivez-Vous<br></h3>
	                
	                <div class="process"><i class="pe-7s-angle-right-circle"></i></div>
	            </div> <!-- end .services -->
	        </div> <!-- end .col-sm-4 -->
	        <div class="col-sm-4">
	            <div class="services">
	            	<h3 style="font-weight:bold; text-decoration: underline;">ETAPE 2</h3>
	                <img src="img/services-icon02.png" alt="icon" class="img-responsive center-block">
	                <h3>Faites tourner pour <br>gagner </h3>
	                
	                <div class="process"><i class="pe-7s-angle-right-circle"></i></div>
	            </div> <!-- end .services -->
	        </div> <!-- end .col-sm-4 -->
	        <div class="col-sm-4">
	            <div class="services">
	            	<h3 style="font-weight:bold; text-decoration: underline;">ETAPE 3</h3>
	                <img src="img/services-icon03.png" alt="icon" class="img-responsive center-block">
	                <h3>Récupérez votre cadeau sur<br> place</h3>
	                
	            </div> <!-- end .services -->
	        </div> <!-- end .col-sm-4 -->
	    </div>
	</div>
</template>

<script>
	
	export default {
		data (){
			return {
			}
		},
		mounted(){

		},
		
	}

</script>

<style >
	
	.wheelAdded {
		position: absolute;
    	top: 639px;
	} 

</style>