templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <!-- Google Tag Manager (noscript) -->
  5.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZJMNV8V"
  6.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  7.     <!-- End Google Tag Manager (noscript) -->
  8.     <script src="{{asset('tarteaucitron/tarteaucitron.js')}}"></script>
  9.     <script type="text/javascript">
  10.     tarteaucitron.init({
  11.         "privacyUrl": "", /* Privacy policy url */
  12.         "bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
  13.         "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
  14.         "cookieName": "tarteaucitron", /* Cookie name */
  15.         "orientation": "bottom", /* Banner position (top - bottom) */
  16.     
  17.         "groupServices": false, /* Group services by category */
  18.         "serviceDefaultState": "wait", /* Default state (true - wait - false) */
  19.                         
  20.         "showAlertSmall": false, /* Show the small banner on bottom right */
  21.         "cookieslist": false, /* Show the cookie list */
  22.                         
  23.         "closePopup": false , /* Show a close X on the banner */
  24.         "showIcon": true, /* Show cookie icon to manage cookies */
  25.         //"iconSrc": "", /* Optionnal: URL or base64 encoded image */
  26.         "iconPosition": "BottomLeft", /* BottomRight, BottomLeft, TopRight and TopLeft */
  27.         "adblocker": false, /* Show a Warning if an adblocker is detected */
  28.                         
  29.         "DenyAllCta" : true, /* Show the deny all button */
  30.         "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
  31.         "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
  32.                         
  33.         "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
  34.         "removeCredit": true, /* Remove credit link */
  35.         "moreInfoLink": true, /* Show more info link */
  36.         "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
  37.         "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
  38.         //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
  39.                         
  40.         "readmoreLink": "", /* Change the default readmore link */
  41.         "mandatory": true, /* Show a message about mandatory cookies */
  42.         "mandatoryCta": true /* Show the disabled accept button when mandatory on */
  43.     });
  44.     (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
  45.     </script>
  46.     <meta charset="UTF-8">
  47.     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  48.     <title>{% block title %}Renov'At Home - Un artisant près de chez vous!{% endblock %}</title>
  49.     <link rel="icon" href="{{ asset('assets/images/logo_transparent_72x72.png')}}" type="image/png"><link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
  50.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  51.     <link rel="preconnect" href="https://fonts.googleapis.com">
  52.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  53.     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
  54.     {% block stylesheets %}
  55.     <link rel="stylesheet" href="{{ asset('assets/styles/style.css')}}">
  56.     <link rel="stylesheet" href="{{ asset('assets/styles/navStyle.css')}}">
  57.     {% endblock %}
  58.     {% block javascripts %}
  59.     <script src="https://code.jquery.com/jquery-3.6.0.js"
  60.         integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
  61.     {% endblock %}
  62. </head>
  63. <body>
  64.     <!-- Google Tag Manager (noscript) -->
  65.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZJMNV8V"
  66.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  67.     <!-- End Google Tag Manager (noscript) -->
  68.     {% if block ('promo') is defined %}
  69.     <div class="promo-banner">
  70.         <div class="container-promo">
  71.             <span class="text-promo">👋 Renov’At Home réalise pour vous votre dossier d’aide pour la prime
  72.                 rénovation</span>
  73.             <a class="show-promo" href="{{ path('prime')}}">En savoir plus<i class="fa-solid fa-arrow-right"></i></a>
  74.         </div>
  75.     </div>
  76.     {% endif %}
  77.     <header>
  78.         <nav class="navbar{{ app.request.pathinfo == "/" ? ' relative' }}">
  79.             <a href="{{ path('home') }}" class="logo-nav">
  80.                 <img src="{{ asset('assets/images/logo_renovathome.png')}}" class="logo-renovathome" alt="Logo de renov at home">
  81.                 <img src="{{ asset('assets/images/logo_transparent_72x72.png')}}" class="logo-renovathome declinaison" alt="Déclinaison du logo renov at home">
  82.             </a>
  83.             <ul class="no-hamburger">
  84.                 <li><a class="surlignage" href="{{ path('home') }}">ACCUEIL</a></li>
  85.                 <li class="menu-deroulant">
  86.                     <a href="#">NOS DOMAINES D’EXPERTISES <i class="arrow down navbar"></i></a>
  87.                     <ul class="sous-menu">
  88.                         <li><a href="{{ path('traitement_des_toitures') }}">TRAITEMENT DES TOITURES<i class="fa-solid fa-arrow-right"></i></a></li>
  89.                         <li><a href="{{ path('isolation_thermique_exterieur') }}">ISOLATION THERMIQUE EXTÉRIEUR<i
  90.                                     class="fa-solid fa-arrow-right"></i></a></li>
  91.                         <li><a href="{{ path('isolation_des_combles') }}">ISOLATION DES COMBLES<i
  92.                                     class="fa-solid fa-arrow-right"></i></a></li>
  93.                         <li><a href="{{ path('traitement_des_facades') }}">RAVALEMENT DE FAÇADE<i class="fa-solid fa-arrow-right"></i></a>
  94.                         </li>
  95.                         <li><a href="{{ path('interieur') }}">INTÉRIEUR<i class="fa-solid fa-arrow-right"></i></a></li>
  96.                     </ul>
  97.                 </li>
  98.                 <li><a class="surlignage" href="{{ path('achievements') }}">NOS RÉALISATIONS</a></li>
  99.                 <li><a class="surlignage" href="{{ path('events') }}">ÉVÈVEMENTS</a></li>
  100.                 <li><a class="surlignage" href="{{ path('about_us') }}">QUI SOMMES-NOUS</a></li>
  101.                 <li><a href="{{ path('quote') }}"><span class="btn-devis">DEMANDER UN DEVIS</span></a></li>
  102.                 <li><a href="tel:+33967067349" class="btn-prime-contact">09.67.06.73.49</a></li>
  103.             
  104.                 <!-- <li class="menu-reseau">
  105.                     <div class="menu-reseau-logo">
  106.                         <a class="logo-a" target="_blank" href="https://www.facebook.com/renovathome">
  107.                             <img src="{{ asset('assets/images/logo-fb-bleu.svg')}}" class="navbar-logo" alt="logo facebook">
  108.                             <img src="{{ asset('assets/images/logo-fb-bleu.svg')}}" class="navbar-logo" alt="logo facebook">
  109.                         </a>
  110.                     </div>
  111.                     <div class="menu-reseau-logo">
  112.                         <a class="logo-a" target="_blank" href="https://www.instagram.com/renovathome/">
  113.                             <img src="{{ asset('assets/images/logo-insta-couleur.svg')}}" class="navbar-logo" alt="logo instagram">
  114.                             <img src="{{ asset('assets/images/logo-insta-couleur.svg')}}"
  115.                                 class="navbar-logo logo-insta-couleur" alt="logo instagram">
  116.                         </a>
  117.                     </div> 
  118.                 </li>-->
  119.             </ul>
  120.             <input type="checkbox">
  121.             <div class="hamburger-lines">
  122.                 <span class="line line1"></span>
  123.                 <span class="line line2"></span>
  124.                 <span class="line line3"></span>
  125.             </div>
  126.             <div class="menu-hamburger">
  127.                 <ul class="ul-hamburger">
  128.                     <li><a class="surlignage" href="{{ path('home') }}">ACCUEIL</a></li>
  129.                     <li class="menu-deroulant">
  130.                         <a href="#">NOS DOMAINES D’EXPERTISES <i class="arrow down navbar"></i></a>
  131.                         <ul class="sous-menu">
  132.                             <li><a href="{{ path('traitement_des_toitures') }}">TRAITEMENT DES TOITURES<i class="fa-solid fa-arrow-right"></i></a></li>
  133.                             <li><a href="{{ path('isolation_thermique_exterieur') }}">ISOLATION THERMIQUE EXTÉRIEUR<i
  134.                                         class="fa-solid fa-arrow-right"></i></a></li>
  135.                             <li><a href="{{ path('isolation_des_combles') }}">ISOLATION DES COMBLES<i
  136.                                         class="fa-solid fa-arrow-right"></i></a></li>
  137.                             <li><a href="{{ path('traitement_des_facades') }}">RAVALEMENT DE FAÇADE<i
  138.                                         class="fa-solid fa-arrow-right"></i></a></li>
  139.                             <li><a href="{{ path('interieur') }}">INTÉRIEUR<i class="fa-solid fa-arrow-right"></i></a></li>
  140.                         </ul>
  141.                     </li>
  142.                     <li><a class="surlignage" href="{{ path('achievements') }}">NOS RÉALISATIONS</a></li>
  143.                     <li><a class="surlignage" href="{{ path('events') }}">ÉVÈVEMENTS</a></li>
  144.                     <li><a class="surlignage" href="{{ path('about_us') }}">QUI SOMMES-NOUS</a></li>
  145.                     <li><a class="btn-devis" href="{{ path('quote') }}"><span>DEMANDER UN DEVIS</span></a></li>
  146.                 </ul>
  147.                 <div class="reseau-hamburger">
  148.                     <a target="_blank" href="https://www.facebook.com/renovathome">
  149.                         <img src="{{ asset('assets/images/logo-fb-bleu.svg') }}" class="navbar-logo-hamburger" alt="trait pour menu mobile">
  150.                     </a>
  151.                     <a target="_blank" href="https://www.instagram.com/renovathome/">
  152.                         <img src="{{ asset('assets/images/logo-insta-couleur.svg') }}"
  153.                             class="navbar-logo-hamburger" alt="trait pour menu mobile">
  154.                     </a>
  155.                 </div>
  156.             </div>
  157.         </nav>
  158.     </header>
  159.     {% if block ('banner') is defined %}
  160.     <div class="banniere" style="background-image:url({{ asset('assets/images/'~ banner) | imagine_filter('middle')}});">
  161.         <div class="contenu-banniere">
  162.             <div class="sous-titre-banniere">
  163.                 <div class="deco-sous-titre"></div>
  164.                 <span class="text-uppercase">{{ sousTitre }}</span>
  165.                 <div class="deco-sous-titre"></div>
  166.             </div>
  167.             <h1 class="titre-banniere">{{ titre }}</h1>
  168.         </div>
  169.     </div>
  170.     {% endif %}
  171.     {% block main %}
  172.     {% endblock %}
  173.     {% if block ('contact') is defined %}
  174.     <div class="footer-contact">
  175.        <!-- <img src="{{ asset('assets/images/footer-photo.png')}}" class="photo-contact" alt="Couple heureux"> -->
  176.         <div class="footer-contact-content">
  177.             <div class="photos-contact">
  178.                 <img src="{{ asset('assets/images/brush_green_2.png')}}" class="back-green" alt="trait de pinceaux vert">
  179.                 <div class="photos-contact-top">  
  180.                     <img src="{{ asset('assets/images/batiment_Renov_at_home.png')}}" alt="vue en drone du batiment renov at home">
  181.                 </div>
  182.                 <div class="photos-contact-bot">
  183.                     <img src="{{ asset('assets/images/accueil_renov_at_home.png')}}" alt="accueil renov at home">
  184.                     <img src="{{ asset('assets/images/salon_renov_at_home.png')}}" alt="salon renov at home">
  185.                 </div>
  186.                 
  187.                 
  188.             </div>
  189.             <div class="contacter">
  190.                 <div class="titre">
  191.                     <div class="deco-sous-titre"></div>
  192.                     <span class="contacter-sous-titre">NOUS RENCONTRER</span>
  193.                 </div>
  194.                 <span class="contacter-titre">Nous contacter</span>
  195.                 <p>
  196.                     Vous avez un projet de rénovation pour votre maison et souhaitez faire appel Ã  des artisans qualifiés. <br>
  197.                     Pour toute demande de devis n'hésitez pas Ã  nous contacter par mail, téléphone ou en cliquant ci-dessous pour remplir notre formulaire. Nous vous répondrons dans les plus brefs délais.
  198.                 </p>
  199.                 <div class="coordonnees">
  200.                     <img src="{{ asset('assets/images/icon_pinhouse.svg')}}" alt="carte">
  201.                     <span><a href="https://g.page/renovathome?share">2 Chem. de la Croix Raudière, 53400 Craon</a></span>
  202.                 </div>
  203.                 <div class="coordonnees">
  204.                     <img src="{{ asset('assets/images/icon_calendar.svg') }}" alt="calendrier">
  205.                     <div class="calendar-footer">
  206.                         <span>Lundi - Vendredi : 08h30 - 20h30</span>
  207.                         <span>Samedi : 08h30 - 16h00</span>
  208.                         <span>Dimanche : Fermé</span>
  209.                     </div>
  210.                 </div>
  211.                 <div class="flex">
  212.                     <a href="tel:+33967067349" class="btn-prime-contact">09.67.06.73.49</a>
  213.                     <a href="{{ path('quote') }}" class="btn-devis">DEMANDER UN DEVIS </a>
  214.                 </div>
  215.                 {# <a target="_blank" href="https://g.page/renovathome?share" class="btn-prime-contact">NOUS TROUVER SUR GOOGLE MAPS</a> #}
  216.             </div>
  217.         </div>
  218.     </div>
  219.     {% endif %}
  220.     {% if block ('footer') is defined %}
  221.     <footer>
  222.         <div class="info-footer">
  223.             <div class="footer">
  224.                 <div class="titre">
  225.                     <div class="deco-sous-titre"></div><span>MENU</span>
  226.                 </div>
  227.                 <a href="{{ path('traitement_des_toitures') }}" class="hover-link">
  228.                     Traitement des toitures
  229.                 </a>
  230.                 <a href="{{ path('isolation_thermique_exterieur') }}" class="hover-link">
  231.                     Isolation thermique extérieur
  232.                 </a>
  233.                 <a href="{{ path('isolation_des_combles') }}" class="hover-link">
  234.                     Isolation des combles
  235.                 </a>
  236.                 <a href="{{ path('traitement_des_facades') }}" class="hover-link">
  237.                     Ravalement de façade
  238.                 </a>
  239.                 <a href="{{ path('interieur') }}" class="hover-link">
  240.                     Intérieur
  241.                 </a>
  242.                 <a href="{{ path('achievements') }}" class="hover-link">
  243.                     Nos réalisations
  244.                 </a>
  245.                 <a href="{{ path('events') }}" class="hover-link">
  246.                     Ã‰vènements
  247.                 </a>
  248.                 <a href="{{ path('about_us') }}" class="hover-link">
  249.                     Qui sommes-nous ?
  250.                 </a>
  251.             </div>
  252.             <div class="footer">
  253.                 <div class="titre">
  254.                     <div class="deco-sous-titre"></div><span>HORAIRES</span>
  255.                 </div>
  256.                 <span>
  257.                     Lundi - Vendredi : 08h30 - 20h30
  258.                 </span>
  259.                 <span>
  260.                     Samedi : 08h30 - 16h00
  261.                 </span>
  262.                 <span>
  263.                     Dimanche : Fermé
  264.                 </span>
  265.             </div>
  266.             <div class="footer">
  267.                 <div class="titre">
  268.                     <div class="deco-sous-titre"></div><span>SUIVEZ-NOUS</span>
  269.                 </div>
  270.                 <div class="rs">
  271.                     <a href="https://www.facebook.com/renovathome" target="_blank"><img class="logo-footer" src="{{ asset('assets/images/medium_white_icon_facebook.svg')}}" alt="facebook"></a>
  272.                     <a target="_blank" href="https://www.instagram.com/renovathome/"><img class="logo-footer" src="{{ asset('assets/images/medium_white_icon_instagram.svg')}}" alt="instagram"></a>
  273.                 </div>
  274.                 
  275.             </div>
  276.             <div class="footer">
  277.                 <div class="titre">
  278.                     <div class="deco-sous-titre"></div><span>COORDONNÉES</span>
  279.                 </div>
  280.                 <a class="hover-link" href="https://g.page/renovathome?share">
  281.                     <span class="coordonnees">
  282.                         <img class="footer-logo-coordonnees" src="{{ asset('assets/images/icon_pinhouse_white.svg') }}"
  283.                             alt="carte"> 2 Chem. de la Croix Raudière
  284.                     </span>
  285.                     <span class="code-postal">
  286.                         53400 Craon
  287.                     </span>
  288.                 </a>
  289.                 <a href="tel:+33967067349" class="btn-prime-contact">09.67.06.73.49</a>
  290.                 <a href="{{ path('quote') }}" class="end"><span>DEMANDER UN DEVIS</span></a>
  291.             </div>
  292.         </div>
  293.         <div class="legal">
  294.            <a href="{{ path('mentions_legales') }}" class="hover-link">Mentions légales </a> - <a href="{{ path('politique_confidentialite') }}" class="hover-link"> Politique de confidentialité</a> 
  295.         </div>
  296.         <div class="copyright">
  297.             Â© RenovAtHome - <span>Réalisé par <a target="_BLANK" href="https://www.djabdigital.com"><img class="logo-footer" src="{{ asset('assets/images/djab-logo-blanc.svg')}}"></a></span> 
  298.         </div>
  299.     </footer>
  300.     {% endif %}
  301.     {% block script %}
  302.     <script>
  303.         $('.menu-deroulant').click(
  304.             function(){
  305.                 if ($('.ul-hamburger .sous-menu').hasClass('h-100')) {
  306.                     $('.ul-hamburger .sous-menu').removeClass('h-100')
  307.                 }
  308.                 else{
  309.                     $('.ul-hamburger .sous-menu').addClass('h-100');
  310.                 }
  311.             }
  312.         );
  313.         
  314.         $('.close-notif').click(
  315.             function(){
  316.                 $('.alert.alert-success').addClass("disparition-notif");
  317.                 setTimeout(
  318.                     function() 
  319.                         {
  320.                             $('.alert.alert-success').remove();
  321.                         }, 1000
  322.                 );
  323.             }
  324.         );
  325.         
  326.         setTimeout(
  327.           function(){
  328.                 $('.alert.alert-success').addClass("disparition-notif");
  329.                 setTimeout(
  330.                     function() 
  331.                         {
  332.                             $('.alert.alert-success').remove();
  333.                         }, 1000
  334.                 );
  335.             }, 10000
  336.           );
  337.     </script>
  338.     
  339.     {% endblock %}
  340. </body>
  341. </html>