{# end carousel-actualite ----------------------------------------------------------------------- #} <div class="parlent-de-nous d-none d-md-block mb-5"> <div class="container"> <div class="row"> <div class="offset-2 col-9 offset-md-3 col-md-6 pb-4"> <div class="globale-carousel"> <div class="block-formation-titre"> <span>ILS PARLENT </span> DE NOUS</div> </div> </div> <div class="col-12 col-md-12 mt-4"> <div id="myCarousel-3" class="carousel slide" data-ride="carousel"> {# Carousel indicators #} <ol class="carousel-indicators"> <li data-target="#myCarousel-3" data-slide-to="0" class="active"></li> <li data-target="#myCarousel-3" data-slide-to="1"></li> <li data-target="#myCarousel-3" data-slide-to="2"></li> </ol> {# Wrapper for carousel items #} <div class="carousel-inner"> <div class="item carousel-item active"> <div class="row"> <div class="col-12 col-md-5 mb-2"> <div class="glob"> <div class="image-carousel"> <img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img"> </div> <div class="nom-client-carousel"> <p> <b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p> </div> </div> </div> <div class="col-12 col-md-7 pt-4 pb-4"> <div class="star-rating"> <ul class="list-inline"> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item text-1 primary-color">il y a deux semaines</li> </ul> <p> <span class="newsletter--green">Super !</span> je suis content de m’être inscrite. <br>Les cours sont très bien structurés</p> </div> </div> </div> </div> <div class="item carousel-item"> <div class="row"> <div class="col-12 col-md-5 mb-2"> <div class="glob"> <div class="image-carousel"> <img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img"> </div> <div class="nom-client-carousel"> <p> <b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p> </div> </div> </div> <div class="col-12 col-md-7 pt-4 pb-4"> <div class="star-rating"> <ul class="list-inline"> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item text-1 primary-color">il y a deux semaines</li> </ul> <p> <span class="newsletter--green">Super !</span> je suis content de m’être inscrite. <br>Les cours sont très bien structurés</p> </div> </div> </div> </div> <div class="item carousel-item"> <div class="row"> <div class="col-12 col-md-5 mb-2"> <div class="glob"> <div class="image-carousel"> <img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img"> </div> <div class="nom-client-carousel"> <p> <b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p> </div> </div> </div> <div class="col-12 col-md-7 pt-4 pb-4"> <div class="star-rating"> <ul class="list-inline"> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item text-1 primary-color">il y a deux semaines</li> </ul> <p> <span class="newsletter--green">Super !</span> je suis content de m’être inscrite. <br>Les cours sont très bien structurés</p> </div> </div> </div> </div> </div> {# Carousel controls #} <a class="carousel-control left carousel-control-prev" href="#myCarousel-3" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="carousel-control right carousel-control-next" href="#myCarousel-3" data-slide="next"> <i class="fa fa-angle-right"></i> </a> </div> </div> </div> </div> </div> {# carousel client responsive -------------------------------------------------------------------------------------------- #} <div class="container-fluid d-sm-block d-md-none d-block d-sm-none mt-5"> <div class="row"> <div class="col-12 text-center"> <div class="globale-carousel"> <div class="block-formation-titre"> <span>ILS PARLENT </span> DE NOUS</div> </div> </div> </div> </div> <div class="responsive-parlent-de-nous d-sm-block d-md-none d-block d-sm-none mb-3 mt-3"> <div class="container"> <div class="row "> <div class="col-12 col-md-12 mt-4"> <div id="myCarousel-4" class="carousel slide" data-ride="carousel"> {# Carousel indicators #} <ol class="carousel-indicators"> <li data-target="#myCarousel-4" data-slide-to="0" class="active"></li> <li data-target="#myCarousel-4" data-slide-to="1"></li> <li data-target="#myCarousel-4" data-slide-to="2"></li> </ol> {# Wrapper for carousel items #} <div class="carousel-inner"> <div class="item carousel-item active"> <div class="row"> <div class="col-4 mb-2"> <div class="image-carousel"> <img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img"> </div> </div> <div class="col-8 mb-2"> <div class="star-rating"> <ul class="list-inline"> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item text-1 primary-color">il y a deux semaines</li> </ul> </div> </div> <div class="col-6 mb-2"> <div class="nom-client-carousel"> <p> <b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p> </div> </div> <div class="col-12 col-md-12 pt-4 pb-4"> <div class="commentaire-client"> <span class="newsletter--green">Super !</span> je suis content de m’être inscrite. <br>Les cours sont très bien structurés </div> </div> </div> </div> <div class="item carousel-item"> <div class="row"> <div class="col-4 mb-2"> <div class="image-carousel"> <img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img"> </div> </div> <div class="col-8 mb-2"> <div class="star-rating"> <ul class="list-inline"> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item text-1 primary-color">il y a deux semaines</li> </ul> </div> </div> <div class="col-6 mb-2"> <div class="nom-client-carousel"> <p> <b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p> </div> </div> <div class="col-12 col-md-12 pt-4 pb-4"> <div class="commentaire-client"> <span class="newsletter--green">Super !</span> je suis content de m’être inscrite. <br>Les cours sont très bien structurés </div> </div> </div> </div> <div class="item carousel-item"> <div class="row"> <div class="col-4 mb-2"> <div class="image-carousel"> <img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img"> </div> </div> <div class="col-8 mb-2"> <div class="star-rating"> <ul class="list-inline"> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item"> <i class="fa fa-star"></i> </li> <li class="list-inline-item text-1 primary-color">il y a deux semaines</li> </ul> </div> </div> <div class="col-6 mb-2"> <div class="nom-client-carousel"> <p> <b>CRISTOPHE A.</b><br>Assureur</p> </div> </div> <div class="col-12 col-md-12 pt-4 pb-4"> <div class="commentaire-client"> <span class="newsletter--green">Super !</span> je suis content de m’être inscrite. <br>Les cours sont très bien structurés </div> </div> </div> </div> </div> {# Carousel controls #} <a class="carousel-control left carousel-control-prev" href="#myCarousel-4" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="carousel-control right carousel-control-next" href="#myCarousel-4" data-slide="next"> <i class="fa fa-angle-right"></i> </a> </div> </div> </div> </div> </div> {% if app.request.attributes.get('_route') == 'accueil_site' %} <div class="newsletter mb-3 mt-5"> <div class="container"> <div class="row "> <div class="col-12 col-md-9 mb-3"> <div class="newsletter-titre newsletter--green"> Restez informé en continu avec <b>FMH FORMATION</b> </div> <p class="text-2">Abonnez-vous à notre newsletter<br>en laissant votre adresse email</p> <div class="form-newsletter"> <input type="text" placeholder=""><a href="#"> <button class="buton-newsletter"></button> </a> </div> </div> <div class="col-12 col-md-3 p-top"> <div class="image-newsletter"> <a href=""> <i class="fa fa-instagram mb-2"></i> </a> <a href=""> <i class="fa fa-facebook mb-2"></i> </a> <a href=""> <i class="fa fa-youtube mb-2"></i> </a> <a href=""> <i class="fa fa-twitter mb-2"></i> </a> <a href=""> <i class="fa fa-facebook mb-2"></i> </a> <a href=""> <i class="fa fa-instagram mb-2"></i> </a> </div> </div> </div> </div> </div> {% endif %} <div class="maps"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-md-6 pl-0 pr-0"> <div class="carte-maps"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3193.956495271176!2d10.189582!3d36.8195624!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd348b30f3d34b%3A0xc7f418a55e89118f!2sRue%20Mohamed%20Badra%20%26%20Avenue%20du%20Japon%2C%20Tunis!5e0!3m2!1sfr!2stn!4v1700617357165!5m2!1sfr!2stn" width="100%" height="600px" frameborder="0" style="border:0; opacity:0.2" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> <div class="titre-maps"> LIEUX DE LA FORMATION </div> <div class="texte-maps"> Immeuble STAR, Angle Av. du Japon et Rue Mohamed Badra, Montplaisir 1073 Tunis, Tunisie </div> </div> </div> <div class="col-12 col-md-6 bg-black p-top-maps"> <div class="row"> <div class="col-12 col-md-6"> <div class="info"> <div> <a href=""> <i class="fa fa-angle-right d-none d-md-block"></i> <p>LIEN UTILE</p> </a> </div> <div> <a href=""> <i class="fa fa-angle-right d-none d-md-block"></i> <p>NOTRE POLITIQUE DE CONFIDENTIALTÉ</p> </a> </div> <div> <a href=""> <i class="fa fa-angle-right d-none d-md-block"></i> <p> FAQ</p> </a> </div> <div> <a href=""> <i class="fa fa-angle-right d-none d-md-block"></i> <p>CONDITION GÉNÉRALES DE VENTE</p> </a> </div> <div> <a href=""> <i class="fa fa-angle-right d-none d-md-block"></i> <p>LIEN UTILE</p> </a> </div> <div> <a href=""> <i class="fa fa-angle-right d-none d-md-block"></i> <p>LIEN UTILE</p> </a> </div> </div> </div> <div class="col-12 col-md-6"> <div class="siege-social mb-2"> <p class="text-1 primary-color"> <b>SIÉGE SOCIAL </b> </p> <p class="white">Immeuble STAR, Angle Av. du Japon et Rue Mohamed Badra, 1eret 2ème Etage-Montplaisir 1073 Tunis, Tunisie</p> </div> <div class="phone-email mb-2 margin-phone"> <div><img src="{{ asset('assets/site/images/phone.png') }}" width="20px"> <p> <b>(+216) 71 187 710</b> </p> </div> <div> <i class="fa fa-envelope"></i> <p>iaa.tunisie@star.com.tn</p> </div> </div> </div> </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="row"> <div class="col-6 col-md-6"> <div class="copyright"> <p>@2023 | Tous droits réservés</p> </div> </div> <div class="col-6 col-md-6"> <div class="icon-scroll"> <a href="#"><img src="{{ asset('assets/site/images/icon-vers-haut.png') }}" width="30px"></a> </div> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script type="text/javascript" src="{{ asset('assets/site/js/script.js') }}"></script> </div> <div class="modal arriere-espace-personnel fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="espace-personnel"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <img src="{{ asset('assets/site/images/logo-formation-blanc.png') }}" width="350px"/> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </div> </div> </div> <div class="container"> <div class="row pt-5"> <div class="col-12 col-md-6 text-center padding-bottom"> <div class="icon-espace-personnel"> <img src="{{ asset('assets/site/images/icon-espace-client-personnel-1.png') }}" width="60px"/> </div> <div class="icon-espace-personnel pt-3"> <img src="{{ asset('assets/site/images/icon-espace-client-personnel-2.png') }}" width="25px"/> </div> <div class="titre-espace-personnel pt-3"> ESPACE PERSONNEL </div> </div> <div class="col-12 col-md-6 text-center mb-5"> <form id="login" method="post" action="{{ path('app_login') }}" > <div class="divider-espace-personnel"> <div class="input-espace-personnel pt-3 pb-3"> <input type="text" name="username" placeholder="Email"/> </div> <div class="input-espace-personnel pt-3 pb-3"> <input type="password" name="password" placeholder="Mot de passe"/> </div> <div class="block-souvenir-de-moi pt-3"> <label> <input type="checkbox"><span>Se souvenir de moi</span> </label> <a class="inscrire">S'inscrire</a> </div> <div class="bouton-espace-personnel pt-5"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" /> <button href="#" class="">CONNECTEZ-VOUS</button> </div> </div> </form> <form id="inscription" action="{{ path('demande_inscription_site') }}" method="post" style="display:none;"> <div class="divider-espace-personnel"> <div class="input-espace-personnel pt-3 pb-3"> <input type="text" name="firstName" placeholder="Nom"/> </div> <div class="input-espace-personnel pt-3 pb-3"> <input type="text" name="lastName" placeholder="Prénom"/> </div> <div class="input-espace-personnel pt-3 pb-3"> <select name="cycle" id="options"> <option value="">Cycle</option> <option value="4">Janvier</option> </select> </div> <div class="input-espace-personnel pt-3 pb-3"> <input type="text" name="username" placeholder="Email"/> </div> <div class="block-souvenir-de-moi pt-3 pb-4"> <a class="login">Se connecter</a> </div> <div class="bouton-espace-personnel pt-5"> <button href="#" class="">S'inscrire</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </body> </html>