app/template/default/Block/banner_b001_block_42_1721971341.twig line 1

Open in your IDE?
  1. <div class="ec-BlockHedder">
  2.     <h1 class="ec-BlockHedder__title">CATEGORY<span class="ec-BlockHedder__subtitle">カテゴリから探す</span></h1>
  3. </div>
  4. <div class="banner-b001-block">
  5.     <div class="banner01">
  6.         <div class="ec-sliderRole">
  7.             <div class="row gy-4 justify-content-center">
  8.                 <nav class="category">
  9.                     <ul class="category-menu">
  10.                         <li class="category-menu__item">
  11.                             <a href="/products/list?category_id=7" title="カーポート" class="category-menu__link">
  12.                                 <span class="category-menu__thumb">
  13.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/carport.jpg" alt="カーポート">
  14.                                 </span>
  15.                                 <p><strong>カーポート</strong></p>
  16.                             </a>
  17.                         </li>
  18.                         <li class="category-menu__item">
  19.                             <a href="/products/list?category_id=8" title="サイクルポート" class="category-menu__link">
  20.                                 <span class="category-menu__thumb">
  21.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/cycleport.png" alt="サイクルポート">
  22.                                 </span>
  23.                                 <p><strong>サイクルポート</strong></p>
  24.                             </a>
  25.                         </li>
  26.                         <li class="category-menu__item">
  27.                             <a href="/products/list?category_id=9" title="ゲート" class="category-menu__link">
  28.                                 <span class="category-menu__thumb">
  29.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/cargate.jpg" alt="ゲート">
  30.                                 </span>
  31.                                 <p><strong>ゲート</strong></p>
  32.                             </a>
  33.                         </li>
  34.                         <li class="category-menu__item">
  35.                             <a href="/products/list?category_id=10" title="テラス屋根" class="category-menu__link">
  36.                                 <span class="category-menu__thumb">
  37.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/terraceroof.png" alt="テラス屋根">
  38.                                 </span>
  39.                                 <p><strong>テラス屋根</strong></p>
  40.                             </a>
  41.                         </li>
  42.                         <li class="category-menu__item">
  43.                             <a href="/products/list?category_id=12" title="テラス囲い" class="category-menu__link">
  44.                                 <span class="category-menu__thumb">
  45.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/terraceenclosure.jpg" alt="テラス囲い">
  46.                                 </span>
  47.                                 <p><strong>テラス囲い</strong></p>
  48.                             </a>
  49.                         </li>
  50.                         <li class="category-menu__item">
  51.                             <a href="/products/list?category_id=11" title="ウッドデッキ" class="category-menu__link">
  52.                                 <span class="category-menu__thumb">
  53.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/wooddeck.jpg" alt="ウッドデッキ">
  54.                                 </span>
  55.                                 <p><strong>ウッドデッキ</strong></p>
  56.                             </a>
  57.                         </li>
  58.                         <li class="category-menu__item">
  59.                             <a href="/products/list?category_id=25" title="門戸" class="category-menu__link">
  60.                                 <span class="category-menu__thumb">
  61.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/gate.jpg" alt="門戸">
  62.                                 </span>
  63.                                 <p><strong>門戸</strong></p>
  64.                             </a>
  65.                         </li>
  66.                         <li class="category-menu__item">
  67.                             <a href="/products/list?category_id=14" title="フェンス・柵" class="category-menu__link">
  68.                                 <span class="category-menu__thumb">
  69.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/fence.jpg" alt="フェンス・柵">
  70.                                 </span>
  71.                                 <p><strong>フェンス・柵</strong></p>
  72.                             </a>
  73.                         </li>
  74.                         <li class="category-menu__item">
  75.                             <a href="/products/list?category_id=13" title="ポスト・門柱・宅配ボックス" class="category-menu__link">
  76.                                 <span class="category-menu__thumb">
  77.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/post.jpg" alt="ポスポスト・門柱・宅配ボックスト">
  78.                                 </span>
  79.                                 <p><strong>ポスト・門柱・宅配ボックス</strong></p>
  80.                             </a>
  81.                         </li>
  82.                         <li class="category-menu__item">
  83.                             <a href="/products/list?category_id=15" title="物置・収納・屋外倉庫" class="category-menu__link">
  84.                                 <span class="category-menu__thumb">
  85.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/storageroom.jpg" alt="物置・収納・屋外倉庫">
  86.                                 </span>
  87.                                 <p><strong>物置・収納・屋外倉庫</strong></p>
  88.                             </a>
  89.                         </li>
  90.                         <li class="category-menu__item">
  91.                             <a href="/products/list?category_id=16" title="倉庫・ガレージ" class="category-menu__link">
  92.                                 <span class="category-menu__thumb">
  93.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/garage.jpg" alt="倉庫・ガレージ">
  94.                                 </span>
  95.                                 <p><strong>倉庫・ガレージ</strong></p>
  96.                             </a>
  97.                         </li>
  98.                         <li class="category-menu__item">
  99.                             <a href="/products/list?category_id=17" title="内窓・二重窓" class="category-menu__link">
  100.                                 <span class="category-menu__thumb">
  101.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/innerwindow.jpg" alt="内窓・二重窓">
  102.                                 </span>
  103.                                 <p><strong>内窓・二重窓</strong></p>
  104.                             </a>
  105.                         </li>
  106.                         <li class="category-menu__item">
  107.                             <a href="/products/list?category_id=19" title="バルコニー" class="category-menu__link">
  108.                                 <span class="category-menu__thumb">
  109.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/balcony.jpg" alt="バルコニー">
  110.                                 </span>
  111.                                 <p><strong>バルコニー</strong></p>
  112.                             </a>
  113.                         </li>
  114.                         <li class="category-menu__item">
  115.                             <a href="/products/list?category_id=18" title="バルコニー屋根" class="category-menu__link">
  116.                                 <span class="category-menu__thumb">
  117.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/balconyroof.jpg" alt="バルコニー屋根">
  118.                                 </span>
  119.                                 <p><strong>バルコニー屋根</strong></p>
  120.                             </a>
  121.                         </li>
  122.                         <li class="category-menu__item">
  123.                             <a href="/products/list?category_id=20" title="ガーデンファニチャー" class="category-menu__link">
  124.                                 <span class="category-menu__thumb">
  125.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/gardenfurniture.jpg" alt="ガーデンファニチャー">
  126.                                 </span>
  127.                                 <p><strong>ガーデンファニチャー</strong></p>
  128.                             </a>
  129.                         </li>
  130.                         <li class="category-menu__item">
  131.                             <a href="/products/list?category_id=21" title="DIY" class="category-menu__link">
  132.                                 <span class="category-menu__thumb">
  133.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/DIY.png" alt="DIY">
  134.                                 </span>
  135.                                 <p><strong>DIY</strong></p>
  136.                             </a>
  137.                         </li>
  138.                         <li class="category-menu__item">
  139.                             <a href="/products/list?category_id=22" title="人工芝" class="category-menu__link">
  140.                                 <span class="category-menu__thumb">
  141.                                     <img src="/html/plugin/BannerB001Block42/assets/client/images/artificialgrass.jpg" alt="人工芝">
  142.                                 </span>
  143.                                 <p><strong>人工芝</strong></p>
  144.                             </a>
  145.                         </li>
  146.                     </ul>
  147.                  </nav>
  148.             </div>
  149.         </div>
  150.     </div>
  151. </div>