@extends('layouts.layout')
@section('content')
<div id="start-screen" class="start-screen start-screen--full-height start-screen--style-3">
   <div class="start-screen__shapes">
      <img class="img-shape" src="{{ asset('public/jaltheme/img/start-screen_img/start-screen_3/shape_1.png') }}" alt="demo" />
   </div>
   <div class="start-screen__content-container">
      <div class="start-screen__content__item align-items-center">
         <div class="container">
            <div class="row">
               <div class="col-md-6 section-heading">
                  <div class="d-none d-md-block">
                     <div class="__site-name ">
                     </div>
                     <strong><h3 class="__title "><span class="__subtitle">日本 へようこそ</span><span>  Nihon e yokoso</span></h3></strong>
                     <p>
                        Japan's oldest virtual airline • World's most advanced flight crew center. #GrowingStrong
                     </p>
                     <div class="spacer py-2 py-sm-4"></div>
                     <a class="custom-btn custom-btn--big custom-btn--style-1" target="_blank" href="#join">Get onboard</a>
                  </div>
               </div>
               <div class="col-md-6">
                 <img src="https://2.bp.blogspot.com/-Mabwezf-WM4/Td9fcPkw6lI/AAAAAAAABdQ/av4FW_fFGUI/s1600/Screen%2Bshot%2B2011-05-27%2Bat%2B1.21.56%2BAM.png"  />
               </div>
            </div>
         </div>
      </div>
   </div>
  </div>
   <section id="about" class="section section--no-pb">
      <div class="container">
         <div class="section-heading section-heading--center">
            <img src="https://cdn.dribbble.com/users/737406/screenshots/3829056/japan-animation-giff-export-800600.gif" style="width: 250px; height: auto;">
            <h2 class="__title">Welcome to  <span class="__subtitle">Japan Airlines Virtual</span></h2>
         </div>
         <div class="spacer py-6"></div>
         <div class="row justify-content-lg-center">
            <div class="col-12 col-lg-10">
               <div class="text-center">
                  <p>
                     <strong style="color: #555;">We are a VIRTUAL AIRLINE (VA) for multiple flight simulation platforms.</strong><br><br>
                     Fly into tomorrow Virtually! Our extensive real-operations allows you to feel as a real pilot with Japan Airlines. We began operations in 2007,
                     for over 10 years we have simulated JAL. We operate from four hubs: Tokyo Narita (NRT/RJAA), Tokyo Haneda (HND/RJTT), Osaka Kansai (KIX/RJBB),
                     and Osaka Itami (ITM/RJOO). We operate many different aircraft types going from small Dash 8's and CRJ-200's to large Boeing 777's and Airbus A350's.
                     <br><br>
                     We simulate the operations of the JAL Group of airlines. On top of all we allow flying on all codeshare JAL and oneworld flights.
                     That gives you numerous possibilities of different flights with different aircraft types. Today we are one of the most realistic
                     Virtual Airlines in Asia. We fly on the VATSIM and IVAO networks.
                  </p>
               </div>
            </div>
         </div>
         <div class="spacer py-6"></div>
         <div class="row justify-content-sm-center">
            <div class="col-12 col-md-10 col-lg-8">
               <!-- start video -->
               <!-- end video -->
            </div>
         </div>
      </div>
   </section>
   <section id="pricing" class="section section--light-blue-bg">
      <div class="container">
         <div class="section-heading section-heading--center">
            <h3 class="__subtitle">So the next question, why should you join us?</h3>
            <h6 class="__title"></span></h6>
         </div>
         <div class="spacer py-6"></div>
         <div class="row justify-content-lg-center">
            <div class="col-12 col-lg-10">
               <div class="text-center">
                  <p>
                     <strong style="color: #555;">So what really sets us apart from the other virtual airlines, give us a few minutes and we'll tell you exactly why we are so unique!</strong><br><br>
                     With the hard work and dedication of the many individuals it takes to run and operate this virtual airline, we have over time proven ourselves to be one of the best virtual airlines
                     in the world, and the best and most active virtual airline .
                     <br><br>
                  </p>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section id="features" class="section section--light-blue-bg">
      <div class="container">
         <div class="row align-items-lg-center">
            <div class="col-12 col-lg-6">
               <!-- start feature -->
               <div class="feature feature--s1  text-center text-sm-left">
                  <div class="__inner">
                     <!-- start item -->
                     <div class="__item">
                        <div class="row">
                           <div class="col-12 col-sm-auto">
                              <div class="mb-3 mb-sm-0">
                                 <i class="__ico icon-box icon-box--circled" style="background-color: #fb435f">
                                 <img  width="50px" height="50px" src="https://static.thenounproject.com/png/2152483-200.png">
                                 </i>
                              </div>
                           </div>
                           <div class="col-12 col-sm">
                              <h4 class="__title h3">We are commited!</h4>
                              <h6 class="__title h6">We put our pilots first to ensure an experience unlike any other</h6>
                              <p>
                                 We have some of the most active and dedicated staff around, with updates being rolled out constantly, improvement and change is always occuring. We have been in operation since 2007 and have no intention of slowing down!
                              </p>
                           </div>
                        </div>
                     </div>
                     <!-- end item -->
                     <!-- start item -->
                     <div class="__item">
                        <div class="row">
                           <div class="col-12 col-sm-auto">
                              <div class="mb-3 mb-sm-0">
                                 <i class="__ico icon-box icon-box--circled" style="background-color: #fb435f">
                                 <img width="50px" height="50px" src="https://i.pinimg.com/originals/82/04/bf/8204bf43eaec04006d1199116feb8852.png">
                                 </i>
                              </div>
                           </div>
                           <div class="col-12 col-sm">
                              <h4 class="__title h3">A vibrant community!</h4>
                              <h6 class="__title h6">We have a highly active pilot base that remains highly social</h6>
                              <p>
                                 Our community is alive with activity! From our community forum to our Discord server, you will always find someone available to talk, share ideas, catch up on the latest in the flight simulation community from others in our tight nicked community.
                              </p>
                           </div>
                        </div>
                     </div>
                     <!-- end item -->
                     <!-- start item -->
                     <div class="__item">
                        <div class="row">
                           <div class="col-12 col-sm-auto">
                              <div class="mb-3 mb-sm-0">
                                 <i class="__ico icon-box icon-box--circled" style="background-color:#fb435f">
                                 <img width="50px" height="50px" src="https://c7.uihere.com/icons/314/991/820/seo-marketing-business-code-source-html-b362809100d54aa8f52f26b0ec98195e.png">
                                 </i>
                              </div>
                           </div>
                           <div class="col-12 col-sm">
                              <h4 class="__title h3">A trusted software suite!</h4>
                              <h6 class="__title h6">We use only the best software on the market</h6>
                              <p>
                                 We are using some of the best software in the industry. TFDI's state of the art ACARS system makes flight tracking a breeze!
                              </p>
                           </div>
                        </div>
                     </div>
                     <!-- end item -->
                  </div>
               </div>
               <!-- end feature -->
            </div>
            <div class="spacer py-5 d-lg-none"></div>
            <div class="col-12 col-lg-6  text-center text-lg-right">
               <figure class="image-container js-tilt" data-tilt-speed="600" data-tilt-max="15" data-tilt-perspective="700">
                  <img class="img-fluid lazy" width="547" height="567" src="{{ asset('public/jaltheme/img/blank.gif') }}" data-src="{{ asset('public/jaltheme/img/img_4.png') }}" alt="demo" />
               </figure>
            </div>
         </div>
      </div>
   </section>
   <!-- end section -->
   <!-- start section -->
   <section id="infoblock" class="section">
      <div class="container">
         <div class="section-heading section-heading--center">
            <h6 class="__subtitle">Statistics</h6>
            <h2 class="__title">Some Stats of <span>Japan Airlines Virtual #GrowingStrong</span></h2>
         </div>
         <div class="spacer py-6"></div>
         <div class="row">
            <div class="col-12">
               <!-- start counter -->
               <div class="counter counter--s2">
                  <div class="__inner">
                     <div class="row">
                        <!-- start item -->
                        <div class="col-12 col-sm-6 col-lg-3">
                           <div class="__item  text-center">
                              <i class="__ico">
                              </i>
                              <div class="__content">
                                 <div class="__count js-count" data-from="0" data-to="13" data-after-text="+">0</div>
                                 <div class="__title">Sucessful Years</div>
                              </div>
                           </div>
                        </div>
                        <!-- end item -->
                        <!-- start item -->
                        <div class="col-12 col-sm-6 col-lg-3">
                           <div class="__item  text-center">
                              <i class="__ico">
                              </i>
                              <div class="__content">
                                 <div class="__count js-count" data-from="0" data-to="161294" data-after-text="+">0</div>
                                 <div class="__title">Hours logged</div>
                              </div>
                           </div>
                        </div>
                        <!-- end item -->
                        <!-- start item -->
                        <div class="col-12 col-sm-6 col-lg-3">
                           <div class="__item  text-center">
                              <i class="__ico">
                              </i>
                              <div class="__content">
                                 <div class="__count js-count" data-from="0" data-to="" data-after-text="+">0</div>
                                 <div class="__title">Flights</div>
                              </div>
                           </div>
                        </div>
                        <!-- end item -->
                        <!-- start item -->
                        <div class="col-12 col-sm-6 col-lg-3">
                           <div class="__item  text-center">
                              <i class="__ico">
                              </i>
                              <div class="__content">
                                 <div class="__count js-count" data-from="0" data-to="">0</div>
                                 <div class="__title">Active Pilots</div>
                              </div>
                           </div>
                        </div>
                        <!-- end item -->
                     </div>
                  </div>
               </div>
               <!-- end counter -->
            </div>
         </div>
      </div>
   </section>
   <!-- end section -->
   <section id="about" class="section section--light-blue-bg">
      <div class="container">
         <div class="section-heading section-heading--center">
            <h6 class="__subtitle">More than just a Virtual Airline</h6>
            <h2 class="__title">We are a unique <span>community!</span></h2>
         </div>
         <div class="spacer py-6"></div>
         <div class="row justify-content-lg-center">
            <div class="col-12 col-lg-10">
               <div class="text-center">
                  <p>
                     <strong style="color: #555;">We are more than just a Virtual Airline, we are a Japanese and International community of people that love aviation and all things Japan, Yokoso welcome!</strong><br>
                  </p>
               </div>
            </div>
         </div>
         <div class="spacer py-6"></div>
         <div class="row justify-content-sm-center">
            <div class="">
               <!-- start video -->
               <iframe width="560" height="315" src="https://www.youtube.com/embed/4d-_OhEr3TM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
               <div class="spacer py-6"></div>
            </div>
            <!-- end video -->
         </div>
      </div>
    </section>

