templates/base.html.twig line 1

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