{# @var page \App\Controller\Objects\Page #}
{% extends 'base.html.twig' %}
{% block body %}
<div class=" ms-hero-page ms-hero-bg-info mb-6" style="background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ page.picture.small }}');">
{% if pageinfo.info != '' %}
<div class="container" style="position: relative; top: -80px">
<div id="id-header-news">
<i class="fa fa-info-circle"></i>
<div class="marquee">
<div class="marquee-content">{{ pageinfo.info|raw }}</div>
</div>
</div>
</div>
{% endif %}
<div class="text-center color-white mt-6 mb-6 index-1">
<h1>{{ page.title }}</h1>
</div>
</div>
<article class="container" style="margin-top: -110px">
<div class="row">
<div class="col-lg-9">
{{ html|raw }}
</div>
{% include 'partials/sidecol.html.twig' %}
</div>
</article>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="/assets/js/component-carousels-1.js"></script>
<script>
$(document).ready(function(){
$( 'a.custom-collapsed' ).click(function( index ) {
var element_id = $(this).data('id');
var toggle = $(this).data('toggle');
if (toggle == 'collapse') {
$(this).removeClass('collapsed');
$(this).addClass('collapse');
$(this).data('toggle', 'collapsed');
$('#'+element_id).collapse('show');
}
else {
$(this).removeClass('collapse');
$(this).addClass('collapsed');
$(this).data('collapse');
$(this).data('toggle', 'collapse');
$('#'+element_id).collapse('hide');
}
});
//<a class="collapsed" role="button" data-toggle="collapse" data-id="collapse16" aria-expanded="false" aria-controls="collapse16">
});
</script>
{% endblock %}