templates/home.html.twig line 1

Open in your IDE?
  1. {% extends 'dashboard.html.twig' %}
  2. {% block dashboardcontent %}
  3.     {# Bannière centrale #}
  4.     <section class="banner banner_home_imgbg">
  5.        <div class="title">
  6.            <div class="logo">
  7.                 <img src="{{ app.request.baseUrl }}/assets/home/logo.jpg" alt="logo taekwonkido">
  8.             </div>
  9.             <div class="name">
  10.                 <h1>{% trans %}cenaclerm{% endtrans %}<br>
  11.                 <span>{% trans %}home.martialart{% endtrans %}</span></h1>
  12.             </div>
  13.        </div>
  14.        {# boutons animés #}
  15.        <div class="drop">
  16.                 <button class="bloc-button">
  17.                         <i class="fas fa-map-marker-alt"></i>
  18.                 </button>
  19.                 <div class="bloc-text">
  20.                     {% if(cenacleProperties["cenacle.contact.address"] is defined) %}
  21.                         {{ cenacleProperties["cenacle.contact.address"] }}
  22.                     {% else %}
  23.                         cenacle.contact.address
  24.                     {% endif %}<br>
  25.                     {% if(cenacleProperties["cenacle.contact.city"] is defined) %}
  26.                         {{ cenacleProperties["cenacle.contact.city"] }}
  27.                     {% else %}
  28.                         cenacle.contact.city
  29.                     {% endif %}
  30.                 </div>
  31.        </div>
  32.        <div class="drop2">
  33.                 <button class="bloc-button">
  34.                     <i class="fas fa-phone-alt" aria-hidden="true"></i>
  35.                 </button>
  36.                 <div class="bloc-text">
  37.                     {% if(cenacleProperties["cenacle.contact.phones"] is defined) %}
  38.                         {{ cenacleProperties["cenacle.contact.phones"] }}
  39.                     {% else %}
  40.                         cenacle.contact.phones
  41.                     {% endif %}
  42.                 </div>
  43.        </div>
  44.        <div class="drop3">
  45.             <button class="bloc-button">
  46.                 <i class="fas fa-envelope" aria-hidden="true"></i>
  47.             </button>
  48.             <div class="bloc-text">
  49.                 {% if(cenacleProperties["cenacle.contact.emails"] is defined) %}
  50.                     {{ cenacleProperties["cenacle.contact.emails"] }}
  51.                 {% else %}
  52.                     cenacle.contact.emails
  53.                 {% endif %}
  54.             </div>
  55.         </div>
  56.         <div class="drop4">
  57.             <button class="bloc-button">
  58.                 <i class="fas fa-gift"></i>
  59.             </button>
  60.             <div class="bloc-text">
  61.                 Un cours d'essai gratuit !
  62.             </div>
  63.         </div>
  64.         {# Boutons disciplines #}
  65.        <div class="buttons">
  66.            <div class="btn"><a href="{{ app.request.baseUrl }}/taekwondo">taekwondo</a></div>
  67.            <div class="btn"><a href="{{ app.request.baseUrl }}/taekwonkido">taekwonkido</a></div>
  68.            <div class="btn"><a href="{{ app.request.baseUrl }}/hapkido">hapkido</a></div>
  69.            <div class="btn sinkido"><a href="{{ app.request.baseUrl }}/sinkido"><span class="first">sinkido</span><br><span class="second">self-défense système</span></a></div>
  70.        </div>
  71.        {% include 'modules/locale-button.html.twig' %}
  72.        {% block searchclub %}{{ parent() }}{% endblock %}
  73.      
  74.     </section>
  75.     {# Présentation cénacle #}
  76.     <main>
  77.         <h1>{% trans %}home.cenacle.thecenacle{% endtrans %}</h1>
  78.         <section class="ecole">
  79.             <div class="left">
  80.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_1.jpg" alt="le maître rémi mollet donne un coup de poing retourné à son élève">
  81.             </div>
  82.             <div class="text">
  83.                 <h2>{% trans %}home.cenacle.ourschool.title{% endtrans %}</h2>
  84.                 <p>{% trans %}home.cenacle.ourschool.text{% endtrans %}</p>
  85.             </div>
  86.         </section>
  87.         <section class="clubs">
  88.             <div class="text">
  89.                 <h2>{% trans %}home.cenacle.ourclubs.title{% endtrans %}</h2>
  90.                 <p>{% trans %}home.cenacle.ourclubs.text{% endtrans %}</p>
  91.             </div>
  92.             <div class="right">
  93.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_2.jpg" alt="le maître montre une technique de défense">
  94.             </div>
  95.         </section>
  96.         <section class="competitions">
  97.             <div class="left">
  98.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_3.jpg" alt="deux élèves s'affrontent en compétition combat">
  99.             </div>
  100.             <div class="text">
  101.                 <h2>{% trans %}home.cenacle.thecompetitions.title{% endtrans %}</h2>
  102.                 <p>{% trans %}home.cenacle.thecompetitions.text{% endtrans %}</p>
  103.             </div>
  104.         </section>
  105.         <section class="enseignement">
  106.             <div class="content">
  107.                 <h2>{% trans %}home.cenacle.ourteaching.title{% endtrans %}</h2>
  108.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_4_pix.jpg" alt="les élèves d'un club et le maître rémi mollet">
  109.                 <p>{% trans %}home.cenacle.ourteaching.text{% endtrans %}</p>
  110.             </div>
  111.         </section>
  112.         <section class="methode">
  113.             <div class="left">
  114.                 <h2>{% trans %}home.cenacle.ourmethod.title{% endtrans %}</h2>
  115.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_5_2.jpg" alt="deux élèves s'entrainent">
  116.                 <p>{% trans %}home.cenacle.ourmethod.text{% endtrans %}</p>
  117.             </div>
  118.             <div class="right">
  119.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_5_1-2.jpg" alt="deux élèves s'affrontent en combat">
  120.             </div>
  121.         </section>
  122.         <section class="cours-ages">
  123.             <div class="title">
  124.                 <h2>{% trans %}home.cenacle.accessibility.title{% endtrans %}</h2>
  125.                 <p>{% trans %}home.cenacle.accessibility.text{% endtrans %}</p>
  126.             </div>
  127.             <div class="categories">
  128.                 <div id="age-baby" class="case">
  129.                     {# Button trigger modal #}
  130.                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#baby">
  131.                         <h3>{% trans %}home.cenacle.accessibility.baby.title{% endtrans %}</h3>
  132.                         <img src="{{ app.request.baseUrl }}/assets/home/accueil_6_1.jpg">
  133.                     </button>
  134.                     
  135.                     {# Modal #}
  136.                     <div class="modal fade" id="baby" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  137.                         <div class="modal-dialog">
  138.                             <div class="modal-content">
  139.                                 <div class="modal-header">
  140.                                     <img src="{{ app.request.baseUrl }}/assets/icons/baby-boy.svg">
  141.                                     <h5>{% trans %}home.cenacle.accessibility.baby.title{% endtrans %}</h5>
  142.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  143.                                         <span aria-hidden="true">&times;</span>
  144.                                     </button>
  145.                                 </div>
  146.                                 <div class="modal-body">
  147.                                     <p>{% trans %}home.cenacle.accessibility.baby.text{% endtrans %}</p>
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.                 <div id="age-kid" class="case">
  154.                     {# Button trigger modal #}
  155.                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#kid">
  156.                         <h3>{% trans %}home.cenacle.accessibility.child.title{% endtrans %}</h3>
  157.                         <img src="{{ app.request.baseUrl }}/assets/home/accueil_6_2.jpg">
  158.                     </button>
  159.                     
  160.                     {# Modal #}
  161.                     <div class="modal fade" id="kid" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  162.                         <div class="modal-dialog">
  163.                             <div class="modal-content">
  164.                                 <div class="modal-header">
  165.                                     <img src="{{ app.request.baseUrl }}/assets/icons/children.svg">
  166.                                     <h5>{% trans %}home.cenacle.accessibility.child.title{% endtrans %}</h5>
  167.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  168.                                         <span aria-hidden="true">&times;</span>
  169.                                     </button>
  170.                                 </div>
  171.                                 <div class="modal-body">
  172.                                     <p>{% trans %}home.cenacle.accessibility.child.text{% endtrans %}</p>
  173.                                 </div>
  174.                             </div>
  175.                         </div>
  176.                     </div>
  177.                 </div>
  178.                 <div id="age-adult" class="case">
  179.                     {# Button trigger modal #}
  180.                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#adult">
  181.                         <h3>{% trans %}home.cenacle.accessibility.adult.title{% endtrans %}</h3>
  182.                         <img src="{{ app.request.baseUrl }}/assets/home/accueil_6_3.jpg">
  183.                     </button>
  184.                     
  185.                     {# Modal #}
  186.                     <div class="modal fade" id="adult" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  187.                         <div class="modal-dialog">
  188.                             <div class="modal-content">
  189.                                 <div class="modal-header">
  190.                                     <img src="{{ app.request.baseUrl }}/assets/icons/adults.svg">
  191.                                     <h5>{% trans %}home.cenacle.accessibility.adult.title{% endtrans %}</h5>
  192.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  193.                                         <span aria-hidden="true">&times;</span>
  194.                                     </button>
  195.                                 </div>
  196.                                 <div class="modal-body">
  197.                                     <p>{% trans %}home.cenacle.accessibility.adult.text{% endtrans %}</p>
  198.                                 </div>
  199.                             </div>
  200.                         </div>
  201.                     </div>
  202.                 </div>
  203.                 <div id="age-senior" class="case">
  204.                     {# Button trigger modal #}
  205.                     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#senior">
  206.                         <h3>{% trans %}home.cenacle.accessibility.senior.title{% endtrans %}</h3>
  207.                         <img src="{{ app.request.baseUrl }}/assets/home/accueil_6_4.jpg">
  208.                     </button>
  209.                     
  210.                     {# Modal #}
  211.                     <div class="modal fade" id="senior" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  212.                         <div class="modal-dialog">
  213.                             <div class="modal-content">
  214.                                 <div class="modal-header">
  215.                                     <img src="{{ app.request.baseUrl }}/assets/icons/couple.svg">
  216.                                     <h5 class="modal-title" id="exampleModalLabel">{% trans %}home.cenacle.accessibility.senior.title{% endtrans %}</h5>
  217.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  218.                                         <span aria-hidden="true">&times;</span>
  219.                                     </button>
  220.                                 </div>
  221.                                 <div class="modal-body">
  222.                                     <p>{% trans %}home.cenacle.accessibility.senior.text{% endtrans %}</p>
  223.                                 </div>
  224.                             </div>
  225.                         </div>
  226.                     </div>
  227.                 </div>
  228.             </div>
  229.         </section>
  230.         <section class="partenaires">
  231.             <div class="title">
  232.                 <h2>{% trans %}home.cenacle.ourpartners.title{% endtrans %}</h2>
  233.             </div>
  234.             <div class="links">
  235.                 
  236.                 <div class="case first">
  237.                     <a href="https://taekwonkidotoulon.jimdofree.com/">
  238.                         <img src="{{ app.request.baseUrl }}/assets/home/logo.jpg" style="width: 175px;height: 175px">
  239.                         <h5>{{ "home.cenacle.ourpartners.azur"|trans|raw }}</h5>
  240.                     </a>
  241.                     <h6 class="under-title">{{ "home.cenacle.ourpartners.azur"|trans|raw }}</h6>
  242.                 </div>
  243.                 <div class="case second">
  244.                     <a href="https://www.fftda.fr/">
  245.                         <img src="{{ app.request.baseUrl }}/assets/partners/fftda.jpg" style="width: 175px;height: 175px">
  246.                         <h5>{{ "home.cenacle.ourpartners.fftda"|trans|raw }}</h5>
  247.                     </a>
  248.                     <h6 class="under-title">{{ "home.cenacle.ourpartners.fftda"|trans|raw }}</h6>
  249.                 </div>
  250.                 <div class="case third">
  251.                     <a href="http://www.taekwonkido.com/">
  252.                         <img src="{{ app.request.baseUrl }}/assets/partners/LogoTKKD_France.jpg" style="width: 175px;height: 175px">
  253.                         <h5>{{ "home.cenacle.ourpartners.uft"|trans|raw }}</h5>
  254.                     </a>
  255.                     <h6 class="under-title">{{ "home.cenacle.ourpartners.uft"|trans|raw }}</h6>
  256.                 </div>
  257.                 <div class="case fourth">
  258.                     <a href="http://www.hoshinkidohapkido.com/">
  259.                         <img src="{{ app.request.baseUrl }}/assets/partners/hoshinkido_logo3.png" style="width: 175px;height: 175px">
  260.                         <h5>{{ "home.cenacle.ourpartners.hoshinkido"|trans|raw }}</h5>
  261.                     </a>
  262.                     <h6 class="under-title">{{ "home.cenacle.ourpartners.hoshinkido"|trans|raw }}</h6>
  263.                 </div>
  264.                 
  265.             </div>
  266.         </section>
  267.         <section class="join">
  268.             <div class="left">
  269.                 <img src="{{ app.request.baseUrl }}/assets/home/accueil_7.jpg" alt="deux raquettes de frappe">
  270.             </div>
  271.             <div class="right">
  272.                 <h2>{% trans %}home.cenacle.joinus.title{% endtrans %}</h2>
  273.                 <p>{% trans %}home.cenacle.joinus.text{% endtrans %}</p>
  274.                 {#<div class="btn"><a href="#">{% trans %}home.cenacle.joinus.create{% endtrans %}</a></div>#}
  275.             </div>
  276.         </section>
  277.     </main>
  278. {% endblock %}
  279. {% block javascripts_end_body %}
  280.     {% block searchclubjs %}{{ parent() }}{% endblock %}
  281. {% endblock %}