<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=6" />
<meta name="description" content="Ecole de surf Saint-Jean-de-Luz, {% block description %}{% endblock %}" />
<meta name="keywords" content="ecole de surf, saint jean de luz, cote basque, hendaye, esf, {% block keywords %}{% endblock %}" />
<meta name="author" content="steak-designs.com" />
<title>{% block title %}Accueil{% endblock %} | Ecole de surf Saint-Jean-de-Luz</title>
<link rel="shortcut icon" href="{{ asset('front/images/esf/fav.png') }}" type="image/x-icon">
<link rel="preload" as="image" href="{{ asset('/uploads/slider-images/slide-1-660084a92e063.jpg') }}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('front/css/bootstrap.css') }}" id="afterA"/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
<link rel="stylesheet" href="{{ asset('front/css/animate.css') }}" />
<link rel="stylesheet" href="{{ asset('front/css/owl.carousel.css') }}" />
<link rel="stylesheet" href="{{ asset('front/css/default.css') }}?v=1.1" />
<link rel="stylesheet" href="{{ asset('front/css/main.css') }}?v=1.11">
<link rel="stylesheet" href="{{ asset('front/css/responsive.css') }}?v=1.11">
<style type="text/css">
@media all and (min-width: 1200px) {
.home-slide {
height: calc(100vh - 100px );
display: block;
overflow: hidden;
}
}
@media all and (min-width: 1440px) {
.home-slide {
height: 100vh;
display: block;
overflow: hidden;
}
}
@media (max-width: 991px){
.home-link {
height: 65px;
}
.mini-slide-section { height: 443px; display:block; }
.home-slide {
height: 500px;
display: block;
overflow: hidden;
}
.mini-slide {
height: 363px;
display: block;
overflow: hidden;
}
}
</style>
{% block style %}
{% endblock %}
</head>
<body>
<!--page start-->
<div class="page">
<div class="preloader"></div>
<!--header start-->
<header id="masthead" class="header ttm-header-style-classic position-relative">
<!-- ttm-header-wrap -->
<div class="head-top d-xxl-none ">
<div class="container">
<div class="top-contact">
<div class="">
<a href="/reservation-en-ligne.html" class="item-head">
<img src="{{ asset('front/images/esf/h-1.svg') }}" width="39" alt="">
<div>
je réserve en ligne
</div>
</a>
<a href="tel:05 59 55 20 28" class="item-head phone-head">
<img src="{{ asset('front/images/esf/h-2.svg') }}" width="25" alt="">
<div>
05 59 55 20 28
</div>
</a>
</div>
</div>
</div>
</div>
<div class="ttm-header-wrap">
<!-- ttm-stickable-header-w -->
<div id="ttm-stickable-header-w" class="ttm-stickable-header-w clearfix">
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner ttm-stickable-header">
<div class="container position-relative clearfix">
<!-- site-branding -->
<div class="menu-box">
<div class="site-branding ">
<a class="home-link" href="/" title="" rel="home">
<img id="logo-img" class="img-center " src="{{ asset('front/images/esf/logo.svg') }}" width="279" alt="">
</a>
</div>
<!-- site-branding end -->
<div class="separator-head d-xxxl-block d-none"></div>
<div id="site-navigation" class="site-navigation ">
<div class="ttm-menu-toggle d-xl-none">
<input type="checkbox" id="menu-toggle-form" />
<label for="menu-toggle-form" class="ttm-menu-toggle-block">
<span class="toggle-block toggle-blocks-1"></span>
<span class="toggle-block toggle-blocks-2"></span>
<span class="toggle-block toggle-blocks-3"></span>
</label>
</div>
<nav id="menu" class="menu">
<ul class="dropdown">
<li class="has-submenu">
<a href="#"> L’école de surf </a>
<ul>
<li><a href="{{ path('app_index', {'slug': 'la-team.html'}) }}">La Team</a></li>
<li><a href="{{ path('app_index', {'slug': 'la-pedagogie.html'}) }}">Comment se déroule un cours de surf</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#"> Formules et tarifs </a>
<ul>
<li><a href="{{ path('app_index', {'slug': 'cours-et-stages-collectifs-de-surf.html'}) }}">Cours collectifs</a></li>
<li><a href="{{ path('app_index', {'slug': 'cours-particuliers.html'}) }}">Cours particuliers</a></li>
<li><a href="{{ path('app_index', {'slug': 'evg-evjf.html'}) }}">EVJF & EVG</a></li>
<li><a href="{{ path('app_index', {'slug': 'bon-cadeaux.html'}) }}">Bons cadeaux</a></li>
</ul>
</li>
<li class="has-submenu">
<a href="#"> Le pays basque </a>
<ul>
<li><a href="{{ path('app_index', {'slug': 'tout-savoir-sur-saint-jean-de-luz.html'}) }}">Saint-Jean-de-Luz</a></li>
<li><a href="{{ path('app_index', {'slug': 'tout-savoir-sur-hendaye.html'}) }}">Hendaye</a></li>
<li><a href="{{ path('app_index', {'slug': 'les-plages-de-la-cote-basque.html'}) }}">Les plages de la Côte basque</a></li>
<li><a href="{{ path('app_index', {'slug': 'balade-et-randonnees-pays-basque.html'}) }}">Balade et randonnées</a></li>
<li><a href="{{ path('app_index', {'slug': 'accrobranche-cote-basque.html'}) }}">Accrobranche et Paintball</a></li>
<li><a href="{{ path('app_index', {'slug': 'golf-pays-basque.html'}) }}">Golf au Pays basque</a></li>
</ul>
</li>
<li><a href="{{ path('app_faq') }}">FAQ</a></li>
<li><a href="{{ path('app_index', {'slug': 'actualites'}) }}">Le blog</a></li>
<li><a href="{{ path('app_index', {'slug': 'contact.html'}) }}">Contact</a></li>
</ul>
</nav>
<div class="head-extra d-xxl-flex d-none">
<a href="/reservation-en-ligne.html" class="item-head">
<img src="{{ asset('front/images/esf/h-1.svg') }}" width="39" alt="">
<div>
je réserve en ligne
</div>
</a>
<a href="tel:05 59 55 20 28" class="item-head phone-head ">
<img src="{{ asset('front/images/esf/h-2.svg') }}" width="25" alt="">
<div>
05 59 55 20 28
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ttm-stickable-header-w end-->
</div>
<!--ttm-header-wrap end -->
</header>
<!--header end-->
<!--site-main start-->
<div class="site-main">
{% block banniere %}
{% endblock %}
{% block contenu %}
{% endblock %}
{% block atout %}
{% endblock %}
{% block cours %}
{% endblock %}
{% block a_voir %}
{% endblock %}
{% block avis %}
{% endblock %}
{% block actualite %}
{% endblock %}
</div>
<!--site-main end-->
<!--footer start-->
<footer class=" footer clearfix ">
<img src="{{ asset('front/images/esf/back-4.jpg') }}" alt="" class="back-footer">
<div class="container">
<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">
<div class="sect-title text-center">
<div class="h1">
les partenaires de l’école de surf esf saint-jean-de-luz
</div>
</div>
<div class="cert-slide owl-carousel">
<div class="item">
<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>
</div>
<div class="item">
<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>
</div>
<div class="item">
<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>
</div>
<div class="item">
<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>
</div>
<div class="item">
<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>
</div>
<div class="item">
<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>
</div>
</div>
</div>
<div class="list-cta">
<a href="#" class="item deco-losange-parent">
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/f-1.svg') }}" loading="lazy" alt="brochure ecole de surf hendaye saint jean de luz">
</div>
<div class="desc">
Téléchargez la brochure <br> de notre école de surf
</div>
</a>
<a href="/uploads/CARTES-PRO-ET-DIPLOMES-ESF-HENDAIA-SAINT-JEAN-DE-LUZ.pdf" type="application/pdf" target="_blank" class="item deco-losange-parent">
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/f-2.svg') }}" loading="lazy" alt="diplomes moniteurs de surf">
</div>
<div class="desc">
Téléchargez nos diplômes et Cartes Pro
</div>
</a>
<a href="{{ path('app_index', {'slug': 'faq.html'}) }}" class="item deco-losange-parent">
<div class="icon deco-losange">
<img src="{{ asset('front/images/esf/f-3.svg') }}" loading="lazy" alt="faq ecole de surf">
</div>
<div class="desc">
La FAQ : les réponses <br> à toutes vos questions
</div>
</a>
</div>
<div class="row">
<div class="col-xl-4 col-md-6 col-12 mb-40">
<div class="title-foot">
L’ESF saint-jean-de-luz
</div>
<div class="text-foot">
<a href="/la-team.html">Présentation de l’équipe</a> <br>
<a href="/la-pedagogie.html">Notre pédagogie</a> <br>
<a href="/contact.html">Nous contacter</a>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12 mb-40">
<div class="title-foot">
LE PAYS BASQUE
</div>
<div class="text-foot">
<a href="/ecole-de-surf-saint-jean-de-luz.html">Surf à Saint-Jean-de-Luz</a> <br>
<a href="/ecole-de-surf-a-hendaye">Surf à Hendaye</a> <br>
<a href="/les-plages-de-la-cote-basque.html">Les plages de la Côte basque</a>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12 mb-40">
<div class="title-foot">
autres rubriques
</div>
<div class="text-foot">
<a href="/actualites"> Le Blog de l’école de surf </a> <br>
<a href="/liens-et-partenaires.html"> Liens et partenaires </a> <br>
<a href="/association-ecoles-du-surf-francais.html"> La Charte des ESF </a>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12 mb-40">
<div class="title-foot">
nos formules et tarifs
</div>
<div class="text-foot">
<a href="/cours-et-stages-collectifs-de-surf.html"> Cours de surf collectifs </a> <br>
<a href="/cours-particuliers.html"> Cours de surf particuliers </a> <br>
<a href="/evg-evjf.html"> EVJF ET EVJH </a><br>
<a href="/bon-cadeaux.html"> Bons cadeaux </a>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12 mb-40">
<div class="title-foot">
à voir et à faire au pays basque
</div>
<div class="text-foot">
<a href="/golf-pays-basque.html">Golf sur la Côte basque</a> <br>
<a href="/accrobranche-cote-basque.html">Accrobranche près de Saint-Jean-de-Luz</a> <br>
<a href="/maison-infante.html">Visiter la Maison de l’Infante</a> <br>
<a href="/balade-et-randonnees-pays-basque.html">Balades en vélo au Pays basque</a> <br>
<a href="petit-train-rhune.html">Le Petit train de la Rhune</a>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12 mb-40">
<div class="title-foot">
Réseaux sociaux
</div>
<div class="text-foot">
Retrouvez l’ESF Saint-Jean-de-Luz | Hendaia sur ces pages :
<div class="social-foot">
<a href="https://www.facebook.com/ecoledesurfhendaia" target="_blank"><i class="fa fa-facebook-square"></i></a>
<a href="https://www.instagram.com/ecoledesurfhendaia" target="_blank"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-box">
<div class="container clearfix">
<div class="copyright">
<div class="float-lg-left text-lg-left text-center mb-lg-0 mb-20">
2024 © Ecole de surf ESF Saint-Jean-de-Luz : cours et stages de surf au Pays basque <br>
<a href="mentions-legales.html"><b>Mentions légales</b></a> - <a href="rgpd-confidentialite.html"><b>Politique de confidentialité RGPD</b></a>
</div>
<div class="float-lg-right text-lg-right text-center mb-lg-0 mb-20">
<div class="d-inline-block text-right">
Création de site internet <br>
<a href="https://www.steak-designs.com" target="_blank">www.steak-designs.com</a>
</div>
<div class="d-inline-block align-middle mr-10">
<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>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--footer end-->
<!--back-to-top start-->
<a id="totop" href="#top">
<i class="fa fa-angle-up"></i>
</a>
<!--back-to-top end-->
</div>
<!-- page end -->
<!-- Javascript -->
<script src="{{ asset('front/js/jquery.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js"></script>
<script src="{{ asset('front/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('front/js/owl.carousel.js') }}"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="{{ asset('front/js/main.js') }}"></script>
<script>
jQuery(document).ready(function() {
$('#afterA').after('<link rel="stylesheet" href="{{ asset("front/css/font-awesome.css") }}" />');
});
AOS.init();
</script>
<!-- Javascript end-->
{% block modal %}
{% endblock %}
</body>
</html>