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

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  3.     {# メニュー例のスライド #}
  4.     .business_icon {
  5.         width: 100%;
  6.     }
  8.     .business_link {
  9.         display: flex; flex-direction: column; align-items: center; text-align: center;
  10.     }
  12.     .business_frame {
  13.         display: flex;
  14.         gap: 16px;
  15.         justify-content: center;
  16.         margin: 0 20px 10px;
  17.     }
  18.     .business_title {
  19.         color: #000;
  20.         text-align: center;
  21.         font-family: "Yu Gothic Pr6N";
  22.         font-size: 12px;
  23.         font-style: normal;
  24.         font-weight: 700;
  25.         line-height: 20px; /* 166.667% */
  26.     }
  27.     </style>
  29. {% endblock %}
  31. {% block javascript %}
  32.     <script>
  33.     </script>
  34. {% endblock javascript %}
  36. {# 業態から探す #}
  37. <section style="margin: 0px; padding-left: 0px; padding-bottom: 50px; background-color: #FFFFFF;">
  39.     {# 事例から探す #}
  40.     <div class="" style="padding-left: 16px; margin-bottom:32px; padding-top: 56px;">
  41.         <img src="{{ asset('assets/img/top_page/text_3.png', 'user_data') }}" alt="業態から探す" style="width: 100%;">    
  42.     </div>
  43.     <div class="" style="">
  44.         <div class="business_frame">
  45.             <a href="{{ url('product_list', {'category_id': 23}) }}" class="business_link">
  46.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_washoku_1_sp.webp', 'user_data') }}" alt="業態｜和食店" class="business_icon">
  47.             </a>
  48.             <a href="{{ url('product_list', {'category_id': 24}) }}" class="business_link">
  49.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_yoshoku_1_sp.webp', 'user_data') }}" alt="業態｜洋食店" class="business_icon">
  50.             </a>
  51.         </div>
  52.         <div class="business_frame">
  53.             <a href="{{ url('product_list', {'category_id': 7}) }}" class="business_link">
  54.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_izakaya_1_sp.webp', 'user_data') }}" alt="業態｜居酒屋" class="business_icon">
  55.             </a>
  56.             <a href="{{ url('product_list', {'category_id': 14}) }}" class="business_link">
  57.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_bar_1_sp.webp', 'user_data') }}" alt="業態｜バル・バー" class="business_icon">
  58.             </a>
  59.         </div>
  60.         <div class="business_frame">
  61.             <a href="{{ url('product_list', {'category_id': 8}) }}" class="business_link">
  62.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_cafe_1_sp.webp', 'user_data') }}" alt="業態｜カフェ" class="business_icon">
  63.             </a>
  64.             <a href="{{ url('product_list', {'category_id': 13}) }}" class="business_link">
  65.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_korea_1_sp.webp', 'user_data') }}" alt="業態｜韓国・焼肉" class="business_icon">
  66.             </a>
  67.         </div>
  68.         <div class="business_frame">
  69.             <a href="{{ url('product_list', {'category_id': 25}) }}" class="business_link">
  70.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_china_1_sp.webp', 'user_data') }}" alt="業態｜中華料理" class="business_icon">
  71.             </a>            
  72.             <a href="{{ url('product_list', {'category_id': 10}) }}" class="business_link">
  73.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_italian_1_sp.webp', 'user_data') }}" alt="業態｜イタリアン" class="business_icon">
  74.             </a>
  75.         </div>
  76.         <div class="business_frame">
  77.             <a href="{{ url('product_list', {'category_id': 11}) }}" class="business_link">
  78.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_kitchen_1_sp.webp', 'user_data') }}" alt="業態｜キッチンカー" class="business_icon">
  79.             </a>
  80.             <a href="{{ url('product_list', {'category_id': 18}) }}" class="business_link">
  81.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_rice_1_sp.webp', 'user_data') }}" alt="業態｜〆・ご飯もの" class="business_icon">
  82.             </a>
  83.         </div>
  84.         <div class="business_frame">
  85.             <a href="{{ url('product_list', {'category_id': 17}) }}" class="business_link">
  86.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_sweet_1_sp.webp', 'user_data') }}" alt="業態｜スイーツ" class="business_icon">
  87.             </a>
  88.             <a href="{{ url('product_list', {'category_id': 26}) }}" class="business_link">
  89.                 <img src="{{ asset('assets/img/top_shop_type_banner/category_drink_1_sp.webp', 'user_data') }}" alt="業態｜ドリンク" class="business_icon">
  90.             </a>
  91.         </div>
  92.     </div>
  93. </section>