File: /var/www/linde/wp-content/themes/linde/templates/single-linde_course.twig
{% extends "base.twig" %}
{% block content %}
<div class="hero-course ie-margin">
<div class="hero-course__img-wrap">
<picture>
<source srcset="{{ TimberImage(post.meta('cover_image')).src('19x6_large') }}" media="(min-width: 620px)">
<img class="hero-course__img" src="{{ TimberImage(post.meta('cover_image')).src('72x68_medium') }}" alt="" />
</picture>
</div>
{% if ( post.meta('video').url ) %}
<a href="#" class="btn btn--watch video-trigger" data-video-link="{{ post.meta('video').url }}" onClick="gtag('event', 'play_video', { 'event_category' : 'Play Course (single) video', 'event_label' : '{{ post.meta('video').title }}' });">
<span>Watch trailer</span>
<svg class="icon-play"><use xlink:href="{{ site.theme.link }}/frontend/icons/icons.svg#icon-play"></use></svg>
</a>
{% endif %}
<div class="container">
<div class="hero-course__content">
<h2 class="hero-course__subtitle h3">Session {{ post.meta('session_number') | format_session }} | {{ post.terms( {query:{taxonomy:'linde_module', orderby:'name', order: 'ASC'}} )|join(', ') }} </h2>
<h1 class="hero-course__title h2">{{ post.title }}</h1>
<a href="#" class="btn btn--hollow modal-form-trigger" onClick="gtag('event', 'form_open', { 'event_category' : 'Sign up (for Course) click', 'event_label' : '{{ post.title }}_hero_sign_up' });"><span>Sign up for this course</span></a>
</div>
</div>
</div>
<div class="action-bar">
<div class="container">
<div class="action-bar__wrap">
<a href="{{ term.link }}" class="action-bar__item">
<svg class="icon-small-arrow-left"><use xlink:href="{{ site.theme.link }}/frontend/icons/icons.svg#icon-small-arrow-left"></use></svg>
<span>Back to all courses</span>
</a>
<div class="popup">
<a href="" class="action-bar__item js-share">
<svg class="icon-share"><use xlink:href="{{ site.theme.link }}/frontend/icons/icons.svg#icon-share"></use></svg>
<span>Share this course</span>
</a>
<div class="popup__content">
<a href="#share" class="js-facebook-share">
<svg class="facebook"><use xlink:href="{{ site.theme.link }}/frontend/img/popup-icons.svg#popup-facebook-logo"></use></svg>
</a>
<a href="#share" class="js-linkedin-share">
<svg class="linkedin"><use xlink:href="{{ site.theme.link }}/frontend/img/popup-icons.svg#popup-linkedin-logo"></use></svg>
</a>
<a href="mailto:?subject={{ post.title }}&body={{ current_url }}">
<svg class="mail"><use xlink:href="{{ site.theme.link }}/frontend/img/popup-icons.svg#popup-mail"></use></svg>
</a><a href="" target="_blank" class="copy">
<svg class="copy"><use xlink:href="{{ site.theme.link }}/frontend/img/popup-icons.svg#popup-copy"></use></svg>
</a>
</div>
<p class="popup__copy-text">Link copied to clipboard<p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1 course-single__content">
<div class="floating-element">
<a href="#" class="btn btn--light modal-form-trigger" onClick="gtag('event', 'form_open', { 'event_category' : 'Sign up (for Course) click', 'event_label' : '{{ post.title }}_sign-up-now' });">Sign up now</a>
</div>
<div class="post-content">
{{ post.content }}
</div>
<div class="image-title-list">
<div class="title-wrap">
<h2 class="h1 text-gradient">Training value</h2>
</div>
{% for value in post.meta('training_values') %}
<div class="image-title-list__item">
<div class="image-title-list__img-wrap">
<img class="image-title-list__img" src="{{ TimberImage(value.image).src('training_value') }}" alt="" />
</div>
<div class="image-title-list__content">
<h2 class="image-title-list__title">{{ value.text }}</h2>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<section class="related-courses">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="row">
<div class="col-12 col-md-6">
{% if ( previous_course ) %}
<h4 class="">Previous course</h4>
<div class="card card-horizontal-stacked">
<div class="card__header">
<div class="card__img-wrap">
<img class="card__img" src="{{ previous_course.featuredImage.src('19x10_medium') }}" alt="" />
</div>
</div>
<div class="card__content">
<h6 class="card__subtitle"> Session {{ previous_course.meta('session_number') | format_session }} | {{ previous_course.terms( {query:{taxonomy:'linde_module', orderby:'name', order: 'ASC'}} )|join(', ') }}</h6>
<h4 class="card__title">{{ previous_course.title }}</h4>
<div>
<a href="{{ previous_course.link }}" class="btn btn--gradient-small">Go to course</a>
</div>
</div>
</div>
{% endif %}
</div>
<div class="col-12 col-md-6">
{% if ( next_course ) %}
<h4 class="">Next course</h4>
<div class="card card-horizontal-stacked">
<div class="card__header">
<img class="card__img" src="{{ next_course.featuredImage.src('19x10_medium') }}" alt="" />
</div>
<div class="card__content">
<h6 class="card__subtitle"> Session {{ next_course.meta('session_number') | format_session }} | {{ next_course.terms( {query:{taxonomy:'linde_module', orderby:'name', order: 'ASC'}} )|join(', ') }}</h6>
<h4 class="card__title">{{ next_course.title }}</h4>
<div>
<a href="{{ next_course.link }}" class="btn btn--gradient-small">Go to course</a>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
<div class="btn-center">
<a href="{{ term.link }}" class="btn btn--hollow text-dark"><span>See all courses</span></a>
</div>
</div>
</section>
<div class="get-started__block">
<div class="container">
<div class="row">
<div class="col-12">
<div class="get-started__content">
<p class="h3">Ready to gain practical experience through virtual reality?</p>
<a href="#" class="btn btn--dark modal-form-trigger" onClick="gtag('event', 'form_open', { 'event_category' : 'Get Started click', 'event_label' : 'Get started now - Course bottom' });">Get started now</a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}