@extends('layout/default', ['title' => 'Acueil']) 

@section('content')
	  <div class="codes">
    <div class="container">
        </div>
    </div>

<div id="wowslider-container1">
<div class="ws_images"><ul>
    <li><img class="img-responsive" src="img/s1.jpg" alt="" title="" id="wows1_0"/></li>
    <li><img class="img-responsive" src="img/s5.jpg" alt="" title="" id="wows1_1"/></li>
    <li><a href="http://wowslider.com/vi"><img class="img-responsive" src="img/s13.jpg" alt="cssslider" title="" id="wows1_2"/></a></li>
    <li><img class="img-responsive" src="img/visuel.jpg" alt="" title="" id="wows1_3"/></li>
  </ul></div>
  <div class="ws_bullets"><div>
    <a href="#" title=""><span><img class="img-responsive" src="tooltips/s1.jpg" alt=""/></span></a>
    <a href="#" title=""><span><img class="img-responsive" src="tooltips/s55.jpg" alt=""/></span></a>
    <a href="#" title=""><span><img class="img-responsive" src="tooltips/s13.jpg" alt=""/></span></a>
    <a href="#" title=""><span><img class="img-responsive" src="tooltips/visuel.jpg" alt=""/></span></a>
  </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">jquery slideshow</a> by WOWSlider.com v8.6</div>
<div class="ws_shadow"></div>
</div> 
<script type="text/javascript" src="{{ asset('js/wowslider.js') }}"></script>
<script type="text/javascript" src="{{asset('js/script.js')}}"></script>
<!-- End WOWSlider.com BODY section -->
    <!-- Début 4Pôles de services -->         
        <br><br><center><img class="img-responsive" src="img/banniere.jpg" alt=""></center>    
    <!-- Fin 4Pôles de services --> 
  <!-- information -->
  <!--<div class="information"> -->
    <div class="container"> 
      <div class="information-grids">
        <div class="col-md-3 information-grid wow fadeInLeft animated" data-wow-delay=".5s">
          <div class="information-info">
            <div class="information-grid-img">
              <a href="videosurveillance.html"><img class="img-responsive" src="img/videosurveillance.jpg" title="Vidéosurveillance"></a>
            </div>
            <div class="information-grid-info">
              <div style="height:155px">
                            <a href="videosurveillance.html"><h4>Vidéosurveillance</h4></a>
              Système de caméras et de transmission d'img, disposé dans un espace public ou privé pour le surveiller à distance...
                            </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 information-grid wow fadeInLeft animated" data-wow-delay=".5s">
          <div class="information-info">
            <div class="information-grid-img">
              <a href="biometrie.html"><img class="img-responsive" src="img/b1.jpg" title="Biométrie"></a>
            </div>
            <div class="information-grid-info">
                            <div style="height:155px">
              <a href="biometrie.html"><h4>Base de données biométriques</h4></a>
              Analyse mathématique des caractéristiques biologiques d'une personne, destinée à déterminer son identité...
                            </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 information-grid wow fadeInRight animated" data-wow-delay=".5s">
          <div class="information-info">
            <div class="information-grid-img">
                           <a href="etiquetage.html"><img class="img-responsive" src="img/etiquetage.jpg" title="Etiquetage"></a>
                        </div>
            <div class="information-grid-info" align="left">
                            <div style="height:155px">
              <a href="etiquetage.html"><h4>Recensement du patrimoine</h4></a>
              Utile pour veiller à l’application de la législation, assurer la traçabilité et effectuer des contrôles. En outre, il doit fournir...
                            </div>
            </div>
          </div>
        </div>
        <div class="col-md-3 information-grid wow fadeInRight animated" data-wow-delay=".5s">
          <div class="information-info">
            <div class="information-grid-img" align="left">
              <a href="support_technique.html"><img class="img-responsive" src="img/Support-technique.png" alt="" title="Support technique"/></a>
            </div>
            <div class="information-grid-info">
                            <div style="height:155px">
              <a href="support_technique.html"><h4>Support technique</h4></a>
              Les services d'assistance sont parfois réalisés par des équipes...
                            </div>
            </div>
          </div>
        </div>
        <div class="clearfix"> </div><br><br>
                <!-- Début Actualités -->
                <!-- Fin Actualités -->
               <marquee  height="123" onMouseOut="this.start()" onMouseOver="this.stop()">
               <img border="0" src="img/nos-partenaires-2.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/nos-partenaires-3.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/affiliation2.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/nos-references2.jpg" alt="" hspace="0" height="122">&nbsp;&nbsp;<img border="0" src="img/nos-references3.jpg" alt="" hspace="0" height="122">
            </marquee><br><br>
      </div>
    </div>
  <!--</div> -->
  <!-- //information -->
@stop