src/UI/WebBundle/Resources/views/Public/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'Common/base.html.twig' %}
  2. {% import 'Common/parts/functions.html.twig' as function %}
  4. {% block title %}{{ 'web.homepage.title'|trans }} | {{ parent() }}{% endblock %}
  5. {% block classBody %}home {{ parent() }}{% endblock %}
  7. {% block javascripts %}
  8. {{ parent() }}
  10. {{ encore_entry_script_tags('wt_homepage') }}
  12. {% endblock javascripts %}
  14. {% block contents %}
  15. <div ng-controller="homepageCtrl" class="mt-n5">
  17. {{ function.showFlashes() }}
  19. <div class="container-fluid px-lg-7 px-xxl-3"
  20. style="background-image:url({{ asset('/assets/images/whater-homepage-glass-v2.png') }});background-position:top center;background-size: cover;">
  21. <div class="container-small pt-5 pb-4 px-lg-7 px-xxl-3" >
  22. <div class="row align-items-center">
  23. <div class="col-12 text-lg-start text-center pt-1 pb-1 order-0 position-relative">
  24. <h1 class="d-none">
  25. Be Whater
  26. Be Better
  27. </h1>
  28. <img src="{{ asset('/assets/images/bewather-bebetter.png') }}" class="w-md-auto w-100 mb-4"/>
  29. <h2 class="pb-5 mb-5 text-light">
  30. Ayudamos a las personas a elegir dónde y qué agua beber, ahorrando tiempo y dinero, protegiendo su salud y el medio ambiente.
  31. </h2>
  32. {#
  33. <div class="text-center" >
  34. <div class="btn-group-lg me-2" role="group" >
  35. <a class="btn btn-secondary" href="{{path('web_homepage',{ 'userType':'user'})}}">Usuario</a>
  36. <a class="btn btn-secondary" href="{{path('web_homepage',{ 'userType':'organization'})}}">Organización</a>
  37. </div>
  38. </div>
  39. #}
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  45. <div class="container-small pt-5 mt-5 pb-4 px-lg-7 px-xxl-3" >
  46. <h2 style="color: #35C3F1" class="fs-4 pb-3">Whater es transparente</h2>
  47. <p class="my-3 fs-1">
  48. Whater es una plataforma web y móvil (actualmente en versión beta), que gestiona bases de datos conectadas y actualizadas en tiempo real.
  49. </p>
  50. <p class="my-3 fs-1">
  51. Identificamos puntos de abastecimiento de agua de grifo, filtrada o embotellada (denominados WhaterPoint) en cualquier lugar.
  52. </p>
  53. <p class="my-3 fs-1">
  54. Mostramos la información que ofrecen las administraciones, operadores, suministradores, profesionales y consumidores, sobre la CALIDAD del agua de consumo, generando una etiqueta virtual geolocalizada del agua.
  55. </p>
  56. </div>
  58. <div class="container-small pt-5 mt-5 pb-4 px-lg-7 px-xxl-3" >
  59. <div class="row">
  60. <div class="col-12 col-md-4 mb-6 text-center">
  61. <img class="mb-4" src="{{ asset('/assets/images/home-image-world.png') }}" />
  62. <div class="fs-3 fw-bold">Recolectamos</div>
  63. <div class="fs-1">Buscamos, localizamos y descargamos de forma automática, información y datos de difícil acceso, ocultos o desestructurados.</div>
  64. </div>
  65. <div class="col-12 col-md-4 mb-6 text-center ">
  66. <img class="mb-4" src="{{ asset('/assets/images/home-image-square.png') }}" />
  67. <div class="fs-3 fw-bold">Organizamos</div>
  68. <div class="fs-1">Organizamos, analizamos y correlacionamos los datos almacenados, geolocalízándolos..</div>
  69. </div>
  70. <div class="col-12 col-md-4 mb-6 text-center ">
  71. <img class="mb-4" src="{{ asset('/assets/images/home-image-hand.png') }}" />
  72. <div class="fs-3 fw-bold">Publicamos</div>
  73. <div class="fs-1">Presentamos la información útil de forma clara, sencilla y fácil de entender.</div>
  74. </div>
  75. </div>
  76. </div>
  78. </div>
  80. {% endblock contents %}