templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=6" />
  7.     <meta name="description" content="Ecole de surf Saint-Jean-de-Luz, {% block description %}{% endblock %}" />
  8.     <meta name="keywords" content="ecole de surf, saint jean de luz, cote basque, hendaye, esf, {% block keywords %}{% endblock %}" />
  9.     <meta name="author" content="steak-designs.com" />
  10.     <title>{% block title %}Accueil{% endblock %} | Ecole de surf Saint-Jean-de-Luz</title>
  11.     
  12.     <link rel="shortcut icon" href="{{ asset('front/images/esf/fav.png') }}" type="image/x-icon">
  13.     <link rel="preload" as="image" href="{{ asset('/uploads/slider-images/slide-1-660084a92e063.jpg') }}">
  14.     
  15.     <link rel="preconnect" href="https://fonts.googleapis.com">
  16.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  17.     
  18.     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
  19.     
  20.     <link rel="stylesheet" href="{{ asset('front/css/bootstrap.css') }}" id="afterA"/>
  21.     
  22.     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
  23.     
  24.     <link rel="stylesheet" href="{{ asset('front/css/animate.css') }}" />
  25.     <link rel="stylesheet" href="{{ asset('front/css/owl.carousel.css') }}" />
  26.     <link rel="stylesheet" href="{{ asset('front/css/default.css') }}?v=1.1" />
  27.     <link rel="stylesheet" href="{{ asset('front/css/main.css') }}?v=1.11">
  28.     <link rel="stylesheet" href="{{ asset('front/css/responsive.css') }}?v=1.11">
  29.     <style type="text/css">
  30.         @media all and (min-width: 1200px) {
  31.             .home-slide  {
  32.                 height: calc(100vh - 100px );
  33.                 display: block;
  34.                 overflow: hidden;
  35.             }
  36.         }
  37.         @media all and (min-width: 1440px) {
  38.             .home-slide  {
  39.                 height: 100vh;
  40.                 display: block;
  41.                 overflow: hidden;
  42.             }
  43.         }
  44.         @media (max-width: 991px){
  45.             .home-link {
  46.                 height: 65px;
  47.             }
  48.             .mini-slide-section { height: 443px; display:block; }
  49.             .home-slide  {
  50.                 height: 500px;
  51.                 display: block;
  52.                 overflow: hidden;
  53.             }
  54.             .mini-slide {
  55.                 height: 363px;
  56.                 display: block;
  57.                 overflow: hidden;
  58.             }
  59.         }
  60.     </style>
  61.     {% block style %}
  62.     {% endblock %}
  63. </head>
  64. <body>
  65.     <!--page start-->
  66.     <div class="page">
  67.         <div class="preloader"></div>
  68.         <!--header start-->
  69.         <header id="masthead" class="header ttm-header-style-classic position-relative">
  70.             <!-- ttm-header-wrap -->
  71.             <div class="head-top d-xxl-none ">
  72.                 <div class="container">
  73.                     <div class="top-contact">
  74.                         <div class="">
  75.                             <a href="/reservation-en-ligne.html" class="item-head">
  76.                                 <img src="{{ asset('front/images/esf/h-1.svg') }}" width="39" alt="">
  77.                                 <div>
  78.                                     je réserve en ligne
  79.                                 </div>
  80.                             </a>
  81.                             <a href="tel:05 59 55 20 28" class="item-head phone-head">
  82.                                 <img src="{{ asset('front/images/esf/h-2.svg') }}" width="25" alt="">
  83.                                 <div>
  84.                                     05 59 55 20 28
  85.                                 </div>
  86.                             </a>
  87.                         </div>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.             <div class="ttm-header-wrap">
  92.                 <!-- ttm-stickable-header-w -->
  93.                 <div id="ttm-stickable-header-w" class="ttm-stickable-header-w clearfix">
  94.                     <div id="site-header-menu" class="site-header-menu">
  95.                         <div class="site-header-menu-inner ttm-stickable-header">
  96.                             <div class="container   position-relative clearfix">
  97.                                 <!-- site-branding -->
  98.                                 <div class="menu-box">
  99.                                     <div class="site-branding ">
  100.                                         <a class="home-link" href="/" title="" rel="home">
  101.                                             <img id="logo-img" class="img-center " src="{{ asset('front/images/esf/logo.svg') }}" width="279" alt="">
  102.                                         </a>
  103.                                     </div>
  104.                                     <!-- site-branding end -->
  105.                                     <div class="separator-head d-xxxl-block d-none"></div>
  106.                                     <div id="site-navigation" class="site-navigation ">
  107.                                         <div class="ttm-menu-toggle d-xl-none">
  108.                                             <input type="checkbox" id="menu-toggle-form" />
  109.                                             <label for="menu-toggle-form" class="ttm-menu-toggle-block">
  110.                                                 <span class="toggle-block toggle-blocks-1"></span>
  111.                                                 <span class="toggle-block toggle-blocks-2"></span>
  112.                                                 <span class="toggle-block toggle-blocks-3"></span>
  113.                                             </label>
  114.                                         </div>
  115.                                         <nav id="menu" class="menu">
  116.                                             <ul class="dropdown">
  117.                                                 <li class="has-submenu">
  118.                                                     <a href="#"> L’école de surf  </a>
  119.                                                     <ul>
  120.                                                         <li><a href="{{ path('app_index', {'slug': 'la-team.html'}) }}">La Team</a></li>
  121.                                                         <li><a href="{{ path('app_index', {'slug': 'la-pedagogie.html'}) }}">Comment se déroule un cours de surf</a></li>
  122.                                                     </ul>
  123.                                                 </li>
  124.                                                 <li class="has-submenu">
  125.                                                     <a href="#"> Formules et tarifs </a>
  126.                                                     <ul>
  127.                                                         <li><a href="{{ path('app_index', {'slug': 'cours-et-stages-collectifs-de-surf.html'}) }}">Cours collectifs</a></li>
  128.                                                         <li><a href="{{ path('app_index', {'slug': 'cours-particuliers.html'}) }}">Cours particuliers</a></li>
  129.                                                         <li><a href="{{ path('app_index', {'slug': 'evg-evjf.html'}) }}">EVJF & EVG</a></li>
  130.                                                         <li><a href="{{ path('app_index', {'slug': 'bon-cadeaux.html'}) }}">Bons cadeaux</a></li>
  131.                                                     </ul>
  132.                                                 </li>
  133.                                                 <li class="has-submenu">
  134.                                                     <a href="#">  Le pays basque </a>
  135.                                                     <ul>
  136.                                                         <li><a href="{{ path('app_index', {'slug': 'tout-savoir-sur-saint-jean-de-luz.html'}) }}">Saint-Jean-de-Luz</a></li>
  137.                                                         <li><a href="{{ path('app_index', {'slug': 'tout-savoir-sur-hendaye.html'}) }}">Hendaye</a></li>
  138.                                                         <li><a href="{{ path('app_index', {'slug': 'les-plages-de-la-cote-basque.html'}) }}">Les plages de la Côte basque</a></li>
  139.                                                         <li><a href="{{ path('app_index', {'slug': 'balade-et-randonnees-pays-basque.html'}) }}">Balade et randonnées</a></li>
  140.                                                         <li><a href="{{ path('app_index', {'slug': 'accrobranche-cote-basque.html'}) }}">Accrobranche et Paintball</a></li>
  141.                                                         <li><a href="{{ path('app_index', {'slug': 'golf-pays-basque.html'}) }}">Golf au Pays basque</a></li>
  142.                                                     </ul>
  143.                                                 </li>
  144.                                                 <li><a href="{{ path('app_faq') }}">FAQ</a></li>
  145.                                                 <li><a href="{{ path('app_index', {'slug': 'actualites'}) }}">Le blog</a></li>
  146.                                                 <li><a href="{{ path('app_index', {'slug': 'contact.html'}) }}">Contact</a></li>
  147.                                             </ul>
  148.                                         </nav>
  149.                                         <div class="head-extra d-xxl-flex d-none">
  150.                                             <a href="/reservation-en-ligne.html" class="item-head">
  151.                                                 <img src="{{ asset('front/images/esf/h-1.svg') }}" width="39" alt="">
  152.                                                 <div>
  153.                                                     je réserve en ligne
  154.                                                 </div>
  155.                                             </a>
  156.                                             <a href="tel:05 59 55 20 28" class="item-head phone-head ">
  157.                                                 <img src="{{ asset('front/images/esf/h-2.svg') }}" width="25" alt="">
  158.                                                 <div>
  159.                                                     05 59 55 20 28
  160.                                                 </div>
  161.                                             </a>
  162.                                         </div>
  163.                                     </div>
  164.                                 </div>
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.                 <!-- ttm-stickable-header-w end-->
  170.             </div>
  171.             <!--ttm-header-wrap end -->
  172.         </header>
  173.         <!--header end-->
  174.         <!--site-main start-->
  175.         <div class="site-main">
  176.         {% block banniere %}
  177.         {% endblock %}
  178.         {% block contenu %}
  179.         {% endblock %}
  180.         {% block atout %}
  181.         {% endblock %}
  182.         {% block cours %}
  183.         {% endblock %}
  184.         {% block a_voir %}
  185.         {% endblock %}
  186.         {% block avis %}
  187.         {% endblock %}
  188.         {% block actualite %}
  189.         {% endblock %}
  190.         </div>
  191.         <!--site-main end-->
  192.         <!--footer start-->
  193.         <footer class=" footer  clearfix ">
  194.             <img src="{{ asset('front/images/esf/back-4.jpg') }}" alt="" class="back-footer">
  195.             <div class="container">
  196.                 <div class="certification-box" data-aos="zoom-in" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
  197.                     <div class="sect-title text-center">
  198.                         <div class="h1">
  199.                             les partenaires de l’école de surf esf saint-jean-de-luz
  200.                         </div>
  201.                     </div>
  202.                     <div class="cert-slide owl-carousel">
  203.                         <div class="item">
  204.                             <a href="/liens-et-partenaires.html"><img src="{{ asset('front/images/esf/carrousel-logos/saint-jean-de-luz-tourisme.jpg') }}" fetchPriority="high" alt="tourisme saint jean de luz"></a>
  205.                         </div>
  206.                         <div class="item">
  207.                             <a href="/liens-et-partenaires.html"><img src="{{ asset('front/images/esf/carrousel-logos/logo-katxi-klothing.jpg') }}" fetchPriority="low" loading="lazy" alt="katxi klothing marque basque"></a>
  208.                         </div>
  209.                          <div class="item">
  210.                             <a href="/liens-et-partenaires.html"><img src="{{ asset('front/images/esf/carrousel-logos/logo-aesf.jpg') }}" fetchPriority="high" alt="association ecoles du surf francais esf"></a>
  211.                         </div>
  212.                         <div class="item">
  213.                             <a href="/liens-et-partenaires.html"><img src="{{ asset('front/images/esf/carrousel-logos/locasurf.jpg') }}" fetchPriority="low" loading="lazy" alt="location materiel surf hendaye saint jean de luz"></a>
  214.                         </div>
  215.                         <div class="item">
  216.                             <a href="/liens-et-partenaires.html"><img src="{{ asset('front/images/esf/carrousel-logos/famille-plus.jpg') }}" fetchPriority="low" loading="lazy" alt="label famille plus surf pays basque"></a>
  217.                         </div>
  218.                         <div class="item">
  219.                             <a href="/liens-et-partenaires.html"><img src="{{ asset('front/images/esf/carrousel-logos/logo-destination-tourisme.jpg') }}" fetchPriority="low" loading="lazy" alt="tourisme biarritz pays basque"></a>
  220.                         </div>
  221.                     </div>
  222.                 </div>
  223.                 <div class="list-cta">
  224.                     <a href="#" class="item deco-losange-parent">
  225.                         <div class="icon deco-losange">
  226.                             <img src="{{ asset('front/images/esf/f-1.svg') }}" loading="lazy" alt="brochure ecole de surf hendaye saint jean de luz">
  227.                         </div>
  228.                         <div class="desc">
  229.                             Téléchargez la brochure <br> de notre école de surf
  230.                         </div>
  231.                     </a>
  232.                     <a href="/uploads/CARTES-PRO-ET-DIPLOMES-ESF-HENDAIA-SAINT-JEAN-DE-LUZ.pdf" type="application/pdf" target="_blank" class="item deco-losange-parent">
  233.                         <div class="icon deco-losange">
  234.                             <img src="{{ asset('front/images/esf/f-2.svg') }}" loading="lazy" alt="diplomes moniteurs de surf">
  235.                         </div>
  236.                         <div class="desc">
  237.                             Téléchargez nos diplômes et Cartes Pro
  238.                         </div>
  239.                     </a>
  240.                     <a href="{{ path('app_index', {'slug': 'faq.html'}) }}" class="item deco-losange-parent">
  241.                         <div class="icon deco-losange">
  242.                             <img src="{{ asset('front/images/esf/f-3.svg') }}" loading="lazy" alt="faq ecole de surf">
  243.                         </div>
  244.                         <div class="desc">
  245.                             La FAQ : les réponses <br> à toutes vos questions
  246.                         </div>
  247.                     </a>
  248.                 </div>
  249.                 <div class="row">
  250.                     <div class="col-xl-4 col-md-6 col-12 mb-40">
  251.                         <div class="title-foot">
  252.                             L’ESF saint-jean-de-luz
  253.                         </div>
  254.                         <div class="text-foot">
  255.                             <a href="/la-team.html">Présentation de l’équipe</a> <br>
  256.                             <a href="/la-pedagogie.html">Notre pédagogie</a> <br>
  257.                             <a href="/contact.html">Nous contacter</a>
  258.                         </div>
  259.                     </div>
  260.                     <div class="col-xl-4 col-md-6 col-12 mb-40">
  261.                         <div class="title-foot">
  262.                             LE PAYS BASQUE
  263.                         </div>
  264.                         <div class="text-foot">
  265.                             <a href="/ecole-de-surf-saint-jean-de-luz.html">Surf à Saint-Jean-de-Luz</a> <br>
  266.                             <a href="/ecole-de-surf-a-hendaye">Surf à Hendaye</a> <br>
  267.                             <a href="/les-plages-de-la-cote-basque.html">Les plages de la Côte basque</a>
  268.                         </div>
  269.                     </div>
  270.                     <div class="col-xl-4 col-md-6 col-12 mb-40">
  271.                         <div class="title-foot">
  272.                             autres rubriques
  273.                         </div>
  274.                         <div class="text-foot">
  275.                             <a href="/actualites"> Le Blog de l’école de surf </a> <br>
  276.                             <a href="/liens-et-partenaires.html"> Liens et partenaires </a> <br>
  277.                             <a href="/association-ecoles-du-surf-francais.html"> La Charte des ESF </a>
  278.                         </div>
  279.                     </div>
  280.                     <div class="col-xl-4 col-md-6 col-12 mb-40">
  281.                         <div class="title-foot">
  282.                             nos formules et tarifs
  283.                         </div>
  284.                         <div class="text-foot">
  285.                             <a href="/cours-et-stages-collectifs-de-surf.html"> Cours de surf collectifs </a> <br>
  286.                             <a href="/cours-particuliers.html"> Cours de surf particuliers </a> <br>
  287.                             <a href="/evg-evjf.html"> EVJF ET EVJH </a><br>
  288.                             <a href="/bon-cadeaux.html"> Bons cadeaux </a>
  289.                         </div>
  290.                     </div>
  291.                     <div class="col-xl-4 col-md-6 col-12 mb-40">
  292.                         <div class="title-foot">
  293.                             à voir et à faire au pays basque
  294.                         </div>
  295.                         <div class="text-foot">
  296.                             <a href="/golf-pays-basque.html">Golf sur la Côte basque</a> <br>
  297.                             <a href="/accrobranche-cote-basque.html">Accrobranche près de Saint-Jean-de-Luz</a> <br>
  298.                             <a href="/maison-infante.html">Visiter la Maison de l’Infante</a> <br>
  299.                             <a href="/balade-et-randonnees-pays-basque.html">Balades en vélo au Pays basque</a> <br>
  300.                             <a href="petit-train-rhune.html">Le Petit train de la Rhune</a>
  301.                         </div>
  302.                     </div>
  303.                     <div class="col-xl-4 col-md-6 col-12 mb-40">
  304.                         <div class="title-foot">
  305.                             Réseaux sociaux
  306.                         </div>
  307.                         <div class="text-foot">
  308.                             Retrouvez l’ESF Saint-Jean-de-Luz | Hendaia sur ces pages :
  309.                             <div class="social-foot">
  310.                                 <a href="https://www.facebook.com/ecoledesurfhendaia" target="_blank"><i class="fa fa-facebook-square"></i></a>
  311.                                 <a href="https://www.instagram.com/ecoledesurfhendaia" target="_blank"><i class="fa fa-instagram"></i></a>
  312.                             </div>
  313.                         </div>
  314.                     </div>
  315.                 </div>
  316.             </div>
  317.             <div class="copyright-box">
  318.                 <div class="container clearfix">
  319.                     <div class="copyright">
  320.                         <div class="float-lg-left text-lg-left text-center mb-lg-0 mb-20">
  321.                             2024 © Ecole de surf ESF Saint-Jean-de-Luz : cours et stages de surf au Pays basque <br>
  322.                             <a href="mentions-legales.html"><b>Mentions légales</b></a> - <a href="rgpd-confidentialite.html"><b>Politique de confidentialité RGPD</b></a>
  323.                         </div>
  324.                         <div class="float-lg-right text-lg-right text-center mb-lg-0 mb-20">
  325.                             <div class="d-inline-block text-right">
  326.                                 Création de site internet <br>
  327.                                 <a href="https://www.steak-designs.com" target="_blank">www.steak-designs.com</a>
  328.                             </div>
  329.                             <div class="d-inline-block align-middle mr-10">
  330.                                 <a href="https://www.steak-designs.com" target="_blank"><img src="{{ asset('front/images/esf/deco-foot.png') }}" loading="lazy" alt="creation de site internet pays basque"></a>
  331.                             </div>
  332.                         </div>
  333.                     </div>
  334.                 </div>
  335.             </div>
  336.         </footer>
  337.         <!--footer end-->
  338.         <!--back-to-top start-->
  339.         <a id="totop" href="#top">
  340.             <i class="fa fa-angle-up"></i>
  341.         </a>
  342.         <!--back-to-top end-->
  343.     </div>
  344.     <!-- page end -->
  345.     <!-- Javascript -->
  346.     <script src="{{ asset('front/js/jquery.min.js') }}"></script>
  347.     <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js"></script>
  348.     <script src="{{ asset('front/js/bootstrap.min.js') }}"></script>
  349.     <script src="{{ asset('front/js/owl.carousel.js') }}"></script>
  350.     <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  351.     <script src="{{ asset('front/js/main.js') }}"></script>
  352.     <script>
  353.         jQuery(document).ready(function() {
  354.             $('#afterA').after('<link rel="stylesheet" href="{{ asset("front/css/font-awesome.css") }}" />');
  355.         });
  356.         AOS.init();
  357.     </script>
  358.     <!-- Javascript end-->
  359.     {% block modal %}
  360.     {% endblock %}
  361. </body>
  362. </html>