templates/Front/Pages/home/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block header %}
  4.     <div class="header-landing-wrapper">
  5.         {% include 'Partial/Base/header.html.twig' %}
  6.         <section class="header-background-container">
  7.             <div class="background">
  8.                 <div class="background-file-container">
  10.                     <div class="img-container">
  11.                         <div class="circle-container">
  12.                             <div class="circle"></div>
  13.                         </div>
  14.                         <img class="img-profile" src="{{ asset('build/common/landing-page-img.png', 'common') }}">
  15.                     </div>
  16.                     <div class="infos-user">
  17.                         <div>
  18.                             <h1 class="d-flex flex-column align-items-center d-md-block">Trouvez ce qui <strong>vous correspond</strong></h1>
  19.                             <p class="d-flex justify-content-center d-md-block">Je suis...</p>
  20.                             <div class="choice-user-button">
  21.                                 <a href="https://about.nellapp.com/" class="home-button home-button-hover">
  22.                                     Un organisme
  23.                                 </a>
  24.                                 {% if nellapp_url_exist('core', 'app_register') %}
  25.                                     <a href="{{- nellapp_url('core', 'app_register') -}}" class="home-button home-button-hover">
  26.                                         Un apprenant
  27.                                     </a>
  28.                                 {% endif %}
  29.                             </div>
  30.                         </div>
  31.                     </div>
  32.                     <div class="scroll-action">
  33.                         <a href="#main" class="btn arrow-down-btn">
  34.                             <i class="fas fa-arrow-down"></i>
  35.                         </a>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </section>
  40.     </div>
  41. {% endblock %}
  43. {% block body_markup %}
  44.     <body class="home-template">
  45. {% endblock body_markup %}
  47. {% block inner_content_container %}{% endblock inner_content_container %}
  49. {% block inner_content %}
  50.     <section class="section_filters">
  51.         <div class="container">
  52.             <div class="row">
  53.                 <div class="col-12">
  54.                     <h2 class="v2-title-mid text-center text-sm-left mb-5">
  55.                         {{ 'front.home.section_filters.title' | trans | raw }}
  56.                     </h2>
  57.                     {% include 'Front/Pages/partials/_home_filters.html.twig' with {
  58.                         'form': home_filters
  59.                     } %}
  60.                 </div>
  61.             </div>
  62.         </div>
  63.         <div class="snake-container"></div>
  64.     </section>
  66.     <section class="container">
  67.         <div class="row home_section">
  68.             <div class="col-12">
  69.                 <div class="scrollable-bar-hidden">
  70.                     {% for training in global_stats.popularTrainings %}
  71.                         <twig:TrainingCard :training="training"/>
  72.                     {% endfor %}
  73.                 </div>
  74.             </div>
  75.         </div>
  77.         <div class="row home_section">
  78.             <div class="col-12 col-lg-6 d-flex flex-column justify-content-between align-items-center mb-5 mb-lg-0">
  79.                 <h2 class="v2-title-big text-center">{{ 'front.home.section_intro.title' | trans }}</h2>
  80.                 <p class="text-justify">{{ 'front.home.section_intro.text' | trans }}</p>
  81.                 <div class="text-center">
  82.                     <a href="https://about.nellapp.com/" class="mx-auto mt-3 btn-nellapp-v2">{{ 'front.home.section_intro.contact' | trans }}</a>
  83.                 </div>
  84.             </div>
  85.             <div class="col-12 col-lg-6">
  86.                 <twig:NellappVideoPlayer
  87.                     videoSrc="https://www.youtube.com/watch?v=olwK-bO-1co"
  88.                     alt="Présentation de Nellapp"
  89.                 ></twig:NellappVideoPlayer>
  90.             </div>
  91.         </div>
  93.         <div class="row stats_section margin-bottom-big">
  94.             <div class="col-12">
  95.                 <dl class="stats_list">
  96.                     <div>
  97.                         <dd>
  98.                             {{ global_stats.countTotalTrainings | number_format(null, null, ' ') }}
  99.                         </dd>
  100.                         <dt>
  101.                             formations
  102.                         </dt>
  103.                     </div>
  105.                     <div>
  106.                         <dd>
  107.                             {{ global_stats.countTotalLessons | number_format(null, null, ' ') }}
  108.                         </dd>
  109.                         <dt>
  110.                             cours
  111.                         </dt>
  112.                     </div>
  114.                     <div>
  115.                         <dd>
  116.                             {{ global_stats.countTotalLearners | number_format(null, null, ' ') }}
  117.                         </dd>
  118.                         <dt>
  119.                             apprenants
  120.                         </dt>
  121.                     </div>
  123.                     <div>
  124.                         <dd>
  125.                             {{ global_stats.countTotalChannels | number_format(null, null, ' ') }}
  126.                         </dd>
  127.                         <dt>
  128.                             organismes
  129.                         </dt>
  130.                     </div>
  131.                 </dl>
  132.             </div>
  133.         </div>
  134.     </section>
  135. {% endblock inner_content %}