app/template/default/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page' %}
  15. {% block main %}
  16.     <section class="mv">
  17.         <div class="loading__overlay"></div>
  18.         <div class="loading__logo"><img src="{{ asset('assets/img/common/logo_loading.png', 'user_data')}}" alt=""></div>
  19.         <div class="mv__box">
  20.             <h1 class="mv__title --en">HITOTOKI</h1>
  21.             <p class="mv__lead">茗茶香で始まる贅沢なひととき</p>
  22.         </div>
  23.         <div class="mv__scroll">
  24.             <span class="mv__scroll-arrow"><img src="{{ asset('assets/img/common/icon-arrow_scroll.svg', 'user_data')}}" alt=""></span>
  25.             <span class="mv__scroll-text --en">Scroll</span>
  26.         </div>
  27.     <div class="mv__video pc">
  28.         <video id="videoPc" autoplay loop playsinline muted poster="{{ asset('assets/img/top/mv.jpg', 'user_data')}}">
  29.             <source src="{{ asset('assets/video/video-mv.webm?251117', 'user_data')}}" type="video/webm">
  30.             <source src="{{ asset('assets/video/video-mv.mp4?251117', 'user_data')}}" type="video/mp4">
  31.         </video>
  32.     </div>
  33.     <div class="mv__video sp">
  34.         <video id="videoSp" autoplay loop playsinline muted poster="{{ asset('assets/img/top/sp/mv.jpg', 'user_data')}}">
  35.             <source src="{{ asset('assets/video/video-mv.webm?251117', 'user_data')}}" type="video/webm">
  36.             <source src="{{ asset('assets/video/video-mv.mp4?251117', 'user_data')}}" type="video/mp4">
  37.         </video>
  38.     </div>
  39.         <div class="mv__bottom">
  40.             <ul class="mv__bottom-list">
  41.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-visa.webp', 'user_data')}}" alt="VISA"></li>
  42.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-master.webp', 'user_data')}}" alt="Master Card"></li>
  43.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-diners.webp', 'user_data')}}" alt="Diners Club"></li>
  44.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-jcb.webp', 'user_data')}}" alt="JCB"></li>
  45.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-american.webp', 'user_data')}}" alt="AMERICAN EXPRESS"></li>
  46.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-paypay.webp', 'user_data')}}" alt="paypay"></li>
  47.                 <li class="mv__bottom-item"><img src="{{ asset('assets/img/common/icon-amazon-pay.webp', 'user_data')}}" alt="amazon pay"></li>
  48.             </ul>
  49.         </div>
  50.     </section>
  51.     <!-- /.mv -->
  52. {% endblock %}