templates/default/contact_for_corporate_clients.html.twig line 1

Open in your IDE?
  1. {% extends '/base.html.twig' %}
  3. {% block main_content %}
  4. <div class="row text-center mt-5">
  5. <div class="col">
  6. <div class="card">
  7. <div class="card-header primary-color text-black text-left">
  8. <h1 class="mb-0 h2">{{ 'contact_page.topic.faq.headline'|trans }}</h1>
  9. </div>
  10. <div class="card-body">
  11. <div class="container-fluid">
  12. <div class="row pt-2">
  13. <div class="col-md-6 col-12 pr-md-5 mb-5 mb-md-3">
  14. {{ form_start(form, { 'attr': {'id': 'contact-for-corporate-clients-form'} }) }}
  15. <h5 class="text-left form-inline mb-0">
  16. {{ 'contact_page.topic.faq.i_need_personell'|trans }}
  17. </h5>
  18. <ul class="pl-1">
  19. <div class="text-left mt-3">{{ form_errors(form.numberOfOffices) }}</div>
  20. <li class="d-flex flex-row justify-content-start">
  21. <span class="h5 mt-3 pt-2">- ca.</span>
  22. <div class="md-form ml-3 mr-3 my-2">
  23. {{ form_widget(form.numberOfOffices, {'attr': {'style': 'max-width: 100px;'} }) }}
  24. </div>
  25. <span class="h5 mt-3 pt-2 pb-0 mb-0">{{ 'contact_page.topic.faq.offices'|trans }}</span>
  26. </li>
  27. <div class="text-left">{{ form_errors(form.numberOfVacancies) }}</div>
  28. <li class="d-flex flex-row justify-content-start">
  29. <span class="h5 mt-3 pt-2">- ca.</span>
  30. <div class="md-form ml-3 mr-3 my-2">
  31. {{ form_widget(form.numberOfVacancies, {'attr': {'style': 'max-width: 100px;'} }) }}
  32. </div>
  33. <span class="h5 mt-3 pt-2 pb-0 mb-0">{{ 'contact_page.topic.faq.vacancies'|trans }}</span>
  34. </li>
  35. </ul>
  36. <div class="md-form mb-3" style="margin-top: -10px;">
  37. {{ form_row(form.name) }}
  38. </div>
  40. <div class="md-form mb-3">
  41. {{ form_row(form.company) }}
  42. </div>
  44. <div class="md-form mb-3">
  45. {{ form_row(form.email) }}
  46. </div>
  48. <div class="md-form mb-5">
  49. {{ form_row(form.phone) }}
  50. </div>
  52. <div class="form-group mb-3">
  53. <span class="font-weight-bold"> {{ 'contact_message.optional'|trans }}</span>
  54. {{ form_row(form.body, { 'attr': {'class': 'pl-2 pr-2', 'style': 'height: 20em;'} }) }}
  55. </div>
  57. <div class="{{ captchaSubmitClass() }}" {{ captchaSubmitDataAttributes() }}></div>
  58. <button type="submit" class="submit-button btn btn-primary">{{ 'contact_page.send'|trans }}</button>
  60. {{ form_end(form) }}
  61. </div>
  63. <div class="col-md-6 col-12 pl-md-5 pr-3 text-left mb-5 mb-md-3">
  64. <h5 class="text-left">
  65. {{ 'contact_page.topic.faq.call_us'|trans }}
  66. </h5>
  67. <h5 class="mt-4">
  68. {{ 'contact_page.topic.faq.phone'|trans }}
  69. </h5>
  70. <a href="tel:021329143066" class="btn font-weight-bold p-2" >
  71. <i class="fa fa-phone fa-lg" aria-hidden="true"></i>
  72. </a>
  73. <a href="tel:021329143066">
  74. {{ 'contact_page.topic.faq.gg_phone'|trans }}
  75. </a>
  76. <h5 class="mt-4">
  77. {{ 'contact_page.topic.faq.email'|trans }}
  78. </h5>
  79. <a href="mailto:info@joboo.de" class="btn font-weight-bold p-2" >
  80. <i class="fa fa-envelope fa-lg" aria-hidden="true"></i>
  81. </a>
  82. <a href="mailto:info@joboo.de">
  83. {{ 'contact_page.topic.faq.gg_email'|trans }}
  84. </a>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. {% endblock %}
  94. {% block javascripts %}
  95. {{ captchaJavascript('contact-for-corporate-clients-form', 'submit-button') }}
  96. {% endblock %}