app/template/user_data/keyholder.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  3. {% block content %}
  4. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  5. <div id="bread_crumbBloc" class="fades">
  6. <ul id="breadCrumb" class="fades">
  7. <li class="up">
  8. <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  9. </li>
  10. <li class="up">アクリルキーホルダー</li>
  11. </ul>
  12. <!-- ///// #breadCrumb +++++ ///// -->
  13. <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  14. </div>
  17. <!-- ▼▼ MAIN CONTENTS __________________________________________________________________________________________________ ▼▼ -->
  18. <main
  19. id="mainContents">
  21. <!-- // == MAIN ================================================================================ // -->
  22. <section
  23. id="Category" class="section_basic">
  25. <!-- // ++ カテゴリー紹介文 ++ /////////////////////////////////////////////////////////////// -->
  26. <aside id="guidanceBox" class="fades">
  27. <h4 id="guideHeadline" class="up">ステッカーの紙種は全部で８種類！耐水性のあるものからUVカットラミネートまで豊富に取り揃えています！</h4>
  28. <p>紙の種類は全部で6種類！ラミネート加工を施すことにより耐衝撃・耐水性もUP！！<br>複数デザインでも合計50枚からオーダー可能です。</p>
  30. <ul id="category_guideLink" class="fades">
  31. <li class="link_design up">
  32. <a href="/keyholder-design">デザイン方法</a>
  33. </li>
  34. <li class="link_sample up">
  35. <a href="/sample">サンプル購入</a>
  36. </li>
  37. <!-- //// ++++ #category_guidelink ++++ //// -->
  38. </ul>
  39. </aside>
  40. <!-- ///// #guidanceBox +++++ ///// -->
  43. <!-- // ++ 商品一覧 ++ /////////////////////////////////////////////////////////////// -->
  44. <div class="one_box">
  45. <ul
  46. id="cat_itemList" class="fades">
  48. <!-- ☆☆ ONE ITEM ☆☆ -->
  49. <li
  50. class="one_item up">
  52. <!--■■ ++ サムネイル ++ ■■-->
  53. <figure class="catlist_thumb fades">
  54. <a href="/keyholder-size_s">
  55. <img
  56. src="{{ asset('assets/img/product_thumb_cover.gif') }}" style="background-image: url('{{ asset('assets/img/product/keyholder/size_s.jpg') }}');">
  58. <!--■■ ++ ミラーコート ++ ■■-->
  59. <p class="catlist_thumb_chara fades"><img src="{{ asset('assets/img/mirror_coat.png') }}"></p>
  60. </a>
  61. </figure>
  62. <!-- /// *** .favourite_thumb *** /// -->
  64. <article class="catlist_namebox fades">
  65. <h4 class="catlist_name up">
  66. <a href="/keyholder-size_s">Sサイズ</a>
  67. </h4>
  68. <h5 class="catlist_catch up">耐水性はありませんが、とにかく安価！</h5>
  70. <!--■■ ++ カテゴリーマーク ++ ■■-->
  71. <aside class="catlist_mark fades">
  72. <p class="up">
  73. <span>おすすめ</span>
  74. </p>
  75. <p class="up">
  76. <span>定番商品</span>
  77. </p>
  78. <!-- ///.favourite_catlist *** /// -->
  79. </aside>
  80. </article>
  81. <!-- /// *** .favourite_titlebox *** /// -->
  82. </li>
  83. <!-- //// **** .one_item **** //// -->
  86. <!-- ☆☆ ONE CAMPAIGN ☆☆ -->
  87. <li
  88. class="one_item up">
  90. <!--■■ ++ サムネイル ++ ■■-->
  91. <figure class="catlist_thumb fades">
  92. <a href="/keyholder-size_s">
  93. <img
  94. src="{{ asset('assets/img/product_thumb_cover.gif') }}" style="background-image: url('{{ asset('assets/img/product/keyholder/size_m.jpg') }}');">
  96. <!--■■ ++ ミラーコート ++ ■■-->
  97. <p class="catlist_thumb_chara fades"><img src="{{ asset('assets/img/mirror_coat.png') }}"></p>
  98. </a>
  99. </figure>
  100. <!-- /// *** .favourite_thumb *** /// -->
  102. <article class="catlist_namebox fades">
  103. <h4 class="catlist_name up">
  104. <a href="/keyholder-size_s">Mサイズ</a>
  105. </h4>
  106. <h5 class="catlist_catch up">水には弱いけれど、発色も鮮やかで安い！</h5>
  108. <!--■■ ++ カテゴリーマーク ++ ■■-->
  109. <aside class="catlist_mark fades">
  110. <p class="up">
  111. <span>人気急上昇</span>
  112. </p>
  113. <!-- ///.favourite_catlist *** /// -->
  114. </aside>
  115. </article>
  116. <!-- /// *** .favourite_titlebox *** /// -->
  117. </li>
  118. <!-- //// **** .one_item **** //// -->
  121. <!-- ☆☆ ONE ITEM ☆☆ -->
  122. <li
  123. class="one_item up">
  125. <!--■■ ++ サムネイル ++ ■■-->
  126. <figure class="catlist_thumb fades">
  127. <a href="/keyholder-size_s">
  128. <img
  129. src="{{ asset('assets/img/product_thumb_cover.gif') }}" style="background-image: url('{{ asset('assets/img/product/keyholder/size_l.jpg') }}');">
  131. <!--■■ ++ ミラーコート ++ ■■-->
  132. <p class="catlist_thumb_chara fades"><img src="{{ asset('assets/img/mirror_coat.png') }}"></p>
  133. </a>
  134. </figure>
  135. <!-- /// *** .favourite_thumb *** /// -->
  137. <article class="catlist_namebox fades">
  138. <h4 class="catlist_name up">
  139. <a href="/keyholder-size_s">Lサイズ</a>
  140. </h4>
  141. <h5 class="catlist_catch up">バックステージパス、スポーツゼッケンに！</h5>
  143. <!--■■ ++ カテゴリーマーク ++ ■■-->
  144. <aside class="catlist_mark fades">
  145. <p class="up">
  146. <span>人気急上昇</span>
  147. </p>
  148. <!-- ///.favourite_catlist *** /// -->
  149. </aside>
  150. </article>
  151. <!-- /// *** .favourite_titlebox *** /// -->
  152. </li>
  153. <!-- //// **** .one_item **** //// -->
  155. <!-- //// ++++ #cat_itemList ++++ //// -->
  156. </ul>
  159. <!-- // ++ カテゴリー紹介文02 ++ /////////////////////////////////////////////////////////////// -->
  160. <aside id="guidanceBox" class="fades">
  161. <h4 id="guideHeadline" class="up">印刷オプションや梱包オプションもございます。<br>
  162. また別途お問い合わせいただければ、証紙の貼付や特別パッケージも対応可能です。</h4>
  163. <p class="up">ZEAMI Goodsでは、商品が届いたら即販売、またはそのまま卸先や業者様に納品できるような柔軟な対応を行っております。<br>
  164. 詳しい内容は、お気軽に<a href="/inquiry">お問い合わせ</a>ください。</p>
  165. </aside>
  166. <!-- ///// #guidanceBox +++++ ///// -->
  169. </div>
  170. <!-- ///// .one_box ***** ///// -->
  173. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  174. <ul
  175. id="guide_otherpageLink" class="for_productlist fades">
  177. <!-- ☆☆ ONE LINK ☆☆ -->
  178. <li class="one_link up">
  179. <figure class="other_linkPic">
  180. <a href="#">
  181. <img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
  182. </a>
  183. </figure>
  184. <div class="guide_link_textbox up">
  185. <h5 class="guide_link_title up">
  186. <a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
  187. </a>
  188. </h5>
  189. <p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>
  190. <!-- /// *** .guide_link_textbox *** /// -->
  191. </div>
  192. </li>
  193. <!-- //// .one_link *+** //// -->
  195. <!-- ☆☆ ONE LINK ☆☆ -->
  196. <li class="one_link up">
  197. <figure class="other_linkPic">
  198. <a href="#">
  199. <img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
  200. </a>
  201. </figure>
  202. <div class="guide_link_textbox up">
  203. <h5 class="guide_link_title up">
  204. <a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
  205. </a>
  206. </h5>
  207. <p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>
  208. <!-- /// *** .guide_link_textbox *** /// -->
  209. </div>
  210. </li>
  211. <!-- //// .one_link *+** //// -->
  213. <!-- ☆☆ ONE LINK ☆☆ -->
  214. <li class="one_link up">
  215. <figure class="other_linkPic">
  216. <a href="#">
  217. <img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
  218. </a>
  219. </figure>
  220. <div class="guide_link_textbox up">
  221. <h5 class="guide_link_title up">
  222. <a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
  223. </a>
  224. </h5>
  225. <p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>
  226. <!-- /// *** .guide_link_textbox *** /// -->
  227. </div>
  228. </li>
  229. <!-- //// .one_link *+** //// -->
  232. <!-- ☆☆ ONE LINK ☆☆ -->
  233. <li class="one_link up">
  234. <figure class="other_linkPic">
  235. <a href="#">
  236. <img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
  237. </a>
  238. </figure>
  239. <div class="guide_link_textbox up">
  240. <h5 class="guide_link_title up">
  241. <a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
  242. </a>
  243. </h5>
  244. <p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>
  245. <!-- /// *** .guide_link_textbox *** /// -->
  246. </div>
  247. </li>
  248. <!-- //// .one_link *+** //// -->
  251. <!-- //// ++++ #guide_otherpageLink ++++ //// -->
  252. </ul>
  255. </section>
  256. <!-- ///// +++++ #Category +++++ ///// -->
  257. <!-- ///// +++++ #mainContents +++++ ///// -->
  258. </main>
  261. <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  262. <div id="bread_crumbBloc" class="fades">
  263. <ul id="breadCrumb" class="fades">
  264. <li class="up">
  265. <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  266. </li>
  267. <li class="up">アクリルキーホルダー</li>
  268. </ul>
  269. <!-- ///// #breadCrumb +++++ ///// -->
  270. <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  271. </div>
  272. {% endblock %}