app/template/tanzo/Block/category.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. #}
  12. <div class="<!--ec-topicRole-->">
  13.     <div class="ec-role p-0">
  14.         <a href="{{ url('product_list') }}?category_id=1" class="to_cat">
  15.             <div class="row g-0">
  16.                 <div class="col-12 col-md-6 ratio ratio-1x1">
  17.                     <img src="{{ asset('assets/img/top/cat_img1.jpg') }}" class="object-fit-cover">
  18.                 </div>
  19.                 <div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center px-3 py-5 bg_tanzo">
  20.                     <h2 class="fs-1">Marriage ring</h2>
  21.                     <p class="fs-3 font_bold">結婚指輪</p>
  22.                     <p class="mt-4 lead">
  23.                         「丈夫で、美しい」鍛造指輪
  24.                     </p>
  25.                     <p class="btn btn-outline-dark rounded-0 mt-3 lh-1  pt-0 pb-2 px-3 fs-4">more</p>
  26.                 </div>
  27.             </div>
  28.         </a>
  29.         <a href="{{ url('product_list') }}?category_id=2" class="to_cat">
  30.             <div class="row g-0 flex-md-row-reverse">
  31.                 <div class="col-12 col-md-6 ratio ratio-1x1">
  32.                     <img src="{{ asset('assets/img/top/cat_img2.jpg') }}" class="object-fit-cover">
  33.                 </div>
  34.                 <div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center px-3 py-5 bg_tanzo">
  35.                     <h2 class="fs-1">Engagement ring</h2>
  36.                     <p class="fs-3 font_bold">婚約指輪</p>
  37.                     <p class="mt-4 lead">
  38.                         流行に左右されない<br>一生物の婚約指輪
  39.                     </p>
  40.                     <p class="btn btn-outline-dark rounded-0 mt-3 lh-1 pt-0 pb-2 px-3 fs-4">more</p>
  41.                 </div>
  42.             </div>
  43.         </a>
  44.         <a href="{{ url('product_list') }}?category_id=3" class="to_cat">
  45.             <div class="row g-0">
  46.                 <div class="col-12 col-md-6 ratio ratio-1x1">
  47.                     <img src="{{ asset('assets/img/top/cat_img3.jpg') }}" class="object-fit-cover">
  48.                 </div>
  49.                 <div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center px-3 py-5 bg_tanzo">
  50.                     <h2 class="fs-1">Anniversary Jewelry</h2>
  51.                     <p class="fs-3 font_bold">アニバーサリージュエリー</p>
  52.                     <p class="mt-4 lead">
  53.                         大切な人に贈る記念品
  54.                     </p>
  55.                     <p class="btn btn-outline-dark rounded-0 mt-3 lh-1  pt-0 pb-2 px-3 fs-4">more</p>
  56.                 </div>
  57.             </div>
  58.         </a>
  59.     </div>
  60. </div>