templates/pages/index/_company.html.twig line 1

Open in your IDE?
  1. {% set image_items = [
  2.     {
  3.     url: 'https://www.fujikitchen.com/brand/yakiniku_kai',
  4.     target: '_blank',
  5.     image: asset('build/images/index/brand01.png'),
  6.     alt: '炭火焼肉 快',
  7.     },
  8.     {
  9.     url: 'https://www.fujikitchen.com/brand/yakitori_kai',
  10.     target: '_blank',
  11.     image: asset('build/images/index/brand02.png'),
  12.     alt: 'やきとりの快',
  13.     },
  14.     {
  15.     url: 'https://www.fujikitchen.com/brand/kaisen_fujimaru',
  16.     target: '_blank',
  17.     image: asset('build/images/index/brand03.png'),
  18.     alt: '海鮮問屋 ふじ丸',
  19.     },
  20.     {
  21.     url: 'https://www.fujikitchen.com/brand/edo_fujimaru',
  22.     target: '_blank',
  23.     image: asset('build/images/index/brand04.png'),
  24.     alt: '回転江戸前寿司 海鮮問屋　ふじ丸',
  25.     },
  26.     {
  27.     url: 'https://www.fujikitchen.com/brand/fujikitchen',
  28.     target: '_blank',
  29.     image: asset('build/images/index/brand05.png'),
  30.     alt: '仕出し・お弁当　ふじきっちん',
  31.     },
  32.     {
  33.     url: 'https://www.fujikitchen.com/brand/farm',
  34.     target: '_blank',
  35.     image: asset('build/images/index/brand06.png'),
  36.     alt: 'ロココファーム',
  37.     },
  38.     {
  39.     url: 'https://www.fujikitchen.com/brand/curry',
  40.     target: '_blank',
  41.     image: asset('build/images/index/brand07.png'),
  42.     alt: 'ふじきっちんカレー',
  43.     },
  44.     {
  45.     url: 'https://www.fujikitchen.com/brand/fujimaru_suisan',
  46.     target: '_blank',
  47.     image: asset('build/images/index/brand08.png'),
  48.     alt: 'ふじ丸水産',
  49.     },
  50. ] %}
  52. <section class="pg_index_company">
  53.     <div class="pg_index_company-container">
  54.         <div class="pg_index_company-inner">
  55.             <div class="pg_index_company_title-container">
  56.                 <h2 class="pg_index_company_title-wrap">
  57.                     <div class="sp-style">
  58.                         <span class="pg_index_company_title">平塚富士キッチン</span>
  59.                         <span class="pg_index_company_title">を知る</span>
  60.                         <span class="pg_index_company_sub-title">-COMPANY-</span>
  61.                     </div>
  62.                     <div class="pc-style">
  63.                         <span class="pg_index_company_title">平塚富士キッチンを知る</span>
  64.                         <span class="pg_index_company_sub-title">-COMPANY-</span>
  65.                     </div>
  66.                 </h2>
  67.                 <p class="pg_index_company__text">私たちは、あらゆるジャンルの食で<br class="sp-style">お客様の笑顔を創造いたします。</p>
  68.             </div>
  69.             <ul class="pg_index_company-banner-container">
  70.                 {% for item in image_items %}
  71.                     <li class="pg_index_company-banner-item">
  72.                         <a href="{{ item.url }}" target="{{ item.target }}"><img src="{{ item.image }}" alt="{{ item.alt }}"></a>
  73.                     </li>
  74.                 {% endfor %}
  75.             </ul>
  76.             <div class="pg_index_company_more-button">
  77.                 {% include "components/common/_button.html.twig" with {
  78.                     text: 'VIEW MORE',
  79.                     src: 'build/images/common/double_arrow_white.svg',
  80.                     href: path('company_index'),
  81.                     width: '12',
  82.                     height: '10',
  83.                     class: 'c-black-more_button',
  84.                 }%}
  85.             </div>
  86.         </div>
  87.     </div>
  88. </section>