templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block head %}
  4.     {{ parent() }}
  5.     <meta name="description" content="{{ 'CONTACT_META_DESCRIPTION'|trans}}">
  6.     <meta name="keywords" content="{{ 'CONTACT_META_KEYWORDS'|trans}}">
  7. {% endblock %}
  8. {% block title %}{{ 'CONTACT_META_TITLE'|trans }}{% endblock %}
  10. {% block body %}
  11. <main>
  12.     <section class="komili-blog-detail">
  13.         <div class="komili-wrapper">
  14.             <div class="komili-blog-detail-box">
  15.                 <div class="komili-blog-detail-box-grid">
  16.                     <div class="text">
  17.                         <h1 class="bold text-color-p mb-24"></h1>
  18.                         <p class="bold">Elleair International Turkey Kişisel Bakım Ürünleri Üretim Anonim Şirketi</p>
  20.                         <p>{{ 'ADDRESS: '|trans }}<br>
  21.                             Balçık Mahallesi Pelitli Yolu Caddesi No:138/1/1 Gebze-Kocaeli</p>
  23.                         {% if errorMessage %}
  24.                             <p style="color: red">{{ errorMessage }}</p>
  25.                         {% endif %}
  27.                         {% if successMessage %}
  28.                             <p style="color: green">{{ successMessage }}</p>
  29.                         {% endif %}
  31.                         <form action="{{ path('contact') }}" method="post">
  32.                             <div class="mb-24">
  33.                                 <label for="full_name" class="form-label" {% if fullName %}style="color: red"{% endif %}>{{ 'FULL_NAME'|trans }}</label>
  34.                                 <input type="text" name="full_name" value="{{ values ? values['full_name'] : ''}}" class="form-input w-100">
  35.                                 {% if fullName %}<p style="color: red">{{ fullName }}</p>{% endif %}
  36.                             </div>
  37.                             <div class="mb-24">
  38.                                 <label for="email" class="form-label" {% if email %}style="color: red"{% endif %}>{{ 'EMAIL'|trans }}</label>
  39.                                 <input type="text" name="email" value="{{ values ? values['email'] : ''}}" class="form-input w-100">
  40.                                 {% if email %}<p style="color: red">{{ email }}</p>{% endif %}
  41.                             </div>
  42.                             <div class="mb-24">
  43.                                 <label for="subject" class="form-label" {% if subject %}style="color: red"{% endif %}>{{ 'SUBJECT'|trans }}</label>
  44.                                 <input type="text" name="subject" value="{{ values ? values['subject'] : ''}}" class="form-input w-100">
  45.                                 {% if subject %}<p style="color: red">{{ subject }}</p>{% endif %}
  46.                             </div>
  47.                             <div class="mb-24">
  48.                                 <label for="message" class="form-label" {% if message %}style="color: red"{% endif %}>{{ 'MESSAGE'|trans }}</label>
  49.                                 <textarea name="message" class="form-textarea w-100">{{ values ? values['message'] : ''}}</textarea>
  50.                                 {% if message %}<p style="color: red">{{ message }}</p>{% endif %}
  51.                             </div>
  52.                             <button class="btn color-p" type="submit">{{ 'SEND'|trans }}</button>
  53.                         </form>
  55.                     </div>
  56.                     <div class="video-wrapper">
  57.                         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1508.8301510715166!2d29.435276679047632!3d40.85738139458354!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cb270db6eaf731%3A0x67c47a86d66e3cf5!2zRWxsZWFpciBJbnRlcm5hdGlvbmFsIFR1cmtleSBLacWfaXNlbCBCYWvEsW0gw5xyw7xubGVyaSDDnHJldGltIEEuxZ4u!5e0!3m2!1sen!2str!4v1644494043534!5m2!1sen!2str" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </section>
  63. </main>
  64. {% endblock %}