<template>
<div class='col-md-offset-2 col-md-8 wheelAdded main'>
  <div class="carousel slide" data-ride="carousel" id="quote-carousel">
    <!-- Bottom Carousel Indicators -->
    
    
    <!-- Carousel Slides / Quotes -->
    <div class="carousel-inner">
    
      <!-- Quote 1 -->
      <div class="item active">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/ENISIA-NESPRESSO.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">Machineee ENISIA NESPRESSO </p>
              <small></small>
            </div>
          </div>
        </blockquote>
      </div>
      <!-- Quote 2 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/Barre-de-son-AZ.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">Barre de son AZATECK </p>
             
            </div>
          </div>
        </blockquote>
      </div>
      <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/3-de-remise.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">3% de remise</p>
             
            </div>
          </div>
        </blockquote>
      </div>
       <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/4-de-remise.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">4% de remise</p>
              
            </div>
          </div>
        </blockquote>
      </div>
       <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/5-de-remise.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">5% de remise </p>
              
            </div>
          </div>
        </blockquote>
      </div>
       <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/6-de-remise.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">6% de remise </p>
              
            </div>
          </div>
        </blockquote>
      </div>
       <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/500DH.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">Bon d’achat de 500 DH</p>
              
            </div>
          </div>
        </blockquote>
      </div>
       <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/1000DH.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white">Bon d’achat de 1000 DH</p>
             
            </div>
          </div>
        </blockquote>
      </div>
        <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/CETELEM-offerte.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white" style="color: #FFF;">Frais de dossier crédit CETELEM offerte </p>
              
            </div>
          </div>
        </blockquote>
      </div>
        <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/Home-cinema-AZ.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white" style="color: #FFF;">Home cinema AZATECK</p>
              
            </div>
          </div>
        </blockquote>
      </div>
        <!-- Quote 3 -->
      <div class="item">
        <blockquote>
          <div class="row">
            <div class="col-sm-3 text-center">
              <img class="img-circle" src="img/Home-cinema.png" style="width: 100px;height:100px;">
            </div>
            <div class="col-sm-9">
              <p class="white" style="color: #FFF;">Home cinema </p>
              
            </div>
          </div>
        </blockquote>
      </div>
    </div>
    
    <!-- Carousel Buttons Next/Prev -->
    <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
    <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
  </div>                          
</div>
</template>
<script>
	
	export default {


	}
</script>


<style >
	
	.wheelAdded {
		position: absolute;
    	top: 639px;
    	 width: 100%;

	} 

</style>