templates/layout/header/_sp-menu.html.twig line 1

Open in your IDE?
  1. {% set sp_nav_items = [
  2.     {
  3.     href: path('company_index'),
  4.     english: 'COMPANY',
  5.     japanese: '平塚富士キッチンを知る',
  6.     },
  7.     {
  8.     href: path('message_index'),
  9.     english: 'MESSAGE',
  10.     japanese: '皆さんへのメッセージ',
  11.     },
  12.     {
  13.     href: path('staff_index'),
  14.     english: 'STAFF',
  15.     japanese: 'スタッフ紹介',
  16.     },
  17.     {
  18.     href: path('news_index'),
  19.     english: 'NEWS',
  20.     japanese: 'お知らせ',
  21.     },
  22. ]%}
  24. <a class="l_header_sp-menu" data-type="menu-trigger">
  25.     <div class="l_header_sp-menu__inner">
  26.         <span></span>
  27.         <span></span>
  28.         <span></span>
  29.     </div>
  30. </a>
  32. <div class="l_header_sp-nav">
  33.     <div class="l_header_sp-nav__container">
  34.         <ul class="l_header_sp-nav_wrap">
  35.             {% for item in sp_nav_items %}
  36.                 <li class="l_header_sp-nav_item">
  37.                     <a class="l_header_sp-nav_item__anchor" href="{{ item.href }}">
  38.                         <span class="l_header_sp-nav_item_english">{{ item.english }}</span>
  39.                         <span class="l_header_sp-nav_item_japanese">{{ item.japanese }}</span>
  40.                     </a>
  41.                 </li>
  42.             {% endfor %}
  43.         </ul>
  44.         <ul class="l_header_sp-nav_button-area">
  45.             <li class="l_header_sp-nav_cotact-button">
  46.                 <a class="l_header_sp-nav_cotact-button__anchor" href="{{ path('contact_index') }}">お問い合わせ</a>
  47.             </li>
  48.             <li class="l_header_sp-nav_recruit-button">
  49.                 <a class="l_header_sp-nav_recruit-button__anchor" href="{{ path('recruit_index') }}">求人情報</a>
  50.             </li>
  51.             <li class="l_header_sp-nav_corporate-button">
  52.                 <a class="l_header_sp-nav_corporate-button__anchor" href="https://www.fujikitchen.com" target="_blank">
  53.                     <span class="l_header_sp-nav_corporate_text">コーポレートサイト</span>
  54.                     <span class="l_header_sp-nav_corporate_icon"><img src="{{ asset('build/images/common/icon-link.svg') }}" alt=""></span>
  55.                 </a>
  56.             </li>
  57.         </ul>
  58.     </div>
  59. </div>