templates/index/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'index/layout.html.twig' %}
  3. {% block title %}お問い合わせ{% endblock %}
  4. {% block header_title %}お問い合わせ{% endblock %}
  6. {% block stylesheet %}
  7.   <link rel="stylesheet" href="/css/contact.css">
  8. {#  <style>#}
  9. {#    .invalid-feedback {#}
  10. {#      display: block;#}
  11. {#      color: #cd0000;#}
  12. {#      padding: 1rem 0;#}
  13. {#      font-size: 1.4rem;#}
  14. {#    }#}
  15. {#    .form-control.is-invalid {#}
  16. {#      border-color: #cd0000 !important;#}
  17. {#    }#}
  18. {#    .form-error-icon {#}
  19. {#      display: none;#}
  20. {#    }#}
  21. {#  </style>#}
  22. {% endblock %}
  24. {% block main %}
  25.   <main>
  26.     <div class="form_area">
  27.       <section>
  28.         <div class="attention">
  29.           <p class="title">お問い合わせの前に</p>
  30.           <p>よくあるお問い合わせの回答集をご用意しております。お問い合わせの前に一度ご確認ください。</p>
  31.           <a href="{{ path('faq') }}" class="attention_button">よくある質問</a>
  32.         </div>
  33.         <h2 class="page_title">メールで問い合わせる</h2>
  34.         {{ form_start(form) }}
  35.         <label for="name" class="form_title02">お名前<span class="required">(必須)</span></label>
  36.         {{ form_widget(form.name) }}
  37.         {{ form_errors(form.name) }}
  39.         <label for="mail" class="form_title02">メールアドレス<span class="required">(必須)</span></label>
  40.         {{ form_widget(form.email) }}
  41.         {{ form_errors(form.email) }}
  43.         <label for="tel" class="form_title02">電話番号</label>
  44.         {{ form_widget(form.tel) }}
  45.         {{ form_errors(form.tel) }}
  47.         <label for="body" class="form_title02">お問い合わせ内容<span class="required">(必須)</span></label>
  48.         {{ form_widget(form.content) }}
  49.         {{ form_errors(form.content) }}
  51.         <p class="center"><a href="{{ path('privacy') }}">個人情報保護方針</a>に同意の上</p>
  52.         <input type="submit" value="メールを送信する" class="button02">
  53.         {{ form_end(form) }}
  54.       </section>
  56. {#      <section class="tel">#}
  57. {#        <h2 class="page_title">電話で問い合わせる</h2>#}
  58. {#        <p class="tel_number">090-0000-0000</p>#}
  59. {#        <p class="tel_time">受付時間 10:00-19:00</p>#}
  60. {#      </section>#}
  61.     </div>
  62.   </main>
  63. {% endblock %}