<section class="works" id="portfolio">
  <div class="container">
    <ul>
      <li>
        <div class="titles">
          <h2 class="tt" style="font-size:30px;">L’univers des communications est en constante évolution. Engagé dans ce monde en changement et propose une démarche marketing unique où le client est l’élément central.</h2>
          <p class="tt" style="font-size:14px;">Voyez comment nous pouvons vous emmener plus loin ! <br>Nous vous invitons à consulter un document qui inclut une sélection de nos réalisations.</p>
            <div class="custom-btn"><a href="portfolio.php" class="pointer-large">Voir notre portfolio<span></span> <i></i></a></div>
            <!-- end custom-btn -->
          </div>
        <!-- end titles --> 
      </li>
      <li>
        <div class="project-box pointer-large">
          <figure class="project-image reveal-effect masker wow"> <a href="images/portfolio/archibald.jpg" data-fancybox><img src="images/portfolio/archibald.jpg" alt="Image"></a> </figure>
          <div class="project-content">
            <h3><a href="images/portfolio/archibald.jpg" data-fancybox>Microbrasserie Archibald</a></h3>
            <!-- <small>Branding</small>  -->
          </div>
          <!-- end project-content --> 
        </div>
        <!-- end project-box --> 
      </li>
      <li>
        <div class="project-box">
          <figure class="project-image reveal-effect masker wow"> <a href="images/portfolio/lacroix.png" data-fancybox><img src="images/portfolio/lacroix.png" alt="Image"></a> </figure>
          <div class="project-content">
            <h3><a href="images/portfolio/lacroix.png" data-fancybox>Cidrerie Lacroix - Lot 300</a></h3>
            <!-- <small>Branding — Site Web</small>  -->
          </div>
          <!-- end project-content --> 
        </div>
        <!-- end project-box --> 
      </li>
      <li>
        <div class="project-box">
          <figure class="project-image reveal-effect masker wow"> <a href="images/portfolio/boites-rc.jpg" data-fancybox><img src="images/portfolio/boites-rc.jpg" alt="Image"></a> </figure>
          <div class="project-content">
            <h3><a href="images/portfolio/boites-rc.jpg" data-fancybox>Boites RC</a></h3>
            <!-- <small>Branding — Site Web</small>  -->
          </div>
          <!-- end project-content --> 
        </div>
        <!-- end project-box --> 
      </li>
      <li>
        <div class="project-box">
          <figure class="project-image reveal-effect masker wow"> <a href="images/portfolio/violons-du-roy.jpg" data-fancybox><img src="images/portfolio/violons-du-roy.jpg" alt="Image"> </a></figure>
          <div class="project-content">
            <h3><a href="images/portfolio/violons-du-roy.jpg" data-fancybox>Les Violons du Roy</a></h3>
            <!-- <small>Print — Branding — Site Web</small>  -->
          </div>
          <!-- end project-content --> 
        </div>
        <!-- end project-box --> 
      </li>
    </ul>
  </div>
  <!-- end container --> 
</section>
<!-- end works -->