app/template/bootcube2/Block/slideshow1.twig line 1

Open in your IDE?
  1. <section class="pos-relative" id="main">
  2.   <div class="block-slide1">
  3.     <img class="img" src="{{ asset('/html/user_data/assets/all/main.png') }}" alt="HERBAヘルバ" />
  4.   </div>
  5.     <div class="inner">
  6.         <div class="text-area">
  7.         <h3>特別会員について</h3>
  8.         <p>新しい特別会員の皆様は、<br>
  9.         マルチバイタルアミノ酸(X-1)だけでなく、<br>
  10.         ヘルバ社の全製品を特別会員価格でご購入いただけます。</p>
  11.         <p>毎月1日から翌月末までの1か月間に全製品の中から、<br>
  12.         1万円以上(定価)のご注文を月一回以上<br>
  13.         ご注文いただく新しい会員形態となります。</p>
  14.         </div>
  15.         <h2><img src="{{ asset('/html/user_data/assets/all/title-main.png') }}" alt="健康と美とライフスタイルに貢献するHERBA"></h2>
  16.     </div>
  17.   <ul class="nav">
  18.     <li class="block-slide1__prev pos-absolute pos-4">
  19.       <span class="d-block py-5 px-2 bgc-main oph-6 c-white"><i data-feather="chevron-left"></i></span>
  20.     </li>
  21.     <li class="block-slide1__next pos-absolute pos-6">
  22.       <span class="d-block py-5 px-2 bgc-main oph-6 c-white"><i data-feather="chevron-right"></i></span>
  23.     </li>
  24.   </ul>
  25. </section>
  26. <script type="text/javascript">
  27.   $(document).ready(function(){
  28.     $('.block-slide1').slick({
  29.       dots: true,
  30.       autoplay: true,
  31.       autoplaySpeed: 5000,
  32.       prevArrow: $('.block-slide1__prev'),
  33.       nextArrow: $('.block-slide1__next'),
  34.     });
  35.   });
  36. </script>