ヤミRoot VoidGate

Viewing: base.html.twig

<!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>
User / IP	: 216.73.216.81
Host / Server	: 146.88.233.70 / dev.loger.cm
System	: Linux hybrid1120.fr.ns.planethoster.net 3.10.0-957.21.2.el7.x86_64 #1 SMP Wed Jun 5 14:26:44 UTC 2019 x86_64