templates/app/pages/about.html.twig line 1

Open in your IDE?
  1. {% import 'app/_inc/macros.html.twig' as m %}
  2. {% extends 'base.html.twig' %}
  3. {% block css %}{{ encore_entry_link_tags('app-about-css') }}{% endblock %}
  4. {% block content %}
  5.     <div id="about">
  6.         <section class="dices">
  7.             <div class="bloc-text">
  8.                 {{ m.Breadcrumb('about.tit', {link:{
  9.                     0:['about.tit']
  10.                 }}) }}
  11.                 <h2 class="h3">{{ "about.tit"|trans|raw }}</h2>
  12.                 {{ "about.txt"|trans|raw }}
  13.             </div>
  14.             <div class="bg wood">
  15.                 <div>{{ m.img(asset('img/fond-table.png')) }}</div>
  16.             </div>
  17.             <div class="group-dices">
  18.                 <div class="green-dices">{{ m.svg('dices-green') }}</div>
  19.                 <div class="white-dices">{{ m.svg('dices-white') }}</div>
  20.             </div>
  21.         </section>
  22.         <div class="cards">
  23.             <div class="bg fog">
  24.                 <div>{{ m.img(asset('img/double-fog.png')) }}</div>
  25.             </div>
  26.             <div class="group-cards">
  27.                 <div data-a-up class="card">
  28.                     <div class="front">
  29.                         <div class="content">
  30.                             {{ m.labelIcon( 'simon', 'icons-ollam/crown') }}
  31.                             <div class="cat">
  32.                                 <h3 class="h4">{{ "about.card.tit1"|trans|raw }}</h3>
  33.                                 <p>{{ "about.card.simon.txt1"|trans|raw }}</p>
  34.                             </div>
  35.                             <div class="cat">
  36.                                 <h3 class="h4">{{ "about.card.tit2"|trans|raw }}</h3>
  37.                                 <p>{{ "about.card.simon.txt2"|trans|raw }}</p>
  38.                             </div>
  39.                             <div class="cat">
  40.                                 <h3 class="h4">{{ "about.card.tit3"|trans|raw }}</h3>
  41.                                 <ul>
  42.                                     <li>{{ "about.card.simon.skill1"|trans|raw }}</li>
  43.                                     <li>{{ "about.card.simon.skill2"|trans|raw }}</li>
  44.                                 </ul>
  45.                             </div>
  46.                             {{ m.labelIcon( 'simon', 'icons-ollam/crown') }}
  47.                         </div>
  48.                     </div>
  49.                     <div class="back">
  50.                         <div class="content">
  51.                             {{ m.icon('icons-ollam/crown') }}
  52.                             <p class="h3">SIMON</p>
  53.                             <h2>{{ 'about.card.simon.job'|trans|raw }}</h2>
  54.                             <span>{{ 'about.tap'|trans }}</span>
  55.                         </div>
  56.                     </div>
  57.                 </div>
  58.                 <div data-a-up class="card">
  59.                     <div class="front">
  60.                         <div class="content">
  61.                             {{ m.labelIcon( 'martin', 'icons-ollam/magic-hat') }}
  62.                             <div class="cat">
  63.                                 <h3 class="h4">{{ "about.card.tit1"|trans|raw }}</h3>
  64.                                 <p>{{ "about.card.martin.txt1"|trans|raw }}</p>
  65.                             </div>
  66.                             <div class="cat">
  67.                                 <h3 class="h4">{{ "about.card.tit2"|trans|raw }}</h3>
  68.                                 <p>{{ "about.card.martin.txt2"|trans|raw }}</p>
  69.                             </div>
  70.                             <div class="cat">
  71.                                 <h3 class="h4">{{ "about.card.tit3"|trans|raw }}</h3>
  72.                                 <ul>
  73.                                     <li>{{ "about.card.martin.skill1"|trans|raw }}</li>
  74.                                     <li>{{ "about.card.martin.skill2"|trans|raw }}</li>
  75.                                 </ul>
  76.                             </div>
  77.                             {{ m.labelIcon( 'martin', 'icons-ollam/magic-hat') }}
  78.                         </div>
  79.                     </div>
  80.                     <div class="back">
  81.                         <div class="content">
  82.                             {{ m.icon('icons-ollam/magic-hat') }}
  83.                             <p class="h3">MARTIN</p>
  84.                             <h2>{{ 'about.card.martin.job'|trans|raw }}</h2>
  85.                             <span>{{ 'about.tap'|trans }}</span>
  86.                         </div>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.     </div>
  92. {% endblock %}