{% extends '/uniqskills/layout.html.twig' %}
{% block meta %}
{% if app.request.locale == 'pl' %}
<meta name="title" content="Kursy online z certyfikatem dla profesjonalistów – Uniqskills">
<meta name="description" content="Niepowtarzalne kursy online z ceryfikatem prowadzone przez doświadczonych praktyków. Wypróbuj nasze kursy internetowe on line i podnieś swoje kwalifikacje.">
{% endif %}
{% if app.request.locale == 'en' %}
<meta name="title" content="UniqSkills - top quality additional training courses for professionals">
<meta name="description" content="We will take care of your development – wherever you are, at any time. Explore topics in business, psychology, education, health care, and much more.">
{% endif %}
{% endblock %}
{% block content %}
<div class="sectionBackground--purple">
<div class="heroBanner">
<div class="heroBanner__sliders">
{% for item in sliders %}
{% if item.isActive %}
<div class="heroBanner__content"
data-mobileBackground = {% if item.mobileImageName is defined and item.mobileImageName is not null %}{{ asset('/uploads/'~item.mobileImageName|convertScheme) | imagine_filter('img_700_width')}}{% else %}null{% endif %}
style="background-image: url({{ asset('/uploads/'~item.imageName|convertScheme) | imagine_filter('img_width_1920') }});">
<div class="container">{{ item.body | raw }}</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% if promoBoxes is not empty %}
<div class="information-boxes">
<div class="container">
<div class="row">
<div class="information-boxes__top-side">
{% for item in promoBoxes %}
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="information-boxes__top-box">
<div class="information-boxes__image-container">
<a href="{{ item.url }}">
<img src="{{ asset('/uploads/'~item.imageName)|convertScheme | imagine_filter('img_260_width') }}"
alt="{{ item.nameLink }}"
class="information-boxes__image"
data-mobileBackground = {% if item.mobileImageName is defined and item.mobileImageName is not null %}{{ asset('/uploads/'~item.mobileImageName)|convertScheme | imagine_filter('img_312_width') }}{% else %}null{% endif %}>
</a>
</div>
<div class="information-boxes__top-box-content">
<span class="information-boxes__top-box-title">
{{ item.name }}
</span>
<a href="{{ item.url }}">
<p class="information-boxes__top-box-description charLimit"
data-char-limit="94">
{{ item.body }}
</p>
</a>
<a href="{{ item.url }}" class="information-boxes__top-box-link">
{{ item.nameLink }}
</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
{% if app.request.locale != 'en' %}
<div class="steps">
<div class="container">
<h2 class="steps-header textColor-white">{{ 'uniqskills.home.howItWorks.header'|trans }}</h2>
<div class="row">
<div class="col-xs-12 col-lg-offset-1 col-lg-10">
<div class="steps-list">
<div class="row">
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image">
<img src="{{ asset('/uniqskills/img/home_page/box_1.png') }}"
alt="first step image">
</div>
<div class="imageWithCaption-caption">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.howItWorks.step1Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.howItWorks.step1Body'|trans }}
</div>
</div>
</div>
</div>
</div>
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image">
<img src="{{ asset('/uniqskills/img/home_page/box_2.png') }}"
alt="second step image">
</div>
<div class="imageWithCaption-caption">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.howItWorks.step2Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.howItWorks.step2Body'|trans }}
</div>
</div>
</div>
</div>
</div>
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image">
<img src="{{ asset('/uniqskills/img/home_page/box_3.png') }}"
alt="third step image">
</div>
<div class="imageWithCaption-caption">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.howItWorks.step3Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.howItWorks.step3Body'|trans }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cooperatorsBar sectionBackground--gray cooperatorsBar__background">
<div class="container">
{% if app.request.locale == 'de' %}
<span class="cooperatorsBar-header">Über uns</span>
<span style="margin-bottom:20px; display:block;" class=" captionText">Wir sind gehört zur die Forum Media Group (FMG), einer internationalen Medienfirma, die 1988 gegründet wurde, ihren Sitz in
Merching in Deutschland hat und zu der professionelle Verlage gehören,
die über 1200 Mitarbeiter in 18 Ländern Europas, Asiens, Nordamerikas und
Australiens beschäftigt. Die Zugehörigkeit zu einer internationalen Organisation,
garantiert, dass unsere Kunden mit einem stabilen Partner zusammenarbeiten, der eine feste Marktposition hat.</span>
<a href="https://www.forum-media.com/de/" target="_blank" style="margin-left:auto; margin-right: auto;" class="button button-blueBackground">Mehr über FMG</a>
{% endif %}
<h2 class="cooperatorsBar-header">{{ "uniqskills.home.cooperatorsHeader"|trans }}</h2>
<div class="cooperatorsBar-logos">
{% for item in cooperators %}
<a href="{{ absolute_url(item.link) }}">
<img style="height: 44px;"
src="{{ asset('uploads/'~item.imageName)|convertScheme | imagine_filter('img_230_width') }}"
alt="cooperator logo">
</a>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% if app.request.server.get('DEFAULT_LOCALE') == 'en' %}
<div class="container advertisingVideo">
<h2 class="advantages-header textColor-white">{{ 'uniqskills.home.advantages.aboutUS'|trans }}</h2>
<div class="advertisingVideo--box">
<script type="text/javascript" src="https://inne.bbvms.com/p/default/c/5669934.js?&width=100%&height=auto"></script>
</div>
</div>
{% endif %}
<div class="advantages sectionBackground--purple">
<div class="container">
<h2 class="advantages-header textColor-white">{{ 'uniqskills.home.advantages.header'|trans }}</h2>
<div class="row">
<div class="col-xs-12 col-lg-offset-1 col-lg-10">
<div class="advantages-list">
<div class="row">
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image imageWithCaption-image--small imageWithCaption-image--transparent">
<img src="{{ asset("/uniqskills/img/home_page/boxes/reason_1.png") }}"
alt="first advantage image">
</div>
<div class="imageWithCaption-caption imageWithCaption-caption--smallPadding">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.advantages.step1Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.advantages.step1Body'|trans }}
</div>
</div>
</div>
</div>
</div>
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image imageWithCaption-image--small imageWithCaption-image--transparent">
<img src="{{ asset("/uniqskills/img/home_page/boxes/reason_2.png") }}"
alt="second advantage image">
</div>
<div class="imageWithCaption-caption imageWithCaption-caption--smallPadding">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.advantages.step2Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.advantages.step2Body'|trans }}
</div>
</div>
</div>
</div>
</div>
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image imageWithCaption-image--small imageWithCaption-image--transparent">
<img src="{{ asset("/uniqskills/img/home_page/boxes/reason_3.png") }}"
alt="third advantage image">
</div>
<div class="imageWithCaption-caption imageWithCaption-caption--smallPadding">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.advantages.step3Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.advantages.step3Body'|trans }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image imageWithCaption-image--small imageWithCaption-image--transparent">
<img src="{{ asset("/uniqskills/img/home_page/boxes/reason_4.png") }}"
alt="fourth advantage image">
</div>
<div class="imageWithCaption-caption imageWithCaption-caption--smallPadding">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.advantages.step4Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.advantages.step4Body'|trans }}
</div>
</div>
</div>
</div>
</div>
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image imageWithCaption-image--small imageWithCaption-image--transparent">
<img src="{{ asset("/uniqskills/img/home_page/boxes/reason_5.png") }}"
alt="fifth advantage image">
</div>
<div class="imageWithCaption-caption imageWithCaption-caption--smallPadding">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.advantages.step5Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.advantages.step5Body'|trans }}
</div>
</div>
</div>
</div>
</div>
<div class="listItemContainer">
<div class="col-xs-12 col-lg-4">
<div class="imageWithCaption">
<div class="imageWithCaption-image imageWithCaption-image--small imageWithCaption-image--transparent">
<img src="{{ asset("/uniqskills/img/home_page/boxes/reason_6.png") }}"
alt="sixth advantage image">
</div>
<div class="imageWithCaption-caption imageWithCaption-caption--smallPadding">
<div class="captionTitle textColor-white">
<h3>{{ 'uniqskills.home.advantages.step6Title'|trans }}</h3>
</div>
<div class="captionText textColor-light-purple">
{{ 'uniqskills.home.advantages.step6Body'|trans }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% if testimonials is not empty %}
<div class="slider reviewsSlider slider__gradient">
<div class="container">
<h2 class="slider-header slider-header--extraPadding textColor-white">
{{ 'uniqskills.home.reviewsHeader'|trans }}
</h2>
<div class="slider-content">
{% for item in testimonials %}
<div class="singleSlide">
<blockquote class="singleSlide-review icon-quotationmark textColor-white"
data-mh="sliderReviewsGroup">
"{{ item.content }}"
</blockquote>
<div class="singleSlide-image singleSlide-image--noHover" style="background-image:
url({{ item.imageName ? asset('/uploads/'~item.imageName)|convertScheme | imagine_filter('img_100_width') : '/uniqskills/img/noPhoto.jpg'}} );"></div>
<div class="singleSlide-author" data-mh="sliderReviewsAuthorsGroup">
<div class="textColor-white">{{ item.name }}</div>
<div class="textColor-light-gray">{{ item.achievement }}</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
{% endblock %}
{% block customjs %}
<script>
$(document).ready(function () {
if ($(window).width() <= 768)
{
var banners = $('.heroBanner__content');
banners.each(function(index)
{
var mobileBackground = $(this).attr('data-mobileBackground');
if (mobileBackground != 'null' )
{
$(this).css("background-image", "url(" + mobileBackground + ")");
}
});
var imgBoxes = $('.information-boxes__image');
imgBoxes.each(function(index)
{
var mobileBackground = $(this).attr('data-mobileBackground');
if (mobileBackground != 'null' )
{
$(this).attr("src", mobileBackground);
}
});
}
});
</script>
{% endblock %}