app/template/default/Guide/cutting_text.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block stylesheet %}
  14.     <link rel="stylesheet" href="{{ asset('assets/css/estimate.css') }}">
  15.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css') }}">
  16. {% endblock %}
  18. {% block main %}
  19.     <div class="ec-role">
  20.         <div class="ec-pageHeader">
  21.             <h1>{{ 'テキスト入力でカッティングステッカーをオーダー'|trans }}</h1>
  22.         </div>
  23.         <div class="ec-pageBody">
  24.             <div class="ec-section">
  25.                 <h2 class="ec-section--title2 mb-4">
  26.                     <img src="{{ asset('assets/img/guide/img_cutting_text-1.png') }}">
  27.                     書体を利用してカッティングシートを切り抜きます。デザイン原稿要らずでお申し込み頂けます。
  28.                 </h2>
  29.                 <p class="ec-section--point mb-4"><span class="label-pill label-point">Point</span>テキスト入力 → 書体プレビュー  → 好みの書体を選択</p>
  30.                 <div class="st-Role">
  31.                     <div class="st-Grid st-Grid4">
  32.                         <div class="st-Grid__item border">
  33.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_text-2.png') }}"></div>
  34.                             <dl class="st-Grid__item-text text-left">
  35.                                 <dt>原稿要らず。書体イメージを確認してお選びください。</dt>
  36.                                 <dd>
  37.                                     <p>当店でデータ作成後に改めてデザインをご確認いただけます。</p>
  38.                                 </dd>
  39.                             </dl>
  40.                         </div>
  41.                     </div>
  42.                 </div>
  43.                 <div class="st-Role mt-5">
  44.                     <div class="d-flex gap-2">
  45.                         <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.240234C3.5816 0.240234 0 3.82183 0 8.24023C0 12.6586 3.5816 16.2402 8 16.2402C12.4184 16.2402 16 12.6586 16 8.24023C16 3.82183 12.4184 0.240234 8 0.240234ZM8.8 12.2402H7.2V10.6402H8.8V12.2402ZM8.8 9.04023H7.2L6.8 4.24023H9.2L8.8 9.04023Z" fill="#FB2A4F"/></svg>
  46.                         <dl>
  47.                             <dt class="mb-2">文字の適正サイズについて</dt>
  48.                             <dd>
  49.                                 <p class="mb-2"> ご指定のサイズによっては作製が難しくなることがございます。また、可能域になるよう太さなどを調整させていただくことがございます。</p>
  50.                                 <span id="open-modal_font_size" class="ec-link color-cyan"><small>文字の最小サイズ目安</small> <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.34855 0.458008C2.84427 0.458008 2.43582 0.86645 2.43582 1.37073V2.89269H0.912721C0.408443 2.89269 0 3.30113 0 3.80655V11.1106C0 11.6149 0.408443 12.0233 0.912721 12.0233H10.6526C11.1569 12.0233 11.5653 11.6149 11.5653 11.1106V9.58864H13.0873C13.5916 9.58864 14 9.1802 14 8.67592V1.37073C14 0.86645 13.5916 0.458008 13.0873 0.458008H3.34855ZM2.43582 4.41465V8.67592C2.43582 9.1802 2.84427 9.58864 3.34855 9.58864H10.0445V10.1443C10.0445 10.3416 9.88477 10.5014 9.68739 10.5014H1.87906C1.68169 10.5014 1.52196 10.3416 1.52196 10.1443V4.77176C1.52196 4.57438 1.68169 4.41465 1.87906 4.41465H2.43468H2.43582ZM3.95779 2.33707C3.95779 2.1397 4.11751 1.97997 4.31489 1.97997H12.1209C12.3183 1.97997 12.478 2.1397 12.478 2.33707V7.70958C12.478 7.90695 12.3183 8.06668 12.1209 8.06668H4.31489C4.11751 8.06668 3.95779 7.90695 3.95779 7.70958V2.33707Z" fill="#05B4BE"/></svg></span>
  51.                             </dd>
  52.                         </dl>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </div>
  58.     {{ include('Block/modal_font_size.twig') }}
  59. {% endblock %}