src/UI/WebBundle/Resources/views/Common/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.getLocale() }}_{{ app.request.getLocale() | upper }}" dir="ltr" class="light">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <!-- ===============================================-->
  9. <!-- Document Title-->
  10. <!-- ===============================================-->
  11. <title>{% block title %}{{ 'web.title'|trans() }} - {{ 'web.description'|trans() }}{% endblock %}</title>
  12. <!-- ===============================================-->
  13. <!-- Favicons-->
  14. <!-- ===============================================-->
  15. <link rel="icon" type="image/x-icon" href="{{ asset('/favicon.png') }}" />
  16. <link rel="manifest" href="{{ asset('/assets/images/whater_app_icons/manifest.json') }}">
  17. <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('/assets/images/whater_app_icons/icon-57.png') }}">
  18. <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('/assets/images/whater_app_icons/icon-60.png') }}">
  19. <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('/assets/images/whater_app_icons/icon-72.png') }}">
  20. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('/assets/images/whater_app_icons/icon-76.png') }}">
  21. <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('/assets/images/whater_app_icons/icon-114.png') }}">
  22. <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('/assets/images/whater_app_icons/icon-120.png') }}">
  23. <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('/assets/images/whater_app_icons/icon-144.png') }}">
  24. <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('/assets/images/whater_app_icons/icon-152.png') }}">
  25. <link rel="apple-touch-icon" sizes="167x167" href="{{ asset('/assets/images/whater_app_icons/icon-167.png') }}">
  26. <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('/assets/images/whater_app_icons/icon-180.png') }}">
  27. <link rel="apple-touch-icon" sizes="1024x1024" href="{{ asset('/assets/images/whater_app_icons/icon-1024.png') }}">
  29. <meta name="mobile-web-app-capable" content="yes">
  30. <meta name="apple-mobile-web-app-capable" content="yes">
  31. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  33. <meta name="theme-color" content="#ffffff">
  35. {% block metas %}
  36. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
  37. <meta name="robots" content="all" />
  38. <meta http-equiv="content-language" content="{{ app.request.getLocale() }}" />
  39. <meta name="author" content="{{ ("web.author") | trans }}" />
  40. <meta name="description" content="{% block description %}{{ ("web.description") | trans }}{% endblock %}" />
  41. <meta name="whater_version" content="{{ app_version }}" />
  42. <!-- Open Graph data -->
  43. <meta property="og:title" content="{% block ogTitle %}{{ 'web.title'|trans() }}{% endblock %}" />
  44. <meta property="og:type" content="{% block ogType %}website{% endblock %}" />
  45. <meta property="og:description" content="{% block ogDescription %}{{ ("web.description") | trans }}{% endblock %}" />
  46. <meta property="og:image" content="{{ absolute_url(asset('/assets/images/logo_v2.png')) }}" />
  47. <!-- Twitter Card data -->
  48. <meta name="twitter:title" value="{% block twTitle %}{{ ("web.title") | trans }}{% endblock %}">
  49. <meta name="twitter:description" content="{% block twDescription %}{{ ("web.description") | trans }}{% endblock %}">
  50. <meta name="twitter:image:src" content="{{ absolute_url(asset('/assets/images/logo_v2.png')) }}">
  51. {% endblock metas %}
  53. <script src="/build/theme/phoenix/assets/vendors/imagesloaded/imagesloaded.pkgd.min.js"></script>
  54. <script src="/build/theme/phoenix/assets/vendors/simplebar/simplebar.min.js"></script>
  55. <script src="/build/theme/phoenix/assets/js/config.js"></script>
  57. <script src="{{ asset('bundles/goswebsocket/js/vendor/autobahn.min.js') }}"></script>
  58. <script src="{{ asset('bundles/goswebsocket/js/websocket.js') }}"></script>
  59. <script type="text/javascript">
  60. var _WS_URI = "{{ gos_web_socket_protocol }}://{{ gos_web_socket_host }}:{{ gos_web_socket_port_js }}";
  61. </script>
  63. <!-- ===============================================-->
  64. <!-- Stylesheets-->
  65. <!-- ===============================================-->
  66. <link rel="preconnect" href="https://fonts.googleapis.com">
  67. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  68. <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&amp;display=swap" rel="stylesheet">
  70. <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
  72. <link href="/build/css/wt_theme.css" type="text/css" rel="stylesheet" id="style-default">
  73. <link href="/build/css/wt_user.css" type="text/css" rel="stylesheet" id="user-style-default">
  75. <link href="/build/theme/phoenix/assets/vendors/simplebar/simplebar.min.css" rel="stylesheet">
  77. {% block stylesheets %}
  78. <link rel="stylesheet" href="{{ asset('assets/lib/angular/angular-csp.css') }}" type="text/css" media="all"/>
  79. <link rel="stylesheet" href="{{ asset('assets/lib/angular-ui-tree/dist/angular-ui-tree.min.css') }}" type="text/css" media="all"/>
  80. <link rel='stylesheet' href="{{ asset('assets/lib/angular-loading-bar/build/loading-bar.css') }}" type='text/css' media='all' />
  81. <link rel="stylesheet" href="{{ asset('assets/lib/medium-editor/dist/css/medium-editor.min.css') }}" type="text/css" media="all" />
  82. <link rel="stylesheet" href="{{ asset('assets/lib/medium-editor/dist/css/themes/beagle.min.css') }}" type="text/css" media="all" />
  83. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  84. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />
  85. <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
  86. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
  88. {{ encore_entry_link_tags('wt_web_styles_v2') }}
  89. {% endblock stylesheets %}
  90. </head>
  92. <body ng-app="WhaterApp" {{ app.debug ? 'data-env="debug"': '' }}>
  93. <!-- ===============================================-->
  94. <!-- Main Content-->
  95. <!-- ===============================================-->
  96. <main class="main" id="top">
  98. <!-- ============================================-->
  99. <!-- <section> begin ============================-->
  100. <section class="py-0 bg-white">
  102. <div class="container-small ">
  103. <div class="ecommerce-topbar">
  104. <nav class="navbar navbar-expand-lg navbar-light px-0">
  105. <div class="row gx-0 gy-2 w-100 flex-between-center">
  106. <div class="col-auto">
  107. <a class="text-decoration-none" href="{{ path('web_init')}}">
  108. <div class="d-flex align-items-center">
  109. <img src="{{ asset('/assets/images/logo_v2.png') | imagine_filter('whaterpoint_logo') }}" alt="whater.app" width="200" />
  110. </div>
  111. </a>
  112. </div>
  113. <div class="col-auto order-md-1">
  114. <ul class="navbar-nav navbar-nav-icons flex-row me-n2">
  115. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  116. {% if is_ecommerce_active %}
  117. <li class="nav-item mt-2">
  118. <a href="{{ path('web_app_user_my_balance') }}">
  119. <span class="badge rounded-pill bg-success fs--2" title="Whatercoins" >{{app.user.user.currentBalance | number_format(2, ',', '.')}} wc</span>
  120. </a>
  121. </li>
  122. <li class="nav-item">
  123. <a class="nav-link px-2 icon-indicator icon-indicator-primary icon-indicator-hide" href="{{ path('web_public_product_list') }}" role="button">
  124. <span class="text-700" data-feather="shopping-cart" style="height:20px;width:20px;"></span>
  125. <span class="icon-indicator-number fs--2">0</span>
  126. </a>
  127. </li>
  128. {% endif %}
  129. <li class="nav-item">
  130. <a class="nav-link px-2 icon-indicator icon-indicator-primary {% if app.user.user.unreadNotifications == 0 %}icon-indicator-hide{% endif %}" id="notifications-count-link"
  131. href="{{ path('web_app_list_notification') }}" role="button">
  132. <span class="text-700" data-feather="mail" style="height:20px;width:20px;"></span>
  133. <span id="notifications-count-number" class="icon-indicator-number fs--2">{{app.user.user.unreadNotifications}}</span>
  134. </a>
  135. </li>
  136. {% endif %}
  138. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  139. <li class="nav-item dropdown">
  140. <a class="nav-link px-2" id="navbarDropdownUser" href="#" role="button" data-bs-toggle="dropdown"
  141. data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
  142. <span class="text-700" data-feather="user" style="height:20px;width:20px;"></span>
  143. </a>
  144. <div class="dropdown-menu dropdown-menu-end navbar-dropdown-caret py-0 dropdown-profile shadow border border-300 mt-2"
  145. aria-labelledby="navbarDropdownUser">
  146. <div class="card position-relative border-0">
  147. <div class="card-body p-0">
  148. <div class="text-center pt-4 pb-3">
  149. <div class="avatar avatar-xl ">
  150. <img class="rounded-circle " src="https://gravatar.com/avatar/{{app.user.user.username}}?s=50&d=mp&r=g" alt="" />
  151. </div>
  152. <h6 class="mt-2 text-black">{{app.user.user.username}}</h6>
  153. </div>
  154. </div>
  155. <div class="overflow-auto scrollbar" style="height: 10rem;">
  156. <ul class="nav d-flex flex-column mb-2 pb-1">
  157. <li class="nav-item"><a class="nav-link px-3" href="{{path('web_app_user_dashboard')}}">
  158. <span class="me-2 text-900" data-feather="user"></span><span>Mi Cuenta</span></a>
  159. </li>
  160. {% if app.user.user.hasRole('ROLE_ADMIN') %}
  161. <li class="nav-item"><a class="nav-link px-3" href="{{path('web_admin_whater_dashboard')}}">
  162. <span class="me-2 text-900" data-feather="globe"></span>Administración</a>
  163. </li>
  164. {% endif %}
  165. {% if app.user.user.whaterOrganization %}
  166. <li class="nav-item"><a class="nav-link px-3" href="{{path('web_app_whater_points_list')}}">
  167. <span class="me-2 text-900" data-feather="droplet"></span>Mis Whaterpoints</a>
  168. </li>
  169. {% endif %}
  170. {% if is_ecommerce_active %}
  171. <li class="nav-item"><a class="nav-link px-3" href="{{ path('web_app_my_orders_list')}}">
  172. <span class="me-2 text-900" data-feather="folder"></span>Mis Pedidos</a>
  173. </li>
  174. {% endif %}
  176. <li class="nav-item"><a class="nav-link px-3" href="#!">
  177. <span class="me-2 text-900" data-feather="help-circle"></span>Centro de Ayuda</a>
  178. </li>
  179. </ul>
  180. </div>
  181. <div class="card-footer p-0 border-top">
  183. <div class="px-3 my-3">
  184. <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{{path('web_logout')}}">
  185. <span class="me-2" data-feather="log-out"> </span>Salir
  186. </a>
  187. </div>
  188. {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
  189. <div class="px-3 my-3">
  190. <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{{ path('web_admin_user_list', {'_switch_user': '_exit'}) }}">
  191. <span class="me-2" data-feather="user-x"> </span>Salir de suplantación
  192. </a>
  193. </div>
  194. {% endif %}
  195. <div class="my-2 text-center fw-bold fs--2 text-600">
  196. <a class="text-600 me-1" href="{{ path('web_privacity_policy') }}">Política de privacidad</a>&bull;
  197. <a class="text-600 mx-1" href="{{ path('web_terms') }}">Terminos</a>&bull;
  198. <a class="text-600 ms-1" href="#!">Cookies</a>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </li>
  204. {% else %}
  205. <li class="nav-item">
  206. <a class="btn btn-link text-900 order-1 order-lg-0 ps-4 me-lg-2 d-flex flex-nowrap" href="{{path('web_login')}}">
  207. <span class="d-none d-sm-block">Entrar</span>
  208. <span class="text-700" data-feather="log-in" style="height:15px;width:15px;"></span>
  209. </a>
  210. </li>
  211. <li class="nav-item">
  212. <a class="btn btn-phoenix-primary order-0 d-flex flex-nowrap" href="{{path('web_signup')}}">
  213. <span class="d-none d-sm-block fw-bold">Registrarse</span>
  214. <span class="text-700" data-feather="at-sign" style="height:15px;width:15px;"></span>
  215. </a>
  216. </li>
  217. {% endif %}
  218. </ul>
  219. </div>
  220. <div class="col-12 col-md-4"></div>
  221. </div>
  222. </nav>
  223. </div>
  224. </div>
  225. <!-- end of .container-->
  227. </section>
  228. <!-- <section> close ============================-->
  229. <!-- ============================================-->
  231. <nav class="ecommerce-navbar navbar-expand navbar-light bg-white justify-content-between">
  232. <div class="container-small d-flex flex-between-center" data-navbar="data-navbar">
  234. <div class="" data-category-btn="data-category-btn"></div>
  236. <ul class="navbar-nav justify-content-end align-items-center">
  237. {# Important: Do NOT reformat this html code #}
  239. <li class="nav-item my-2 fs--1 dropdown" data-nav-item="data-nav-item">{% apply spaceless %}<a class="nav-link dropdown-toggle" id="navbarLightUserDropdown"
  240. href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Usuarios</a>
  241. <div class="dropdown-menu py-0" aria-labelledby="navbarLightUserDropdown">
  242. <div class="bg-body-emphasis dark__bg-gray-1000 py-2 rounded-3">
  243. <a class="dropdown-item" href="#">Recordatorios</a>
  244. <a class="dropdown-item" href="{{path('web_public_whater_map', {'userType': 'user'})}}">Mapa del agua</a>
  245. <a class="dropdown-item" href="#">Comparador</a>
  246. <a class="dropdown-item" href="{{path('web_public_product_list')}}">Tienda de whater.app</a>
  247. </div>
  248. </div>
  249. {% endapply %}</li>
  250. <li class="nav-item my-2 fs--1 dropdown" data-nav-item="data-nav-item">{% apply spaceless %}<a class="nav-link dropdown-toggle" id="navbarLightOrganizationDropdown"
  251. href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Organizaciones</a>
  252. <div class="dropdown-menu py-0" aria-labelledby="navbarLightOrganizationDropdown">
  253. <div class="bg-body-emphasis dark__bg-gray-1000 py-2 rounded-3">
  254. <a class="dropdown-item" href="{{ path('web_whater_for_professionals', {'userType':'organization'})}}">Profesionales</a>
  255. <a class="dropdown-item" href="{{ path('web_whater_for_managers', {'userType':'organization'})}}">Operadores</a>
  256. <a class="dropdown-item" href="#">Vendedores</a>
  257. <a class="dropdown-item" href="#">Administraciones</a>
  258. <a class="dropdown-item" href="#">ONGs</a>
  259. </div>
  260. </div>
  261. {% endapply %}</li>
  262. <li class="nav-item my-2 fs--1" data-nav-item="data-nav-item"><a class="nav-link pe-0" href="{{ path('web_whater_for_users', {'userType':'user'})}}">Sobre whater.app</a></li>
  263. <li class="nav-item my-2 fs--1" data-nav-item="data-nav-item"><a class="nav-link pe-0" href="{{path('web_public_whater_map', {'userType': 'organization'})}}">Mapa del agua</a></li>
  264. <li class="nav-item my-2 fs--1" data-nav-item="data-nav-item"><a class="nav-link pe-0" href="{{path('web_contact', {'userType': 'organization'})}}">Contacto</a></li>
  265. <li class="nav-item my-2 fs--1 dropdown" data-nav-item="data-nav-item" data-more-item="data-more-item">
  266. <a class="nav-link dropdown-toggle dropdown-caret-none fw-bold pe-0"
  267. href="javascript: void(0)" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
  268. aria-expanded="false" data-boundary="window" data-bs-reference="parent">
  269. Otros<span class="fas fa-angle-down ms-2"></span>
  270. </a>
  271. <div class="dropdown-menu dropdown-menu-end category-list" aria-labelledby="navbarDropdown"
  272. data-category-list="data-category-list"></div>
  273. </li>
  274. </ul>
  275. </div>
  276. </nav>
  278. <!-- ============================================-->
  279. <!-- <section> begin ============================-->
  280. <section class="pt-5 pb-9">
  281. {% block contents %}
  282. <div class="container-small">
  283. <nav class="mb-2" aria-label="breadcrumb">
  284. <ol class="breadcrumb mb-0">
  285. <li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
  286. <li class="breadcrumb-item"><a href="#!">Page 2</a></li>
  287. <li class="breadcrumb-item active" aria-current="page">Page Title</li>
  288. </ol>
  289. </nav>
  290. <h2 class="mb-6">Title</h2>
  291. </div>
  292. {% endblock contents%}
  293. </section>
  294. <!-- <section> close ============================-->
  295. <!-- ============================================-->
  298. <!-- ============================================-->
  299. <!-- <section> begin ============================-->
  300. <section class="bg-100 dark__bg-1100 py-9">
  302. <div class="container-small">
  303. <div class="row justify-content-between gy-4">
  304. <div class="col-12 col-lg-4">
  305. <div class="d-flex align-items-center mb-3">
  306. <img src="{{ asset('/assets/images/logo_v2.png') | imagine_filter('whaterpoint_logo') }}" alt="whater.app" width="300" />
  307. </div>
  308. <p class="text-700 mb-1 fw-semi-bold lh-sm fs--1">
  309. Whater es una plataforma web y móvil gestora de bases de datos conectadas y actualizadas en tiempo real, que localiza e identifica puntos de abastecimiento de agua de grifo, filtrada o embotellada (WhaterPoint) en cualquier lugar.
  310. </p>
  311. </div>
  312. <div class="col-6 col-md-auto">
  313. <h5 class="fw-bolder mb-3">{{ 'menu.links.about' | trans }}</h5>
  314. <div class="d-flex flex-column">
  315. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_whatiswhater',{'userType':userType??'user'}) }}">{{ 'menu.links.what_is' | trans }}</a>
  316. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_faqs',{'userType':userType??'user'}) }}">{{ 'menu.links.faqs' | trans }}</a>
  317. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_terms',{'userType':userType??'user'}) }}">{{ 'menu.links.terms' | trans }}</a>
  318. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_privacity_policy',{'userType':userType??'user'}) }}">{{ 'menu.links.privacity_policy' | trans }}</a>
  319. </div>
  320. </div>
  321. <div class="col-6 col-md-auto">
  322. <h5 class="fw-bolder mb-3">{{ 'menu.links.direct' | trans }}</h5>
  323. <div class="d-flex flex-column">
  324. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_init') }}">{{ 'menu.links.homepage' | trans }}</a>
  325. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_public_whater_map') }}">{{ 'menu.links.whater_map' | trans }}</a>
  326. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_public_product_list') }}">{{ 'menu.links.ecommerce' | trans }}</a>
  327. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_contact',{'userType':userType??'user'}) }}">{{ 'menu.links.contact' | trans }}</a>
  328. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_blog_list_articles') }}">{{ 'menu.links.blog' | trans }}</a>
  329. {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  330. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_login') }}">{{ 'menu.links.login' | trans }}</a>
  331. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_signup') }}">{{ 'menu.links.register' | trans }}</a>
  332. {% endif %}
  333. {#
  334. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_homepage',{'userType':'user'}) }}">Soy usuario</a>
  335. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{ path('web_homepage',{'userType':'organization'}) }}">Soy organización</a>
  336. #}
  337. </div>
  338. </div>
  339. <div class="col-6 col-md-auto">
  340. <h5 class="fw-bolder mb-3">{{ 'menu.links.external_links' | trans }}</h5>
  341. <div class="d-flex flex-column">
  342. <a class="text-700 fw-semi-bold fs--1 mb-1" href="{{sinac_domain}}/SinacV2/">SINAC</a>
  343. <a class="text-700 fw-semi-bold fs--1 mb-1" href="https://www.who.int/water_sanitation_health/dwq/es/">OMS</a>
  344. <a class="text-700 fw-semi-bold fs--1 mb-1" href="https://www.unicef.org/es/temas/agua-saneamiento-e-higiene">UNICEF</a>
  345. <a class="text-700 fw-semi-bold fs--1 mb-1" href="https://iwa-network.org/">IWA</a>
  346. </div>
  347. </div>
  348. <div class="col-6 col-md-auto">
  349. <h5 class="fw-bolder mb-3">Redes sociales</h5>
  350. <div class="d-flex flex-column">
  351. <a class="mb-1 fw-semi-bold fs--1 d-flex" href="https://www.facebook.com/whaterapp/">
  352. <span class="fab fa-facebook-square text-primary me-2 fs-0"></span>
  353. <span class="text-800">Facebook</span>
  354. </a>
  355. <a class="mb-1 fw-semi-bold fs--1 d-flex" href="https://www.instagram.com/appwhater/">
  356. <span class="fab fa-instagram-square text-primary me-2 fs-0"></span>
  357. <span class="text-800">Instagram</span>
  358. </a>
  359. <a class="mb-1 fw-semi-bold fs--1 d-flex" href="https://twitter.com/whaterapp">
  360. <span class="fab fa-twitter-square text-info me-2 fs-0"></span>
  361. <span class="text-800">Twitter</span>
  362. </a>
  363. <a class="mb-1 fw-semi-bold fs--1 d-flex" href="https://www.linkedin.com/organization/whater-app/">
  364. <span class="fab fa-linkedin text-info me-2 fs-0"></span>
  365. <span class="text-800">LinkedIn</span>
  366. </a>
  367. <a class="mb-1 fw-semi-bold fs--1 d-flex" href="https://www.youtube.com/channel/UCXumLq7v46Dz7OIijZWzZZg">
  368. <span class="fab fa-youtube-square text-info me-2 fs-0"></span>
  369. <span class="text-800">YouTube</span>
  370. </a>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. <!-- end of .container-->
  377. </section>
  378. <!-- <section> close ============================-->
  379. <!-- ============================================-->
  381. <section class="py-9">
  382. <div class="container-small">
  383. <div class="row justify-content-between gy-4">
  384. <div class="col-12 col-lg-6">
  385. <div class="d-flex align-items-center mb-3">
  386. <div class="text-700 mb-1 fs--1">
  387. WHATER APP SOLUTIONS, S.L. ha recibido un incentivo del Ministerio de Industria, Comercio y Turismo y la Fundación EOI, FSP así como la Comunidad Autónoma de Andalucía, a través del programa ACTIVA STARTUPS, financiado por la Unión Europea – Next Generation EU.
  388. </div>
  389. </div>
  390. </div>
  391. <div class="col-12 col-lg-6">
  392. <div class="d-flex align-items-center mb-3">
  393. <img src="{{ asset('/assets/images/logos_eu/all-logos-768x95.png') }}" class="w-100 border" />
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. </section>
  401. </main>
  402. <!-- ===============================================-->
  403. <!-- End of Main Content-->
  404. <!-- ===============================================-->
  407. <!-- ===============================================-->
  408. <!-- JavaScripts-->
  409. <!-- ===============================================-->
  410. {% block javascripts %}
  411. <script type="text/javascript" src="{{ asset('assets/lib/moment/min/moment-with-locales.min.js') }}"></script>
  412. <script type="text/javascript" src="{{ asset('assets/lib/jquery/dist/jquery.min.js') }}"></script>
  413. <script type="text/javascript" src="{{ asset('assets/lib/semantic/dist/semantic.min.js') }}"></script>
  414. <script type="text/javascript" src="{{ asset('assets/lib/semantic-ui-calendar/dist/calendar.min.js') }}"></script>
  415. <script type="text/javascript" src="{{ asset('assets/lib/moment-timezone/builds/moment-timezone-with-data.min.js') }}"></script>
  416. <script type="text/javascript" src="{{ asset('assets/lib/angular/angular.min.js') }}"></script>
  417. <script type="text/javascript" src="{{ asset('assets/lib/angular-animate/angular-animate.min.js') }}"></script>
  418. <script type="text/javascript" src="{{ asset('assets/lib/angular-sanitize/angular-sanitize.min.js') }}"></script>
  419. <script type="text/javascript" src="{{ asset('assets/lib/angular-ui-router/release/angular-ui-router.min.js') }}"></script>
  420. <script type="text/javascript" src="{{ asset('assets/lib/angular-local-storage/dist/angular-local-storage.min.js') }}"></script>
  421. <script type="text/javascript" src="{{ asset('assets/lib/angular-translate/angular-translate.min.js') }}"></script>
  422. <script type="text/javascript" src="{{ asset('assets/lib/angular-translate-interpolation-messageformat/angular-translate-interpolation-messageformat.min.js') }}"></script>
  423. <script type="text/javascript" src="{{ asset('assets/lib/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js') }}"></script>
  424. <script type="text/javascript" src="{{ asset('assets/lib/angular-uuid4/angular-uuid4.min.js') }}"></script>
  425. <script type="text/javascript" src="{{ asset('assets/lib/angular-timeago/dist/angular-timeago.min.js') }}"></script>
  426. <script type="text/javascript" src="{{ asset('assets/lib/angular-paging/dist/paging.min.js') }}"></script>
  427. <script type='text/javascript' src="{{ asset('assets/lib/angular-loading-bar/build/loading-bar.js') }}"></script>
  428. <script type="text/javascript" src="{{ asset('assets/lib/ng-file-upload/ng-file-upload.min.js') }}"></script>
  429. <script type="text/javascript" src="{{ asset('assets/lib/ng-file-upload/ng-file-upload-shim.min.js') }}"></script>
  430. <script type="text/javascript" src="{{ asset('assets/lib/iso-3166-country-codes-angular/dist/iso-3166-country-codes-angular.min.js') }}"></script>
  431. <script type="text/javascript" src="{{ asset('assets/lib/angular-ui-tree/dist/angular-ui-tree.min.js') }}"></script>
  432. <script type="text/javascript" src="{{ asset('assets/lib/medium-editor/dist/js/medium-editor.min.js') }}"></script>
  433. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net/js/jquery.dataTables.js') }}"></script>
  434. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-se/js/dataTables.semanticui.min.js') }}"></script>
  435. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-select/js/dataTables.select.min.js') }}"></script>
  436. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-select-dt/js/select.dataTables.min.js') }}"></script>
  437. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-select-se/js/select.semanticui.min.js') }}"></script>
  438. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
  439. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-buttons/js/buttons.colVis.min.js') }}"></script>
  440. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-buttons-dt/js/buttons.dataTables.min.js') }}"></script>
  441. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-buttons-se/js/buttons.semanticui.min.js') }}"></script>
  442. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
  443. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-responsive-dt/js/responsive.dataTables.min.js') }}"></script>
  444. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-responsive-se/js/responsive.semanticui.min.js') }}"></script>
  445. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-fixedcolumns/js/dataTables.fixedColumns.min.js') }}"></script>
  446. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-fixedcolumns-dt/js/fixedColumns.dataTables.min.js') }}"></script>
  447. <script type="text/javascript" src="{{ asset('assets/lib/datatables.net-fixedcolumns-se/js/fixedColumns.semanticui.min.js') }}"></script>
  448. <script type="text/javascript" src="{{ asset('assets/lib/clipboard/dist/clipboard.min.js') }}"></script>
  449. <script type="text/javascript" src="{{ asset('assets/lib/ngclipboard/dist/ngclipboard.min.js') }}"></script>
  450. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier/1.0.3/oms.min.js"></script>
  451. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@turf/turf@6/turf.min.js"></script>
  453. {{ encore_entry_script_tags('common') }}
  455. {{ encore_entry_script_tags('common_angular') }}
  457. {% block analytics %}
  458. <!-- Google tag (gtag.js) -->
  459. <script async src="https://www.googletagmanager.com/gtag/js?id={{ google_analitycs_tracking_id }}"></script>
  460. <script>
  461. window.dataLayer = window.dataLayer || [];
  462. function gtag(){dataLayer.push(arguments);}
  463. gtag('js', new Date());
  464. gtag('config', '{{ google_analitycs_tracking_id }}');
  465. </script>
  466. <!-- End Google tag (gtag.js) -->
  467. {% endblock analytics %}
  469. {% endblock javascripts %}
  472. <script src="/build/theme/phoenix/assets/vendors/popper/popper.min.js"></script>
  473. <script src="/build/theme/phoenix/assets/vendors/bootstrap/bootstrap.min.js"></script>
  474. <script src="/build/theme/phoenix/assets/vendors/anchorjs/anchor.min.js"></script>
  475. <script src="/build/theme/phoenix/assets/vendors/is/is.min.js"></script>
  476. <script src="/build/theme/phoenix/assets/vendors/fontawesome/all.min.js"></script>
  477. <script src="/build/theme/phoenix/assets/vendors/lodash/lodash.min.js"></script>
  478. <script src="/build/theme/phoenix/assets/vendors/list.js/list.min.js"></script>
  479. <script src="/build/theme/phoenix/assets/vendors/feather-icons/feather.min.js"></script>
  480. <script src="/build/theme/phoenix/assets/vendors/dayjs/dayjs.min.js"></script>
  481. <script src="/build/theme/phoenix/assets/js/phoenix.js"></script>
  483. </body>
  485. </html>