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

Open in your IDE?
  1. <div class="l__header">
  2.       <header data-swup-preload-all>
  3.         <div class="u-pc">
  4.           <nav class="pc-nav js-pc-menu js-header">
  5.             <a class="header-logo" href="/" style="font-weight: 800; font-size: 5em; text-shadow: 2px 2px 5px #000; font-family: 'Anton'">
  6.               <img src="/html/user_data/assets/img/common/logo_w.png" width="265" height="101" alt="NO GOOD" decoding="async" loading="lazy" />
  7.             </a>
  8.             <div class="pc-nav__links-wrapper">
  9.               <ul id="pc-menu-list" class="pc-nav__links">
  10.                 <li class="pc-nav__link-item">
  11.                   <a class="pc-nav__link js-pageLink" href="{{ url('mypage') }}" data-page-type="news">
  12.                     <span class="_label" aria-hidden="false">MY ACCOUNT</span>
  13.                     <span class="_label" aria-hidden="true">MY ACCOUNT</span>
  14.                   </a>
  15.                 </li>
  16.                 <li class="pc-nav__link-item">
  17.                   <a class="pc-nav__link js-pageLink" href="{{ url('cart') }}" data-page-type="investees_insights">
  18.                     <span class="_label" aria-hidden="false">CART</span>
  19.                     <span class="_label" aria-hidden="true">CART</span>
  20.                   </a>
  21.                 </li>
  22.                 <li class="pc-nav__link-item">
  23.                   <a class="pc-nav__link js-pageLink" href="{{ url('product_list') }}" data-page-type="portfolio">
  24.                     <span class="_label" aria-hidden="false">PRODUCTS</span>
  25.                     <span class="_label" aria-hidden="true">PRODUCTS</span>
  26.                   </a>
  27.                 </li>
  28.               </ul>
  29.             </div>
  31.             <div class="pc-nav__contact">
  32.               <a class="contact-link js-pageLink" href="{{ url('contact') }}" data-page-type="contact"><span class="_label">CONTACT</span></a>
  33.             </div>
  34.           </nav>
  35.         </div>
  37.         <div class="u-sp">
  38.           <nav class="sp-nav js-header">
  39.             <a class="header-logo" href="index.html">
  40.               <img src="assets/img/common/logo_corp_white.png" width="265" height="101" alt="No Good" decoding="async" loading="lazy" />
  41.             </a>
  42.             <div class="sp-nav__contact">
  43.               <a class="contact-link js-pageLink" href="{{ url('contact') }}" data-page-type="contact"><span class="_label">CONTACT</span></a>
  44.             </div>
  46.             <div class="sp-nav__menu js-sp-menu">
  47.               <button id="sp-menu-open" class="sp-nav__menu-trigger js-sp-menu-open">MENU</button>
  49.               <div class="sp-nav__menu-dialog js-sp-menu-dialog" inert>
  50.                 <div class="sp-menu-dialog">
  51.                   <div class="sp-menu-dialog__head">
  52.                     <a class="sp-menu-dialog__logo" href="/">
  53.                       <img src="assets/img/common/logo_corp_white.png" width="265" height="101" alt="No Good" decoding="async" loading="lazy" />
  54.                     </a>
  55.                     <a class="sp-menu-dialog__contact" href="{{ url('contact') }}">CONTACT</a>
  56.                     <button class="sp-menu-dialog__close-button js-sp-menu-close">CLOSE</button>
  57.                   </div>
  59.                   <ul class="sp-menu-dialog__">
  60.                     <li class="sp-menu-dialog__-item">
  61.                       <a class="sp-menu-dialog__-link js-pageLink" href="{{ url('mypage') }}" data-page-type="about">My ACCOUNT</a>
  62.                     </li>
  63.                     <li class="sp-menu-dialog__-item">
  64.                       <a class="sp-menu-dialog__-link js-pageLink" href="{{ url('cart') }}" data-page-type="about">CART</a>
  65.                     </li>
  66.                     <li class="sp-menu-dialog__-item">
  67.                       <a class="sp-menu-dialog__-link js-pageLink" href="{{ url('product_list') }}" data-page-type="about">PRODUCTS</a>
  68.                     </li>
  69.                   </ul>
  71.                   <div class="sp-menu-dialog__bottom">
  72.                     <ul class="sp-menu-dialog__sns">
  73.                       <li class="sp-menu-dialog__sns-item">
  74.                         <a class="sp-menu-dialog__sns-link" href="https://twitter.com/" target="_blank" rel="noopener noreferrer">
  75.                           <svg viewBox="0 0 76 76" role="img" aria-label="twitter">
  76.                             <g>
  77.                               <path
  78.                                 class="cls-1"
  79.                                 d="m38,0C17.01,0,0,17.01,0,38s17.01,38,38,38,38-17.01,38-38S58.99,0,38,0Zm17.45,30.91c.02.35.02.69.02,1.04,0,10.65-8.11,22.94-22.94,22.94h0c-4.38,0-8.67-1.26-12.36-3.62.64.08,1.28.12,1.92.12,3.63,0,7.16-1.21,10.01-3.46-3.45-.06-6.48-2.31-7.53-5.6,1.21.23,2.45.19,3.64-.14-3.76-.76-6.47-4.06-6.47-7.9v-.1c1.12.62,2.38.97,3.66,1.01-3.54-2.37-4.64-7.08-2.5-10.76,4.09,5.04,10.13,8.1,16.61,8.42-.65-2.8.24-5.73,2.33-7.7,3.25-3.05,8.35-2.9,11.41.35,1.81-.36,3.54-1.02,5.12-1.96-.6,1.87-1.86,3.45-3.54,4.46,1.6-.19,3.16-.62,4.63-1.27-1.08,1.62-2.44,3.03-4.02,4.17Z"
  80.                               />
  81.                             </g>
  82.                           </svg>
  83.                         </a>
  84.                       </li>
  85.                       <li class="sp-menu-dialog__sns-item">
  86.                         <a class="sp-menu-dialog__sns-link" href="https://www.facebook.com/nogood.jp/" target="_blank" rel="noopener noreferrer">
  87.                           <svg viewBox="0 0 76.2 75.74" role="img" aria-label="facebook">
  88.                             <g>
  89.                               <path
  90.                                 class="cls-1"
  91.                                 d="m76.2,38.1C76.2,17.06,59.14,0,38.1,0S0,17.06,0,38.1c0,19.02,13.93,34.78,32.15,37.64v-26.62h-9.67v-11.01h9.67v-8.39c0-9.55,5.69-14.82,14.39-14.82,4.17,0,8.53.74,8.53.74v9.38h-4.8c-4.73,0-6.21,2.94-6.21,5.95v7.15h10.57l-1.69,11.01h-8.88v26.62c18.21-2.86,32.15-18.62,32.15-37.64Z"
  92.                               />
  93.                             </g>
  94.                           </svg>
  95.                         </a>
  96.                       </li>
  97.                       <li class="sp-menu-dialog__sns-item">
  98.                         <a class="sp-menu-dialog__sns-link" href="https://www.youtube.com/" target="_blank" rel="noopener noreferrer">
  99.                           <svg viewBox="0 0 76 76" role="img" aria-label="youtube">
  100.                             <g>
  101.                               <path
  102.                                 class="cls-1"
  103.                                 d="m33.78,31.49s-.09-.03-.14-.03c-.17,0-.31.14-.31.31v12.47s.01.1.03.14c.08.15.27.21.42.13l12.16-6.23h0c.06-.02.11-.07.14-.13.08-.15.02-.34-.14-.42l-12.16-6.23Z"
  104.                               />
  105.                               <path
  106.                                 class="cls-1"
  107.                                 d="m38,0C17.01,0,0,17.01,0,38s17.01,38,38,38,38-17.01,38-38S58.99,0,38,0Zm20.26,45.17c0,3.79-3.07,6.86-6.86,6.86h-26.81c-3.79,0-6.86-3.07-6.86-6.86v-14.34c0-3.79,3.07-6.86,6.86-6.86h26.81c3.79,0,6.86,3.07,6.86,6.86v14.34Z"
  108.                               />
  109.                             </g>
  110.                           </svg>
  111.                         </a>
  112.                       </li>
  113.                     </ul>
  114.                   </div>
  115.                 </div>
  116.               </div>
  117.             </div>
  118.           </nav>
  119.         </div>
  120.       </header>
  121.     </div>