{% extends 'base.html.twig' %}
{% block canonical %}
<link rel="canonical" href="https://www.kultura-sport.cz">
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{% endblock %}
{% block body %}
<div id="rev_slider_1014_1_wrapper" class="rev_slider_wrapper ms-hero-rev fullscreen-container" data-alias="typewriter-effect" data-source="gallery" style="background-color:transparent;padding:0px;">
<div class="news"><h3>NEWS</h3></div>
<div class="newspad"></div>
<div class="container" style="position: relative;">
<div id="id-header-btn-news" style="display: none">
<i class="fa fa-question-circle"></i>
<h3 class="ff-rc">NEWS FEED</h3>
</div>
{% if pageinfo.info != '' %}
<div class="container">
<div id="id-header-news" class="header-news-homepage">
<i class="fa fa-info-circle"></i>
<div class="marquee">
<div class="marquee-content">{{ pageinfo.info|raw }}</div>
</div>
</div>
</div>
{% endif %}
</div>
<!-- START REVOLUTION SLIDER 5.3.0.2 fullscreen mode -->
<div id="rev_slider_1014_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.3.0.2">
<ul> <!-- SLIDE -->
<li data-index="rs-2800" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="assets/img/demo/back_video_100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="/assets/custom/img/kas_dron_bg.jpg" alt="" data-bgposition="center center" data-bgfit="cover" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- BACKGROUND VIDEO LAYER -->
<div class="rs-background-video-layer"
data-forcerewind="on"
data-volume="mute"
data-videowidth="100%"
data-videoheight="100%"
data-videomp4="assets/media/kas_dron_web.mp4"
data-videopreload="auto"
data-videoloop="loop"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false"
></div>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper "
id="slide-2800-layer-7"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-type="shape"
data-basealign="slide"
data-responsive_offset="off"
data-responsive="off"
data-frames='[{"from":"opacity:0;","speed":500,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"speed":5000,"to":"opacity:0;","ease":"Power4.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);border-width:0px;"> </div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-2800-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-80','-80','-130','-157']"
data-fontsize="['130','130','100','80']"
data-lineheight="['130','130','100','80']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: nowrap; font-size: 130px; line-height: 130px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;border-width:0px;letter-spacing:-7px;">
<img src="/assets/custom/img/logo_kas_w.png" class="kas-logo" alt="Kultura a Sport Chomutov" >
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption rev-btn tp-resizeme header-btn"
data-x="['right','right','center','center']" data-hoffset="['660','550','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['240','240','100','83']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-link="/program"
data-type="button"
data-actions=''
data-responsive_offset="on"
data-frames='[{"from":"x:-50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[50,50,50,50]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[50,50,50,50]"
style="z-index: 7;">PROGRAM</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['237','237','158','141']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 300; color: rgba(255, 255, 255, 1.00);font-family:Roboto, sans-serif;border-width:0px;"> <img src="/assets/custom/img/kascv_logo_white_50_notext.png" > </div>
<!-- LAYER NR. 7 -->
<div class="tp-caption rev-btn tp-resizeme header-btn"
data-x="['left','left','center','center']" data-hoffset="['660','550','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['240','240','224','207']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-link="/kontakty"
data-type="button"
data-actions=''
data-responsive_offset="on"
data-frames='[{"from":"x:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[50,50,50,50]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[50,50,50,50]"
style="z-index: 11;">KONTAKTY </div>
</li>
{% include 'partials/slides.html.twig' %}
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div><!-- END REVOLUTION SLIDER -->
<div class="container" style="margin-bottom: 100px">
<h1 class="right-line right-line">Nepřehlédněte</h1>
{% if top_events|length >0 %}
<div class="owl-dots"></div>
<div class="owl-carousel owl-theme">
{% set i = 1 %}
{% for event in top_events %}
{# @var event \App\Controller\Objects\HomeCarouselItem #}
<div class="card {% if not event.past %}card-primary{% endif %} animation-delay-5 pointer-event" title="{{ event.title }}">
<div class="card-header">
<h3 class="card-title"><i class="zmdi zmdi-calendar"></i> {{ event.date }}</h3>
</div>
<div class="withripple zoom-img">
<a href="{{ event.link }}">
<img src="{{ event.picture.small }}" alt="" class="img-fluid {% if event.past %}grayscale{% endif %}">
</a>
<span class="badge badge-primary pull-right badge-custom uppercase">{{ event.object }}</span>
<div class="ripple-container"></div></div>
<div class="card-body overflow-hidden text-center">
<h4 class="color-black uppercase inline-text">{{ event.title }}</h4>
<!-- <p>{{ event.text }}</p> -->
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if facebook_feed|length >0 %}
<div class="row">
{% for event in facebook_feed %}
{# @var event \App\Controller\Objects\HomeFacebookItem #}
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="card">
<figure class="ms-thumbnail ms-thumbnail-horizontal">
<img class="img-fluid facebook-img" src="{{ event.picture }}" alt="">
</figure>
<div class="card-body overflow-hidden card-facebook-stream">
<a href="{{ event.link }}" class="btn-circle btn-circle btn-facebook btn-circle-raised btn-card-float right wow zoomInDown index-2" style="visibility: visible; animation-name: zoomInDown;"><i class="zmdi zmdi-facebook"></i></a>
<h4 class="no-margin facebook-stream" title="{{ event.title }}" >{{ event.title }}</h4>
</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
<div class="ms-hero-page-override ms-chomutov-img" style="margin-bottom: 130px; display: none" >
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12" >
</div>
<div class="col-lg-6 col-md-12">
<h2 style="font-size: 70px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin-top: 270px">CELOROČNÍ VYŽITÍ V CHOMUTOVĚ</h2>
<p class="lead lead-lg color-light mt-2 mw-800 fw-300 animated fadeInUp animation-delay-7" style="font-size: 20px">Spravujeme pro vás celoročně objekty určené ke společenskému a sportovnímu vyžití v Chomutově. Lorem ipsum dolor sit amet, consectetur alter adipisicing elit.</p>
</div>
</div>
<div class="text-center" style="display: none">
<h1 class="no-m ms-site-title color-white center-block ms-site-title-lg mt-2 animated zoomInDown animation-delay-5">Spravujeme</h1>
<p class="lead lead-lg color-light text-center center-block mt-2 mw-800 text-uppercase fw-300 animated fadeInUp animation-delay-7">objekty určené ke společenskému a sportovnímu vyžití v Chomutově</p>
</div>
</div>
</div>
<div class="kasepar">
<img src="/assets/custom/img/logo_kas.png">
</div>
<div class="container">
<div class="row d-flex justify-content-center card-top">
<h1 class="right-line">Spravujeme</h1>
{% for object in objects %}
{# @var object \App\Controller\Objects\HomeObjectItem #}
<div class="col-lg-4 col-md-6">
<div class="card card-{{ object.colorClass }} wow zoomInUp mb-4 animation-delay-5" style="visibility: visible; animation-name: zoomInUp;">
<div class="withripple zoom-img">
<a href="{{ object.link }}" class=""><img src="{{ object.picture.small }}" alt="..." class="img-fluid"></a>
<div class="ripple-container"></div></div>
<div class="card-body">
<span class="badge badge-{{ object.colorClass }} pull-right">{{ object.category }}</span>
<h3 class="ff-rc">{{ object.title }}</h3>
<div style="height: 50px">
<p>{{ object.text }}</p>
</div>
<div class="row">
<div class="col">
<a href="{{ object.link }}/fotogalerie" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-kas"><i class="zmdi zmdi-collection-image-o"></i></a>
</div>
<div class="col text-right">
<a href="{{ object.link }}" class="btn btn-raised btn-sm btn-{{ object.colorClass }}"><i class="zmdi zmdi-arrow-right"></i> Více informací</a>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/assets/plugins/revolution/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript">
$(function(){
$('#Container').mixItUp();
$('.header-btn').on('click', function () {
let link = $(this).data('link');
goTo(link);
});
$('#id-header-btn-contacts').on('click', function () {
goTo('/kontakty');
});
$('.news').on('click', function () {
goTo('/news');
});
});
var tpj=jQuery;
var revapi1014;
tpj(document).ready(function() {
if(tpj("#rev_slider_1014_1").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider_1014_1");
}else{
revapi1014 = tpj("#rev_slider_1014_1").show().revolution({
sliderType:"standard",
jsFileLocation:"assets/plugins/revolution/revolution/js/",
sliderLayout:"fullscreen",
dottedOverlay:"none",
delay:9000,
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
mouseScrollReverse:"default",
onHoverStop:"off",
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
,
arrows: {
style:"uranus",
enable:true,
hide_onmobile:true,
hide_under:768,
hide_onleave:false,
tmp:'',
left: {
h_align:"left",
v_align:"center",
h_offset:20,
v_offset:0
},
right: {
h_align:"right",
v_align:"center",
h_offset:20,
v_offset:0
}
}
},
responsiveLevels:[1240,1024,778,480],
visibilityLevels:[1240,1024,778,480],
gridwidth:[1240,1024,778,480],
gridheight:[868,768,960,600],
lazyType:"none",
shadow:0,
spinner:"off",
stopLoop:"on",
stopAfterLoops:0,
stopAtSlide:1,
shuffle:"off",
autoHeight:"off",
fullScreenAutoWidth:"off",
fullScreenAlignForce:"off",
fullScreenOffsetContainer: "",
fullScreenOffset: "60px",
disableProgressBar:"on",
hideThumbsOnMobile:"off",
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
debugMode:false,
fallbacks: {
simplifyAll:"off",
nextSlideOnWindowFocus:"off",
disableFocusListener:false,
}
});
}
}); /*ready*/
</script>
<script src="/assets/js/component-carousels.js"></script>
{% endblock %}