templates/default/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block stylesheets %}
  6.     <link rel="stylesheet" href="{{ asset("/css/default/MainPage.css") }}">
  7. {% endblock %}
  9. {% block header %}
  10.     <header>
  11.         <section class="partOne">
  12.             <img src="{{ asset("images/HYPA_Logo_white.png") }}" alt="">
  13.             <a href="{{ path("app_register") }}">S'inscrire</a>
  14.             <a href="{{ path("app_login") }}">Se connecter</a>
  15.         </section>
  16.     </header>
  17. {% endblock %}
  19. {% block body %}
  20.     <main>
  21.         <H6>DES OUTILS À LA DISPOSITION DE TOUS</H6>
  23.     <section class="One">
  24.         <div class="One">
  25.             <H4>1</H4>
  26.             <H5>Un CLAVIER</H5>
  27.             <p>Utiliser le clavier et apprendre à l'utiliser</p>
  28.         </div>
  29.        <div class="Tow">
  30.            <H4>2</H4>
  31.            <H5>UN TRANSCRIPTEUR</H5>
  32.            <p>A utiliser en parallèle des autres outils disponible</p>
  33.        </div>
  34.         <div class="Three">
  35.             <H4>3</H4>
  36.             <H5>DES MANUELS</H5>
  37.             <p>Aide à la compréhension des outils HYPA</p>
  38.         </div>
  39.         <div class="Four">
  40.             <H4>4</H4>
  41.             <H5>HYPA GAME</H5>
  42.             <p>Jeu pour perfectionner votre apprentisage de maniére ludique</p>
  43.         </div>
  44.         <img class="phone" src="{{ asset("images/pictureMainPage/2.png") }}" alt="">
  45.         <img class="google" src="{{ asset("images/pictureMainPage/Google paly.png") }}" alt="">
  46.     </section>
  48.         <H6>UNE NOUVELLE MÉTHODE POUR APPRENDRE LE CHINOIS PAR UN SIMPLE GESTE</H6>
  50.     <section class="Tow">
  51.         <img class="petalBord" src="{{ asset("images/pictureMainPage/2 pétales PNG menu – 10.png") }}" alt="">
  52.         <p>Pour que demain, l'expression "c'est du chinois!" désigne dans le monde entier quelque chose de facile, de simple, de logique et d'universel...</p>
  53.     </section>
  54.     <h6>POURQUOI CHOISIR HYPA POUR APPRENDRE LE CHINOIS</h6>
  55.     <section class="Three">
  56.         <p>Tout simplement parce que, si vous n'êtes pas
  57.             un génie en langues et que vous ne voulez pas
  58.             perdre votre temps avant d'abandonner votre
  59.             apprentissage, frustré de ne pas avoir réussi
  60.             à apprendre le chinois...
  61.         </p>
  62.         <img class="computer" src="{{ asset("images/pictureMainPage/1.png") }}" alt="">
  63.     </section>
  64.     <h6>HYPA est LA solution</h6>
  65.     </main>
  66. {% endblock %}
  68. {% block footer %}
  69.     {% include 'footer.html.twig' %}
  70. {% endblock %}