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

Open in your IDE?
  1. <div class="header">
  2.     <div class="headerTop">
  3.         <div class="headerTopLeft">
  4.   <div class="ec-headerRole__cart">
  5.             {{ include('Block/cart.twig') }}
  6.         </div>
  7.     </div>
  8.     <div class="headerTopRight">
  9.         <div class="headerSns"><a href="https://www.instagram.com/the_power_spot/" target="_blank"><img src="//tpscoco.com/common/img/ico/icow_instagram.png" width="100%" alt="" class="linkimg"/></a></div>
  10.         <!--<div class="headerSns"><a href="" target="_blank"><img src="//tpscoco.com/common/img/ico/icow_twitter.png" width="100%" alt="" class="linkimg"/></a></div>
  11.         
  12.         <div class="headerSns"><a href="" target="_blank"><img src="//tpscoco.com/common/img/ico/icow_facebook.png" width="100%" alt="" class="linkimg"/></a></div>
  13.         <div class="headerSns"><a href="" target="_blank"><img src="//tpscoco.com/common/img/ico/icow_youtube.png" width="100%" alt="" class="linkimg"/></a></div>
  14.         -->
  15.     <!--    <div class="headerBlog">ブログ</div> -->
  16.         <div class="headerMenu">
  17.          <a href="//tpscoco.com/products/list"><div class="headerMenuKey">アイテム一覧</div></a>
  18.         </div>
  19.         <a href="//tpscoco.com/user_data/official#of001"><div class="headerMenuKey">店舗一覧</div></a>
  20.         <!--<a href="//tpscoco.com/user_data/gift"><div class="headerMenuKey">ギフト</div></a>-->
  21.         <a href="//tpscoco.com/user_data/service"><div class="headerMenuKey">お直し</div></a>
  22.         <a href="//tpscoco.com/user_data/about"><div class="headerMenuKey">T.P.S cocoとは</div></a>
  23.             <a href="//tpscoco.com"><div class="headerMenuKey">トップページ</div></a>
  24.         <div class="sp"></div>
  25.     </div>
  26.           <div class="sp"></div>
  27.     </div>
  28.     <div class="headerBottom">
  29.         <div class="headerL">
  30.             <div class="headerLogo"> <a href="//tpscoco.com"><img src="//tpscoco.com/common/img/main/logo.png" width="100%" alt="" class="linkimg"/></a></div>
  31.             <div class="headerLogo2"> <a href="//tpscoco.com"><img src="//tpscoco.com/common/img/main/logp2.png" width="100%" alt="" class="linkimg"/></a></div>        
  32.         </div>
  33.         <div class="headerC">
  34.             <div class="headerLink">
  35.                 <div class="headerLinkContent">
  36.                     <a href="//tpscoco.com/products/list?category_id=16">
  37.                     <div class="headerLinkContentIcon"><img src="//tpscoco.com/common/img/main/index_img_01.png" width="100%" alt=""/></div>
  38.                     <div class="headerLinkContentText2">アイテム</div>
  39.                     </a>
  40.                     <div class="sp"></div>
  41.                 </div>
  42.                 <div class="headerLinkContent">
  43.                     <a href="//tpscoco.com/user_data/dzi_list">
  44.                     <div class="headerLinkContentIcon"><img src="//tpscoco.com/common/img/main/index_img_04.png" width="100%" alt=""/></div>
  45.                     <div class="headerLinkContentText2">天珠一覧</div>
  46.                     </a>
  47.                     <div class="sp"></div>
  48.                 </div>
  49.                 <div class="headerLinkContent">
  50.                     <a href="//tpscoco.com/user_data/stone">
  51.                     <div class="headerLinkContentIcon"><img src="//tpscoco.com/common/img/main/index_img_02.png" width="100%" alt=""/></div>
  52.                     <div class="headerLinkContentText2">天然石一覧</div>
  53.                     </a>
  54.                     <div class="sp"></div>
  55.                 </div>
  56.                 <div class="headerLinkContent">
  57.                     <a href="//tpscoco.com/user_data/birthstone_list">
  58.                     <div class="headerLinkContentIcon"><img src="//tpscoco.com/common/img/main/index_img_29.png" width="100%" alt=""/></div>
  59.                     <div class="headerLinkContentText2">誕生石</div>
  60.                     </a>
  61.                     <div class="sp"></div>
  62.                 </div>
  63.                 <div class="headerLinkContent">
  64.                     <a href="//tpscoco.com/user_data/fortune_list">
  65.                     <div class="headerLinkContentIcon"><img src="//tpscoco.com/common/img/main/index_img_03.png" width="100%" alt=""/></div>
  66.                     <div class="headerLinkContentText2">運気一覧</div>
  67.                     </a>
  68.                     <div class="sp"></div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.         <div class="headerR">
  73.     <div class="ec-headerNaviRole__nav">
  74.             {{ include('Block/login.twig') }}
  75.         </div>
  76.         </div>
  77.       <div class="sp"></div>
  78.     </div>
  79. </div>
  80. <div class="No">
  81.     <div class="menu-btn" id="js__btn"><span data-txt-menu="≡" data-txt-close="×"></span></div>   
  82.     <nav class="menu" id="js__nav">
  83.         <div class="sp60"></div>
  84.         <div class="mmmRight">
  85.             <div class="spLogo"><a href="https://tpscoco.com/"><img src="//tpscoco.com/common/img/main/logo.png" width="100%" alt=""/></a></div>
  86.             <div class="ec-headerNaviRole__nav">     
  87.                 {{ include('Block/login.twig') }}
  88.             </div>
  89.             <div class="spMenu">
  90.                     <a href="//tpscoco.com/"><div class="spMenuL">
  91.                         <div class="spMenuIcon"><img src="//tpscoco.com/common/img/main/index_img_30.png" width="100%" alt=""/></div>
  92.                     <div class="spMenuTitle">トップページ</div>
  93.                     <div class="spMenuYaji">＞</div>
  94.                 </div></a>
  95.                 <a href="//tpscoco.com/products/list?category_id=16"><div class="spMenuR">
  96.                     <div class="spMenuIcon"><img src="//tpscoco.com/common/img/main/index_img_01.png" width="100%" alt=""/></div>
  97.                     <div class="spMenuTitle">アイテム</div>
  98.                     <div class="spMenuYaji">＞</div>
  99.                 </div></a>
  100.                                 <a href="//tpscoco.com/user_data/dzi_list"><div class="spMenuL">
  101.                     <div class="spMenuIcon"><img src="//tpscoco.com/common/img/main/index_img_04.png" width="100%" alt=""/></div>
  102.                     <div class="spMenuTitle">天珠一覧</div>
  103.                     <div class="spMenuYaji">＞</div>
  104.                 </div></a>
  105.                 <a href="//tpscoco.com/user_data/stone"><div class="spMenuR">
  106.                     <div class="spMenuIcon"><img src="//tpscoco.com/common/img/main/index_img_02.png" width="100%" alt=""/></div>
  107.                     <div class="spMenuTitle">天然石</div>
  108.                     <div class="spMenuYaji">＞</div>
  109.                 </div></a><a href="//tpscoco.com/user_data/birthstone_list"><div class="spMenuL">
  110.                     <div class="spMenuIcon"><img src="//tpscoco.com/common/img/main/index_img_29.png" width="100%" alt=""/></div>
  111.                     <div class="spMenuTitle">誕生石一覧</div>
  112.                     <div class="spMenuYaji">＞</div>
  113.                 </div></a>
  114.                 <a href="//tpscoco.com/user_data/fortune_list"><div class="spMenuR">
  115.                     <div class="spMenuIcon"><img src="//tpscoco.com/common/img/main/index_img_03.png" width="100%" alt=""/></div>
  116.                     <div class="spMenuTitle">運気一覧</div>
  117.                     <div class="spMenuYaji">＞</div>
  118.                 </div></a>
  119.             
  120.                 <div class="sp20"></div>
  121.             </div>
  122.     <!--<div class="spImg"><img src="//tpscoco.com/common/img/main/index_img_05.jpg" width="100%" alt=""/></div>-->
  123.             <a href="//tpscoco.com/products/list"><div class="spBtmMenu">アイテム一覧</div></a>
  124.             <a href="//tpscoco.com/user_data/about"><div class="spBtmMenu">T.P.S coco とは</div></a>
  125.             <a href="//tpscoco.com/user_data/service"><div class="spBtmMenu">お直し</div></a>
  126.             <a href="//tpscoco.com/user_data/official#of001"><div class="spBtmMenu">店舗一覧</div></a>
  127.             <div class="sp20"></div>
  128.             <div class="spBanner">
  129.             <div class="top006L">
  130.                 <a href="https://tps-official.jp/" target="_blank"><div class="top006Button"><div class="top007Logo"><img src="https://zen2022.xsrv.jp/tps/common/img/main/logo.jpg" width="100%" alt=""/></div>ブランドサイトはこちら</div></a>
  131.             </div>
  132.             <div class="top006R">
  133.                 <a href="https://tps-official.jp/shoplist.php" target="_blank"><div class="top006List">ショップリスト</div></a>
  134.             </div>
  135.             <div class="sp"></div>
  136.             </div>
  137.             <div class="footerSnsBox">
  138.                     <div class="footerSns"><a href="https://www.instagram.com/the_power_spot/" target="_blank"><img src="//tpscoco.com/common/img/ico/ico_instagram.png" width="100%" alt="The Power Spotの公式インスタグラム" class="linkimg"/></a></div>
  139.             <!--
  140.                 <div class="footerSns"><img src="//tpscoco.com/common/img/ico/ico_twitter.png" width="100%" alt="The Power Spotの公式X" class="linkimg"/></div>
  141.                  <div class="footerSns"><img src="//tpscoco.com/common/img/ico/ico_facebook.png" width="100%" alt="The Power Spotの公式フェイスブック" class="linkimg"/></div>
  142.                 <div class="footerSns"><img src="//tpscoco.com/common/img/ico/ico_youtube.png" width="100%" alt="The Power Spotの公式Youtubeチャンネル" class="linkimg"/></div>
  143.             -->
  144.                 <div class="sp"></div>
  145.             </div>
  146.         </div>
  147.     </nav>
  148.     <div class="wrapper"></div>
  149. </div>