@extends('layouts.layout')
@section('content')
<section id="team" class="section">
					<div class="container">
						<div class="section-heading section-heading--center">
							<h6 class="__subtitle">Meet the team</h6>

							<h2 class="__title">Awesome <span class="__subtitle">People</span><br><span>behind the success <span class="__subtitle">of Japan Airline Virtual,</span> <span class="__subtitle">since 2007</span></span></h2>
						</div>

						<div class="spacer py-6"></div>

						<div class="row">
							<div class="col-12">

								<!-- start team -->
								<div class="team team--s1">
                  <h2 class="__title">Executive Staff <br></h2>
                  <div class="spacer py-6"></div>
									<div class="__inner">
										<div class="row">
											<!-- start item -->
											<div class="col-12 col-sm-6 col-md-4 col-lg-12">
												<div class="__item" id="js-tilt-parent-1">
													<figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-1" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
														<img class="img-fluid lazy loaded" style="border-radius: 10%;" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/Dbqa69d.png" data-src="https://i.imgur.com/Dbqa69d.png" alt="demo" data-was-processed="true">
													</figure>

													<div class="__content">
														<h4 class="__name">Touy Smith</h4>

														<div class="__position">Chief Executive Officer
                              <br>
                            <a href="mailto:admin@jalvirtual.com"> admin@jalvirtual.com</a></div>
														</div>
													</div>

											</div>
											<!-- end item -->

											<!-- start item -->

											<!-- end item -->

								<!-- end team -->

							</div>
              </div>
              </div>
              </div>
              </div>

              <div class="row">
              <div class="col-12">

                <!-- start team -->
                <div class="team team--s1">
                  <div class="spacer py-6"></div>
                  <h2 class="__title">General Staff <br></h2>
                  <div class="spacer py-6"></div>
                  <div class="__inner">
                    <div class="row">
                      <!-- start item -->
                      <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                        <div class="__item" id="js-tilt-parent-1">
                          <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-1" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
                            <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/rcUJobd.png" data-src="https://i.imgur.com/rcUJobd.png" alt="demo" data-was-processed="true">
                          </figure>

                          <div class="__content">
														<h4 class="__name">Jamie Clarke</h4>

														<div class="__position">Human Resouces Manager
                              <br>
                            <a href="mailto:jamie@jalvirtual.com">  jamie@jalvirtual.com</a></div>
														</div>
                        </div>
                      </div>
                      <!-- end item -->

                      <!-- start item -->
                      <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                        <div class="__item" id="js-tilt-parent-2">
                          <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-2" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
                            <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/egi9i1K.jpg" data-src="https://i.imgur.com/egi9i1K.jpg" alt="demo" data-was-processed="true">
                          </figure>

                          <div class="__content">
														<h4 class="__name">Nipuna Edirsinghe</h4>

														<div class="__position">Flight Operations Officer
                              <br>
                            <a href="mailto:nipuna@jalvirtual.com"> nipuna@jalvirtual.com</a></div>
														</div>
                        </div>
                      </div>
                      <!-- end item -->

                      <!-- start item -->
                      <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                        <div class="__item" id="js-tilt-parent-3">
                          <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-3" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
                            <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/vHoaXiO.png" data-src="https://i.imgur.com/vHoaXiO.png" alt="demo" data-was-processed="true">
                          </figure>

                          <div class="__content">
														<h4 class="__name">Adam Hamada</h4>

														<div class="__position">Hubs Manager
                              <br>
                            <a href="mailto:adam@jalvirtual.com"> adam@jalvirtual.com</a></div>
														</div>
                        </div>
                      </div>
                      <!-- end item -->

                      <!-- start item -->
                      <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                        <div class="__item" id="js-tilt-parent-4">
                          <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-4" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1">
                            <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/mWrjxNs.png" data-src="https://i.imgur.com/mWrjxNs.png" alt="demo" data-was-processed="true">
                          </figure>

                          <div class="__content">
														<h4 class="__name">Wan Zamir Zakwin</h4>

														<div class="__position">Ground Operations Officer
                              <br>
                            <a href="mailto:wan@jalvirtual.com"> wan@jalvirtual.com</a></div>
														</div>
                        </div>
                      </div>
                      <!-- end item -->
                    </div>
                  </div>
                </div>
                <!-- end team -->

              </div>
						</div>
            <div class="row">
            <div class="col-12">

              <!-- start team -->
              <div class="team team--s1">
                <div class="spacer py-6"></div>
                <h2 class="__title">Training Staff <br></h2>
                <div class="spacer py-6"></div>
                <div class="__inner">
                  <div class="row">
                    <!-- start item -->
                    <div class="col-12 col-sm-6 col-md-4 col-lg-4">
                      <div class="__item" id="js-tilt-parent-2">
                        <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-2" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
                          <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/egi9i1K.jpg" data-src="https://i.imgur.com/egi9i1K.jpg" alt="demo" data-was-processed="true">
                        </figure>

                        <div class="__content">
                          <h4 class="__name">Nipuna Edirsinghe</h4>

                          <div class="__position">Chief Training Executive/VATSIM Instructor
                            <br>
                          <a href="mailto:nipuna@jalvirtual.com"> nipuna@jalvirtual.com</a></div>
                          </div>
                      </div>
                    </div>
                    <!-- end item -->

                    <!-- start item -->
                    <div class="col-12 col-sm-6 col-md-4 col-lg-4">
                      <div class="__item" id="js-tilt-parent-2">
                        <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-2" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
                          <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/rJwwyc8.png" data-src="https://i.imgur.com/rJwwyc8.png" alt="demo" data-was-processed="true">
                        </figure>

                        <div class="__content">
                          <h4 class="__name">Agustine Juarez</h4>

                          <div class="__position">Training Assistant
                            <br>
                          <a href="mailto:agustine@jalvirtual.com"> agustine@jalvirtual.com</a></div>
                          </div>
                      </div>
                    </div>
                    <!-- end item -->

                    <!-- start item -->
                    <div class="col-12 col-sm-6 col-md-4 col-lg-4">
                      <div class="__item" id="js-tilt-parent-3">
                        <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-3" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
                          <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://i.imgur.com/uRHvxhj.png" data-src="https://i.imgur.com/uRHvxhj.png" alt="demo" data-was-processed="true">
                        </figure>

                        <div class="__content">
                          <h4 class="__name">Simon Fionto</h4>

                          <div class="__position">Boeing 767 Chief Pilot
                            <br>
                          <a href="mailto:simon@jalvirtual.com"> simon@jalvirtual.com</a></div>
                          </div>
                      </div>
                    </div>
                    <!-- end item -->

                    <!-- start item -->
                    <!-- end item -->
                  </div>
                </div>
              </div>
              <!-- end team -->

            </div>
          </div>
          <div class="row">
          <div class="col-12">

            <!-- start team -->
            <div class="team team--s1">
              <div class="spacer py-6"></div>
              <h2 class="__title">Vacancies<br></h2>
              <div class="spacer py-6"></div>
              <div class="__inner">
                <div class="row">
                  <!-- start item -->
                  <div class="col-12 col-sm-6 col-md-4 col-lg-4 ">
                    <div class="__item" id="js-tilt-parent-1">
                      <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-1" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
		                        <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                      </figure>

                      <div class="__content">
                        <h4 class="__name">Vice Executive Officer</h4>

                        <div class="__position">

                          <br>
                    </div>
                        </div>
                      </div>

                  </div>
                  <!-- end item -->

                  <!-- start item -->
                  <div class="col-12 col-sm-6 col-md-4 col-lg-4">
                    <div class="__item" id="js-tilt-parent-2">
                      <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-2" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
		                        <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                      </figure>

                      <div class="__content">
                        <h4 class="__name">Events Manager</h4>

                        <div class="__position">
                          <br>
                      </div>
                        </div>
                    </div>
                  </div>
                  <!-- end item -->

                  <!-- start item -->
                  <div class="col-12 col-sm-6 col-md-4 col-lg-4">
                    <div class="__item" id="js-tilt-parent-3">
                      <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-3" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
		                        <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                      </figure>

                      <div class="__content">
                        <h4 class="__name">Public Releations</h4>

                        <div class="__position">
                          <br>
                    </div>
                        </div>
                    </div>
                  </div>
                  <!-- end item -->

                  <!-- start item -->
                  <!-- end item -->
                </div>
              </div>
            </div>
            <!-- end team -->

          </div>
        </div>
        <div class="row">
        <div class="col-12">

          <!-- start team -->
          <div class="team team--s1">
            <div class="spacer py-6"></div>
            <div class="__inner">
              <div class="row">
                <!-- start item -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                  <div class="__item" id="js-tilt-parent-4">
                    <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-4" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1">
		                      <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                    </figure>

                    <div class="__content">
                      <h4 class="__name">Boeing 787 Chief Pilot</h4>

                      <div class="__position">Training
                        <br>
                    </div>
                      </div>
                  </div>
                </div>
                <!-- end item -->

                <!-- start item -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                  <div class="__item" id="js-tilt-parent-2">
                    <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-2" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
		                      <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                    </figure>

                    <div class="__content">
                      <h4 class="__name">Airbus A350 Chief Pilot</h4>

                      <div class="__position">Training
                        <br>
                    </div>
                      </div>
                  </div>
                </div>
                <!-- end item -->

                <!-- start item -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                  <div class="__item" id="js-tilt-parent-3">
                    <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-3" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
		                      <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                    </figure>

                    <div class="__content">
                      <h4 class="__name">Airbus A320 Chief Pilot</h4>

                      <div class="__position">Training
                        <br>
                    </div>
                      </div>
                  </div>
                </div>
                <!-- end item -->

                <!-- start item -->
                <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                  <div class="__item" id="js-tilt-parent-4">
                    <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-4" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1">
		                      <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                    </figure>

                    <div class="__content">
                      <h4 class="__name">Boeing 737 Chief Pilot</h4>

                      <div class="__position">Training
                        <br>
                    </div>
                      </div>
                  </div>
                </div>
                <!-- end item -->
              </div>
            </div>
          </div>
          <!-- end team -->

        </div>
      </div>
      <div class="row">
      <div class="col-12">

        <!-- start team -->
        <div class="team team--s1">
          <div class="spacer py-6"></div>
          <div class="__inner">
            <div class="row">
              <!-- start item -->
              <div class="col-12 col-sm-6 col-md-4 col-lg-6">
                <div class="__item" id="js-tilt-parent-4">
                  <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-4" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1">
		                    <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                  </figure>

                  <div class="__content">
                    <h4 class="__name">Embraer Ejets Chief Pilot</h4>

                    <div class="__position">Training
                      <br>
                  </div>
                    </div>
                </div>
              </div>
              <!-- end item -->

              <!-- start item -->
              <div class="col-12 col-sm-6 col-md-4 col-lg-6">
                <div class="__item" id="js-tilt-parent-2">
                  <figure class="__image js-tilt" data-tilt-reverse="true" data-tilt-mouse-event-element="#js-tilt-parent-2" data-tilt-speed="1000" data-tilt-max="25" data-tilt-perspective="1000" data-tilt-scale="1.1" style="will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);">
		                    <img class="img-fluid lazy loaded" style="border-radius: 10%;" width="200px" height="200px" src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" data-src="https://cdn.discordapp.com/attachments/287923288284332032/701807168344555672/unknown.png" alt="demo" data-was-processed="true">
                  </figure>

                  <div class="__content">
                    <h4 class="__name">Bombardier Dash 8 Q400 Chief Pilot</h4>

                    <div class="__position">Training
                      <br>
                  </div>
                    </div>
                </div>
              </div>
              <!-- end item -->

              <!-- start item -->

              <!-- end item -->

              <!-- start item -->

              <!-- end item -->
            </div>
          </div>
        </div>
        <!-- end team -->

      </div>
    </div>
					</div>
				</section>
@endsection