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 stylesheet %}
  16.     <style>
  17.       
  18.     </style>
  19. {% endblock %}
  21. {% block javascript %}
  22.     <script>
  23.     
  24.     </script>
  25. {% endblock javascript %}
  27. {% block main %}
  28.   
  29. <div class="o-topMv">
  30.   <picture>
  31.     <source media="(max-width:767px)" srcset="/html/user_data/img/top_mv_sp.png">
  32.     <img src="/html/user_data/img/top_mv_pc.png" alt="" loading="lazy">
  33.   </picture>
  34. </div>
  38. <div class="o-topActivity">
  40.   <h2 class="o-secTtl">Recommended Activity</h2>
  42.   <div class="o-topActivity_list">
  43.     <div class="o-topActivity_cont">
  44.       <a href="/products/detail/3">
  45.         <div class="o-topActivity_img">
  46.           <img src="/html/user_data/img/top_activity03.jpg" alt="">
  47.         </div>
  48.         <div class="o-topActivity_cat"><span>小値賀島</span><!--<span>ジャンル●●●●●</span>--></div>
  49.         <div class="o-topActivity_ttl">【11月1日より追加予約開始】OJIKA GREEN TRIP ～SEA YOU AGAIN ワークショップ～</div>
  50.         <div class="o-topActivity_desc">海洋プラスチックごみを使って小値賀オリジナルブローチを作ろう！</div>
  51.       </a>
  52.     </div>
  53.     
  54.     <div class="o-topActivity_cont">
  55.       <a href="/products/detail/4">
  56.         <div class="o-topActivity_img">
  57.           <img src="/html/user_data/img/top_activity04.jpg" alt="">
  58.         </div>
  59.         <div class="o-topActivity_cat"><span>小値賀島</span><!--<span>ジャンル●●●●●</span>--></div>
  60.         <div class="o-topActivity_ttl">OJIKA GREEN TRIP ～シーカヤックでビーチクリーン～（4月～10月）</div>
  61.         <div class="o-topActivity_desc">幻のビーチでカヤックを楽しみながら環境保護活動にも参加しよう！</div>
  62.       </a>
  63.     </div>
  65.     <div class="o-topActivity_cont">
  66.       <a href="/products/detail/5">
  67.         <div class="o-topActivity_img">
  68.           <img src="/html/user_data/img/top_activity05.jpg" alt="">
  69.         </div>
  70.         <div class="o-topActivity_cat"><span>小値賀島</span><!--<span>ジャンル●●●●●</span>--></div>
  71.         <div class="o-topActivity_ttl">古民家レストランで行うおぢかのイサキの棒寿司づくり体験</div>
  72.         <div class="o-topActivity_desc">古民家レストランの料理長直伝！ブランド魚「イサキ」を使った棒寿司</div>
  73.       </a>
  74.     </div>
  76.     <div class="o-topActivity_cont">
  77.       <a href="/products/detail/6">
  78.         <div class="o-topActivity_img">
  79.           <img src="/html/user_data/img/top_activity06.jpg" alt="">
  80.         </div>
  81.         <div class="o-topActivity_cat"><span>小値賀島</span><!--<span>ジャンル●●●●●</span>--></div>
  82.         <div class="o-topActivity_ttl">活版印刷でポストカード or 貼り箱作り！【Letterpress Workshop】</div>
  83.         <div class="o-topActivity_desc">小値賀島の旅の思い出に4代続く活版印刷技術を体験しよう！</div>
  84.       </a>
  85.     </div>
  86.   </div>
  88. </div>
  91. <div class="o-topOther">
  93.   <h2 class="o-secTtl">Others</h2>
  95.   <div class="o-topOther_img">
  96.     <a href="/user_data/about">
  97.       <picture>
  98.         <source media="(max-width:767px)" srcset="/html/user_data/img/other_about_sp.png">
  99.         <img src="/html/user_data/img/other_about_pc.png" alt="" loading="lazy">
  100.       </picture>
  101.     </a>
  102.     <a>
  103.       <picture>
  104.         <source media="(max-width:767px)" srcset="/html/user_data/img/other_letter_sp.png">
  105.         <img src="/html/user_data/img/other_letter_pc.png" alt="" loading="lazy">
  106.       </picture>
  107.     </a>
  108.     <a href="/user_data/feature">
  109.       <picture>
  110.         <source media="(max-width:767px)" srcset="/html/user_data/img/other_feature_sp.png">
  111.         <img src="/html/user_data/img/other_feature_pc.png" alt="" loading="lazy">
  112.       </picture>
  113.     </a>
  114.   </div>
  115. </div>
  118. <div class="o-topNews">
  119.   <div class="o-topNews_inner">
  120.     <h2 class="o-secTtl">News</h2>
  121.     <div class="o-topNews_list">
  122.       <div><span>2023.11.01</span>OJIKA GREEN TRIP ～SEA YOU AGAIN ワークショップ～の追加予約を開始</div>
  123.       <div><span>2023.05.26</span>日本にある役400の友人離島を紹介するサイトをオープンしました。</div>
  124.     </div>
  125.   </div>
  126. </div>
  129. <div class="o-topLinks">
  130.   <a href="/contact"><img src="/html/user_data/img/links_04.svg" alt="お問い合わせ" loading="lazy"></a>
  131. </div>
  132. {% endblock %}