<section id="join" class="section">
   <div class="container">
      <div class="row justify-content-xl-between">
         <div class="col-12 col-lg-12">
            <div class="tripple-cols lighter-bg2  padding-top50 padding-bottom40">
               <div class="custom-width">
                  <div class="main-title text-center">
                     <h3>Wish to know how to elevate your flightsim experience? It's simple!</h3>
                  </div>
                  <div class="row">
                     <div class="col-md-12">
                        <style>
                           .nav-tabs.wizard {
                           background-color: transparent;
                           padding: 0;
                           width: 100%;
                           margin: 1em auto;
                           border-radius: .25em;
                           clear: both;
                           border-bottom: none;
                           }
                           .nav-tabs.wizard li {
                           width: 100%;
                           float: none;
                           margin-bottom: 3px;
                           }
                           .nav-tabs.wizard li>* {
                           position: relative;
                           padding: 1em .8em .8em 2.5em;
                           color: #999999;
                           background-color: #dedede;
                           border-color: #dedede;
                           }
                           .nav-tabs.wizard li.completed>* {
                           color: #fff !important;
                           background-color: #00c3ff !important;
                           border-color: #00c3ff !important;
                           border-bottom: none !important;
                           }
                           .nav-tabs.wizard li.active>* {
                           color: #fff !important;
                           background-color: #fb435f !important;
                           border-color: #fb435f !important;
                           border-bottom: none !important;
                           }
                           .nav-tabs.wizard li::after:last-child {
                           border: none;
                           }
                           .nav-tabs.wizard > li > a {
                           opacity: 1;
                           font-size: 14px;
                           }
                           .nav-tabs.wizard a:hover {
                           color: #fff;
                           background-color: #fb435f;
                           border-color: #fb435f
                           }
                           span.nmbr {
                           display: inline-block;
                           padding: 10px 0 0 0;
                           background: #ffffff;
                           width: 35px;
                           line-height: 100%;
                           height: 35px;
                           margin: auto;
                           border-radius: 50%;
                           font-weight: bold;
                           font-size: 16px;
                           color: #555;
                           margin-bottom: 10px;
                           text-align: center;
                           }
                           @media(min-width:992px) {
                           .nav-tabs.wizard li {
                           position: relative;
                           padding: 0;
                           margin: 4px 4px 4px 0;
                           width: 19.6%;
                           float: left;
                           text-align: center;
                           }
                           .nav-tabs.wizard li.active a {
                           padding-top: 15px;
                           }
                           .nav-tabs.wizard li::after,
                           .nav-tabs.wizard li>*::after {
                           content: '';
                           position: absolute;
                           top: 1px;
                           left: 100%;
                           height: 0;
                           width: 0;
                           border: 45px solid transparent;
                           border-right-width: 0;
                           /*border-left-width: 20px*/
                           }
                           .nav-tabs.wizard li::after {
                           z-index: 1;
                           -webkit-transform: translateX(4px);
                           -moz-transform: translateX(4px);
                           -ms-transform: translateX(4px);
                           -o-transform: translateX(4px);
                           transform: translateX(4px);
                           border-left-color: #fff;
                           margin: 0
                           }
                           .nav-tabs.wizard li>*::after {
                           z-index: 2;
                           border-left-color: inherit
                           }
                           .nav-tabs.wizard > li:nth-of-type(1) > a {
                           border-top-left-radius: 10px;
                           border-bottom-left-radius: 10px;
                           }
                           .nav-tabs.wizard li:last-child a {
                           border-top-right-radius: 10px;
                           border-bottom-right-radius: 10px;
                           }
                           .nav-tabs.wizard li:last-child {
                           margin-right: 0;
                           }
                           .nav-tabs.wizard li:last-child a:after,
                           .nav-tabs.wizard li:last-child:after {
                           content: "";
                           border: none;
                           }
                           span.nmbr {
                           display: block;
                           }
                           }
                        </style>
                        <div class="tabbable">
                           <ul class="nav nav-tabs wizard">
                              <li><a data-target="#step1" data-toggle="tab" aria-expanded="false"><span class="nmbr">1</span>Step 01</a></li>
                              <li><a data-target="#step2" data-toggle="tab" aria-expanded="false"><span class="nmbr">2</span>Step 02</a></li>
                              <li><a data-target="#step3" data-toggle="tab" aria-expanded="false"><span class="nmbr">3</span>Step 03</a></li>
                              <li><a data-target="#step4" data-toggle="tab" aria-expanded="false"><span class="nmbr">4</span>Step 04</a></li>
                              <li><a data-target="#step5" data-toggle="tab" aria-expanded="true"><span class="nmbr">5</span>Step 05</a></li>
                           </ul>
                           <div class="tab-content">
                              <div class="tab-pane active" role="tabpanel" id="step0">
                                 <div class="text">
                                    <p>
                                       <span style="color:#fb435f">
                                       <i class="fas fa-arrow-right fa-2x"></i>
                                       </span>
                                       Navigate throught these steps to know how easy it is to join our awesome Virtual Airline
                                    </p>
                                 </div>
                              </div>
                              <div class="tab-pane" role="tabpanel" id="step1">
                                 <div class="col-md-12">
                                    <section class="section">
                                       <div class="container">
                                          <div class="section-heading section-heading--center">
                                             <h6 class="__subtitle">Checklist</h6>
                                             <h4 class="__title">Lets make sure<span> you match the Requirements</span></h4>
                                          </div>
                                          <div class="spacer py-6"></div>
                                          <div class="row">
                                             <div class="col-12">
                                                <!-- start steps -->
                                                <div class="steps steps--s1">
                                                   <div class="__inner">
                                                      <div class="row justify-content-center justify-content-xl-around">
                                                         <!-- start item -->
                                                         <div class="col-12 col-sm-9 col-md-4 col-xl-3">
                                                            <div class="__item">
                                                               <div class="mb-md-2">
                                                                  <span class="__num">
                                                                  <span class="__ico"><i class="fontello-ok"></i></span>
                                                                  </span>
                                                               </div>
                                                               <h6 class="__title">I am aged 16 or older.</h6>
                                                               <p>
                                                               </p>
                                                            </div>
                                                         </div>
                                                         <!-- end item -->
                                                         <!-- start item -->
                                                         <div class="col-12 col-sm-9 col-md-4 col-xl-3">
                                                            <div class="__item">
                                                               <div class="mb-md-2">
                                                                  <span class="__num">
                                                                  <span class="__ico"><i class="fontello-ok"></i></span>
                                                                  </span>
                                                               </div>
                                                               <h6 class="__title">I own working copy of FS2004, FSX, FSX:SE, Prepar3D or X-Plane.</h6>
                                                               <p>
                                                               </p>
                                                            </div>
                                                         </div>
                                                         <!-- end item -->
                                                         <!-- start item -->
                                                         <div class="col-12 col-sm-9 col-md-4 col-xl-3">
                                                            <div class="__item">
                                                               <div class="mb-md-2">
                                                                  <span class="__num">
                                                                  <span class="__ico"><i class="fontello-ok"></i></span>
                                                                  </span>
                                                               </div>
                                                               <h6 class="__title">I agree to the rules and policies in the Pilot Handbook & SOP.</h6>
                                                               <p>
                                                               </p>
                                                            </div>
                                                         </div>
                                                         <div class="col-12 col-sm-9 col-md-4 col-xl-3">
                                                            <div class="__item">
                                                               <div class="mb-md-2">
                                                                  <span class="__num">
                                                                  <span class="__ico"><i class="fontello-ok"></i></span>
                                                                  </span>
                                                               </div>
                                                               <h6 class="__title">I understand I will have to fly my first flight for Japan Airlines Virtual within two weeks of joining.</h6>
                                                               <p>
                                                               </p>
                                                            </div>
                                                         </div>
                                                         <!-- end item -->
                                                      </div>
                                                   </div>
                                                </div>
                                                <!-- end steps -->
                                             </div>
                                          </div>
                                          <div style="display:none;" class="row justify-content-center justify-content-xl-around">
                                             <a href="#step2"  class="custom-btn custom-btn--medium custom-btn--style-3">
                                             Agree and proceed
                                             </a>
                                          </div>
                                       </div>
                                    </section>
                                 </div>
                              </div>
                              <div class="tab-pane" role="tabpanel" id="step2">
                                 <div class="col-md-12">
                                    <h4>
                                       Entrance Examination
                                    </h4>
                                    <p>
                                       10 Multiple Choice questions about IFR Operations, Metrology, Airmanship and Navigation.
                                       70% is required to pass.
                                    <center>
                                       <br>
                                    </center>
                                    </p>
                                 </div>
                              </div>
                              <div class="tab-pane" role="tabpanel" id="step3">
                                 <div class="col-md-12">
                                    <h4>
                                       Your registration is accepted.
                                    </h4>
                                    <p>
                                       You now have access to Japan Airlines Virtual's pilot center, iCrew™
                                    <center>
                                       <br>
                                    </center>
                                    </p>
                                 </div>
                              </div>
                              <div class="tab-pane" role="tabpanel" id="step4">
                                 <div class="col-md-12">
                                    <h4>
                                       Choose your flight
                                    </h4>
                                    <p>
                                       Skydream Airlines offers an array of flight operation options for you to choose from.
                                       You can just scan the QR code to book the flight and fly
                                    <center>
                                       <br>
                                    </center>
                                    </p>
                                 </div>
                              </div>
                              <div class="tab-pane" role="tabpanel" id="step5">
                                 <div class="col-md-12">
                                    <h4>
                                       aaandd....FLY!
                                    </h4>
                                    <p>
                                       It's that simple
                                       <br><br>
                                    <center>
                                       <img style="width: 350px; height: auto;" src="https://cdn.dribbble.com/users/4908/screenshots/2760742/launching-rocket-dribbble.gif">
                                       <br>
                                       <br>
                                       <a href="https://icrew.jalvirtual.com/index.php/registration" target="_blank" class="custom-btn custom-btn--medium custom-btn--style-3">
                                       Take the Entrance exam today
                                       </a>
                                    </center>
                                    </p>
                                 </div>
                              </div>
                           </div>
                           <script>
                              $('.wizard li').click(function() {
                              $(this).prevAll().addClass("completed");
                              $(this).nextAll().removeClass("completed")

                              });
                           </script>
                           <br><br>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

