app/template/osechi/Fuji/service01.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'service_page' %}
  5. {% block javascript %}
  6.     <script src="{{ asset('assets/js/hotelinfo].js') }}?{{ env('JS_PARAM') }}"></script>
  7.     <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  8.     <script>
  9.         $(".regular").slick({
  10.             autoplay: false,
  11.             autoplaySpeed: 4000,
  12.             dots: true,
  13.         });
  14.     </script>
  16. {% endblock %}
  18. {% block stylesheet %}
  19.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
  20.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
  21.     <link href="https://fonts.googleapis.com/css2?family=Allura&display=swap" rel="stylesheet">
  22.     <link rel="stylesheet" href="{{ asset('assets/css/fuji_service.css') }}?{{ env('CSS_PARAM') }}">
  23.     <link href="https://use.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
  25. {% endblock %}
  27. {% block main %}
  28.     <div class="t-container">
  29.         <div class="kv-area overlay">
  30.             <video class="video" playsinline autoplay muted loop src="{{ asset('assets/img/fuji/service01/fuji.mp4') }}"></video>
  31.             <h1 class="title">Day Trip Around Mt.Fuji</h1>
  32.         </div>
  33.     </div>
  35.     <div class="ec-categoryHeadRole__content">
  36.         <p>
  37. Embark on an exited day around the most famous and highest mountain in Japan, the Mount FUJI.
  38. Starting from Tokyo, you will benefit of our transportation from your hotel to the heliport to go make a round and see the top of mount Fuji for an unforgettable experience.
  39. Enjoy lunch at Fuji speedway hotel with a relaxing time viewing Mount Fuji.
  40.         </p>
  41.     </div>
  43.     <div class="ec-categoryHeadRole__content">
  44.         <h2>Mt.Fuji from the Sky</h2>
  45.         <p class="subtitle"></p>
  46.         <div class="regular">
  47.             <div>
  48.                 <img src="{{ asset('assets/img/fuji/service01/03.webp') }}" alt="Mt.Fuji from the Sky">
  49.             </div>
  50.         </div>
  51.         <p class="note">
  52.             You can enjoy a 360-degree view of the majestic Mount Fuji and the changing seasonal landscapes from the sky. Don’t miss the images of Mount Fuji from the helicopter!
  53.         </p>
  54.         <div class="iframe-wrapper">
  55.             <iframe src="https://www.youtube.com/embed/CDoPC7LJkhE?loop=1&playlist=CDoPC7LJkhE" title="富士山頂" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  56.             <iframe src="https://www.youtube.com/embed/BocbbhrmcoU?loop=1&playlist=BocbbhrmcoU" title="富士山頂" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  57.             <iframe src="https://www.youtube.com/embed/tqhSZrwVgdw?loop=1&playlist=tqhSZrwVgdw" title="富士山頂" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  58.         </div>
  60.         <h2>Oshino Hakkai</h2>
  61.         <p class="subtitle">Different season but always beautiful</p>
  62.         <div class="regular">
  63.             <div>
  64.                 <img src="{{ asset('assets/img/fuji/service02/01.webp') }}" alt="Oshino Hakkai ">
  65.             </div>
  66.             <div>
  67.                 <img src="{{ asset('assets/img/fuji/service02/02.webp') }}" alt="Oshino Hakkai">
  68.             </div>
  69.             <div>
  70.                 <img src="{{ asset('assets/img/fuji/service02/03.webp') }}" alt="Oshino Hakkai">
  71.             </div>
  72.         </div>
  73.         <p class="note slider">
  74.         One of the 8 pounds of Oshino Hakkai. A beautiful collection of eight ponds are scattered around Oshino Hakkai, each with its very own story to tell
  75.         </p>
  78.         <h2>Mount Fuji</h2>
  79.         <p class="subtitle">Mt.Fuji View by The 5 Lakes</p>
  80.         <div class="regular">
  81.             <div>
  82.                 <img src="{{ asset('assets/img/fuji/service01/01.webp') }}" alt="Mt.Fuji View by The 5 Lakes">
  83.             </div>
  84.             <div>
  85.                 <img src="{{ asset('assets/img/fuji/service01/02.webp') }}" alt="Mt.Fuji View by The 5 Lakes">
  86.             </div>
  87.         </div>
  88.         <p class="note slider">
  89.             Lets go for a drive around the Fuji 5 lacs to admire the beauty of the season and see Mount Fuji through its reflections in the different lakes with relaxing Japanese tea time break. 
  90.         </p>
  93.     </div>
  96.     <div class="ec-categoryHeadRole__content">
  97.         <div class="infomation">
  98.             <p class="price"><i class="fa-regular fa-money-bill-1"></i><span>STARTING AT</span>360,000 JPY～</p>
  99.             <p class="time"><i class="fa-regular fa-clock"></i><span>DURATION</span>Up to 5Hour</p>
  100.             <p class="capacity"><i class="fa-regular fa-user"></i><span>CAPACITY</span>MAX 4</p>
  101.         </div>
  102.         <div class="btn">
  103.             <a class="" href="{{ url('fuji_reserved', {'id': '1'}) }}">
  104.                 Reserve
  105.             </a>
  106.         </div>
  107.     </div>
  109. {% endblock %}