bonjour
test

      <div class="container">

        <div class="navbar-header">

          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

            

                      

            <div class="icon-bar"></div>

            <div class="icon-bar"></div>

            <div class="icon-bar"></div>

          </button>

          <a class="navbar-brand" href="index.html">

          <img src="public/img/milawoe.png" class="logo" />

            </a>

        </div><!-- navbar-header --> 

        

        <div class="navbar-collapse collapse">

         

          <ul class="nav navbar-nav navbar-right">

              

              <li>

                <a href="#search"  class="text-uppercase font-default">

                <i class="glyphicon glyphicon-search"></i> <div class="title-dropdown font-default"><strong>Recherche</strong></div>

                </a>

                

              </li>

              

              <li >

                <a class="text-uppercase font-default" href="index.html">Campagnes</a>

              </li>

            

              

            <li class="dropdown">

              <a href="javascript:void(0);"  data-toggle="dropdown" class="text-uppercase font-default">Catégories

                <i class="ion-chevron-down margin-lft5"></i>

                </a>

                

               <!-- DROPDOWN MENU -->

                <ul class="dropdown-menu arrow-up" role="menu" aria-labelledby="dropdownMenu2">

                                  <li >

                    <a href="agroalimentaire.html" class="text-overflow">

                    Agroalimentaire

                      </a>

                  </li>

                                    <li >

                    <a href="art.html" class="text-overflow">

                    Art

                      </a>

                  </li>

                                    <li >

                    <a href="audio.html" class="text-overflow">

                    Audio-Visuel

                      </a>

                  </li>

                                    <li >

                    <a href="autre.html" class="text-overflow">

                    Autre

                      </a>

                  </li>

                   

                                    

                    <li><a href="categories.html">

                    <strong>Voir tout <i class="fa fa-long-arrow-right"></i></strong>

                  </a></li>

                </ul><!-- DROPDOWN MENU -->

                

            </li><!-- Categories -->

                          

                          <li >

              <a class="text-uppercase font-default" href="comment-ca-marche.html">Comment ça Marche?</a>

              </li>

                        

                      

          <li><a class="text-uppercase font-default" href="#">Suivis projet</a></li>

            

          <li>

            <a class="log-in custom-rounded text-uppercase font-default" href="creer_projet.html">

            <i class="glyphicon glyphicon-book"></i> Créer un projet

            </a>

            </li>



                      </ul>

            

         </div><!--/.navbar-collapse -->

     </div>

 </div>

 

<div id="search">

    <button type="button" class="close">×</button>

    <form autocomplete="off" action="" method="get">

        <input type="search" value="" name="q" id="btnItems" placeholder="Entrer une requête de recherche..." />

        <button type="submit" class="btn btn-lg no-shadow btn-trans custom-rounded btn_search"  id="btnSearch">Recherche</button>

    </form>

</div>    

     

<div class="jumbotron md index-header jumbotron_set jumbotron-cover">

      <div class="container wrap-jumbotron position-relative">

        <h2 class="title-site">ART </h2>

      </div>

    </div>



<div class="container margin-bottom-40">



<!-- Col MD -->

