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

Open in your IDE?
  1. {% extends 'Common/base.html.twig' %}
  2. {% import 'Common/parts/functions.html.twig' as function %}
  3. {% block title %}{{ 'web.contact.title'|trans }} | {{ parent() }}{% endblock %}
  4. {% block classBody %}basic contact{% endblock %}
  5. {% block sectionName %}<h1>{{ 'web.contact.title'|trans }}</h1>{% endblock %}
  6. {% block contents %}
  7. <div class="container-small">
  8. <nav class="mb-2" aria-label="breadcrumb">
  9. <ol class="breadcrumb mb-0">
  10. <li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
  11. <li class="breadcrumb-item active" aria-current="page">{{ 'web.contact.title'|trans }}</li>
  12. </ol>
  13. </nav>
  14. <h2 class="mb-6">{{ 'web.contact.title'|trans }}</h2>
  15. <div class="row g-5 g-lg-5">
  16. <div class="col-md-6 mb-5 mb-md-0 text-center text-md-start">
  17. <h3 class="mb-3">{{ 'contact_form.form_title'|trans }}</h3>
  18. <p class="mb-5">Contáctanos para descubrir más sobre la revolucionaria aplicación que transforma cómo compartimos y conectamos a través de la plataforma web whater.app:</p>
  19. <div class="d-flex flex-column align-items-center align-items-md-start gap-3 gap-md-0">
  20. <div class="d-md-flex align-items-center">
  21. <div class="icon-wrapper shadow-info">
  22. <span class="uil uil-phone text-primary light fs-4 z-index-1 ms-2"></span>
  23. </div>
  24. <div class="flex-1 ms-3">
  25. <a class="link-900" href="tel:+34644037017">(+34) 644 037 017</a>
  26. </div>
  27. <div class="flex-1 ms-3">
  28. <a class="link-900" href="tel:+34672465905">(+34) 672 465 905</a>
  29. </div>
  30. </div>
  31. <div class="d-md-flex align-items-center">
  32. <div class="icon-wrapper shadow-info">
  33. <span class="uil uil-fast-mail text-primary light fs-4 z-index-1 ms-2"></span>
  34. </div>
  35. <div class="flex-1 ms-3">
  36. <a class="link-900" href="mailto:whater.app@whater.app">whater.app@whater.app</a>
  37. </div>
  38. </div>
  39. <div class="mb-6 d-md-flex align-items-center">
  40. <div class="icon-wrapper shadow-info">
  41. <span class="uil uil-map-marker text-primary light fs-4 z-index-1 ms-2"></span>
  42. </div>
  43. <div class="flex-1 ms-3">
  44. <address class="fw-semi-bold text-900">
  45. Calle Alfred Nobel nº8<br/>
  46. 41300 San José de la Rinconada<br/>
  47. España
  48. </address>
  49. </div>
  50. </div>
  51. <div class="d-flex">
  52. <a href="https://www.facebook.com/whaterapp/" target="_blank">
  53. <span class="fa-brands fa-facebook fs-2 text-primary me-3"></span>
  54. </a>
  55. <a href="https://www.instagram.com/whaterapp" target="_blank">
  56. <span class="fa-brands fa-instagram fs-2 text-primary me-3"></span>
  57. </a>
  58. <a href="https://twitter.com/whaterapp" target="_blank">
  59. <span class="fa-brands fa-twitter fs-2 text-primary me-3"></span>
  60. </a>
  61. <a href="https://www.linkedin.com/organization/whater-app/" target="_blank">
  62. <span class="fa-brands fa-linkedin fs-2 text-primary me-3"></span>
  63. </a>
  64. <a href="https://www.youtube.com/channel/UCXumLq7v46Dz7OIijZWzZZg" target="_blank">
  65. <span class="fa-brands fa-youtube fs-2 text-primary me-3"></span>
  66. </a>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="col-md-6 text-center text-md-start">
  71. <h3 class="mb-3">Escríbenos</h3>
  72. <p class="mb-7">Completa el formulario a continuación si tienes alguna duda. Estamos aquí para responder tus preguntas y hacer que tu experiencia con con whater.app sea inolvidable.</p>
  73. {{ function.showFlashes() }}
  74. {% form_theme form 'Form/bootstrap_5_layout.html.twig' %}
  75. {{ form_start(form, {'attr': { 'classes': 'row g-4'}}) }}
  76. <div class="col-12 mb-2">
  77. {{ form_widget(form.email, {'attr': { 'placeholder':'Email', 'class': 'form-control bg-white'}}) }}
  78. </div>
  79. <div class="col-12 mb-2">
  80. {{ form_widget(form.message, {'attr': { 'placeholder':'Mensaje', 'class': 'form-control bg-white', 'rows': 10}}) }}
  81. </div>
  82. <div class="col-12 mb-2">
  83. {{ form_widget(form.recaptcha) }}
  84. </div>
  85. <div class="col-12 d-grid">
  86. <button class="btn btn-outline-primary" type="submit">{{ 'contact_form.button.send'|trans }}</button>
  87. </div>
  88. {{ form_end(form) }}
  89. </div>
  90. </div>
  91. </div>
  92. {% endblock contents %}