app/template/blueshop/Block/new_header.twig line 1

Open in your IDE?
  1. <header class="header">
  2.   <div class="container">
  3.     <div class="header-pages">
  4.       <div class="logo">
  5.         <a href="{{ url('homepage') }}">
  6.           <img src="{{ asset('assets/img/bluu-shop.webp') }}" alt="">
  7.         </a>
  8.       </div>
  10.       <ul class="pages">
  11.         <li>
  12.           <a href="{{ url('homepage') }}">トップ</a>
  13.         </li>
  14.         <li>
  15.           <a href="{{ url('product_list') }}">商品一覧</a>
  16.         </li>
  17.         <li>
  18.           <a href="{{ url('homepage') }}#recommend">おすすめ</a>
  19.         </li>
  20.         <li>
  21.           <a href="{{ url('homepage') }}#new-products">新商品</a>
  22.         </li>
  23.         <li>
  24.           <a href="{{ url('homepage') }}#feature">特集</a>
  25.         </li>
  26.         <li>
  27.           <a href="{{ url('homepage') }}#news">新着情報</a>
  28.         </li>
  29.       </ul>
  30.     </div>
  32.     <div class="header-control">
  33.       <form class="search-product" action="{{ url('product_list') }}" method="get">
  34.         <input type="search" name="name" placeholder="何をお探しですか？">
  35.         <button type="submit"></button>
  36.       </form>
  38.       <div class="control-btns">
  39.         <ul>
  40.           <li>
  41.             <a href="{{ url('mypage') }}">
  42.               <img src="{{ asset('assets/img/user_icon.webp') }}" alt="">
  43.             </a>
  44.           </li>
  46.           <li>
  47.             <a href="{{ url('cart') }}">
  48.               <img src="{{ asset('assets/img/buy_icon.webp') }}" alt="">
  49.             </a>
  50.           </li>
  52.           <li class="sp-hambtn">
  53.             <button class="openMenu">
  54.               <img src="{{ asset('assets/img/hamburger-menu.svg') }}" alt="">
  55.             </button>
  56.           </li>
  57.         </ul>
  58.       </div>
  59.     </div>
  60.   </div>
  61. </header>
  63. <div class="sp-menu">
  64.   <div class="container">
  65.     <button class="cloesMenu">×</button>
  67.     <div class="sp-logo">
  68.       <img src="{{ asset('assets/img/bluu-shop_white.webp') }}" alt="">
  69.     </div>
  71.     <div class="sp-content">
  72.       <div class="sp-sns">
  73.         <ul>
  74.           <li>
  75.             <a href="">
  76.               <img src="{{ asset('assets/img/facebook.webp') }}" alt="">
  77.             </a>
  78.           </li>
  80.           <li>
  81.             <a href="">
  82.               <img src="{{ asset('assets/img/twitter.webp') }}" alt="">
  83.             </a>
  84.           </li>
  86.           <li>
  87.             <a href="">
  88.               <img src="{{ asset('assets/img/youtube.webp') }}" alt="">
  89.             </a>
  90.           </li>
  92.           <li>
  93.             <a href="">
  94.               <img src="{{ asset('assets/img/insta.webp') }}" alt="">
  95.             </a>
  96.           </li>
  97.         </ul>
  98.       </div>
  100.       <ul class="pages">
  101.         <li>
  102.           <a href="{{ url('homepage') }}">トップ</a>
  103.         </li>
  104.         <li>
  105.           <a href="{{ url('product_list') }}">商品一覧</a>
  106.         </li>
  107.         <li>
  108.           <a href="{{ url('homepage') }}#recommend">おすすめ</a>
  109.         </li>
  110.         <li>
  111.           <a href="{{ url('homepage') }}#new-products">新商品</a>
  112.         </li>
  113.         <li>
  114.           <a href="{{ url('homepage') }}#feature">特集</a>
  115.         </li>
  116.         <li>
  117.           <a href="{{ url('homepage') }}#news">新着情報</a>
  118.         </li>
  119.         <li>
  120.           <a href="{{ url('help_about') }}">会社情報</a>
  121.         </li>
  122.         <li>
  123.           <a href="{{ url('help_guide') }}">利用ガイド</a>
  124.         </li>
  125.         <li>
  126.           <a href="{{ url('help_privacy') }}">プライバシーポリシー</a>
  127.         </li>
  128.         <li>
  129.           <a href="{{ url('help_tradelaw') }}">特定商取引法に基づく表記</a>
  130.         </li>
  131.       </ul>
  132.     </div>
  133.   </div>
  134. </div>