app/template/user_data/inquiry/index.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  2. {% block title %}
  3. お問い合わせ | オリジナル缶バッジ/カンバッチ製作【個人小ロットから業務用OEMまで激安印刷】ZEAMI Goods
  4. {% endblock %}
  5. {% block js %}
  6. <!-- // ++ Guide jQuery ++ /////////////////////////////////////////////////////////// -->
  7. <link href="{{ asset('assets/js/fancybox02/jquery.fancybox.css') }}" rel="stylesheet" type="text/css" media="screen, projection">
  8. <script src="{{ asset('assets/js/fancybox02/jquery.fancybox.pack.js') }}" type="text/javascript"></script>
  9. <script src="{{ asset('assets/js/fancybox02/jquery.mousewheel-3.0.6.pack.js') }}" type="text/javascript"></script>
  10. <script src="{{ asset('assets/js/fancybox02/jquery.easing-1.3.pack.js') }}" type="text/javascript"></script>
  11. <script src="{{ asset('assets/js/guide.js') }}" type="text/javascript"></script>
  12. {% endblock %}
  14. {% block content %}
  15. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  16. <div id="bread_crumbBloc" class="fades">
  17. <ul id="breadCrumb" class="fades">
  18. <li class="up">
  19. <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  20. </li>
  21. <li class="up">お問い合わせ</li>
  22. </ul>
  23. <!-- ///// #breadCrumb +++++ ///// -->
  24. <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  25. </div>
  28. <!-- ▼▼ MAIN CONTENTS __________________________________________________________________________________________________ ▼▼ -->
  29. <main
  30. id="mainContents" class="">
  33. <!-- // == MAIN ================================================================================ // -->
  34. <section
  35. id="Inquiry" class="section_basic full">
  37. <!-- // ++ ページタイトル ++ /////////////////////////////////////////////////////////////// -->
  38. <div id="section_titleBloc" class="fades twolayout_body">
  39. <div id="title_twoLayout">
  40. <h3 class="section_title up">お問い合わせ</h3>
  41. <p class="title_cap up">メールでのお問い合わせは365日24時間受付！</p>
  42. <p class="section_note up">営業日の場合、18時までにいただきましたお問い合わせは即日返信させていただきます。<br>
  43. また、デザインオーダーをご希望のお客様はご用件のプルダウンからデザインオーダーをご選択のうえ、ご希望デザインの詳細をお問い合わせ内容にご記入ください。担当者よりどのデザインプランが該当するかご返信させていただきます。</p>
  44. </div>
  45. <!-- //// ++++ #title_twoLayout ++++ //// -->
  47. <figure id="titlePic" class="two_layout"><img src="{{ asset('assets/img/contact/contact_title_pic.jpg') }}"></figure>
  48. <!-- ///// #section_titleBloc +++++ ///// -->
  49. </div>
  52. <!-- // ++ フォーム ++ /////////////////////////////////////////////////////////////// -->
  53. <div id="contactBloc" class="one_box fades">
  54. <form action="{{ url('inquiry') }}" method="post" class="input_content">
  55. <dl id="form_inputArea" class="up">
  56. {{ form_widget(form._token) }}
  58. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  59. {# <dt class="input_headline">
  60. <p class="up">会社名（漢字）</p>
  61. </dt>
  62. <dd><input type="text" name="会社名" class="form_txt up" placeholder=""></dd>
  64. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  65. <dt class="input_headline">
  66. <p class="up">会社名（カナ）</p>
  67. </dt>
  68. <dd><input type="text" name="会社名(カナ)" class="form_txt up" placeholder=""></dd> #}
  70. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  71. <dt class="input_headline"> <p class="up">お名前（漢字）<span class="required">※</span>
  72. </p>
  73. </dt>
  74. <dd class="two_input">
  75. <label class="type_half">
  76. <span class="up">姓</span>
  77. {{ form_widget(form.name.name01, { 'attr': { 'class': 'form_txt_half up', 'placeholder': 'common.last_name' }}) }}
  78. {{ form_errors(form.name.name01) }}
  79. </label>
  80. <label class="type_half">
  81. <span class="up">名</span>
  82. {{ form_widget(form.name.name02, { 'attr': { 'class': 'form_txt_half up', 'placeholder': 'common.first_name' }}) }}
  83. {{ form_errors(form.name.name02) }}
  84. </label>
  85. </dd>
  87. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  88. <dt class="input_headline">
  89. <p class="up">お名前（カナ）<span class="required">※</span>
  90. </p>
  91. </dt>
  92. <dd class="two_input">
  93. <label class="type_half">
  94. <span class="up">セイ</span>
  95. {{ form_widget(form.kana.kana01, { 'attr': { 'class': 'form_txt_half up'}}) }}
  96. {{ form_errors(form.kana.kana01) }}
  97. </label>
  98. <label class="type_half">
  99. <span class="up">メイ</span>
  100. {{ form_widget(form.kana.kana02, { 'attr': { 'class': 'form_txt_half up' }}) }}
  101. {{ form_errors(form.kana.kana02) }}
  102. </label>
  103. </dd>
  105. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  106. <dt class="input_headline">
  107. <p class="up">E-mail<span class="required">※</span>
  108. </p>
  109. </dt>
  110. <dd>
  111. {{ form_widget(form.email, { 'attr': { 'class': 'form_txt up' }}) }}
  112. {{ form_errors(form.email) }}
  113. </dd>
  115. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  116. {# <dt class="input_headline">
  117. <p class="up">E-mail（確認用）<span class="required">※</span>
  118. </p>
  119. </dt>
  120. <dd><input type="email" name="mail02" class="form_txt up" placeholder=""></dd> #}
  122. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  123. <dt class="input_headline">
  124. <p class="up">郵便番号</p>
  125. </dt>
  126. <dd>
  127. {{ form_widget(form.postal_code, { 'attr': { 'class': 'form_txt up', 'placeholder': '例：556-0055' }}) }}
  128. {{ form_errors(form.postal_code) }}
  129. </dd>
  131. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  132. <dt class="input_headline">
  133. <p class="up">ご住所</p>
  134. </dt>
  135. <dd>
  136. <div class="select_cover half up">
  137. {{ form_widget(form.address.pref, { 'attr': { 'class': '' }}) }}
  138. {{ form_errors(form.address.pref) }}
  139. </div>
  140. {{ form_widget(form.address.addr01, { 'attr': { 'class': 'form_txt up', 'placeholder': '建物名までご明記ください' }}) }}
  141. {{ form_errors(form.address.addr01) }}
  142. </dd>
  144. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  145. <dt class="input_headline">
  146. <p class="up">電話番号</p>
  147. </dt>
  148. <dd>
  149. {{ form_widget(form.phone_number, { 'attr': { 'class': 'form_txt up', 'placeholder': '例：06-1234-5678' }}) }}
  150. {{ form_errors(form.phone_number) }}
  151. </dd>
  153. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  154. {# <dt class="input_headline">
  155. <p class="up">ご用件<span class="required">※</span>
  156. </p>
  157. </dt>
  158. <dd>
  159. <div class="select_cover half02 t15 up">
  160. <select name="ご用件">
  161. <option value="----">選択してください</option>
  162. <option value="ご質問・お問い合わせ">ご質問・お問い合わせ</option>
  163. <option value="小ロット生産について">小ロット生産について</option>
  164. <option value="デザインオーダー">デザインオーダー</option>
  165. </select>
  166. </div>
  167. </dd> #}
  169. <!-- ■■ ++ ONE INPUT ++ ■■ -->
  170. <dt class="input_headline">
  171. <p class="up">ご用件<span class="required">※</span>
  172. </p>
  173. </dt>
  174. <dd>
  175. {{ form_widget(form.contents, { 'attr': { 'class': 'form_textarea', "rows": "10"}}) }}
  176. {{ form_errors(form.contents) }}
  177. </dd>
  179. <!-- //// ++++ #form_inputArea ++++ //// -->
  180. </dl>
  183. <!-- // △△ BUTTON LIST ++ △△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△ -->
  184. <ul id="form_btnList" class="fades">
  185. <div class="up">
  186. <button type="submit" name="mode" value="confirm" id="btnAgree" style="width: 250px">{{ 'common.go_to_confirm'|trans }}</button>
  187. </div>
  188. {# <li class="up">
  189. <p id="btnDisagree">
  190. <a href="javascript:void(0);" onclick="">クリア</a>
  191. </p>
  192. </li> #}
  193. </ul>
  194. <!-- //// #form_btnList ++++ ///// -->
  197. <!-- // △△ ご注意 ++ △△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△ -->
  198. <aside class="one_box caution_box fades">
  199. <div class="caution_inner">
  200. <h5 class="caution_title up">ご注意</h5>
  201. <p class="indent up">◯Yahoo!メール、Yahoo!BBメールは「なりすましメール拒否」にチェックが入っていると当店からの返信メールが届きません。<br>
  202. 必ずチェックを外した状態でご注文ください。</p>
  203. <!-- // ** .caution_box ** // -->
  204. </div>
  205. </aside>
  208. </form>
  209. </div>
  210. <!-- ///// #Inquiry +++++ ///// -->
  211. </section>
  212. <!-- ///// +++++ #Contact +++++ ///// -->
  213. <!-- ///// +++++ #mainContents +++++ ///// -->
  214. </main>
  217. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  218. <div id="bread_crumbBloc" class="fades">
  219. <ul id="breadCrumb" class="fades">
  220. <li class="up">
  221. <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  222. </li>
  223. <li class="up">お問い合わせ</li>
  224. </ul>
  225. <!-- ///// #breadCrumb +++++ ///// -->
  226. <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  227. </div>
  228. {% endblock %}