<div class="col-md-12"> 

    <div class="col-xs-12 col-sm-6 col-md-4 col-thumb">            



          <div class="thumbnail padding-top-zero">

            

                  <a class="position-relative btn-block img-grid" href="#">

                  

                            

                    <img title="Application E-santé pour rendez-vous" src="public/img-category/1200px-Cropscientist.jpg" class="image-url img-responsive btn-block radius-image">



                    <div class="title-campaigns font-default">

                        

                         Cultivation professionelle

                        

                      </div>

                  </a>

                    

                    <div class="caption">

                      

                    

                      <p class="desc-campaigns nompersone">

                                      <img src="public/avatar/default.jpg" class="img-circle avatar-campaign" height="40" width="40"> Elise MAURICE

                                    </p>

                      <div class="lieux">

                        <img src="public/img-category/picto_localisation.png" class="localisation" alt="">

                        TOGO <span>lomé</span>



                      </div>

                      <p class="desc-campaigns text-overflow">

                         Sed sodales odio non metus tincidunt consectetur. Integer non lobortis orci. In hac habitasse platea dictumst. Suspendisse sit amet condimentum arcu. Curabitur venenatis interdum lectus, vitae egestas sem facilisis sit amet.

                      </p>

                      

                      <p class="desc-campaigns">

                          <span class="stats-campaigns">

                            <span class="pull-left">

                              <strong>€0</strong> 

                              Élevé

                              </span> 

                            <span class="pull-right"><strong>0%</strong></span> 

                            </span>

                          

                          <span class="progress">

                            <span class="percentage" style="width: 0%" aria-valuemin="0" aria-valuemax="100" role="progressbar"></span>

                          </span>

                      </p>

                      

                      <h6 class="margin-bottom-zero">

                        <em><strong>But €1,000</strong></em>

                      </h6>

                      

                    </div><!-- /caption -->

                    </div><!-- /thumbnail -->









                   </div>



    <div class="col-xs-12 col-sm-6 col-md-4 col-thumb">            



          <div class="thumbnail padding-top-zero">

            

                  <a class="position-relative btn-block img-grid" href="#">

                  

                            

                    <img title="Application E-santé pour rendez-vous" src="public/img-category/tomate1_intro_big_IMG_0375.jpg" class="image-url img-responsive btn-block radius-image">



                    <div class="title-campaigns font-default">

                        

                         Cultivation Tomate

                        

                      </div>

                  </a>

                    

                    <div class="caption">

                      

                    

                      <p class="desc-campaigns nompersone">

                                      <img src="public/avatar/default.jpg" class="img-circle avatar-campaign" height="40" width="40"> Elise MAURICE

                                    </p>

                      <div class="lieux">

                        <img src="public/img-category/picto_localisation.png" class="localisation" alt="">

                        TOGO <span>lomé</span>



                      </div>

                      <p class="desc-campaigns text-overflow">

                         Sed sodales odio non metus tincidunt consectetur. Integer non lobortis orci. In hac habitasse platea dictumst. Suspendisse sit amet condimentum arcu. Curabitur venenatis interdum lectus, vitae egestas sem facilisis sit amet.

                      </p>

                      

                      <p class="desc-campaigns">

                          <span class="stats-campaigns">

                            <span class="pull-left">

                              <strong>€0</strong> 

                              Élevé

                              </span> 

                            <span class="pull-right"><strong>0%</strong></span> 

                            </span>

                          

                          <span class="progress">

                            <span class="percentage" style="width: 0%" aria-valuemin="0" aria-valuemax="100" role="progressbar"></span>

                          </span>

                      </p>

                      

                      <h6 class="margin-bottom-zero">

                        <em><strong>But €1,000</strong></em>

                      </h6>

                      

                    </div><!-- /caption -->

                    </div><!-- /thumbnail -->









                   </div>



    <div class="col-xs-12 col-sm-6 col-md-4 col-thumb">            



          <div class="thumbnail padding-top-zero">

            

                  <a class="position-relative btn-block img-grid" href="#">

                  

                            

                    <img title="Application E-santé pour rendez-vous" src="public/img-category/DSC_0001_leg.jpg" class="image-url img-responsive btn-block radius-image">



                    <div class="title-campaigns font-default">

                        

                        Cultivation 

                        

                      </div>

                  </a>

                    

                    <div class="caption">

                      

                    

                      <p class="desc-campaigns nompersone">

                                      <img src="public/avatar/default.jpg" class="img-circle avatar-campaign" height="40" width="40"> Elise MAURICE

                                    </p>

                      <div class="lieux">

                        <img src="public/img-category/picto_localisation.png" class="localisation" alt="">

                        TOGO <span>lomé</span>



                      </div>

                      <p class="desc-campaigns text-overflow">

                         Sed sodales odio non metus tincidunt consectetur. Integer non lobortis orci. In hac habitasse platea dictumst. Suspendisse sit amet condimentum arcu. Curabitur venenatis interdum lectus, vitae egestas sem facilisis sit amet.

                      </p>

                      

                      <p class="desc-campaigns">

                          <span class="stats-campaigns">

                            <span class="pull-left">

                              <strong>€0</strong> 

                              Élevé

                              </span> 

                            <span class="pull-right"><strong>0%</strong></span> 

                            </span>

                          

                          <span class="progress">

                            <span class="percentage" style="width: 0%" aria-valuemin="0" aria-valuemax="100" role="progressbar"></span>

                          </span>

                      </p>

                      

                      <h6 class="margin-bottom-zero">

                        <em><strong>But €1,000</strong></em>

                      </h6>

                      

                    </div><!-- /caption -->

                    </div><!-- /thumbnail -->









                   </div>

  

 </div><!-- /COL MD -->

 

 </div><!-- row -->

 

 <!-- container wrap-ui -->



      <!-- ***** Footer ***** -->

    <footer class="footer-main">

      <div class="container">

        

        <div class="row">

          <div class="col-md-4">

             <ul class="list-inline">

              

             <li><a href="" class="ico-social"><i class="fa fa-twitter"></i></a></li>

                       

              

             <li><a href="" class="ico-social"><i class="fa fa-facebook"></i></a></li>

                    

              

             <li><a href="" class="ico-social"><i class="fa fa-instagram"></i></a></li>

                     

                     

              

             <li><a href="" class="ico-social"><i class="fa fa-google-plus"></i></a></li>

            </ul >

            <a href="index.html">

              <img src="public/img/milawoe.png" class="logo" />

            </a>

             <p class="margin-tp-xs apropos">MILAWOE.COM est un produit de la sociétéE-lumya  Sarl basée  au Togo à  Lomé . MILAWOE.OM est la premièreplate-forme en ligne de financement participatif  ( crowdfunding) au Togo et bientôt l'un des plus grand Afrique. Vous avez un projet innovant pour le Togo et l'Afrique et êtes  à la recherche de financement , d’investisseurs, déposez une projet sur milawoeet commencer a recevoir les dons des utilisateurs et des investisseurs qui croient en votre projet.</p>

             

            

           

          </div><!-- ./End col-md-* -->



          

          

          <div class="col-md-3 margin-tp-xs">

            <div class="mobile_afficher">

                    <div class="contact">

                    <i class="glyphicon glyphicon-envelope"></i>

                    Support@milawoe.com

                  </div>

                  <div class="contact">

              <i class="glyphicon glyphicon-map-marker"></i>

              Adidoadinderrière <br>la place des fêtesnathanael <br>Lome, TOGO



            </div>

            <div class="contact">

              <i class="glyphicon glyphicon-briefcase"></i>

              Milawoe/ E-LUMYA sarl, 

            </div>

            </div>

            <div class="contact desk">

              <i class="glyphicon glyphicon-envelope"></i>

              Support@milawoe.com

            </div>

            <h4 class="menu_footer propos">A propos</h4>

            <ul class="list-unstyled">

                            <li><a class="link-footer" href="politique-de-confidentialite.html">Politique de Confidentialité</a></li>

                        <li><a class="link-footer" href="conditions-generales.html">Conditions Générales</a></li>

                        <li><a class="link-footer" href="a-propos.html">A propos</a></li>

                        <li><a class="link-footer" href="comment-ca-marche.html">Comment ça Marche?</a></li>

                      </ul>

          </div><!-- ./End col-md-* -->

          

          

          <div class="col-md-3 margin-tp-xs">

            <div class="contact desk">

              <i class="glyphicon glyphicon-map-marker"></i>

              Adidoadinderrière <br>la place des fêtesnathanael <br>Lome, TOGO



            </div>

            <h4 class="menu_footer categorie">Catégories</h4>

            <ul class="list-unstyled">

                            <li><a class="link-footer" href="agroalimentaire.html">Agroalimentaire</a></li>

                        <li><a class="link-footer" href="art.html">Art</a></li>

                        <li><a class="link-footer" href="audio.html">Audio-Visuel</a></li>

                        <li><a class="link-footer" href="autre.html">Autre</a></li>

                        

                    

                      <li><a class="link-footer btn btn-default btback" href="categories.html">

              <strong>Voir tout <i class="fa fa-long-arrow-right"></i></strong>

            </a></li>

                        

            </ul>

          </div><!-- ./End col-md-* -->

          

          <div class="col-md-2 margin-tp-xs">

            <div class="contact desk">

              <i class="glyphicon glyphicon-briefcase"></i>

              Milawoe/ E-LUMYA sarl, 

            </div>

            <h4 class="menu_footer lien">Liens</h4>

            <ul class="list-unstyled">

              

              <li>

                <a class="link-footer" href="index.html">Campagnes</a>

              </li>

              

                            <li>

                <a class="link-footer" href="login.html">

                  

                </a>

                </li>



                

                                

            </ul>

          </div><!-- ./End col-md-* -->

        </div><!-- ./End Row -->

      </div><!-- ./End Container -->

    </footer><!-- ***** Footer ***** -->



