File: /var/www/hcv/wp-content/themes/hockey/static-templates/support-static.php
<?php
/*
* Template Name: Support - static
*
*/
get_header('static');
?>
<main>
<section class="hero-page bg-dark-arrows">
<div class="container">
<h1 class="hero-page__main-title text-left text-align-left text-uppercase">Support</h1>
<p class="hero-page__subtitle text-left h2">Need help?</p>
<a href="" class="btn btn--hollow small">Download user manual</a>
<a href="" class="btn btn--hollow small">Download app</a>
</div>
</section>
<section class="carousel-blocks">
<h2 class="text-uppercase h1">Video tutorials</h2>
<div class="container carousel-blocks__wrap">
<a href="#" class="btn btn--hollow-gray btn__arrow-gray carousel-blocks__previous">
<svg class="arrow-left"><use href="<?= THEMEROOT; ?>/frontend/img/icons.svg#arrow-left"></use></svg>
</a>
<div class="owl-carousel owl-theme" id="js-carousel-blocks">
<div class="carousel-blocks__block">
<div class="youtube-embed">
<iframe src="https://www.youtube.com/embed/keAEfk16iu8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="carousel-blocks__block-info">
<h4 class="text-bold">NEW Tutorial 1: First Steps</h4>
<p>Here are the first steps you need to do when you buy a Hockey Coach Vision account on our website.</p>
<p><span>Video content: </span>Going to our website and downloading the right app for your device, installing the app, setting up the quality settings, starting the app and logging in, downloading the Starter Package, finding the Starter Package drills and running them.</p>
</div>
</div>
<div class="carousel-blocks__block">
<div class="youtube-embed">
<iframe src="https://www.youtube.com/embed/_wescTCTfyQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="carousel-blocks__block-info">
<h4 class="text-bold">NEW Tutorial 2: My First Drill</h4>
<p>This is a first example of how you can create a simple animated drill.
</p>
<p><span>Video content: </span>Starting the Drill-Creator, introduction to setting objects, animating players, timing basics, watching the animation, saving your drill, finding your drill and running it.</p>
</div>
</div>
<div class="carousel-blocks__block">
<div class="youtube-embed">
<iframe src="https://www.youtube.com/embed/o9U0Pq2SQNs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="carousel-blocks__block-info">
<h4 class="text-bold">NEW Tutorial 3: Practice Packages</h4>
<p>Assemble your drills to practice packages. These practice packages can be printed as PDF, shared as animations or used in your calendar for your team's season plan.
</p>
<p><span>Video content: </span>Creating packages, finding files using filters, assemble files in a package, reordering drills in packages, changing drill duration times, viewing package details and stats, adding lineups, exporting as PDF file, and sharing packages with your team.</p>
</div>
</div>
<div class="carousel-blocks__block">
<div class="youtube-embed">
<iframe src="https://www.youtube.com/embed/spUR8Ch81O0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="carousel-blocks__block-info">
<h4 class="text-bold">NEW Tutorial 4: First Steps</h4>
<p>Here are the first steps you need to do when you buy a Hockey Coach Vision account on our website.</p>
<p><span>Video content: </span>Going to our website and downloading the right app for your device, installing the app, setting up the quality settings.</p>
</div>
</div>
</div>
<a href="#" class="btn btn--hollow-gray btn__arrow-gray carousel-blocks__next">
<svg class="arrow-left"><use href="<?= THEMEROOT; ?>/frontend/img/icons.svg#arrow-right"></use></svg>
</a>
</div>
</section>
<section class="accordion bg-light-arrows">
<div class="container">
<div class="accordion__title">
<h2 class="text-uppercase h1">FAQ</h2>
</div>
<div class="accordion__wrap">
<div class="accordion__item">
<div class="trigger h3 text-uppercase">On which platforms can I use Hockey coach vision?</div>
<div class="content">
<p class="h4">No, you can only use one HCV app at a time per platform. So, for example, if you have a new iPad and want to start using HCV on it, you'll need to log out of the app on your old iPad first! If you have lost your iPad and therefore cannot log out, please contact us! (info@hockeycoachvision.com)</p>
</div>
</div>
<div class="accordion__item">
<div class="trigger h3 text-uppercase">WHAT HAPPENS IF I DELETE MY HCV APP?</div>
<div class="content">
<p class="h4">Aliquam vel rutrum ex. Donec id luctus arcu. Sed non tellus quis eros aliquet lacinia. Donec efficitur nisi nec lacus consectetur commodo. Nullam vel purus blandit ipsum lobortis pulvinar. Nulla et augue id eros ultricies congue quis in enim. Nullam consequat nisi ac odio mattis ullamcorper. Nullam eu vulputate urna.</p>
</div>
</div>
<div class="accordion__item">
<div class="trigger h3 text-uppercase">HOW CAN I SYNC MY FILES BETWEEN MY HCV APPS ON DIFFERENT PLATFORMS?</div>
<div class="content">
<p class="h4">Proin vel libero sit amet nibh tempus viverra quis id tellus. Integer accumsan quam sed pulvinar posuere. In egestas eget lorem non tristique. Cras odio ex, semper in eros maximus, faucibus tempor lorem. Aenean dictum convallis erat, et fringilla urna sollicitudin nec. Nulla aliquet ex turpis, id ornare metus lobortis sit amet. Sed libero erat, aliquet eget rutrum quis, pharetra eget dolor. Morbi dolor mi, vehicula volutpat lobortis eget, lobortis in diam. Mauris dolor velit, interdum vel accumsan et, molestie euismod felis. Duis dictum metus nec libero malesuada, sed pellentesque quam ornare.</p>
</div>
</div>
<div class="accordion__item">
<div class="trigger h3 text-uppercase">HOW CAN I SYNC MY FILES BETWEEN MY HCV APPS ON DIFFERENT PLATFORMS?</div>
<div class="content">
<p class="h4">Cras odio ex, semper in eros maximus, faucibus tempor lorem. Aenean dictum convallis erat, et fringilla urna sollicitudin nec. Nulla aliquet ex turpis, id ornare metus lobortis sit amet.</p>
</div>
</div>
<div class="accordion__item">
<div class="trigger h3 text-uppercase">HOW CAN I SYNC MY FILES BETWEEN MY HCV APPS ON DIFFERENT PLATFORMS?</div>
<div class="content">
<p class="h4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor lectus facilisis est rutrum tristique. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris euismod quam eget eleifend lobortis. Quisque sed nibh condimentum, suscipit ex eu, interdum leo. Phasellus maximus neque vel sagittis mollis. Aliquam ac purus eleifend, ultrices quam id, tincidunt arcu. Aliquam vitae malesuada nisi, in ornare est. Vivamus scelerisque elit vitae gravida dignissim. Praesent a porttitor massa. Nulla auctor ultrices consectetur. Vivamus varius rhoncus maximus. Donec lorem enim, vestibulum pulvinar pulvinar ac, aliquet sit amet risus. Curabitur porta, tortor ac bibendum pretium, odio quam tempor ante, ac semper mi felis lacinia turpis. Ut consectetur neque eu diam imperdiet dapibus.
Aliquam vel rutrum ex. Donec id luctus arcu. Sed non tellus quis eros aliquet lacinia. Donec efficitur nisi nec lacus consectetur commodo. Nullam vel purus blandit ipsum lobortis pulvinar. Nulla et augue id eros ultricies congue quis in enim. Nullam consequat nisi ac odio mattis ullamcorper. Nullam eu vulputate urna.
Proin vel libero sit amet nibh tempus viverra quis id tellus. Integer accumsan quam sed pulvinar posuere. In egestas eget lorem non tristique. Cras odio ex, semper in eros maximus, faucibus tempor lorem. Aenean dictum convallis erat, et fringilla urna sollicitudin nec. Nulla aliquet ex turpis, id ornare metus lobortis sit amet. Sed libero erat, aliquet eget rutrum quis, pharetra eget dolor. Morbi dolor mi, vehicula volutpat lobortis eget, lobortis in diam. Mauris dolor velit, interdum vel accumsan et, molestie euismod felis. Duis dictum metus nec libero malesuada, sed pellentesque quam ornare.
Vestibulum eu nibh quam. In hac habitasse platea dictumst. Fusce mollis ultrices consequat. Fusce sed posuere lorem. Quisque dictum justo sed nibh gravida pellentesque. Nullam sit amet fringilla dui. Nulla vel congue augue. Donec fermentum metus eu est porta, quis tincidunt urna semper. Sed non nisi sit amet lorem varius vehicula. Praesent eros lacus, fermentum id porttitor ac, maximus a dui. Quisque sodales turpis justo, ac mattis lacus feugiat dapibus. Duis lacinia augue sit amet arcu placerat, in ultricies ligula hendrerit. Duis bibendum vehicula est, eu porta velit pulvinar vel. Sed convallis eu tortor sit amet scelerisque. Morbi volutpat laoreet fermentum. Suspendisse potenti.</p>
</div>
</div>
</div>
</div>
</section>
<section class="heading-button text-align-center">
<div class="container">
<h4 class="h2">You still have questions?</h4>
<a href="#" class="btn btn--hollow">Contact our support team</a>
</div>
</section>
<?php get_footer('static');