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

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="{{ nellapp_wordpress_url }}" class="home-button home-button-hover">
  22. Un organisme
  23. </a>
  24. {% if nellapp_url_exist('core', 'app_login') %}
  25. <a href="{{- nellapp_url('core', 'app_login') -}}" 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 popular_trainings %}
  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="{{ nellapp_wordpress_url }}" 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 %}