templates/whoarewe/whoarewe-fr.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain "whoarewe" %}
  4. {% block title %} {% trans %}Qui sommes-nous ?{% endtrans %} | {% trans %}SpeakyPlanet{% endtrans %} {% endblock %}
  6. {% block pageTitle %}{% trans %}Qui sommes-nous ?{% endtrans %}{% endblock %}
  8. {% block body %}
  11. <div id="whoarewePage">
  12.     <br/><br/>
  13.     <div style="margin-bottom: 55px;" class="px-3">
  14.         <p>{% trans %}Nous sommes Ute et Franck, un couple franco-allemand. Nous nous sommes rencontrés à Londres puis installés en France avant la naissance de nos enfants.{% endtrans %}</p>
  15.         <p>{% trans %}Nos enfants ont grandi en France.{% endtrans %}</p>
  16.         <p><strong>{% trans %}Mais nous avons toujours souhaité qu'ils parlent anglais</strong>.{% endtrans %}</p>
  17.         <p class="orange">{% trans %}En 2010, nous avons créé <strong>SpeakyPlanet</strong> : le site de jeux pour apprendre l'anglais aux 4-13 ans.{% endtrans %}</p>
  18.         <p>{% trans %}SpeakyPlanet a été déterminant pour faire aimer l'anglais à notre fille et à notre fils.{% endtrans %}</p>
  19.         
  20.         <p>{% trans %}Ils ont très tôt formé leur oreille à l'anglais. Et acquis beaucoup de vocabulaire facilement.{% endtrans %}</p>
  21.         <p>{% trans %}Aujourd'hui, on peut dire que notre désir de voir nos enfants comprendre et parler l'anglais, s'est réalisé.{% endtrans %}</p>
  22.     </div>
  23.     
  24.     <div class="justify">
  25.         <h3 class="title orange">{% trans %}Une équipe au service de votre enfant{% endtrans %}</h3>
  26.     </div>
  27.     <br/><br/>
  28.     
  29.     <style>
  30.         #characters {
  31.             width: 80%;
  32.             margin: 0 auto;
  33.         }
  34.     
  35.         #characters > div {
  36.             clear: both;
  37.             text-align: justify;
  38.         }
  39.         
  40.         #characters > div.left img {
  41.             float: left;
  42.         }
  43.         
  44.         #characters > div.right img {
  45.             float: right;
  46.         }
  47.         
  48.         #characters > div p {
  49.             padding: 75px 0 0 0;
  50.         }
  51.     </style>
  53.     <div class="container text-center">
  54.         <div class="row align-items-center">
  55.             <div class="col">
  56.             </div>
  57.             <div class="col">
  58.                 <img alt="Franck" src="{{ asset('images/whoarewe/franck.png') }}">
  59.                 <p><b>Franck</b>
  60.             </div>
  61.             <div class="col">
  62.                 <img alt="Anthony" src="{{ asset('images/whoarewe/anthony.png') }}">
  63.                 <p><b>Anthony</b>
  64.             </div>
  65.             <div class="col">
  66.                 <img alt="Pierre" src="{{ asset('images/whoarewe/pierre.png') }}">
  67.                 <p><b>Pierre</b>
  68.             </div>
  69.             <div class="col">
  70.             </div>
  71.         </div>
  72.         <div class="row align-items-center">
  73.             <div class="col">
  74.             </div>
  75.             <div class="col">
  76.                 <img alt="Nicholas (Lewis)" src="{{ asset('images/whoarewe/nicholas.png') }}">
  77.                 <p><b>Nicholas (Lewis)</b>
  78.             </div>
  79.             <div class="col">
  80.                 <img alt="Julie (Walker)" src="{{ asset('images/whoarewe/julie.png') }}">
  81.                 <p><b>Julie (Walker)</b><br/>
  82.             </div>
  83.             <div class="col">
  84.                 <img alt="Ute" src="{{ asset('images/whoarewe/ute.png') }}">
  85.                 <p><b>Ute</b><br/>
  86.             </div>
  87.             <div class="col">
  88.             </div>
  89.         </div>
  90.     </div>
  92.     <br/>
  93.     <div class="text-center border border-info rounded-3 w-75 m-auto py-3">
  94.         <h4>Why ?</h4>
  95.         <div>{% trans %}Nous croyons que <strong>tous les enfants</strong> peuvent <strong>parler couramment l'anglais.</strong>{% endtrans %}</div>
  96.         <h4>How ?</h4>
  97.         <div>{% trans %}Nous pensons que l'apprentissage de l'anglais doit être <strong>interactif et ludique !</strong>{% endtrans %}</div>
  98.         <h4>What ?</h4>
  99.         <div>{% trans %}Nous créons les jeux SpeakyPlanet qui plaisent aux <strong>enfants</strong> parce qu'ils peuvent jouer.<br/>
  100.             Et qui plaisent aux <strong>parents</strong> parce que leurs enfants apprennent l'anglais.{% endtrans %}</div>
  101.     </div>
  102.     <br/>
  103.         <br/><br/>
  104.         <div class="title orange">{% trans %}Les chiffres-clés{% endtrans %}</div>
  105.         <div id="keyNumbers">
  106.         <div class="container">
  107.             <div class="row align-items-center">
  108.                 <div class="col">
  109.                     <p>{% trans with {'%count%': '<span class="strong orange">' ~ (nbInscrit|number_format(0, '.', ' ')) ~ '</span>'} %}%count% abonnés{% endtrans %}</p>
  110.                 </div>
  111.                 <div class="col">
  112.                     <p>{% trans with {'%count%': '<span class="strong orange">' ~ (nbFan|number_format(0, '.', ' ')) ~ '</span>'} %}%count% fans facebook{% endtrans %}</p>
  113.                 </div>
  114.                 <div class="col">
  116.                 </div>
  117.             </div>
  118.             <div class="row align-items-center">
  119.                 <div class="col">
  120.                     <p>{% trans with {'%count%': '<span class="strong orange">' ~ (nbJeux) ~ '</span>'} %}%count% jeux en ligne{% endtrans %}</p>
  121.                 </div>
  122.                 <div class="col">
  123.                     <p>{% trans with {'%count%': '<span class="strong orange">' ~ (3) ~ '</span>'} %}%count% nouveaux jeux par mois{% endtrans %}</p>
  124.                 </div>
  125.                 <div class="col">
  126.                     
  127.             <p>{% trans with {'%count%': '<span class="strong orange">' ~ (nbMots|number_format(0, '.', ' ')) ~ '</span>'} %}%count% mots à découvrir{% endtrans %}</p>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.             {# <p>{% trans with {'%count%': '<span class="strong orange">' ~ (nbVisiteurs|number_format(0, '.', ' ')) ~ '</span>'} %}%count% visiteurs uniques{% endtrans %}</p> #}
  132.             
  133.             
  134.         <br/>
  135.         <br/>
  136. </div>
  137. {% endblock %}