app/template/plants/Block/customsection.twig line 29

Open in your IDE?
  1. <div id="fv">
  2.     <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
  3.     <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_ycqoqsfl.json" background="transparent" speed="1" autoplay class="only_pc"></lottie-player>
  4.     <!-- sp -->
  5.     <lottie-player src="https://assets10.lottiefiles.com/packages/lf20_2geuingw.json" background="transparent" speed="1" autoplay class="only_sp" style="width:100vw; height:100vh;"></lottie-player>
  6. </div>
  8. <div class="sec" id="function">
  9.     <h2 class="func_main_ttl" data-aos="fade-up">Function</h2>
  10.     <div class="func_in">
  11.         <div class="func_desc" data-aos="fade-up">
  12.             <h3 class="func_ttl"><span>WE ARE THE</span>FLOWER HUB</h3>
  13.             <p class="func_txt">生産された美しい花が、<br>Functionを通じて<br>いろいろシーンに彩を。<br>出会いたかった花がここにある。</p>
  14.             <div class="read_more"><a href="https://functionshop.toebisu.website/hajimete" class="btn-mm-light magic-hover magic-hover__square">Read More</a></div>
  15.         </div>
  16.         <div class="func_imgs">
  17.             <ul>
  18.                 <li data-aos="fade-up"><img src="{{ asset('assets/img/func1.png' , 'user_data') }} "></li>
  19.                 <li data-aos="fade-up"><img src="{{ asset('assets/img/func2.png' , 'user_data') }} "></li>
  20.                 <li data-aos="fade-up"><img src="{{ asset('assets/img/func3.png' , 'user_data') }} "></li>
  21.                 <li data-aos="fade-up"><img src="{{ asset('assets/img/func4.png' , 'user_data') }} "></li>
  22.                 <li data-aos="fade-up"><img src="{{ asset('assets/img/func5.png' , 'user_data') }} "></li>
  23.                 <li data-aos="fade-up"><img src="{{ asset('assets/img/func6.png' , 'user_data') }} "></li>
  24.             </ul>
  25.         </div>
  26.     </div>
  27. </div>
  29.     {{ TabaCMSWidget('list',{type_data_key:'fair-information'})|raw }}
  32. {#
  33. <div class="sec" id="select">
  34.     <div class="fixedcontainer">
  35.         <h2 class="select_main_ttl main_ttl" data-aos="fade-up">SELECT</h2>
  36.         <ul class="select_list">
  37.             <li data-aos="fade-up">
  38.                 <a href="">
  39.                     <div><img src="{{ asset('assets/img/select-sample.png' , 'user_data') }} "></div>
  40.                     <p>〇〇○○（商品名）</p>
  41.                 </a>
  42.             </li>
  43.             <li data-aos="fade-up">
  44.                 <a href="">
  45.                     <div><img src="{{ asset('assets/img/select-sample.png' , 'user_data') }} "></div>
  46.                     <p>〇〇○○（商品名）</p>
  47.                 </a>
  48.             </li>
  49.             <li data-aos="fade-up">
  50.                 <a href="">
  51.                     <div><img src="{{ asset('assets/img/select-sample.png' , 'user_data') }} "></div>
  52.                     <p>〇〇○○（商品名）</p>
  53.                 </a>
  54.             </li>
  55.             <li data-aos="fade-up">
  56.                 <a href="">
  57.                     <div><img src="{{ asset('assets/img/select-sample.png' , 'user_data') }} "></div>
  58.                     <p>〇〇○○（商品名）</p>
  59.                 </a>
  60.             </li>
  61.             <li data-aos="fade-up">
  62.                 <a href="">
  63.                     <div><img src="{{ asset('assets/img/select-sample.png' , 'user_data') }} "></div>
  64.                     <p>〇〇○○（商品名）</p>
  65.                 </a>
  66.             </li>
  67.             <li data-aos="fade-up">
  68.                 <a href="">
  69.                     <div><img src="{{ asset('assets/img/select-sample.png' , 'user_data') }} "></div>
  70.                     <p>〇〇○○（商品名）</p>
  71.                 </a>
  72.             </li>
  73.         </ul>
  74.         <div class="read_more text-right" data-aos="fade-up"><a href="/products/list?category_id=1&name=" class="btn-mm-light magic-hover magic-hover__square">Read More</a></div>
  75.     </div>
  76. </div>
  77. #}
  78.     {{ TabaCMSWidget('list',{type_data_key:'function'})|raw }}
  80. <div class="sec" id="news">
  81.     <div class="fixedcontainer">
  82.         <h2 class="news_main_ttl main_ttl" data-aos="fade-up">NEWS</h2>
  83.         {{ include('Block/news.twig') }}
  84.     </div>
  85. </div>
  87.     {{ TabaCMSWidget('list',{type_data_key:'buyer-information'})|raw }}
  91. {#
  92. <div class="sec" id="request">
  93.     <div class="fixedcontainer">
  94.         <h2 class="request_main_ttl main_ttl" data-aos="fade-up">リクエスト販売</h2>
  95.         <div class="request_video" data-aos="fade-up">
  96.             <img src="{{ asset('assets/img/request-video.png' , 'user_data') }} ">
  97.         </div>
  98.         <p class="request_txt" data-aos="fade-up"></p>
  99.         <div class="read_more text-right" data-aos="fade-up"><a href="" class="btn-mm-light magic-hover magic-hover__square">Read More</a></div>
  100.     </div>
  101. </div>
  102. #}
  104. {{ include('Block/instagram.twig') }}