templates/home/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block header %}
  4. <section id="header-top-bar">
  5. <div class="header-top-container">
  6. {% block header_top_bar %}
  7. {{ parent() }}
  8. {% endblock %}
  9. </div>
  10. </section>
  11. {% block header_links_wrapper %}
  12. {{ parent() }}
  13. {% endblock %}
  14. {% block header_title_wrapper %}
  15. <section id="header-title">
  16. <div class="header-top-container">
  17. {% block header_main_title %}{{ 'header.title.main'|trans({}, 'home') }}{% endblock %}
  18. </div>
  19. </section>
  20. {% endblock %}
  21. {% endblock %}
  23. {% block content %}
  24. <section id="intro">
  25. {% block intro %}
  26. <div class="hero-title">
  27. <div class="home-first-text">
  28. {{ 'intro.title'|trans({}, 'home') }}
  29. </div>
  30. </div>
  31. <div class="hero-subtitle">
  32. <p>{{ 'intro.subtitle'|trans({}, 'home') }}</p>
  33. </div>
  34. {% endblock %}
  35. </section>
  37. <section id="categories">
  38. {% block categories %}
  39. <div id="sidebar">
  40. <div id="title">
  41. <div class="home-second-text">
  42. <span>{% block categories_title %}{{ 'categories.title'|trans({}, 'home') }}{% endblock %}<span>
  43. </div>
  44. </div>
  45. <div class="content">
  46. <div class="home-second-text">
  47. <p>{{ 'categories.description'|trans({}, 'home') }}</p>
  48. <p><a href="{{ path('register_request_information') }}">{{ 'categories.register'|trans({}, 'home') }}</a></p>
  49. <span class="separator-home"></span>
  50. <p><a href="{{ path('login_request_credentials') }}">{{ 'categories.login'|trans({}, 'home') }}</a></p>
  52. </div>
  53. </div>
  54. </div>
  55. <div id="categories-items">
  56. {% block categories_items %}
  57. <div class="category-item tooltip" id="category-workers">
  58. <div class="icon"><img src="{{ asset('img/icon-trabajador.png') }}"/></div>
  59. <div class="text">{{ 'categories.workers'|trans({}, 'home') }}</div>
  60. <div class="tooltiptext">
  61. <div class="tooltip-header">
  62. <span class="tooltip-icon"><img src="{{ asset('img/icon-trabajador.png') }}"/></span>
  63. <span class="tooltip-title">{{ 'categories.workers'|trans({}, 'home') }}</span>
  64. </div>
  65. <div class="tooltip-body">{{ 'categories.tooltip_workers'|trans({}, 'home') }}</div>
  66. </div>
  67. </div>
  68. <div class="category-item tooltip" id="category-companies">
  69. <div class="icon"><img src="{{ asset('img/icon-empresa.png') }}"/></div>
  70. <div class="text">{{ 'categories.companies'|trans({}, 'home') }}</div>
  71. <div class="tooltiptext">
  72. <div class="tooltip-header">
  73. <span class="tooltip-icon"><img src="{{ asset('img/icon-empresa.png') }}"/></span>
  74. <span class="tooltip-title">{{ 'categories.companies'|trans({}, 'home') }}</span>
  75. </div>
  76. <div class="tooltip-body">{{ 'categories.tooltip_companies'|trans({}, 'home') }}</div>
  77. </div>
  78. </div>
  79. <div class="category-item tooltip" id="category-representatives">
  80. <div class="icon"><img src="{{ asset('img/icon-entidad.png') }}"/></div>
  81. <div class="text">{{ 'categories.representative_entities'|trans({}, 'home') }}</div>
  82. <div class="tooltiptext">
  83. <div class="tooltip-header">
  84. <span class="tooltip-icon"><img src="{{ asset('img/icon-entidad.png') }}"/></span>
  85. <span class="tooltip-title">{{ 'categories.representative_entities'|trans({}, 'home') }}</span>
  86. </div>
  87. <div class="tooltip-body">{{ 'categories.tooltip_representative_entities'|trans({}, 'home') }}</div>
  88. </div>
  89. </div>
  90. <div class="category-item tooltip" id="category-continuous-formation">
  91. <div class="icon"><img src="{{ asset('img/icon-consorci.png') }}"/></div>
  92. <div class="text">{{ 'categories.continuous_training'|trans({}, 'home') }}</div>
  93. <div class="tooltiptext">
  94. <div class="tooltip-header">
  95. <span class="tooltip-icon"><img src="{{ asset('img/icon-consorci.png') }}"/></span>
  96. <span class="tooltip-title">{{ 'categories.continuous_training'|trans({}, 'home') }}</span>
  97. </div>
  98. <div class="tooltip-body">{{ 'categories.tooltip_continuous_training'|trans({}, 'home') }}</div>
  99. </div>
  100. </div>
  101. <div class="category-item tooltip" id="category-orientation-entities">
  102. <div class="icon"><img src="{{ asset('img/icon-formacion.png') }}"/></div>
  103. <div class="text">{{ 'categories.training_orientation_entities'|trans({}, 'home') }}</div>
  104. <div class="tooltiptext">
  105. <div class="tooltip-header">
  106. <span class="tooltip-icon"><img src="{{ asset('img/icon-formacion.png') }}"/></span>
  107. <span class="tooltip-title">{{ 'categories.training_orientation_entities'|trans({}, 'home') }}</span>
  108. </div>
  109. <div class="tooltip-body">{{ 'categories.tooltip_training_orientation_entities'|trans({}, 'home') }}</div>
  110. </div>
  111. </div>
  112. <div class="category-item tooltip" id="category-professionals">
  113. <div class="icon"><img src="{{ asset('img/icon-profesional.png') }}"/></div>
  114. <div class="text">{{ 'categories.training_professionals'|trans({}, 'home') }}</div>
  115. <div class="tooltiptext">
  116. <div class="tooltip-header">
  117. <span class="tooltip-icon"><img src="{{ asset('img/icon-profesional.png') }}"/></span>
  118. <span class="tooltip-title">{{ 'categories.training_professionals'|trans({}, 'home') }}</span>
  119. </div>
  120. <div class="tooltip-body">{{ 'categories.tooltip_training_professionals'|trans({}, 'home') }}</div>
  121. </div>
  122. </div>
  123. {% endblock %}
  124. </div>
  125. {% endblock %}
  126. </section>
  128. <section id="courses">
  129. {% block courses %}
  130. <div class="content-title">
  131. <div class="content-text">
  132. <h2 class="section-title">{% block courses_title %}{{ 'courses.title'|trans({}, 'home') }}{% endblock %}</h2>
  133. </div>
  134. </div>
  135. <div class="content">
  136. <div class="content-text">
  137. {% block courses_content_text %}
  138. {{ 'courses.description'|trans({}, 'home') }}
  139. {% endblock %}
  140. </div>
  141. <div class="search-bar">
  142. {% block courses_search %}
  143. <form name="solicitud_accion_formativa_search" action="{{ path('course_list') }}" method="POST">
  144. <input name="solicitud_accion_formativa_search[cercador]" type="text" class="search-input" placeholder="{{ 'courses.search_placeholder'|trans({}, 'home') }}">
  145. <input type="hidden" name="solicitud_accion_formativa_search[_token]" value="{{ csrf_token('solicitud_accion_formativa_search') }}">
  146. <button type="submit" class="search-button">{{ 'courses.search_button'|trans({}, 'home') }}</button>
  147. </form>
  148. {% endblock %}
  149. </div>
  150. </div>
  151. {% endblock %}
  152. </section>
  154. <!-- Orientation Section -->
  155. <section id="orientation">
  156. {% block orientation %}
  157. <div class="content-title">
  158. <div class="content-text">
  159. <h2 class="section-title">{% block orientation_title %}{{ 'orientation.title'|trans({}, 'home') }}{% endblock %}</h2>
  160. </div>
  161. </div>
  162. <div class="content">
  163. <div class="content-text">
  164. {% block orientation_content %}
  165. <div id="title">{{ 'orientation.subtitle'|trans({}, 'home') }}</div>
  166. <p>{{ 'orientation.description'|trans({}, 'home') }}</p>
  167. {% endblock %}
  168. </div>
  169. <div class="search-bar">
  170. {% block orientation_search %}
  171. <form name="orientation_point_search" action="{{ path('orientation_point_list') }}" method="POST">
  172. <input name="orientation_point_search[cercador]" type="text" class="search-input" placeholder="{{ 'orientation.search_placeholder'|trans({}, 'home') }}">
  173. <button class="search-button">{{ 'orientation.search_button'|trans({}, 'home') }}</button>
  174. <input type="hidden" name="orientation_point_search[_token]" value="{{ csrf_token('orientation_point_search') }}">
  175. </form>
  176. {% endblock %}
  177. </div>
  178. </div>
  179. {% endblock %}
  180. </section>
  182. <!-- App Promo Section -->
  183. <section id="app-promo">
  184. {% block app_promo %}
  185. <h2 class="section-title">{% block app_promo_title %}{{ 'app_promo.title'|trans({}, 'home') }}{% endblock %}</h2>
  186. <div class="content">
  187. {% block app_promo_description %}
  188. <p class="app-description">{{ 'app_promo.description'|trans({}, 'home') }}</p>
  189. {% endblock %}
  190. <div class="app-image">
  191. {% block app_promo_image %}<img src="{{ asset('img/descargar_app.png') }}">{% endblock %}
  192. </div>
  193. <div class="app-buttons">
  194. {% block app_promo_buttons %}
  195. <a href="https://apps.apple.com/us/developer/b1-apps/id1012905366" class="app-button appstore" target="_blank"><img src="{{ asset('img/appstore.png') }}"></a>
  196. <a href="https://play.google.com/store/apps/developer?id=beOne+Apps&hl=es_419" class="app-button googleplay" target="_blank"><img src="{{ asset('img/google_play.png') }}"></a>
  197. {% endblock %}
  198. </div>
  199. </div>
  200. {% endblock %}
  201. </section>
  203. <!-- News Section -->
  204. <section id="news">
  205. {% block news %}
  206. <h2 class="section-title">{% block news_title %}{{ 'news.title'|trans({}, 'home') }}{% endblock %}</h2>
  207. <div class="news-items">
  208. {% block news_items %}
  209. {% for noticia in noticias %}
  210. {% include '_partials/news/_list_item.html.twig' with { noticia: noticia } %}
  211. {% endfor %}
  212. {% endblock %}
  213. </div>
  214. {% endblock %}
  215. </section>
  216. {% endblock %}
  218. {% block prefooter_wrapper %}
  219. <footer id="prefooter">
  220. {% block prefooter %}
  221. <div class="prefooter-links">
  222. {{ 'prefooter.social_follow'|trans({}, 'home') }}
  223. <span class="separator">&nbsp;</span>
  224. <a id="rrss-twitter" class="rrss" href="{{ rrss_twitter }}" target="_blank" title="Twitter - {{ rrss_twitter_user }}"><img src="{{ asset('img/twitter-ligth.svg') }}" alt="Twitter - {{ rrss_twitter_user }}"/></a>
  225. {# <span class="separator">&nbsp;</span>#}
  226. {# <a id="rrss-facebook" class="rrss" href="{{ rrss_facebook }}" target="_blank" title="Facebook"><img src="{{ asset('img/facebook-ligth.svg') }}" alt="Facebook"/></a>#}
  227. <span class="separator">&nbsp;</span>
  228. <a id="rrss-instagram" class="rrss" href="{{ rrss_instagram }}" target="_blank" title="Instagram - {{ rrss_instagram_user }}"><img src="{{ asset('img/instagram-ligth.svg') }}" alt="Instagram - {{ rrss_instagram_user }}"/></a>
  229. <span class="separator">&nbsp;</span>
  230. <a id="rrss-telegram" class="rrss" href="{{ rrss_telegram }}" target="_blank" title="Telegram - {{ rrss_telegram_user }}"><img src="{{ asset('img/telegram-ligth.svg') }}" alt="Telegram - {{ rrss_telegram_user }}"/></a>
  231. <span class="separator">&nbsp;</span>
  232. <a id="rrss-linkedin" class="rrss" href="{{ rrss_linkedin }}" target="_blank" title="Linkedin - {{ rrss_linkedin_user }}"><img src="{{ asset('img/linkedin-ligth.svg') }}" alt="Linkedin - {{ rrss_linkedin_user }}"/></a>
  233. <span class="separator">&nbsp;</span>
  234. <a id="rrss-youtube" class="rrss" href="{{ rrss_youtube }}" target="_blank" title="Youtube - {{ rrss_youtube_user }}"><img src="{{ asset('img/youtube-ligth.svg') }}" alt="Youtube - {{ rrss_youtube_user }}"/></a>
  235. {# <span class="separator">&nbsp;</span>#}
  236. {# <a id="rrss-whatsapp" class="rrss" href="{{ rrss_whatsapp }}" target="_blank" title="Whatsapp"><img src="{{ asset('img/whatsapp-ligth.svg') }}" alt="Whatsapp"/></a>#}
  237. {# <span class="separator">&nbsp;</span>#}
  238. {# <a id="rrss-share" class="rrss" href="{{ rrss_share }}" target="_blank" title="Share"><img src="{{ asset('img/share-ligth.svg') }}" alt="Share"/></a>#}
  239. </div>
  240. <div class="back"><a href="#header-top-bar"><i class="fas fa-chevron-up"></i></a></div>
  241. {% endblock %}
  242. </footer>
  243. {% endblock %}