<!doctype html><html lang="en"><head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- CSS --> <link rel="stylesheet" href="{{asset('assets/css/style.css')}}"> <link rel="stylesheet" href="{{asset('assets/css/responsive.css')}}"> <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> <link rel="stylesheet" href="{{asset('assets/css/owl.carousel.min.css')}}"> <link rel="stylesheet" href="{{asset('assets/fontawesome/css/all.min.css')}}"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-DugjK7Y57YB+DXc4xL4X9z33HdC5v4eO+hTFwOIL5df5QDAb+OGOzAtx6+Pdx6/dnK6U+p67ZJl7zrPYm6mpow==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="shortcut icon" href="{{asset('assets/images/favicon.ico')}}"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- CSS --> <title>Modixom</title> </head><body> <!-- header main --> <header class="header-main"> <div class="container"> <div class="row"> <!--<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-12">--> <div class="col-2"> <div class="header-logo"> <a href="{{path('app_default')}}" data-abc="true"><img id="change-logo" src="{{asset('assets/images/logo.png')}}" style="width: 60px;" alt=""><span style="padding-left: 15px; font-size: 23px; color:black">MODIXOM</span></a> </div> </div> <!--<div class="col-xl-5 col-lg-4 col-md-5 col-sm-5 col-6">--> <div class="col-xl-6 col-lg-5 col-5 col-sm-4"> <div class="header-menu-box clearfix"> <div class="header-navbar-menu clearfix"> <nav class="navbar navbar-expand-lg navbar-light"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fas fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> {% if not app.user %} <ul class="navbar-nav mr-auto"> <li class="nav-item menu-menu-parent"> <a class="nav-link my-auto {% if app.request.get('_route') == 'app_default' %} active{% endif %} " href="{{path('app_default')}}">Particulier</a> </li> <li class="nav-item"> <a class="nav-link my-auto {% if app.request.get('_route') == 'professionnels' %} active{% endif %}" href="{{path('professionnels')}}">Professionnel</a> </li> {% endif %} {% if app.user %}<li class="nav-item d-lg-none d-xl-none d-xxl-none"> <a class="nav-link my-auto" href="{{path('app_logout')}}" data-bs-toggle="modal" data-bs-target="#connexion-modal" style="font-weight:bold !important;">Se déconnecter</a> </li> {% else %} <li class="nav-item d-lg-none d-xl-none d-xxl-none"> <a class="nav-link my-auto" href="#" data-bs-toggle="modal" data-bs-target="#connexion-modal" style="font-weight:bold !important;">Se connecter</a> </li> {% endif %} </ul> </div> </nav> </div> </div> </div> <!--<div class="col-xl-5 col-lg-4 col-md-5 col-sm-5 col-6">--> <div class="col-lg-4 col-5 col-sm-6"> <div class="header-menu-box clearfix"> <div class="header-right-btn"> <ul> <!-- <li><a class="theme-btn search-btn" href="javascript:void(0)"><i class="fas fa-search"></i></a></li> --> {% if app.user %} <li class="d-none d-lg-block d-xl-block d-xxl-block"><a class="login-text" href="{{path('app_logout')}}" style="margin-left:40px;">Se déconnecter</a></li> {% else %} <li class="d-none d-lg-block d-xl-block d-xxl-block"><a class="login-text" href="#" data-bs-toggle="modal" data-bs-target="#connexion-modal" style="margin-left:40px;">Se connecter</a></li> {% endif %} <!-- Button trigger modal --> <!-- Modal connexion--> <div class="modal fade" id="connexion-modal" tabindex="-1" aria-labelledby="connexion-modal-Label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content" style="z-index: 100;"> <div class="modal-header"> <h5 class="modal-title mx-auto w-100 fs-3 text-center" id="connexion-modal-Label">Connexion</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form class="row g-3 needs-validation" method="POST" action="{{ path('custom_login') }}"> <div class="mb-3"> <label for="Email-connexion" class="form-label">Email</label> <input type="email" class="form-control" id="Email-connexion" name="email" aria-describedby="emailHelp"> </div> <div class="mb-3"> <label for="Password-connexion" class="form-label">Mot de passe</label> <div class="input-group"> <input type="password" class="form-control" id="exampleInputPassword1" name="password" aria-describedby="forgot-password"> <button class="btn btn-outline-secondary" type="button" id="togglePassword1"> <i class="fas fa-eye"></i> </button> </div> <div id="forgot-password" class="form-text"> <a href="forgot-Password.php" style="color: #F6249D;">Mot de passe oublié ?</a> </div> </div> <div class="mb-3 "> <p>Pas encore membre ? <a class="login-text" href="" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color : black; text-decoration: underline !important;">S'inscrire</a></p> </div> <button type="submit" class="btn btn-primary">Connexion</button> </form> </div> </div> </div> </div> <!-- fin modal particulier --> <!-- Modal-pro connexion--> <div class="modal fade" id="connexion-modal-pro" tabindex="-1" aria-labelledby="connexion-modal-Label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content" style="z-index: 100;"> <div class="modal-header"> <h5 class="modal-title mx-auto w-100 fs-3 text-center" id="connexion-modal-Label">Connexion</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form class="row g-3 needs-validation" novalidate> <div class="mb-3"> <label for="Email-connexion" class="form-label">Email</label> <input type="email" class="form-control" id="Email-connexion" aria-describedby="emailHelp"> <div class="valid-feedback"> Identifiants valides ! </div> <div class="invalid-feedback"> Identifiants incorrects </div> </div> <div class="mb-3"> <label for="Password-connexion" class="form-label">Mot de passe</label> <div class="input-group"> <input type="password" class="form-control" id="exampleInputPassword1" name="password" aria-describedby="forgot-password"> <button class="btn btn-outline-secondary" type="button" id="togglePassword1"> <i class="fas fa-eye"></i> </button> </div> <div id="forgot-password" class="form-text"> <a href="forgot-Password.php" style="color: #F6249D;">Mot de passe oublié ?</a> </div> </div> <div class="mb-3 "> <p>Pas encore membre ? <a class="login-text" href="login.php" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color : black; text-decoration: underline !important;">S'inscrire</a></p> </div> <div class="mb-3 "> <input type="checkbox" class="form-check-input" id="exampleCheck1"> <label class="form-check-label" for="exampleCheck1">Mémoriser</label> </div> <a href="browse.php"><button type="submit" class="btn btn-primary bg-pro">Connexion</button></a> </form> </div> </div> </div> </div> <!-- fin modal-pro --> </ul> </div> </div> </div> </div> </div> </header> <!-- header main --> <!-- Modal --><div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content" style="z-index: 100;"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Sélectionnez votre statut</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex justify-content-center align-items-center flex-column text-center"> <a href="{{path('inscription',{'type':'part'})}}" class="btnModem" style="width:60%">INSCRIPTION PARTICULIER</a> <a href="{{path('inscription',{'type':'pro'})}}" class="btnMod" style="width:60%; margin-top:20px; white-space: nowrap;">INSCRIPTION PROFESSIONNEL</a> </div> </div> </div></div> {% block body %}{% endblock %} <!-- footer --><footer class="footer-main"> <div class="footer-top"> <div class="container"> <div class="row"> <!-- <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget"> <a href="index.html"><img src="assets/images/logo.png" style="width: 100px;" alt=""></a> <p class="theme-description">Modixom vous permettra de trouver en un seul click les meilleurs promotions. </p> <div class="footer-links clearfix"> <div class="footer-icon-box"> <a href="" title="Facebook" style="color: #3b5998;"> <i class="fab fa-facebook-f"></i> </a> </div> <div class="footer-icon-box"> <a href="" title="Twitter" style="color: #00acee;"> <i class="fab fa-twitter"></i> </a> </div> <div class="footer-icon-box"> <a href="" title="Linkedin" style="color: #0e76a8;"> <i class="fab fa-linkedin-in"></i> </a> </div> </div> </div> </div> --> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 text-center"> <div class="footer-widget"> <h3 class="theme-title {% if app.session.get('type') == 'part' %}green{% else %}blue{% endif %}">DÉCOUVRIR MODIXOM</h3> <div class="footer-menu-services"> <ul class="menu-service-menu" style="margin-left: -30px"> {% if app.session.get('type') == 'pro' %} <li><a href="{{ path('professionnels', {}, '#propos') }}">A Propos</a></li> {% else %} <li><a href="{{ path('app_default', {}, '#propos') }}">A Propos</a></li> {% endif %} <li><a href="recommander_commercant.php">Recommander un commerçant</a></li> <li><a href="browse-particulier-no-logged.php">Annonces</a></li> </ul> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget"> <h3 class="theme-title {% if app.session.get('type') == 'part' %}green{% else %}blue{% endif %}">MENTIONS LÉGALES</h3> <div class="footer-menu-services"> <ul class="menu-service-menu" style="margin-left: -30px"> <li><a href="{{path('app_mention')}}">Mentions légales</a></li> <li><a href="{{path('app_cookie')}}">Gestion des cookies</a></li> <li><a href="{{path('app_protection')}}">Politique de protection des données</a></li> <!-- <li><a href="contact.php">Conditions de vente</a></li> <li><a href="contact.php">RGPD</a></li> --> </ul> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget"> <h3 class="theme-title {% if app.session.get('type') == 'part' %}green{% else %}blue{% endif %}">AIDE</h3> <div class="footer-menu-services"> <ul class="menu-service-menu" style="margin-left: -30px"> <li><a href="{{path('contact1')}}" data-bs-toggle="modal" data-bs-target="#connexion-modal">Nous contacter</a></li> <li><a href="faq-particulier.php">FAQ</a></li> </ul> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 "> <div class="footer-widget"> <h3 class="theme-title {% if app.session.get('type') == 'part' %}green{% else %}blue{% endif %}">APPLICATION</h3> <div class="footer-menu-services"> <div class="row"><br> <!-- App Store button --> <div class="col-md-12 col-12 pb-3"> <a href="https://www.apple.com/fr/app-store/" target="_blank" class="market-btn apple-btn" role="button"> <span class="market-button-subtitle">Télécharger sur</span> <span class="market-button-title">App Store</span> </a> </div> <!-- Google Play button --> <div class="col-md-12 col-12 "> <a href="https://play.google.com/store/games?gl=FR&utm_source=emea_Med&utm_medium=hasem&utm_content=Oct2020&utm_campaign=Evergreen&pcampaignid=MKT-EDR-emea-fr-1001280-Med-hasem-py-Evergreen-Oct2020-Text_Search_BKWS%7CONSEM_kwid_43700008792247580&gclid=CjwKCAiAl9efBhAkEiwA4Toril0SpGeAFHdzwhXUd_zX25ptzJLjDqUqg26pTEyl6Apf3UA1SsLrhhoCuAcQAvD_BwE&gclsrc=aw.ds&pli=1" target="_blank" class="market-btn google-btn" role="button"> <span class="market-button-subtitle">Télécharger sur</span> <span class="market-button-title">Google Play</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-copyright"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"> <div class="copyright-text text-right" style="margin-right: 100px"> <p><a href="index.php">© 2023 Modixom</p> </div> </div> </div></footer><!-- footer --><!-- back top top --><div class="back-top-top" id="page-up"> <a href=""><i class="fas fa-arrow-up"></i>Haut</a></div><!-- back top top --><!-- preloader --><!-- preloader --><div class="theme-preloader"> <span><img src="{{asset('assets/images/logo.png')}}" alt=""></span> </div><!-- preloader --><!-- preloader --><!-- javascript --><script src="{{asset('assets/js/jquery.min.js')}}"></script><script src="{{asset('assets/js/popper.min.js')}}"></script><script src="{{asset('assets/js/bootstrap.min.js')}}"></script><script src="{{asset('assets/js/owl.carousel.min.js')}}"></script><script type="text/javascript" src="{{asset('assets/js/jquery.cookie.min.js')}}"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script><script src="{{asset('assets/js/custom.js')}}"></script><script src="{{asset('assets/js/ck-editor.js')}}"></script><script> $("#pro-button").click(function() { $("#pro-options").removeClass("d-none"); });document.addEventListener('DOMContentLoaded', function() { document.getElementById('togglePassword1').addEventListener('click', function() { var passwordField = document.getElementById('exampleInputPassword1'); var type = passwordField.getAttribute('type') === 'password' ? 'text' : 'password'; passwordField.setAttribute('type', type); this.querySelector('i').classList.toggle('fa-eye-slash'); });});</script><!-- javascript --></body></html>