File: /var/www/linde-ai/wp-content/themes/linde/static-templates/customized-training-static.php
<?php
/*
* Template Name: Customized training static
*
*/
get_header("static");
?>
<main>
<div class="customized-training">
<div class="customized-training__wrapper">
<img src="<?= THEMEROOT ?>/frontend/img/vr_room.jpg" alt=""/>
<div class="customized-training__plus customized-training__plus--top" data-customized-training>
<div class="pulsating-circle">
<span></span>
<div class="customized-training__image-hover">
<img src="<?= THEMEROOT ?>/frontend/img/customized-training-modal.jpg" alt="">
</div>
</div>
</div>
<img class="customized-training__arrow customized-training__arrow--top" src="<?= THEMEROOT ?>/frontend/img/training-arrow-lounge.jpg" alt="">
<img class="customized-training__arrow customized-training__arrow--top-mobile" src="<?= THEMEROOT ?>/frontend/img/training-arrow-lounge-mobile.jpg" alt="">
<h3 class="customized-training__cover-title customized-training__cover-title--top">TRAINEE LOUNGE</h3>
<div class="customized-training__plus customized-training__plus--middle" data-customized-training>
<div class="pulsating-circle">
<span></span>
<div class="customized-training__image-hover">
<img src="https://via.placeholder.com/1100x600.png" alt="">
</div>
</div>
</div>
<img class="customized-training__arrow customized-training__arrow--middle" src="<?= THEMEROOT ?>/frontend/img/training-arrow-testing.jpg" alt="">
<img class="customized-training__arrow customized-training__arrow--middle-mobile" src="<?= THEMEROOT ?>/frontend/img/training-arrow-testing-mobile.jpg" alt="">
<h3 class="customized-training__cover-title customized-training__cover-title--middle">VR TESTING STAGE</h3>
<div class="customized-training__plus customized-training__plus--bottom" data-customized-training>
<div class="pulsating-circle">
<span></span>
<div class="customized-training__image-hover">
<img src="https://via.placeholder.com/1100x600.png" alt="">
</div>
</div>
</div>
<img class="customized-training__arrow customized-training__arrow--bottom" src="<?= THEMEROOT ?>/frontend/img/training-arrow-station.jpg" alt="">
<img class="customized-training__arrow customized-training__arrow--bottom-mobile" src="<?= THEMEROOT ?>/frontend/img/training-arrow-station-mobile.jpg" alt="">
<h3 class="customized-training__cover-title customized-training__cover-title--bottom">TRAINING STATION</h3>
</div>
</div>
<div class="customized-training__about">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<h1 class="customized-training__about-title">Customized training</h1>
<p class="customized-training__about-text">
Et nascetur sit ut at aenean. Porta natoque aliquam faucibus volutpat molestie.
Tincidunt eget ornare lacus, tellus vitae et purus dui. Ante massa consectetur tempor arcu, ipsum.
Arcu, etiam ac senectus etiam vitae.
</p>
</div>
</div>
</div>
</div>
<div class="customized-training__cards text-align-center">
<h1 class="customized-training__cards-title">Use Cases</h1>
<div class="container container-fluid">
<div class="row">
<div class="col-md-4">
<div class="customized-training__card">
<div class="customized-training__image-wrap">
<img src="<?= THEMEROOT ?>/frontend/img/training-1.png" alt=""/>
</div>
<div class="customized-training__card-text">
<h3 class="customized-training__card-title">Lessons Learnt Re-creation</h3>
<h4>
Emergency response procedures can be re-created in VR for new operators to live the experience and learn from them firsthand.
</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="customized-training__card">
<div class="customized-training__image-wrap">
<img src="<?= THEMEROOT ?>/frontend/img/training-2.png" alt=""/>
</div>
<div class="customized-training__card-text">
<h3 class="customized-training__card-title">Training Programs Transformation</h3>
<h4>
Existing training programs can be complimented with effective mean of training for critical operations.
</h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="customized-training__card">
<div class="customized-training__image-wrap">
<img src="<?= THEMEROOT ?>/frontend/img/training-3.png" alt=""/>
</div>
<div class="customized-training__card-text">
<h3 class="customized-training__card-title">Operator Qualification</h3>
<h4>
Transform and streamline the way you qualify your operators through life-like testing scenarios.
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="customized-training-modal" data-modal-customized-training>
<div class="customized-training-modal__image">
<img src="<?= THEMEROOT ?>/frontend/img/customized-training-modal.jpg" alt="">
<div class="close-modal" data-modal-close>
<svg class="icon-close">
<use xlink:href="<?= THEMEROOT ?>/frontend/icons/icons.svg#icon-close"></use>
</svg>
</div>
</div>
<div class="container p-0">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="customized-training-modal__about text-align-center">
<h2 class="customized-training-modal__title">Trainee lounge 1</h2>
<p class="m-0 customized-training-modal__text">
Amet, mauris ipsum in eget vel id turpis justo, amet.
In mauris cursus cras ultricies facilisi in eget. Orci vitae sed dictum eros.
Mauris tincidunt cursus venenatis elementum.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="customized-training-modal" data-modal-customized-training>
<div class="customized-training-modal__image">
<img src="https://via.placeholder.com/1100x600.png" alt="">
<div class="close-modal" data-modal-close>
<svg class="icon-close">
<use xlink:href="<?= THEMEROOT ?>/frontend/icons/icons.svg#icon-close"></use>
</svg>
</div>
</div>
<div class="container p-0">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="customized-training-modal__about text-align-center">
<h2 class="customized-training-modal__title">VR Testing stage 2</h2>
<p class="m-0 customized-training-modal__text">
Amet, mauris ipsum in eget vel id turpis justo, amet.
In mauris cursus cras ultricies facilisi in eget. Orci vitae sed dictum eros.
Mauris tincidunt cursus venenatis elementum.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="customized-training-modal" data-modal-customized-training>
<div class="customized-training-modal__image">
<img src="https://via.placeholder.com/1100x600.png" alt="">
<div class="close-modal" data-modal-close>
<svg class="icon-close">
<use xlink:href="<?= THEMEROOT ?>/frontend/icons/icons.svg#icon-close"></use>
</svg>
</div>
</div>
<div class="container p-0">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="customized-training-modal__about text-align-center">
<h2 class="customized-training-modal__title">Training station 3</h2>
<p class="m-0 customized-training-modal__text">
Amet, mauris ipsum in eget vel id turpis justo, amet.
In mauris cursus cras ultricies facilisi in eget. Orci vitae sed dictum eros.
Mauris tincidunt cursus venenatis elementum.
</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js" integrity="sha512-cdV6j5t5o24hkSciVrb8Ki6FveC2SgwGfLE31+ZQRHAeSRxYhAQskLkq3dLm8ZcWe1N3vBOEYmmbhzf7NTtFFQ==" crossorigin="anonymous"></script>
<?php
get_footer("static");
?>