templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3. <div class="breadcumb-wrapper" data-bg-src="{{ asset('assets/img/bg/breadcrumb-bg.jpg') }}" data-overlay="title" data-opacity="8">
  4. <div class="container">
  5. <div class="breadcumb-content">
  6. <h1 class="breadcumb-title">Contact</h1>
  7. <ul class="breadcumb-menu">
  8. <li>
  9. <a href="{{ path('home') }}">Accueil</a>
  10. </li>
  11. <li>Contact</li>
  12. </ul>
  13. </div>
  14. </div>
  15. </div>
  16. <div class="contact-area-2 space-top" id="contact-sec">
  17. <div class="container">
  18. <div class="row gy-4 justify-content-center">
  19. <div class="contact-icon-wrap">
  20. <div class="info-box">
  21. <div class="info-box_icon">
  22. <img src="{{ asset('assets/img/icon/contact-icon-1.svg') }}" alt="shape-img"/>
  23. </div>
  24. <div class="info-contnt">
  25. <h4 class="footer-info-title">Adresse</h4>
  26. <p class="info-box_text">11 Bd De Sébastopol, Cdaap 75001 Paris</p>
  27. </div>
  28. </div>
  29. <div class="info-box">
  30. <div class="info-box_icon">
  31. <img src="{{ asset('assets/img/icon/contact-icon-2.svg') }}" alt="shape-img"/>
  32. </div>
  33. <div class="info-contnt">
  34. <h4 class="footer-info-title">Téléphone</h4>
  35. <p class="info-box_text">
  36. <a href="tel:+33618104596" class="info-box_link">+33 6 18 10 45 96</a>
  37. </p>
  38. </div>
  39. </div>
  40. <div class="info-box">
  41. <div class="info-box_icon">
  42. <img src="{{ asset('assets/img/icon/contact-icon-3.svg') }}" alt="shape-img"/>
  43. </div>
  44. <div class="info-contnt">
  45. <h4 class="footer-info-title">Email</h4>
  46. <p class="info-box_text">
  47. <a href="mailto:contact@cabinet-avocat.com" class="info-box_link">contact@cabinet-avocat.com</a>
  48. </p>
  49. </div>
  50. </div>
  51. <div class="info-box">
  52. <div class="info-box_icon">
  53. <img src="{{ asset('assets/img/icon/contact-icon-4.svg') }}" alt="shape-img"/>
  54. </div>
  55. <div class="info-contnt">
  56. <h4 class="footer-info-title">Des questions ?</h4>
  57. <p class="info-box_text">
  58. N'hésitez pas à nous contacter pour toute demande.
  59. </p>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="space-top">
  67. <div class="container">
  68. <div class="row gy-4">
  69. <div class="col-lg-7">
  70. {{ form_start(contact_form, {'attr': {'class': 'contact-form style-4'}}) }}
  71. <h3 class="form-title text-start">Laissez un message</h3>
  72. {% for message in app.flashes('success') %}
  73. <div class="alert alert-success">{{ message }}</div>
  74. {% endfor %}
  75. {% for message in app.flashes('error') %}
  76. <div class="alert alert-danger">{{ message }}</div>
  77. {% endfor %}
  78. <div class="row">
  79. <div class="form-group col-md-6">
  80. {{ form_widget(contact_form.name) }}
  81. <i class="fa-solid fa-user"></i>
  82. {{ form_errors(contact_form.name) }}
  83. </div>
  84. <div class="form-group col-md-6">
  85. {{ form_widget(contact_form.email) }}
  86. <i class="fa-solid fa-envelope"></i>
  87. {{ form_errors(contact_form.email) }}
  88. </div>
  89. <div class="form-group col-md-6">
  90. {{ form_widget(contact_form.phone) }}
  91. <i class="fa-solid fa-phone"></i>
  92. {{ form_errors(contact_form.phone) }}
  93. </div>
  94. <div class="form-group col-md-6">
  95. {{ form_widget(contact_form.subject) }}
  96. <i class="fa-solid fa-chevron-down"></i>
  97. {{ form_errors(contact_form.subject) }}
  98. </div>
  99. <div class="form-group col-12">
  100. {{ form_widget(contact_form.message) }}
  101. <i class="fa-solid fa-pencil"></i>
  102. {{ form_errors(contact_form.message) }}
  103. </div>
  104. <div class="form-group col-12">
  105. <div style="text-align: left; margin-bottom: 20px;">
  106. {{ form_widget(contact_form.rgpd) }}
  107. {{ form_label(contact_form.rgpd) }}
  108. {{ form_errors(contact_form.rgpd) }}
  109. </div>
  110. </div>
  111. <div class="form-btn col-12">
  112. <button class="th-btn style2" type="submit">
  113. Envoyer le message
  114. <i class="fa-solid fa-arrow-right-long"></i>
  115. </button>
  116. </div>
  117. </div>
  118. {{ form_end(contact_form) }}
  119. </div>
  120. <div class="col-lg-5">
  121. <div class="contact-page-thumb">
  122. <img src="{{ asset('assets/img/contact/contact-right.png') }}" alt=""/>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="space">
  129. <div class="container">
  130. <div class="row">
  131. <div class="col-12">
  132. <div class="contact-map">
  133. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.221427282869!2d2.2981358156748466!3d48.87305927928892!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66fc45a306871%3A0x40b82c3688c9460!2sAvenue%20des%20Champs-%C3%89lys%C3%A9es%2C%20Paris!5e0!3m2!1sen!2sfr!4v1651028958211!5m2!1sen!2sfr" allowfullscreen="" loading="lazy"></iframe>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. {% endblock %}