app/template/blueshop/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="fv">
  17.     <div class="container">
  18.       <div class="fv-main">
  19.         <h1 class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
  20.           プロが選んだ<br>
  21.           家庭で使えるDIYグッズを<br>お届けします
  22.         </h1>
  24.         <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
  25.           BLUU SHOPでは家庭でのDIY等で役立つツールを<br class="forsp">建築のプロが選んで販売いたします。<br>
  26.           もっとDIYがあなたの身近な存在になっていきます。
  27.         </p>
  29.         <a href="#new-products" class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
  30.           新商品を見る
  31.         </a>
  32.       </div>
  34.       <div class="fv-img">
  35.         <img src="{{ asset('assets/img/fv_img.webp') }}" alt="">
  36.       </div>
  37.     </div>
  39.     <div class="scroll-down">
  40.       <p>SCROLL</p>
  42.       <div class="scroll-bar">
  43.         <div class="scroll-bar-anime"></div>
  44.       </div>
  45.     </div>
  46.   </section>
  47. {% endblock %}