<section class="slider">
  <div class="swiper-container"> 
    <div class="swiper-wrapper"> 
      <div class="swiper-slide" data-background="images/portfolio-01.jpg">
        <div class="slide-inner">
        <figure><img src="images/logo-portfolio-01.png" alt="Image"></figure>
        	<h2>Archibald - Microbrasserie</h2>
        	<div class="link">
        	<a href="#">VOIR LE PROJET</a>
        	</div>
        	<!-- end link -->
        </div>
        <!-- end slide-inner -->
      </div>
      <!-- end swiper-slide -->
      <div class="swiper-slide" data-background="images/portfolio-02.jpg">
        <div class="slide-inner">
        <figure><img src="images/logo-portfolio-02.png" alt="Image"></figure>
        	<h2>Sélection St-Augustin</h2>
        	<div class="link">
        	<a href="#">VOIR LE PROJET</a>
        	</div>
        	<!-- end link -->
        </div>
        <!-- end slide-inner -->
      </div>
      <!-- end swiper-slide -->
      <div class="swiper-slide" data-background="images/portfolio-03.jpg">
        <div class="slide-inner">
        <figure><img src="images/logo-portfolio-03.png" alt="Image"></figure>
        	<h2>Duvetnor</h2>
        	<div class="link">
        	<a href="#">VOIR LE PROJET</a>
        	</div>
        	<!-- end link -->
        </div>
        <!-- end slide-inner -->
      </div>
      <!-- end swiper-slide -->
    </div>
    <!-- end swiper-wrapper -->
    <div class="swiper-pagination"></div>
    <!-- end swiper-pagination -->
    <div class="swiper-button-next"><span></span><b>SUIVANT</b></div>
    <!-- end swiper-button-next -->
  </div>
  <!-- end swiper-container -->
</section>