templates/Content/Public/Contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block content %}
  3. <div class="container-fluid">
  4. <div class="container">
  5. <div class="content">
  6. <div class="row grid-66-32">
  7. <form class="contact-form" name="mdl_public_bundle_contact" method="post" action="{{ path('public_contact') }}">
  8. <h1>{{ 'contact.contact-us'|trans }}</h1>
  9. <p>{{ 'contact.description'|trans }}</p>
  10. <div>
  11. <div class="row">
  12. <div class="col">
  13. <input class="form-control" type="text" placeholder="{{ 'placeholders.last-name'|trans }}" aria-label="Name" required>
  14. </div>
  15. <div class="col">
  16. <input class="form-control" type="text" placeholder="{{ 'placeholders.last-name'|trans }}" aria-label="LastName" required>
  17. </div>
  18. </div>
  19. <div class="row">
  20. <div class="col">
  21. <input class="form-control" type="email" placeholder="{{ 'placeholders.email'|trans }}" aria-label="Email" required>
  22. </div>
  23. <div class="col">
  24. <input class="form-control" type="tel" placeholder="{{ 'placeholders.phone-no'|trans }}" aria-label="Phone No.">
  25. </div>
  26. </div>
  27. <div class="row">
  28. <textarea class="form-control" placeholder="{{ 'placeholders.message'|trans }}" aria-label="Message"></textarea>
  29. </div>
  30. <button class="btn d-flex" type="submit" aria-label="Submit">{{ 'send-message'|trans }}<img src="{{ asset('assets/static/arrow-button.svg') }}"></button>
  31. </div>
  32. </form>
  33. <div class="team-info-card">
  34. <img src="{{ asset('assets/static/contact-info.png') }}" alt="Contact Us Info">
  35. <div class="row">
  36. <h1>{{ 'call-us'|trans }}</h1>
  37. <div class="contact-card">
  38. <div class="contact-card-items">
  39. <img src="{{ asset('assets/static/phone-white.svg') }}" alt="Phone">
  40. <div>
  41. <p>{{ 'placeholders.phone-no'|trans }}</p>
  42. <p>{{ company_phone|regex_replace('/,.*/', '') }}</p>
  43. </div>
  44. </div>
  45. <div class="contact-card-items">
  46. <img src="{{ asset('assets/static/map-pin-white.svg') }}" alt="Map Pin">
  47. <div>
  48. <p>{{ 'placeholders.address'|trans }}</p>
  49. <p>{{ company_address }}</p>
  50. </div>
  51. </div>
  52. <div class="contact-card-items">
  53. <img src="{{ asset('assets/static/envelope-white.svg') }}" alt="Email">
  54. <div>
  55. <p>{{ 'placeholders.email'|trans }}</p>
  56. <p>{{ company_email }}</p>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="social-media">
  61. <a href="#" class="linkedin">
  62. <img src="{{ asset('assets/static/linkedin-white-transparent.svg') }}" alt="Linkedin">
  63. </a>
  64. <a href="#" class="instagram">
  65. <img src="{{ asset('assets/static/instagram-white-transparent.svg') }}" alt="Instagram">
  66. </a>
  67. <a href="#" class="facebook">
  68. <img src="{{ asset('assets/static/facebook-white-transparent.svg') }}" alt="Facebook">
  69. </a>
  70. <a href="#" class="youtube">
  71. <img src="{{ asset('assets/static/youtube-white-transparent.svg') }}" alt="Youtube">
  72. </a>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. {% endblock %}