templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {# {% form_theme contactForm 'bootstrap_5_horizontal_layout.html.twig' %} #}
  3. {% form_theme contactForm 'form/custom_form_theme.html.twig' %}
  4. {% block body %}
  6.     <!-- Start Page Title Area -->
  7.     <div class="page-title-area page-title-bg1">
  8.         <div class="d-table">
  9.             <div class="d-table-cell">
  10.                 <div class="container">
  11.                     <div class="page-title-content">
  12.                         <h2>Contact</h2>
  13.                         <ul>
  14.                             <li><a href="{{ path('home') }}">Home</a></li>
  15.                             <li>Contact</li>
  16.                         </ul>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  22.         <div class="shape-img2"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  23.         <div class="shape-img3"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  24.         <div class="shape-img4"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  25.         <div class="shape-img5"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  26.         <div class="shape-img7"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  27.         <div class="shape-img8"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  28.         <div class="shape-img9"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  29.         <div class="shape-img10"><img src="{{ asset('build/img/shape/shape2.svg') }}" alt="image"></div>
  30.     </div>
  31.     <!-- End Page Title Area -->
  34.     <section class="solution-area py-5 extra-pb jarallax" id="form" data-jarallax='{"speed": 0.3}'>
  35.         <div class="container">
  36.             <div class="row">
  37.                 {% for label, messages in app.flashes(['success', 'warning', 'danger']) %}
  38.                     {% for message in messages %}
  39.                         <div class="col-lg-8 offset-lg-2 col-md-12">
  40.                             <div class="alert alert-{{ label }} alert-dismissible fade show text-center" role="alert">
  41.                                 {{ message }}
  42.                                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  43.                             </div>
  44.                         </div>
  45.                     {% endfor %}
  46.                 {% endfor %}
  47.             </div>
  48.             <div class="row align-items-center">
  49.                 <div class="col-lg-8 offset-lg-2 col-md-12">
  50.                     <div class="solution-content text-center">
  51.                         <span class="sub-title">{% trans %}pages.contact.subtitle{% endtrans %}</span>
  52.                         <h2>{% trans %}pages.contact.title{% endtrans %}</h2>
  53.                         <p>
  54.                             {% trans %} pages.contact.description {% endtrans %}
  55.                         </p>
  56.                         <div class="row align-items-center">
  57.                             <div class="col-lg-12 col-md-12">
  58.                                 <div class="contact-form text-start">
  60.                                     {{ form_start(contactForm) }}
  61.                                     <div class="row">
  62.                                         <div class="col-12">
  63.                                             <div class="form-group">
  64.                                                 {{ form_row(contactForm.email, {
  65.                                                     'attr': {
  66.                                                         'placeholder': ('pages.contact.form.email' | trans),
  67.                                                         'class': 'form-control'
  68.                                                     }
  69.                                                 }) }}
  70.                                             </div>
  71.                                         </div>
  72.                                         <div class="col-12">
  73.                                             <div class="form-group">
  74.                                                 {{ form_row(contactForm.subject, {
  75.                                                     'attr': {
  76.                                                         'placeholder': ('pages.contact.form.msg_subject' | trans),
  77.                                                         'class': 'form-control'
  78.                                                     }
  79.                                                 }) }}
  80.                                             </div>
  81.                                         </div>
  82.                                         <div class="col-12">
  83.                                             <div class="form-group">
  84.                                                 {{ form_row(contactForm.message, {
  85.                                                     'attr': {
  86.                                                         'placeholder': ('pages.contact.form.message' | trans),
  87.                                                         'class': 'form-control'
  88.                                                     }
  89.                                                 }) }}
  90.                                             </div>
  91.                                         </div>
  92.                                         <div class="col-12">
  93.                                             <div class="form-group">
  94.                                                 {{ form_row(contactForm.recaptcha) }}
  95.                                             </div>
  96.                                         </div>
  97.                                         <div class="col-12">
  98.                                             <button type="submit" class="default-btn">
  99.                                                 <label class="mb-0">{{ 'buttons.sendYourMessage' | trans }}</label>
  100.                                             </button>
  101.                                         </div>
  102.                                     </div>
  103.                                     {{ form_end(contactForm) }}
  104.                                 </div>
  105.                             </div>
  106.                         </div>
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </section>
  112. {% endblock %}