templates/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <div class="page-content">
  4.         <div class="h-ban">
  5.             <img src="{{ asset('image/logo.png') }}" alt="logo">
  6.         </div>
  7.         <section class="planning" id="planning">
  8.             <div class="description">
  9.                 <h1>{{ 'Mons vacances' }}</h1>
  10.                 <p>{{ 'Centre de loisirs à dominante sportive. Ouvert pendant les vacances d’automne, d’hiver (février), printemps et été. De 9h à 17h et service de garderie de 8h à 9h et de 17h à 18h. Nous accueillons les enfants de 4 à 16 ans. Mons Vacances a pour objectifs: le bien-être individuel, collectif et physique, la découverte de soi, des autres, de son environnement, de pratiques sportives et d’activités diverses. Cela dans un cadre bienveillant et dans le but de faire passer les meilleures vacances possibles à vos enfants.' }}</p>
  11.                 <a href="{{ asset('download/dossier-inscription.zip') }}" class="primary-btn">{{ 'Télécharger le dossier' }}</a>
  12.             </div>
  13.             <h2>{{ 'Planning' }}</h2>
  14.             <div class="p-imgs">
  15.                 <div class="p1">
  16.                     <h3>{{ 'Semaine 1 (' ~ planning.FirstWeekStartFormat ~ ' ~' ~ planning.FirstWeekEndFormat ~ ')' }}</h3>
  17.                     <img src="{{ asset('image/planning-s1.png') }}" alt="planning s1">
  18.                 </div>
  19.                 <div class="p2">
  20.                     <h3>{{ 'Semaine 2 (' ~ planning.SecondWeekStartFormat ~ ' ~ ' ~ planning.SecondWeekEndFormat ~ ')' }}</h3>
  21.                     <img src="{{ asset('image/planning-s2.png') }}" alt="planning s2">
  22.                 </div>
  23.             </div>
  24.         </section>
  25.         <section class="prices" id="prices">
  26.             <table class="price-table">
  27.                 <tr>
  28.                     <th>{{ 'Tarifs' }}</th>
  29.                     <th colspan="2">{{ 'Monsois' }}</th>
  30.                     <th colspan="2">{{ 'Non Monsois' }}</th>
  31.                 </tr>
  32.                 <tr>
  33.                     <td>{{ 'QF' }}</td>
  34.                     <td>{{ 'Semaine de 4jours' }}</td>
  35.                     <td>{{ 'Semaine de 5jours' }}</td>
  36.                     <td>{{ 'Semaine de 4jours' }}</td>
  37.                     <td>{{ 'Semaine de 5jours' }}</td>
  38.                 </tr>
  39.                 <tr>
  40.                     <td>{{ '< 369' }}</td>
  41.                     <td>{{ '17€' }}</td>
  42.                     <td>{{ '21€' }}</td>
  43.                     <td>{{ '21€' }}</td>
  44.                     <td>{{ '25€' }}</td>
  45.                 </tr>
  46.                 <tr>
  47.                     <td>{{ '370-499' }}</td>
  48.                     <td>{{ '23€' }}</td>
  49.                     <td>{{ '29€' }}</td>
  50.                     <td>{{ '28€' }}</td>
  51.                     <td>{{ '35€' }}</td>
  52.                 </tr>
  53.                 <tr>
  54.                     <td>{{ '500-700' }}</td>
  55.                     <td>{{ '28€' }}</td>
  56.                     <td>{{ '35€' }}</td>
  57.                     <td>{{ '34€' }}</td>
  58.                     <td>{{ '42€' }}</td>
  59.                 </tr>
  60.                 <tr>
  61.                     <td>{{ '701-810' }}</td>
  62.                     <td>{{ '34€' }}</td>
  63.                     <td>{{ '42€' }}</td>
  64.                     <td>{{ '40€' }}</td>
  65.                     <td>{{ '50€' }}</td>
  66.                 </tr>
  67.                 <tr>
  68.                     <td>{{ '811-1000' }}</td>
  69.                     <td>{{ '38€' }}</td>
  70.                     <td>{{ '47€' }}</td>
  71.                     <td>{{ '45€' }}</td>
  72.                     <td>{{ '57€' }}</td>
  73.                 </tr>
  74.                 <tr>
  75.                     <td>{{ '> 1000' }}</td>
  76.                     <td>{{ '41€' }}</td>
  77.                     <td>{{ '51€' }}</td>
  78.                     <td>{{ '49€' }}</td>
  79.                     <td>{{ '61€' }}</td>
  80.                 </tr>
  81.             </table>
  82.             <p>{{ '+ une adhésion de 5€ par famille pour l’année ' ~   'now'| date('Y') }}</p>
  83.             <p>{{ 'Garderie 10€ la semaine (matin ou soir) ou 15 € la semaine (matin et soir)' }}</p>
  84.         </section>
  85.         <section class="ct" id="contact">
  86.             <div class="ct-infos">
  87.                 <div class="ct-details">
  88.                     <h3>{{ 'Contactez-nous !' }}</h3>
  89.                     <div class="row-info">
  90.                         <i class="bi bi-geo-alt"></i>
  91.                         <p>{{ '8 ter Rue d’Alsace, 59370 Mons-en-Barœul (Lieu de permanence)' }}</p>
  92.                     </div>
  93.                     <div class="row-info">
  94.                         <i class="bi bi-geo-alt"></i>
  95.                         <p>{{ 'Groupe scolaire concorde, Rue Vincent de Paul (Lieu d’accueil) ' }}</p>
  96.                     </div>
  97.                     <div class="row-info">
  98.                         <i class="bi bi-telephone"></i>
  99.                         <p>{{ '07 66 20 31 02' }}</p>
  100.                     </div>
  101.                     <div class="row-info">
  102.                         <i class="bi bi-envelope"></i>
  103.                         <p>{{ 'monsvacances59370@gmail.com' }}</p>
  104.                     </div>
  105.                     <h3>{{ 'Documents (à télécharger)' }}</h3>
  106.                     <div class="ct-details">
  107.                         <div class="row-download">
  108.                             <p>{{ 'Dossier d’inscription:' }}</p>
  109.                             <a href="{{ asset('download/dossier-inscription.zip') }}"><i class="bi bi-file-earmark-arrow-down-fill"></i></a>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.                 <div class="ct-socials">
  114.                     <a href="https://www.facebook.com/profile.php?id=100085912838813"><i class="bi bi-facebook"></i></a>
  115.                     <a href="https://www.instagram.com/monsvacances/"><i class="bi bi-instagram"></i></a>
  116.                 </div>
  117.                 <div id="map"></div>
  118.             </div>
  119.             <div class="ct-form">
  120.                 {{ form_start(form, {'action': path('home'), 'method': 'post', 'attr': {'id': 'contact_form'}}) }}
  121.                 <div class="form-group-row">
  122.                     <div class="form-group">
  123.                         {{ form_errors(form.first_name) }}
  124.                         <label>{{ 'Prénom' }} <span>*</span></label>
  125.                         {{ form_widget(form.first_name, {'attr': {'class': 'form-control'}}) }}
  126.                     </div>
  127.                     <div class="form-group">
  128.                         {{ form_errors(form.last_name) }}
  129.                         <label>{{ 'Nom' }} <span>*</span></label>
  130.                         {{ form_widget(form.last_name, {'attr': {'class': 'form-control'}}) }}
  131.                     </div>
  132.                 </div>
  133.                 <div class="form-group-row">
  134.                     <div class="form-group">
  135.                         {{ form_errors(form.mail) }}
  136.                         <label>{{ 'Email' }} <span>*</span></label>
  137.                         {{ form_widget(form.mail, {'attr': {'class': 'form-control'}}) }}
  138.                     </div>
  139.                     <div class="form-group">
  140.                         {{ form_errors(form.phone) }}
  141.                         <label>{{ 'Telephone' }}</label>
  142.                         {{ form_widget(form.phone, {'attr': {'class': 'form-control'}}) }}
  143.                     </div>
  144.                 </div>
  145.                 <div class="form-group">
  146.                     {{ form_errors(form.subject) }}
  147.                     <label>{{ 'Sujet' }} <span>*</span></label>
  148.                     {{ form_widget(form.subject, {'attr': {'class': 'form-control'}}) }}
  149.                 </div>
  150.                 <div class="form-group">
  151.                     <label>{{ 'Message' }} <span>*</span></label>
  152.                     {{ form_errors(form.help) }}
  153.                     {{ form_widget(form.help, {'attr': {'class': 'form-control'}}) }}
  154.                 </div>
  155.                 <div class="form-group-btn">
  156.                     {{ form_widget(form.submit, {'attr':{'class': 'primary-btn'}}) }}
  157.                 </div>
  158.                 {{ form_end(form) }}
  159.             </div>
  160.         </section>
  161.     </div>
  162. {% endblock %}