templates/showcase/master.html.twig line 1

Open in your IDE?
  1. {% extends 'dashboard.html.twig' %}
  3. {% block stylesheets2 %}
  4.     <link rel="stylesheet" href="{{ app.request.baseUrl }}/assets/showcase/master/master.css">
  5. {% endblock %}
  8. {% block dashboardcontent %}
  10.     <h1 class="title row m-0">Maître Rémi Mollet</h1>
  12.     <section class="section-one row m-0 d-flex justify-content-center">
  13.         <div class="numbers col-xl-3 col-lg-3 col-md-4 col-sm-5">
  14.             <h3>{% trans %}showcase.master.numbers.starts{% endtrans %}</h3>
  15.             <h3>{{ "showcase.master.numbers.countyears"|trans({'%nbyears%': ('now' | date('Y')) - 1973})|raw }}</h3>
  16.         </div>
  18.         <div class="image col-xl-4 col-lg-4 col-md-5 col-sm-5">
  19.             <img src="{{ app.request.baseUrl }}/assets/showcase/master/1.jpg" alt="le maître Rémi Mollet">
  20.         </div>
  22.         <div class="content col-lg-4 col-sm-10">
  23.             <h2>{% trans %}showcase.master.hiscareer.title{% endtrans %}</h2>
  24.             <p>{{ "showcase.master.hiscareer.text"|trans({'%nbyears%': ('now' | date('Y')) - 1973})|raw }}</p>
  25.         </div>
  26.     </section>
  28.     <section class="section-two">
  30.         <div class="image">
  31.             <img src="{{ app.request.baseUrl }}/assets/showcase/master/3.jpg" alt="démonstration du maître">
  32.         </div>
  33.        
  34.         <div class="content align-self-center">
  35.            <h2>{% trans %}showcase.master.hisrewards.title{% endtrans %}</h2>
  36.            <p>{% trans %}showcase.master.hisrewards.text{% endtrans %}</p>
  37.         </div> 
  39.         <div class="numbers align-self-center">
  40.             <h3>{% trans %}showcase.master.yearsevent._1998{% endtrans %}</h3>
  41.             <h3>{% trans %}showcase.master.yearsevent._2000{% endtrans %}</h3>
  42.             <h3>{% trans %}showcase.master.yearsevent._2009{% endtrans %}</h3>
  43.         </div>
  45.     </section>
  48.     <section class="section-three">
  49.         <div class="first d-flex justify-content-center">
  50.             <div class="image col-xl-5 col-lg-5"><img src="{{ app.request.baseUrl }}/assets/showcase/master/9.png" alt="le maître donne un coup de pied sauté"></div>
  51.             <div class="content-1 col-xl-6" pr-5>
  52.                 <h2>{% trans %}showcase.master.hisworks.title{% endtrans %}</h2>
  53.                 <p>{% trans %}showcase.master.hisworks.text{% endtrans %}</p>
  54.             </div>
  55.         </div>
  56.        <div class="second d-flex align-items-end justify-content-center">
  57.            <div class="content-2 d-block col-xl-5">
  58.                <h2>{% trans %}showcase.master.hiscontributions.title{% endtrans %}</h2>
  59.                <p>{% trans %}showcase.master.hiscontributions.text{% endtrans %}</p>
  60.            </div>
  61.            <div class="image col-xl-6"><img src="{{ app.request.baseUrl }}/assets/showcase/master/4.png" alt="le maître bloque une attaque par un coup de pied latéral"></div>
  62.        </div>
  63.     </section>
  65.     <section class="section-four">
  67.         <div class="first-text text">
  68.             <p>{% trans %}showcase.master.section4.text{% endtrans %}</p>
  69.         </div>
  71.         <div class="bloc-text-mid">
  72.             <div class="first-text">
  73.                 <p>{% trans %}showcase.master.section4.text{% endtrans %}</p>
  74.             </div>
  75.             <div class="second-text">
  76.                 <h2>{% trans %}showcase.master.hisstudents.title{% endtrans %}</h2>
  77.                 <p>{% trans %}showcase.master.hisstudents.text{% endtrans %}</p>
  78.             </div>
  79.         </div>
  81.         <div class="image">
  82.             <img src="{{ app.request.baseUrl }}/assets/showcase/master/master.jpg" alt="le maître applique une clé de bras en self-défense">
  83.         </div>
  85.         <div class="second-text text">
  86.             <h2>{% trans %}showcase.master.hisstudents.title{% endtrans %}</h2>
  87.             <p>{% trans %}showcase.master.hisstudents.text{% endtrans %}</p>
  88.         </div>
  90.     </section>
  92.     <section class="section-five d-flex justify-content-center">
  93.         <div class="red-banner"></div>
  94.         <div class="container d-flex col-10 p-0 m-0 justify-content-center">
  95.             <div class="left d-block col-xl-6 col-lg-7 col-md-7 m-0 p-0">
  96.                 <img src="{{ app.request.baseUrl }}/assets/showcase/master/6.jpg" alt="le maître passe une clé à son élève">
  97.                 <div class="content">
  98.                     <h2>{% trans %}showcase.master.hisdemonstrations.title{% endtrans %}</h2>
  99.                     <p>{% trans %}showcase.master.hisdemonstrations.text{% endtrans %}</p>
  100.                 </div>
  101.             </div>
  103.             <div class="right col-xl-5 col-md-6 m-0 p-0 align-self-center">
  104.                 <img src="{{ app.request.baseUrl }}/assets/showcase/master/master2.jpg" alt="le maître passe une clé de bras à son élève">
  105.             </div>
  106.         </div>
  107.     </section>
  109.     <section class="section-six d-flex">
  110.         <div class="image col-xl-6 col-lg-6 col-md-6 m-0 p-0">
  111.             <img src="{{ app.request.baseUrl }}/assets/showcase/master/master3.png" alt="le maître donne un coup de pied latéral à son élève">
  112.         </div>
  113.         <div class="content col-xl-5 col-lg-5 col-md-5 align-self-center">
  114.             <h2>{% trans %}showcase.master.conclusion.title{% endtrans %}</h2>
  115.             <p>{% trans %}showcase.master.conclusion.text{% endtrans %}</p>
  116.         </div>
  117.     </section>
  119. {% endblock %}