</section>
<section class="section">
   <div class="container">
      <div class="section-heading section-heading--center">
         <h6 class="__subtitle">Join hundreds of Pilots who tried Japan Airlines Virtual</h6>
         <h2 class="__title">An idea that takes the parts of a <span>structure and turns whole system.</span></h2>
      </div>
      <div class="spacer py-6"></div>
      <div class="row">
         <div class="col-12">
            <!-- start brands list -->
            <div class="brands-list">
               <div class="__inner">
                  <div class="row justify-content-sm-around align-items-center">
                     <!-- start item -->
                     <div class="col-3 col-sm-auto">
                        <div class="__item">
                           <figure class="__image">
                              <img class="img-fluid lazy loaded" src="https://s3-eu-west-2.amazonaws.com/assets.fsxinsider.com/app/uploads/2015/02/27215824/FSX_SteamEd_Logo.png" data-src="https://s3-eu-west-2.amazonaws.com/assets.fsxinsider.com/app/uploads/2015/02/27215824/FSX_SteamEd_Logo.png" width="200px" height="200px" alt="demo" data-was-processed="true">
                           </figure>
                        </div>
                     </div>
                     <!-- end item -->
                     <!-- start item -->
                     <div class="col-3 col-sm-auto">
                        <div class="__item">
                           <figure class="__image">
                              <img class="img-fluid lazy loaded" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/X-Plane_11_logo.svg/1280px-X-Plane_11_logo.svg.png" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/X-Plane_11_logo.svg/1280px-X-Plane_11_logo.svg.png" width="200px" height="200px" alt="demo" data-was-processed="true">
                           </figure>
                        </div>
                     </div>
                     <!-- end item -->
                     <!-- start item -->
                     <div class="col-3 col-sm-auto">
                        <div class="__item">
                           <figure class="__image">
                              <img class="img-fluid lazy loaded" src="https://prepar3d.com/wp-content/uploads/2014/10/11Logo_1600.png" data-src="https://prepar3d.com/wp-content/uploads/2014/10/11Logo_1600.png" width="200px" height="200px" alt="demo" data-was-processed="true">
                           </figure>
                        </div>
                     </div>
                     <div class="col-3 col-sm-auto">
                        <div class="__item">
                           <figure class="__image">
                              <img class="img-fluid lazy loaded" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/IVAO_Logo.png/768px-IVAO_Logo.png" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/IVAO_Logo.png/768px-IVAO_Logo.png" width="200px" height="200px" alt="demo" data-was-processed="true">
                           </figure>
                        </div>
                     </div>
                     <div class="col-3 col-sm-auto">
                        <div class="__item">
                           <figure class="__image">
                              <img class="img-fluid lazy loaded" src="https://pcpilot.keypublishing.com/wp-content/uploads/sites/7/2014/12/8550.jpg" data-src="https://pcpilot.keypublishing.com/wp-content/uploads/sites/7/2014/12/8550.jpg" width="200px" height="200px" alt="demo" data-was-processed="true">
                           </figure>
                        </div>
                     </div>
                     <!-- end item -->
                     <!-- start item -->
                     <!-- end item -->
                     <!-- start item -->
                     <!-- end item -->
                  </div>
               </div>
            </div>
            <!-- end brands list -->
         </div>
      </div>
   </div>
