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.0">
  7.     <meta name="description" content="ecole de surf cote sauvage, cours de surf sur les plages de la Palmyre, les Mathes et La Bouverie, {% block description %}{% endblock %}" />
  8.     <meta name="keywords" content="ecole de surf, cote sauvage, bouverie, charente maritime, la palmyre, les mathes, {% block keywords %}{% endblock %}" />
  9.     <title>{% block title %}Accueil{% endblock %} | Ecole de Surf de la Côte Sauvage - ESCS</title>
  10.     <link rel="shortcut icon" href="{{ asset('front/images/favicon.png') }}" type="image/x-icon">
  11.     <link rel="preconnect" href="https://fonts.googleapis.com">
  12.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13.     <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,500&display=swap" rel="stylesheet">
  14.     <link rel="stylesheet" href="{{ asset('front/css/bootstrap.css') }}" id="afterA" />
  15.     <link rel="stylesheet" href="{{ asset('front/css/animate.min.css') }}" />
  16.     <link rel="stylesheet" href="{{ asset('front/css/owl.carousel.css') }}" />
  17.     <link rel="stylesheet" href="{{ asset('front/css/default.css') }}?v=1.1" />
  18.     <link rel="stylesheet" href="{{ asset('front/css/main.css') }}?v=1.11">
  19.     <link rel="stylesheet" href="{{ asset('front/css/responsive.css') }}?v=1.11">
  20.     {% block style %}
  21.     {% endblock %}
  22. </head>
  23. <body>
  24.     <div class="page">
  25.         <div class="preloader"></div>
  26.         <div class="head-top d-xl-none">
  27.             <div class="container">
  28.                 <div class="d-flex align-items-center justify-content-center">
  29.                     <div>
  30.                         <img src="{{ asset('front/images/ht-2.png') }}" alt=""><a href="tel:+336 78 36 24 40">Réservation
  31.                         </a>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.         <header class="header">
  37.             <div class="site-menu">
  38.                 <div class="menu-toggle">
  39.                     <div class="icons">
  40.                         <span class="toggle-1"></span>
  41.                         <span class="toggle-2"></span>
  42.                         <span class="toggle-3"></span>
  43.                     </div>
  44.                     <div class="title">Menu</div>
  45.                 </div>
  46.                 <a href="/" class="logo">
  47.                     <img src="{{ asset('front/images/logo.svg') }}" alt="logo ecole de surf de la cote sauvage escs" class="default">
  48.                     <img src="{{ asset('front/images/logo-2.png') }}" alt="ecole de surf de la cote sauvage logo escs" class="hover">
  49.                 </a>
  50.                 <div class="head-right d-flex ">
  51.                     <a href="tel:+336 78 36 24 40" class="num mr-xl-4 mr-0"> <img src="{{ asset('front/images/h-1.png') }}" alt="appeler escs ecole de surf cote sauvage"> +33 (0)6 78 36 24 40 </a>
  52.                     <a href="https://tinyurl.com/29w4kgjk" target="_blank" class="resa-link d-xl-block d-none">
  53.                         <img src="{{ asset('front/images/h-2.png') }}" alt="reservation cours de surf charente maritime cote sauvage"> <br> Réservation <br>en ligne
  54.                     </a>
  55.                 </div>
  56.             </div>
  57.         </header>
  58.         <div class="menu-box">
  59.             <div class="close-menu"></div>
  60.             <div class="menu-content">
  61.                 <ul>
  62.                     <li class="has-submenu"><a href="#">L'école <i class="fa fa-caret-right"></i></a>
  63.                         <ul class="sub-menu" transition:"all 0.4s">
  64.                             <li><a href="{{ path('app_index', {'slug': 'presentation-ecole-de-surf-de-la-cote-sauvage-escs.html'}) }}">Présentation de l’ESCS</a></li>
  65.                             <li><a href="{{ path('app_index', {'slug': 'presentation-equipe-ecole-de-surf-cote-sauvage.html'}) }}">L’équipe de l’ESCS</a></li>
  66.                             <li><a href="{{ path('app_index', {'slug': 'nos-atouts-et-services-exclusifs.html'}) }}">Nos atouts et services exclusifs</a></li>
  67.                             <li><a href="{{ path('app_index', {'slug': 'le-materiel-ecole-de-surf-cote-sauvage.html'}) }}">Le matériel</a></li>
  68.                             <li><a href="{{ path('app_index', {'slug': 'decouvrir-la-cote-sauvage.html'}) }}">Découvrir la Côte Sauvage</a></li>
  69.                         </ul>
  70.                     </li>
  71.                     <li class="has-submenu" transition:"all 0.4s"><a href="#">Nos formules & tarifs<i class="fa fa-caret-right"></i></a>
  72.                         <ul>
  73.                             <li><a href="{{ path('app_index', {'slug': 'les-cours-de-surf-collectifs.html'}) }}">Les cours de surf collectifs</a></li>
  74.                             <li><a href="/tarifs-cours-de-surf-prives-cote-sauvage.html">Les cours de surf privés</a></li>
  75.                             <li><a href="/tarifs-cours-de-surf-particuliers-ecole-de-surf-cote-sauvage.html">Les cours de surf particuliers</a></li>
  76.                             <li><a href="/tarifs-formule-surf-club.html">La formule surf club à la carte</a></li>
  77.                             <li><a href="/surf-et-fatbike-cote-sauvage.html">Surf et fatbike</a></li>
  78.                             <li><a href="/bon-cadeau.html">Bon cadeau</a></li>
  79.                             <li><a href="/tarifs-enterrement-de-vie-de-celibataire-cote-sauvage.html">Enterrement de vie de célibataire</a></li>
  80.                             <li><a href="/tarif-et-offres-groupes-associations-cote-sauvage.html">C.E., groupes et associations</a></li>
  81.                         </ul>
  82.                     </li>
  83.                     <li class="has-submenu" transition:"all 0.4s"><a href="#">Les Niveaux et Publics<i class="fa fa-caret-right"></i></a>
  84.                         <ul>
  85.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-initiation.html'}) }}">Cours de surf Initiation</a></li>
  86.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-perfectionnement.html'}) }}">Cours de surf Perfectionnement</a></li>
  87.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-kids.html'}) }}">Cours de surf Kids</a></li>
  88.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-ados.html'}) }}">Cours de surf Ados</a></li>
  89.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-adultes.html'}) }}">Cours de surf Adultes</a></li>
  90.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-filles.html'}) }}">Cours de surf Filles</a></li>
  91.                             <li><a href="{{ path('app_index', {'slug': 'cours-de-surf-famille.html'}) }}">Cours de surf Familles</a></li>
  92.                         </ul>
  93.                     </li>
  94.                     <li><a href="/le-surfshop-location-de-materiel-escs-cote-sauvage.html">Location - Le Surfshop</a></li>
  95.                     <li><a href="/nos-solutions-hebergement-pour-surfcamps.html">Surfcamps - Nos solutions hébergement</a></li>
  96.                     <li><a href="{{ path('app_index', {'slug': 'actualites'}) }}">Le blog de l’ESCS</a></li>
  97.                     <li><a href="{{ path('app_index', {'slug': 'contact.html'}) }}">Nous contacter</a></li>
  98.                 </ul>
  99.                 <div class="social">
  100.                     <a href="https://www.facebook.com/surf.la.palmyre"><i class="fa fa-facebook"></i></a>
  101.                     <a href="https://www.instagram.com/ecoledesurfdelacotesauvage/"><i class="fa fa-instagram"></i></a>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.         <div class="site-main">
  106.             {% block banniere %}
  107.             {% endblock %}
  108.             {% block contenu %}
  109.             {% endblock %}
  110.             {% block atout %}
  111.             {% endblock %}
  112.             {% block formule %}
  113.             {% endblock %}
  114.             {% block carte %}
  115.             {% endblock %}
  116.             {% block actualite %}
  117.             {% endblock %}
  118.             {% block avis %}
  119.             {% endblock %}
  120.         </div>
  121.         <footer class="footer">
  122.             <div class="container">
  123.                 <div class="ass-box wow fadeInUp">
  124.                     <div class="sect-title">
  125.                         <div class="h2">
  126.                             Les partenaires de l’ESCS
  127.                         </div>
  128.                     </div>
  129.                     <div class="ass-list owl-carousel">
  130.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/ass-1.png') }}" alt="association des ecoles du surf francais ESF"></a>
  131.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-royal-atlantique.jpg') }}" alt="rip curl partenaire ecole de surf cote sauvage"></a>
  132.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-la-palmyre-les-mathes.jpg') }}" alt="surfcamp la palmyre cote sauvage"></a>
  133.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-la-tremblade.jpg') }}" alt="stage de surf bouverie la tremblade"></a>
  134.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-zeus.jpg') }}" alt="shaper planche de surf cote sauvage zeus"></a>
  135.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-belambra.jpg') }}" alt="club de vacances la palmyre belambra cote sauvage"></a>
  136.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-deeply.jpg') }}" alt="combinaisons deeply"></a>
  137.                         <a href="/nos-partenaires.html"><img src="{{ asset('front/images/ass/logo-sandaya.jpg') }}" alt="club de vacances et camping sur la cote sauvage sandaya"></a>
  138.                     </div>
  139.                 </div>
  140.                 <div class="link-foot">
  141.                     <a href="{{ path('app_index', {'slug': 'faq.html'}) }}" class="item hover-box" style="transition:all 0.3s">
  142.                         <div class="icon wow fadeIn" data-wow-delay="0.5s">
  143.                             <img src="{{ asset('front/images/footer/f-1.png') }}" class="default" loading="lazy" alt=""><img src="{{ asset('front/images/footer/f-1h.png') }}" class="hover" loading="lazy" alt="">
  144.                         </div> La F.A.Q <br>de l’escs
  145.                     </a>
  146.                     <a href="{{ path('app_index', {'slug': 'actualites'}) }}" class="item hover-box" style=" transition:all 0.3s">
  147.                         <div class="icon wow fadeIn" data-wow-delay="1s">
  148.                             <img src="{{ asset('front/images/footer/f-2.png') }}" class="default" loading="lazy" alt=""><img src="{{ asset('front/images/footer/f-2h.png') }}" class="hover" loading="lazy" alt="">
  149.                         </div> le blog <br>de l’escs
  150.                     </a>
  151.                     <a href="/promotion-ecole-de-surf-cote-sauvage.html" class="item hover-box" style="transition:all 0.3s">
  152.                         <div class="icon wow fadeIn" data-wow-delay="1.5s">
  153.                             <img src="{{ asset('front/images/footer/f-3.png') }}" class="default" loading="lazy" alt=""><img src="{{ asset('front/images/footer/f-3h.png') }}" class="hover" loading="lazy" alt="">
  154.                         </div> promos et <br>bons plans
  155.                     </a>
  156.                     <a href="/brochure-et-documents.html" class="item hover-box" style="transition:all 0.3s">
  157.                         <div class="icon wow fadeIn" data-wow-delay="2s">
  158.                             <img src="{{ asset('front/images/footer/f-5.png') }}" class="default" loading="lazy" alt=""><img src="{{ asset('front/images/footer/f-5h.png') }}" class="hover" loading="lazy" alt="">
  159.                         </div> télécharger <br>notre brochure
  160.                     </a>
  161.                     <a href="/nos-partenaires.html" class="item hover-box" style="transition:all 0.3s">
  162.                         <div class="icon wow fadeIn" data-wow-delay="2.5s">
  163.                             <img src="{{ asset('front/images/footer/f-4.png') }}" class="default" loading="lazy" alt=""><img src="{{ asset('front/images/footer/f-4h.png') }}" class="hover" loading="lazy" alt="">
  164.                         </div> liens et <br>partenaires
  165.                     </a>
  166.                 </div>
  167.                 <div class="footer-box text-md-left text-center wow fadeInUp">
  168.                     <div class="row no-gutters">
  169.                         <div class="col-xl col-md-6 item-foot order-1">
  170.                             <div class="title-foot">
  171.                                 à propos
  172.                             </div>
  173.                             <div class="text-foot">
  174.                                 2023 © Ecole de Surf de la Côte Sauvage : cours et stages de surf à La Palmyre - Les Mathes - La Bouverie en Charente maritime (région Nouvelle Aquitaine). <br> <a href="/mentions-legales.html"><b>Mentions légales</b></a>
  175.                             </div>
  176.                         </div>
  177.                         <div class="col-xl-5 col-md-12 item-foot order-xl-2 order-3 pl-lg-4">
  178.                             <div class="title-foot">
  179.                                 école de surf en charente maritime
  180.                             </div>
  181.                             <div class="text-foot" style="font-weight: bold;">
  182.                                 <a href="/cours-de-surf-la-palmyre-les-mathes.html">Cours de surf à La Palmyre</a> · <a href="/stage-de-surf-royan-cote-sauvage.html">Stage de surf à Royan</a> · <a href="/apprendre-le-surf-cote-sauvage-charente-maritime.html">Apprendre à surfer sur la Côte Sauvage</a> · <a href="/cours-de-surf-la-bouverie.html">Ecole de surf plage de la Bouverie</a>
  183.                              · <a href="/ecole-de-surf-la-rochelle.html">Ecole de surf près de La Rochelle</a> · <a href="/ecole-de-surf-cognac-et-alentours.html">Ecole de surf dans la région de Cognac</a> · <a href="/cours-de-surf-pres-de-angouleme.html">Ecole de surf proche d'Angoulême</a> · <a href="/ecole-de-surf-poitier-vienne.html">Ecole de surf près de Poitier</a>
  184.                              </div>
  185.                         </div>
  186.                         <div class="col-xl col-md-6 item-foot order-xl-3 order-2 pl-md-4">
  187.                             <div class="title-foot">
  188.                                 Réseaux sociaux
  189.                             </div>
  190.                             <div class="text-foot mb-25">
  191.                                 Retrouvez l’Ecole de Surf de la Côte Sauvage sur ces réseaux :
  192.                             </div>
  193.                             <div class="social-foot text-center">
  194.                                 <a href="https://www.facebook.com/surf.la.palmyre" target="_blank"><i class="fa fa-facebook-official"></i></a>
  195.                                 <a class="insta" href="https://www.instagram.com/ecoledesurfdelacotesauvage/" target="_blank"><i class="fa fa-instagram"></i></a>
  196.                             </div>
  197.                         </div>
  198.                     </div>
  199.                 </div>
  200.                 <div class="copyright wow fadeInDown">
  201.                     Création de site internet <a href="https://www.steak-designs.com" target="_blank"><b>www.steak-designs.com</b> <img src="{{ asset('front/images/fire.png') }}" style="margin-left: 5px;" loading="lazy" alt="creation de site internet cote basque"></a>
  202.                 </div>
  203.             </div>
  204.         </footer>
  205.     </div>
  206.     <script src="{{ asset('front/js/jquery.min.js') }}"></script>
  207.     <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js"></script>
  208.     <script src="{{ asset('front/js/bootstrap.min.js') }}"></script>
  209.     <script src="{{ asset('front/js/owl.carousel.js') }}"></script>
  210.     <script src="{{ asset('front/js/main.js?v=1') }}"></script>
  211.     <script src="{{ asset('front/js/wow.min.js') }}"></script>
  212.     <script>
  213.         new WOW().init({ mobile: false });
  214.         jQuery(document).ready(function () {
  215.             $('#afterA').after('<link rel="stylesheet" href="{{ asset("front/css/font-awesome.css") }}" />');
  216.         });
  217.     </script>
  218.     {% block modal %}
  219.     {% endblock %}
  220. </body>
  221. </html>