src/Eccube/Resource/template/default/Block/footer.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 ddcense information, please view the ddCENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% block main %}
  12.     <div class="w-full px-[136px] lg:px-6 pt-20 lg:pt-20 bg-background-default flex flex-col items-center justify-center whitespace-nowrap lg:gap-y-10 md:pb-[140px]">
  13.         <div class="max-w-[1280px] w-full flex justify-between md:flex-col items-start pb-20 lg:pb-0 lg:gap-10">
  14.             <div class="flex gap-x-[174px] font-medium leading-[48px] lg:gap-x-20 md:flex-col md:gap-6 w-[360px] md:w-full">
  15.                 <dl class="flex flex-col lg:gap-6 flex-wrap md:flex-row">
  16.                     <dd class="w-[74px]  md:w-[150px] hover">
  17.                         <a href="/help/about">CONCEPT</a>
  18.                     </dd>
  19.                     <dd class="w-[74px] md:w-[150px] hover">
  20.                         <a href="/products/list">LINE UP</a>
  21.                     </dd>
  22.                     <dd class="w-[74px]  md:w-[150px] hover">
  23.                         <a href="/sea_burial">海洋散骨</a>
  24.                     </dd>
  25.                     <dd class="w-[74px]  md:w-[150px] hover">
  26.                         <a href="/special">SPECIAL</a>
  27.                     </dd>
  28.                 </dl>
  29.                 <dl class="flex flex-col lg:gap-6 flex-wrap md:flex-row">
  30.                     <dd class="w-[74px]  md:w-[150px] hover">
  31.                         <a href="/news">ニュース</a>
  32.                     </dd>
  33.                     <dd class="w-[74px]  md:w-[150px] hover">
  34.                         <a href="/guide">ご利用ガイド</a>
  35.                     </dd>
  36.                     <dd class="w-[74px]  md:w-[150px] hover">
  37.                         <a href="/contact/other">お問い合わせ</a>
  38.                     </dd>
  39.                 </ul>
  40.             </div>
  41.             <div class="flex gap-x-[5vw] font-normal text-sm leading-10 md:flex-col lg:gap-y-6 md:pr-7">
  42.                 <ul class="flex flex-col md:flex-row lg:gap-6 flex-wrap">
  43.                     <li
  44.                         class="hover">
  45.                         {# TODO:実装後リンク確認 #}
  46.                         <a href="/qa">よくあるご質問</a>
  47.                     </li>
  48.                     <li class="hover">
  49.                         <a href="/help/privacy">プライバシーポリシー</a>
  50.                     </li>
  51.                     <li class="hover">
  52.                         <a href="/help/agreement">会員規約</a>
  53.                     </li>
  54.                     <li class="hover hidden md:block">
  55.                         <a href="/help/tradelaw">特定商取引に基づく表記</a>
  56.                     </li>
  57.                 </ul>
  58.                 <ul class="flex flex-col md:flex-row lg:gap-6 flex-wrap">
  59.                     <li class="hover md:hidden">
  60.                         <a href="/help/tradelaw">特定商取引に基づく表記</a>
  61.                     </li>
  62.                     <li class="hover">
  63.                         <a href="/help/sitemap">サイトマップ</a>
  64.                     </li>
  65.                     <li class="hover">
  66.                         <a href="http://manaka-ltd.jp/profile/" class="flex gap-x-2 items-center" target=" _blank">
  67.                             <p>会社概要</p>
  68.                             <img src="{{asset('assets/icon/open_in_new.svg')}}" alt="会社概要へ" class="h-4 w-4">
  69.                         </a>
  70.                     </li>
  71.                 </ul>
  72.             </dl>
  73.         </div>
  74.     </div>
  75.     <hr class="w-full border-none bg-sub-beige-pale h-[1px] hidden lg:block">
  76.     <div class="max-w-[1280px] w-full flex justify-between items-end lg:flex-col lg:justify-start lg:items-start">
  77.         <div class="pb-[47px] lg:pb-[70px] flex gap-x-4">
  78.             <hr class="bg-gradient-to-b from-[#ADAAA6] to-[#F0EDE900] border-none  w-[1px] h-[120px] ">
  79.             <div class="flex flex-col gap-y-4">
  80.                 <p class="font-bold tracking-wide">お電話でのお問い合わせ</p>
  81.                 <span>
  82.                     <a href="tel:03-5579-5671" class="text-2xl leading-9 font-notoseddf flex gap-2">
  83.                         <img src="{{asset('assets/icon/phone.svg')}}" alt="電話のアイコン">
  84.                         <p class="text-2xl leading-9 font-notoserif">03-5579-5671</p>
  85.                     </a>
  86.                 </span>
  87.                 <p class="text-sm leading-7">受付時間／10:00～18:00（年末年始除く）</p>
  88.             </div>
  89.         </div>
  90.         <p class="pb-10 md:pb-10 text-xs text-center md:text-left md:pl-5">© Itsukushi. by 株式会社まなか All Rights Reserved.</p>
  92.     </div>
  93. </div>{% endblock %}