</section>
<section id="testimonials" class="section" style="background: linear-gradient(90deg, #f63068 0%, #f63068 100%);">
   <div class="container">
      <div class="row">
         <div class="col-12 col-md-6">
            <div class="spacer d-none d-md-block py-4"></div>
            <div class="section-heading section-heading--white section-heading--left">
               <h6 class="__subtitle">Testimonials</h6>
               <h2 class="__title">Satisfied <br><span>Pilots</span></h2>
               <p>
                  Those who already tried Japan Airlines Virtual.
               </p>
            </div>
         </div>
         <div class="spacer d-md-none py-6"></div>
         <div class="col-12 col-md-6">
            <!-- start review -->
            <div class="review review--s3 review--slider">
               <div class="js-slick"
                  data-slick='{
                  "autoplay": true,
                  "arrows": false,
                  "dots": true,
                  "speed": 1200,
                  "slidesToShow": 1,
                  "dotsClass": "slick-dots slick-dots--white",
                  "responsive": [
                  {
                  "breakpoint": 575,
                  "settings":{
                  "slidesToShow": 2
                  }
                  }]
                  }'>
                  <div class="review__item review__item--rounded review__item--shadow">
                     <div class="d-table">
                        <div class="d-table-cell align-middle">
                           <span class="review__item__author-name h5">Kengo Shinmasu</span>
                        </div>
                     </div>
                     <p>
                        “Every detail has been taken care these team are realy amazing and talented!,and 'HAPPY BLUE SKIES'!! ”
                     </p>
                  </div>
                  <div class="review__item review__item--rounded review__item--shadow">
                     <div class="d-table">
                        <div class="d-table-cell align-middle">
                           <span class="review__item__author-name h5">TzuHsiang Zhao</span>
                        </div>
                     </div>
                     <p>
                        "I was a part of many Virtual Airlines since my early simming days. Surprisingly, JAL VA is the last one standing. Their new website is awesome. I would recommend everyone to try it out."
                     </p>
                  </div>
                  <div class="review__item review__item--rounded review__item--shadow">
                     <div class="d-table">
                        <div class="d-table-cell align-middle">
                           <span class="review__item__author-name h5">Kengo Shinmasu</span>
                        </div>
                     </div>
                     <p>
                        “Every detail has been taken care these team are realy amazing and talented!,and 'HAPPY BLUE SKIES'!! ”
                     </p>
                  </div>
                  <div class="review__item review__item--rounded review__item--shadow">
                     <div class="d-table">
                        <div class="d-table-cell align-middle">
                           <span class="review__item__author-name h5">TzuHsiang Zhao</span>
                        </div>
                     </div>
                     <p>
                        "I was a part of many Virtual Airlines since my early simming days. Surprisingly, JAL VA is the last one standing. Their new website is awesome. I would recommend everyone to try it out."
                     </p>
                  </div>
               </div>
            </div>
            <!-- end review -->
         </div>
      </div>
   </div>
</section>
@endsection