templates/front/cours.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ page.titre }}{% endblock %}
  5. {% block style %}
  6.     <style>
  7.         @media (max-width: 768px) {
  8.             .bannier-blog { height:400px }
  9.         }
  10.         @media (max-width: 550px) {
  11.             .bannier-blog { height:300px }
  12.         }
  13.         @media (max-width: 400px) {
  14.             .bannier-blog { height:250px }
  15.         }
  16.     </style>
  17. {% endblock %}
  19. {% block banniere %}
  20. <section class="bannier-blog">
  21.     <img src="{{ asset(banniere ~ page.banniere) }}" class="img" alt="tarifs cours de surf cote sauvage">
  22. </section>
  23. {% endblock %}
  25. {% block contenu %}
  27.     <section class="pt-75 pb-35">
  28.         <div class="container wow fadeInUp" data-wow-delay="1s">
  29.             <div class="sect-title big-title text-center">
  30.                 <h1>
  31.                     {{ page.titre }}
  32.                 </h1>
  33.             </div>
  34.             <div class="bloc-text blog-detail mb-70">
  35.                 {{ page.contenu | raw }}
  36.             </div>
  37.         </div>
  39.     </section>
  41.     <section class="pt-35 pb-35">
  42.         <div class="container wow fadeInUp" data-wow-delay="1s">
  43.             {% if (page.section | length >1) %}
  44.             <div class="sect-title text-center">
  45.                 <div class="h1" style="text-transform: none;">
  46.                     {{ page.section[1].titre }}
  47.                 </div>
  48.             </div>
  50.             <div class="owl-carousel tarif-slide mb-70">
  52.                 {% for tarif in page.tarifs %}
  53.                     {% if not tarif.ville %}
  54.                     <div class="item">
  55.                         <div class="title">
  56.                             {{ tarif.titre | raw }}
  57.                         </div>
  58.                         <div class="desc">
  59.                             {{ tarif.contenu | raw }}
  60.                         </div>
  61.                         <div class="price">
  62.                             {{ tarif.prix | raw }}
  63.                         </div>
  64.                         <a href="{{ tarif.lien }}" target="_blank" class="btn-2"><span> réserver</span>
  65.                             <div class="wave"></div>
  66.                         </a>
  67.                     </div>
  68.                     {% endif %}
  69.                 {% endfor %}
  70.             </div>
  71.             {% endif %}
  73.             {% if (page.section | length >2) %}
  74.             <div class="sect-title text-center mb-30">
  75.                 <div class="h1" style="text-transform: none;">
  76.                     {{ page.section[2].titre }}
  77.                 </div>
  78.             </div>
  79.             <div class="bloc-text text-center">
  80.                 {{ page.section[2].contenu | raw }}
  81.             </div>
  83.             <div class="owl-carousel tarif-slide tarif-2 mb-70">
  84.                 {% for tarif in page.tarifs %}
  85.                     {% if tarif.ville %}
  86.                         <div class="item">
  87.                             <div class="title">
  88.                                 {{ tarif.titre | raw }}
  89.                             </div>
  90.                             <div class="desc">
  91.                                 {{ tarif.contenu | raw }}
  92.                             </div>
  93.                             <div class="price">
  94.                                 {{ tarif.prix | raw }}
  95.                             </div>
  96.                             <a href="{{ tarif.lien }}" target="_blank" class="btn-2"><span> réserver</span>
  97.                                 <div class="wave"></div>
  98.                             </a>
  99.                         </div>
  100.                     {% endif %}
  101.                 {% endfor %}
  102.             </div>
  103.             {% endif %}
  105.         </div>
  106.     </section>
  108. {% endblock %}
  110. {% block modal %}
  111.     <!-- Modal -->
  112.     <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  113.         <div class="modal-dialog modal-dialog-centered" role="document">
  114.             <div class="modal-content">
  115.                 <div class="modal-header d-block">
  116.                     <h2>Niveau perfectionnement</h2>
  117.                     <div class="sous-titre">Le surf est un sport Magique à fort degré d'accoutumance, les sensations vécues en chevauchant les vagues sont si fortes et positives que l'on en veut toujours davantage !</div>
  118.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  119.                         <span aria-hidden="true">&times;</span>
  120.                     </button>
  121.                 </div>
  122.                 <div class="modal-body">
  123.                     <p>Quel que soit votre niveau, à l'École de surf de la Côte Sauvage, nous vous aidons à franchir les différents paliers de la progression en surf et à gagner en autonomie, confiarice et maitrise des vagues.</p>
  124.                     <p>Nos cours de surf et stages de surf perfectionnement s'adressent aux surfeurs ayant dejà de bonnes notions de surf, et souhaitant acquérir les techniques pour améliorer leur répertoire de manceuvres et surfer tous types de vagues.</p>
  125.                     <h5>Une zone de surf plus grande</h5>
  126.                     <p>En cours de surf perfectionnement les champs pédagogiques et de pratique sont bien plus élargis : votre zone de surf s'agrandit et s'étends vers le large aux vagues qui cassent; notre enseignement vise à vous donner tous les "outils" afin de deveniprogressivement des surfeurs confirmés, autonome dans l'océan, et expert en lecture de vagues.</p>
  127.                     <p>Dans les cours et stages de surf perfectionnement, les élèves surfeurs deviennent plus exigeants sur les conditions de vagues: l'Ecole de surf de la Côte Sauvage vous conseille les créneaux horaires du matin tôt, à la recherche de vent "offshore" et de vagues "glassy". ou même tubulaires.</p>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132. {% endblock %}
  134. {% block formule %}
  136.     {% include 'front/formule.html.twig' %}
  138. {% endblock %}