<!DOCTYPE html><html><head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WC7JP3N'); </script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:url" content="https://www.loger.cm" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Loger CMR " /> <meta property="og:description" content="Faites partie de l'aventure, Inscrivez votre logement sur Loger.cm." /> <meta property="og:image" content="{{ asset("img/logo-logercm.jpng") }}" /> <meta name="description" content="Faites partie de l'aventure, Inscrivez votre logement sur Loger.cm."> <link href="https://fonts.googleapis.com/css?family=Montserrat|Reem+Kufi|Roboto" rel="stylesheet"> {% block stylesheets %} <!--Import Google Icon Font--> <link href="https://fonts.googleapis.com/css?family=Montserrat|Reem+Kufi|Roboto" rel="stylesheet"> <!--Import materialize.css--> <link href="{{ asset('css/materialize.min.css') }}" rel="stylesheet" /> <link href="{{ asset('css/main.css') }}" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <link href="{{ asset('fonts/fontawesome/css/fontawesome.css') }}" rel="stylesheet"> <link href="{{ asset('fonts/fontawesome/css/brands.css') }}" rel="stylesheet"> <link href="{{ asset('fonts/fontawesome/css/solid.css') }}" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://csshake.surge.sh/csshake.min.css"> <link rel="stylesheet" type="text/css" href="{{ asset('css/select2.min.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/slick.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/slick-theme.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert2.min.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/swiper.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/animate.css') }}"> <meta name="twitter:site" content="@logercm"> <meta name="twitter:creator" content="@logercm"> <meta property="twitter:description" content="Faites partie de l'aventure, Inscrivez votre logement sur Loger.cm"> <meta property="twitter:title" content="Loger CMR "> <meta property="twitter:url" content="https://loger.cm/"> <meta property="twitter:image" content="{{ asset('img/logo-logercm.png') }}"> <meta name="twitter:domain" content="jyven.cm"> <meta property="og:description" content="Faites partie de l'aventure, Inscrivez votre logement sur Loger.cm"> <meta property="og:image" content="{{ asset('img/logo-logercm.png') }}"> <meta property="og:site_name" content="https://loger.cm"> <meta property="og:title" content="Loger CMR "> <meta property="og:updated_time" content=""> <meta property="og:url" content="https://www.loger.cm"> <meta itemprop="name" content="Loger CMR "> <meta itemprop="keywords" content="logement, restauration, studio, immeuble, appartement, lotis, annonces, hotel, motel, villa"> <link rel="icon" href="{{ asset('img/logo-logercm.png') }}"> <style> .ml12 { font-weight: 60; } .ml12 .letter { display: inline-block; line-height: 0.5em; } .ml13 { font-weight: 30; text-transform: uppercase; letter-spacing: 0.3em; } .ml13 .letter { display: inline-block; line-height: 0.5em; } .btn-a { --b: 3px; /* the border thickness*/ --g: 5px; /* the gap */ --c: rgba(3, 128, 13, 0.96); /* the color */ background-color: rgba(192, 220, 126, 0.83); margin-right: 15px; padding: 10px; border-radius: 20px; aspect-ratio: 0.5; color:white; cursor: pointer; transition: .3s; } .btn-a:hover { outline: var(--b) solid var(--c); outline-offset: var(--g); background-color: rgba(255, 255, 255, 0.7); color: rgba(16, 16, 16, 0.91); } #loader{ position: fixed; width: 100%; height: 100vh; margin-top: -5px; background: #21242d url('https://cssauthor.com/wp-content/uploads/2018/06/Bouncy-Preloader.gif') no-repeat center; z-index: 999; } </style> {% endblock %} <title>{% block title %}Welcome!{% endblock %}</title></head><body><!-- Google Tag Manager (noscript) --><noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WC7JP3N" height="0" width="0" style="display:none;visibility:hidden"> </iframe></noscript><!-- End Google Tag Manager (noscript) -->{% block body %} <div id="loader"></div> <div class="row " id="mainHeader" style="height: 40px; margin-top: 5px;"> <div class="col s12" style="; margin-top: 10px"> <div class="col s4 grey-text text-darken-1 m4 push-m1"> <a href="{{ path('app_home') }}" style="font-size: 23px; margin-left: -20px"> Loger.cm</a> </div> <div class="col s8 right-align "> <a href="#!" class=" grey-text text-darken-1 hide-on-small-and-down hide-on-small-only" style="margin-right: 15px"> <i class="fas fa-building" style="margin-left: 5px;margin-right: 5px"></i> Ajoutez votre établissement </a> <span class="grey-text hide-on-small-and-down hide-on-small-only" style="margin-left: 2px; margin-right: 2px">I</span> <a href="{{ path("app_announce_detail",{ 'announce' : 'all'}) }}" class=" grey-text text-darken-1 hide-on-small-and-down hide-on-small-only" style="margin-right: 15px"> <i class="fas fa-shopping-bag" style="margin-left: 5px; margin-right: 5px"></i> Announces </a> <span class="grey-text hide-on-small-and-down hide-on-small-only" style="margin-left: 2px; margin-right: 2px; ">I</span> <a href="{{path('app_user_log')}}" class=" grey-text text-darken-1" style="margin-right: 15px"> <i class="fas fa-user" style="margin-left: 5px;margin-right: 5px"></i> Mon Compte </a> {{ language | raw}} <a href="#" data-activates="slide-out" style="margin-left: 15px" class="button-collapse show-on-medium-and-down grey-text text-darken-1"> <i class="fas fa-bars"></i> </a> </div> </div> <div class="col s10 m10 push-m1" style="margin-top: 100px; position: absolute; z-index: 100; margin-right: 10px"> <a href="#!" id="btnBooking" class="hide-on-small-and-down hide-on-small-only active card black-text " style="margin-right: 15px; padding: 10px; border-radius: 20px"> <i class="fas fa-bed" style="margin-left: 5px; margin-right: 5px"></i> Hebergements </a> <a href="#!" id="btnLocation" class=" hide-on-small-and-down hide-on-small-only card btn-a " style=""> <i class="fas fa-car" style="margin-left: 15px; margin-right: 5px"></i> Location Voitures </a> <a id="btnAttraction" href="#!" class=" card btn-a " style=""> <i class="fas fa-location-arrow" style="margin-left: 5px; margin-right: 5px"></i> Attractions </a> </div> </div> <ul id='choose_language' class='dropdown-content' style="background: -webkit-linear-gradient(90deg, rgba(230,231,237,0.66), rgba(230,231,237,0.66) )"> {{ languageChoose | raw}} </ul> <ul id='dropdownCategory' class='dropdown-content'> <li><a href="#!">Accesoire</a></li> <li><a href="#!">Photographie</a></li> <li><a href="#!">Téléphone</a></li> <li><a href="#!">Electroménager</a></li> </ul> <ul id="slide-out" class="side-nav"> <li><a href="{{ path('homepage') }}">{% trans %}Accueil{% endtrans %}</a></li> </ul>{% endblock %}{% block javascripts %} <script src="{{ asset('js/jquery-3.2.1.min.js') }}"></script> <script src="{{ asset('js/materialize.min.js') }}"></script> <script src="{{ asset('js/sweetalert2.all.min.js') }}"></script> <script src="{{ asset('js/slick.js') }}"></script> <script src="{{ asset('js/callus.js') }}"></script> <script src="{{ asset('js/aes.js') }}"></script> <script src="{{ asset('js/tripledes.js') }}"></script> <script src="{{ asset('js/enc-base64-min.js') }}"></script> <script src="{{ asset('js/index.js') }}"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> <script type="text/javascript"> var loader; function loadNow(opacity) { if (opacity <= 0) { displayContent(); } else { loader.style.opacity = opacity; window.setTimeout(function() { loadNow(opacity - 0.05); }, 50); } } function displayContent() { loader.style.display = 'none'; document.getElementById('content').style.display = 'block'; document.getElementById('mainHeader').style.display = 'block'; } document.addEventListener("DOMContentLoaded", function() { loader = document.getElementById('loader'); loadNow(3); }); $( document ).ready(function(){ $(".button-collapse").sideNav(); $('.dropdown-button').dropdown({ inDuration: 300, outDuration: 225, constrainWidth: false, // Does not change width of dropdown to that of the activator hover: false, // Activate on hover gutter: 0, // Spacing from edge belowOrigin: true, // Displays dropdown below the button alignment: 'left', // Displays dropdown with edge aligned to the left of button stopPropagation: false // Stops event propagation } ); }); AOS.init(); </script> <script> (function(w,d,u){ var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0); var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); })(window,document,'https://cdn.bitrix24.com/b18340955/crm/site_button/loader_5_ymdo23.js'); </script> <script> $(document).ready(function(){ setTimeout(function () { {% for message in app.flashes('success') %} var Toast = Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 15000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } }) Toast.fire({ icon: 'success', title: '{{message}}' }); {%endfor%} {% for message in app.flashes('error') %} var Toast = Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 15000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } }) Toast.fire({ icon: 'error', title: '{{message}}' }); {%endfor%} {% for message in app.flashes('verify_email_error') %} var Toast = Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 15000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } }) Toast.fire({ icon: 'error', title: '{{message}}' }); {%endfor%} {% for message in app.flashes('warning') %} var Toast = Swal.mixin({ toast: true, position: 'top-start', showConfirmButton: true, timer: 15000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } }) Toast.fire({ icon: 'warning', title: '{{message}}' }); {%endfor%} },1000) }) </script>{% endblock %}<footer class="page-footer " style="background: #14965d; margin-top: 15%"> <div class="row"> <div class="col m6 s12 center-align center-block center"> <a href="{{ url('homepage') }}" style="position: relative; z-index: 100; width: 100px; height: 100px; margin-right: 5px; border-radius: 50%;"> <img src="{{ asset('img/logo_white.png') }}" style="max-height: 100px; " alt=""> </a> <div class="col s12"> <p style="font-size: 21px">{{ companyName}}</p> </div> <div class="col s12 " style="margin-top: -20px"> <p style="font-size: 20px;margin-top: -4px "> {% trans %}Votre tranquilité est notre priorité.{% endtrans %} !</p> </div> <div class="col s12 center " > <a class=" waves-effect waves-light " target="_blank" href="https://web.facebook.com/Biocarrylife" style="border-color: #14965d; ; width: 46px; height: 46px; margin-right: 5px; border-radius: 50%; border-style: solid;border-width: 2px; "> <i class="fab fa-facebook-f " style=" color:#e5bd02; font-size: 22px; margin-top: 3px; margin-left: -12px; position: absolute"></i> </a> <a class=" waves-effect waves-light " target="_blank" href="https://twitter.com" style="border-color: #14965d; ; width: 46px; height: 46px; margin-right: 5px; border-radius: 50%; border-style: solid;border-width: 2px; "> <i class="fab fa-twitter " style=" font-size: 22px; margin-top: 3px; margin-left: -12px; position: absolute;color:#e5bd02; "></i> </a> <a class=" waves-effect waves-light " target="_blank" href="https://www.instagram.com/biocarrylife2/?hl=fr" style="border-color: #14965d; ; width: 46px; height: 46px; margin-right: 5px; border-radius: 50%; border-style: solid;border-width: 2px; "> <i class="fab fa-instagram " style=" font-size: 22px; margin-top: 3px; margin-left: -12px; position: absolute; color:#e5bd02; "></i> </a> <div class="col s12 center-align center"> +237 698601596 /674493242 <br> info-service@loger.cm </div> </div> </div> <div class="col m6 s12 "> <div class="col l12 s12 m12 xl12 " style=" "> <h5 class=" white-text" style=" font-family:'Reem Kufi', sans-serif"><b>{% trans %}NewsLetter{% endtrans %} </b></h5> <hr> <form onsubmit="return false;" id="new_letter_form" class="col l12 m12 s12 xl12" style=" margin-bottom: 6%; margin-top: 30px"> <div class="input-field col s12 xl8 " style="margin-top: 5px; "> <i class="fas fa-blog prefix white-text active" style="font-size: 20px"></i> <input type="email" name="new_letter_sus" id="new_letter" class="validate" style="color: #fff;" required="required"> <label for="new_letter" class="active">{% trans %}Entrer Votre Adresse Mail{% endtrans %} </label> </div> <button id="btnNewLetter" onclick=" addToNewLetter ()" type="submit" class="btn indigo-text col button s12 xl4" style="font-size: 12px">{% trans %}S'incrire{% endtrans %} <i class="fas fa-plus-circle right active"></i> </button> <div class="col s12"> <p style="font-size: 20px">{% trans %}Souscrivez à notre mail list pour avoir des nouveautés dans votre inbox{% endtrans %} .</p> </div> </form> </div> </div> </div> <div class="footer-copyright"> <div class="container center center-align"> © 2022 {{ companyName}}. All Rights Reserved </div> </div></footer></body></html>