<footer class="subfooter">

  <div class="container">

  <div class="row">

          <div class="col-md-12 text-center padding-top-20">

            <p>&copy; MILAWOE | Site de Financement Participatif - 2018</p>

          </div><!-- ./End col-md-* -->

  </div>

</div>



<!-- Button trigger modal -->



<!-- Modal -->



<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">

  <div class="modal-dialog modal-dialog-centered" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      

      <div class="modal-body">

        NOUS AVONS BIEN PRIS EN COMPTE VOTRE DEMANDE. <br>

        ON VOUS CONTACT DANS LES BREFS DELAIS POUR UN ENTRETIEN. <br> MERCI DE VOTRE CONFIANCE.

      </div>

      

    </div>

  </div>

</div>

</footer>    

  

    <!-- Bootstrap core JavaScript 

    ================================================== -->    

    <script src="public/plugins/jQuery/jQuery-2.1.4.min.js"></script>

    <script src="public/js/jquery.easing.1.3.js"></script>

    <script src="public/js/jquery-ui-1.10.3.custom.min.js"></script>

    <script src="public/js/jquery.ui.touch-punch.min.js"></script>

    <script src="public/bootstrap/js/bootstrap.min.js"></script>

    <script src="public/js/jquery.autosize.min.js"></script>

    <script src="public/js/jqueryTimeago.js"></script>

    <script src="public/js/bootbox.min.js"></script>

    <script src="public/js/count.js"></script>

    <script src="public/js/functions.js"></script>

    <script src="public/js/jquery.form.js"></script>

    <script src="public/plugins/sweetalert/sweetalert.min.js"></script>

    <script src="public/js/holder.min.js"></script>

    <script type="text/javascript">



     $('#myModal').on('shown.bs.modal',function(){

        $('#myInput').trigger('focus')

     })

    </script>

      

    

</body>



</html>