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

Open in your IDE?
  1. {#
  2.   This file is part of EC-CUBE
  3.   
  4.   Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  5.   
  6.   http://www.ec-cube.co.jp/
  7.   
  8.   For the full copyright and license information, please view the LICENSE
  9.   file that was distributed with this source code.
  10.   #}
  12. <div id="wrapper_5_big">
  13.     <div id="wrapper_5">
  14.         <div class="wrapper_5_half">
  15.             <a href="{{ url('homepage') }}"><img src="/html/user_data/assets/img/top/footer_ico01.png" class="wrapper_5_half_img01 max_img" alt="北海道屋台" /></a>
  16.         </div>
  17.         <div class="wrapper_5_half">
  18.             <ul class="wrapper_5_half_ul01">
  19.                 <!--<a href="{{ url('help_about') }}"><li class="wrapper_5_half_ul01_li">
  20.                     <span class="wrapper_5_half_ul01_li_span01">
  21.                         北海道屋台について
  22.                     </span>
  23.                     <div class="wrapper_5_half_ul01_li_border"></div>
  24.                 </li></a>-->
  25.                 <a href="/news/"><li class="wrapper_5_half_ul01_li">
  26.                     <span class="wrapper_5_half_ul01_li_span01">
  27.                         北海道屋台NEWS
  28.                     </span>
  29.                     <div class="wrapper_5_half_ul01_li_border"></div>
  30.                 </li></a>
  31.                 <a href="{{ url('product_list') }}"><li class="wrapper_5_half_ul01_li">
  32.                     <span class="wrapper_5_half_ul01_li_span01">
  33.                         商品一覧
  34.                     </span>
  35.                     <div class="wrapper_5_half_ul01_li_border"></div>
  36.                 </li></a>
  37.                 <a href="{{ url('contact') }}"><li class="wrapper_5_half_ul01_li">
  38.                     <span class="wrapper_5_half_ul01_li_span01">
  39.                          お問い合わせ
  40.                     </span>
  41.                     <div class="wrapper_5_half_ul01_li_border"></div>
  42.                     <!--<ul class="wrapper_5_half_ul01">
  43.                         <a href="service_co.html"><li class="wrapper_5_half_ul01_li">
  44.                             <span class="wrapper_5_half_ul01_li_span01">
  45.                                 共
  46.                             </span>
  47.                             <div class="wrapper_5_half_ul01_li_border"></div>
  48.                         </li></a>
  49.                     </ul>-->
  50.                 </li></a>
  51.                 <a href="{{ url('help_agreement') }}"><li class="wrapper_5_half_ul01_li">
  52.                     <span class="wrapper_5_half_ul01_li_span01">
  53.                          利用規約
  54.                     </span>
  55.                     <div class="wrapper_5_half_ul01_li_border"></div>
  56.                 </li></a>
  57.                 <a href="{{ url('help_privacy') }}"><li class="wrapper_5_half_ul01_li">
  58.                     <span class="wrapper_5_half_ul01_li_span01">
  59.                         プライバシーポリシー
  60.                     </span>
  61.                     <div class="wrapper_5_half_ul01_li_border"></div>
  62.                 </li></a>
  63.                 <a href="{{ url('help_tradelaw') }}"><li class="wrapper_5_half_ul01_li">
  64.                     <span class="wrapper_5_half_ul01_li_span01">
  65.                         特定商取引法に基づく表示
  66.                     </span>
  67.                     <div class="wrapper_5_half_ul01_li_border"></div>
  68.                 </li></a>
  69.                 <a href="{{ url('payment_method') }}"><li class="wrapper_5_half_ul01_li">
  70.                     <span class="wrapper_5_half_ul01_li_span01">
  71.                         決済方法
  72.                     </span>
  73.                     <div class="wrapper_5_half_ul01_li_border"></div>
  74.                 </li></a>
  75.                 <a href="{{ url('delivery') }}"><li class="wrapper_5_half_ul01_li">
  76.                     <span class="wrapper_5_half_ul01_li_span01">
  77.                         送料・配送
  78.                     </span>
  79.                     <div class="wrapper_5_half_ul01_li_border"></div>
  80.                 </li></a>
  81.                 <a href="{{ url('qa') }}"><li class="wrapper_5_half_ul01_li">
  82.                     <span class="wrapper_5_half_ul01_li_span01">
  83.                         Q&amp;A
  84.                     </span>
  85.                     <div class="wrapper_5_half_ul01_li_border"></div>
  86.                 </li></a>
  87.                 <a href="{{ url('merchant') }}"><li class="wrapper_5_half_ul01_li">
  88.                     <span class="wrapper_5_half_ul01_li_span01">
  89.                         加盟店募集
  90.                     </span>
  91.                     <div class="wrapper_5_half_ul01_li_border"></div>
  92.                 </li></a>
  93.                 <a href="{{ url('entry') }}"><li class="wrapper_5_half_ul01_li">
  94.                     <span class="wrapper_5_half_ul01_li_span01">
  95.                         会員募集
  96.                     </span>
  97.                     <div class="wrapper_5_half_ul01_li_border"></div>
  98.                 </li></a>
  99.             </ul>
  100.         </div>
  101.         <div class="wrapper_5_half">
  102.             <span class="wrapper_5_copy">
  103.                 Copyright &copy; 北海道屋台  all rights reserved.
  104.             </span>
  105.         </div>
  106.         <div class="wrapper_5_half">
  107.             <ul class="wrapper_5_linkul01">
  108.                 <a href="https://www.facebook.com/hokkaidoyatai" target="_blank"><li class="wrapper_5_linkul01_li">
  109.                     <i class="fab fa-facebook-f wrapper_5_linkul01_li_ico"></i>
  110.                 </li></a>
  111.                 <!--<a href="{{ url('homepage') }}" target="_blank"><li class="wrapper_5_linkul01_li">
  112.                     <i class="fab fa-twitter wrapper_5_linkul01_li_ico"></i>
  113.                 </li></a>-->
  114.                 <a href="https://www.instagram.com/hokkaido_yatai/" target="_blank"><li class="wrapper_5_linkul01_li">
  115.                     <i class="fab fa-instagram wrapper_5_linkul01_li_ico"></i>
  116.                 </li></a>
  117.             </ul>
  118.         </div>
  119.     </div>
  120. </div>
  122. <div class="page-top_big">
  123.     <div class="page-up">
  124.         <a href="#"><img src="/html/user_data/assets/img/common/page_top.png" class="max_img" alt="ページトップへ" /></a>
  125.     </div>
  126. </div>
  127.   <!--<div class="ec-footerRole">
  128.     <img src="/html/user_data/assets/img/deco/bar_horizontal.png" alt="">
  129.     <div class="flex footerWrapper">
  130.       <div class="footerbear"><img src="/html/user_data/assets/img/top/footer_bear.png" alt=""></div>
  131.       <div class="footernav">
  132.         <div class="ec-footerRole__inner">
  133.           <ul class="ec-footerNavi">
  134.             <li class="ec-footerNavi__link">
  135.               <a href="{{ url('help_about') }}">{{ '北海道屋台について'|trans }}</a>
  136.             </li>
  137.             <li class="ec-footerNavi__link">
  138.               <a href="https://hokkaido-yatai.com/#topinfo">{{ 'ラーメンを探す'|trans }}</a>
  139.             </li>
  140.             <li class="ec-footerNavi__link">
  141.               <a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
  142.             </li>
  143.             <li class="ec-footerNavi__link">
  144.               <a href="{{ url('help_agreement') }}">{{ '利用規約'|trans }}</a>
  145.             </li>
  146.             <li class="ec-footerNavi__link">
  147.               <a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
  148.             </li>
  149.           </ul>
  150.         </div>
  151.       </div>
  152.       <div class="footernav">
  153.         <div class="ec-footerRole__inner">
  154.           <ul class="ec-footerNavi">
  155.             <li class="ec-footerNavi__link">
  156.               <a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
  157.             </li>
  158.             <li class="ec-footerNavi__link">
  159.               <a href="{{ url('payment_method') }}">{{ '決済方法'|trans }}</a>
  160.             </li>
  161.             <li class="ec-footerNavi__link">
  162.               <a href="{{ url('delivery') }}">{{ '送料・配送'|trans }}</a>
  163.             </li>
  164.             <li class="ec-footerNavi__link">
  165.               <a href="{{ url('qa') }}">{{ 'Ｑ＆Ａ'|trans }}</a>
  166.             </li>
  167.             <li class="ec-footerNavi__link">
  168.               <a href="{{ url('merchant') }}">{{ '加盟店募集'|trans }}</a>
  169.             </li>
  170.           </ul>
  171.         </div>
  172.       </div>
  173.       <div class="footerkaiin">
  174.         <a href="https://hokkaido-yatai.com/entry"><img src="/html/user_data/assets/img/top/footer_kaiin.png" alt=""></a>
  175.         <img src="/html/user_data/assets/img/top/top_icon03.png" alt="">
  176.       </div>
  177.     </div>
  178.     <div class="ec-footerTitle">
  179.       <div class="ec-footerTitle__logo">
  180.           <a href="{{ url('homepage') }}">{{ BaseInfo.shop_name }}</a>
  181.       </div>
  182.       <div class="ec-footerTitle__copyright">copyright (c) {{ BaseInfo.shop_name }} all rights reserved.</div>
  183.   </div>
  184.   </div>
  186.   <style>
  187.     .ec-footerRole {
  188.       background: #FFF;
  189.       border-top: none;
  190.     }
  191.     .ec-footerRole > img {
  192.       width: 100%;
  193.     }
  194.     .ec-footerNavi {
  195.       color: #333;
  196.     }
  197.     .flex {
  198.       display: flex;
  199.     }
  200.     .footerWrapper {
  201.       justify-content: space-between;
  202.     }
  203.     .footerWrapper > div.footernav {
  204.       width: 25%;
  205.     }
  206.     .footerWrapper > div.footerbear,
  207.     .footerWrapper > div.footerkaiin {
  208.       width: 25%;
  209.     }
  210.     .ec-footerNavi .ec-footerNavi__link {
  211.       display: block;
  212.       text-align: left;
  213.       margin: 8px auto;
  214.     }
  215.     .footerbear > img {
  216.       width: 100%;
  217.       max-width: 200px;
  218.       margin: auto;
  219.       display: block;
  220.     }
  221.     .footerkaiin {
  222.       position: relative;
  223.     }
  224.     .footerkaiin > a > img {
  225.       width: 100%;
  226.       max-width: 80px;
  227.       display: block;
  228.       margin: auto;
  229.     }
  230.     .footerkaiin > img {
  231.       position: absolute;
  232.       width: 100%;
  233.       max-width: 70px;
  234.       bottom: -30px;
  235.     }
  236.     .ec-footerRole .ec-footerRole__inner {
  237.       margin-left: 10%;
  238.     }
  239.     .ec-footerTitle {
  240.       color: #333;
  241.     }
  242.     @media screen and (max-width:900px) {
  243.       .footerWrapper > div.footerbear, .footerWrapper > div.footerkaiin {
  244.         width: 20%;
  245.       }
  246.       .ec-footerRole .ec-footerRole__inner {
  247.         margin-left: 0;
  248.       }
  249.       .ec-footerRole .ec-footerRole__inner {
  250.         padding: 0;
  251.       }
  252.       .footerkaiin > img {
  253.         left: -30px;
  254.       }
  255.       .ec-footerNavi .ec-footerNavi__link a {
  256.         display: inline-block;
  257.         border-bottom: none;
  258.         margin: 0 10px;
  259.         padding: 0;
  260.         text-decoration: underline;
  261.       }
  262.     }
  263.     @media screen and (max-width:670px) {
  264.       .footerkaiin > img {
  265.         left: -10px;
  266.         bottom: 0;
  267.         max-width: 50px;
  268.       }
  269.       .footerWrapper > div.footernav {
  270.         width: 30%;
  271.       }
  272.       .ec-footerNavi {
  273.         margin-left: 10px;
  274.       }
  275.       .footerkaiin > a > img {
  276.         max-width: 65px;
  277.       }
  278.     }
  279.     @media screen and (max-width:480px) {
  280.       .footerkaiin > img {
  281.         left: -10px;
  282.         bottom: 0;
  283.         max-width: 70px;
  284.       }
  285.       .footerWrapper > div.footernav {
  286.         width: 30%;
  287.       }
  288.       .ec-footerNavi {
  289.         margin-left: 10px;
  290.       }
  291.       .footerkaiin > a > img {
  292.         max-width: 80px;
  293.         margin: auto 0 auto auto;
  294.       }
  295.       .footerWrapper {
  296.         flex-wrap: wrap;
  297.       }
  298.       .footerWrapper > div.footernav,
  299.       .footerWrapper > div.footerbear,
  300.       .footerWrapper > div.footerkaiin {
  301.         width: 50%;
  302.       }
  303.       .footerWrapper > div.footernav {
  304.         order: 3;
  305.       }
  306.     }
  307.   </style>-->