{% extends 'base.html.twig' %}
{# VARIBLES SEO #}
{% block title %}{{ parent() }} - {{ seo.seotitre }}{% endblock %}
{% block metadescription %}{{ seo.seometa }}{% endblock %}
{% block metadescriptionogg %}{{ seo.seometa }}{% endblock %}
{# CSS #}
{% block stylesheets %}
{{ parent() }}
<!-- Slider feature (by setting slider: 'glide') -->
<link href="{{ absolute_url(asset('build/contentbox/assets/scripts/glide/css/glide.core.css')) }}" rel="stylesheet" type="text/css" />
<link href="{{ absolute_url(asset('build/contentbox/assets/scripts/glide/css/glide.theme.css')) }}" rel="stylesheet" type="text/css" />
<!-- Required css for production -->
<link href="{{ absolute_url(asset('build/contentbox/assets/minimalist-blocks/content.css')) }}" rel="stylesheet" type="text/css" />
<link href="{{ absolute_url(asset('build/contentbox/box/box-flex.css')) }}" rel="stylesheet" type="text/css" /> <!-- Box Framework css include (contains a simple css for sections) -->
{% if pageInfo.couleur is not null %}
<style>
#headerPage {
position: relative;
}
#bgTopHeaderFx {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: {{ pageInfo.couleur }};
}
</style>
{% endif %}
{% endblock %}
{# JS #}
{% block javascripts %}
{{ parent() }}
<!-- Slider feature (by setting slider: 'glide') -->
<script src="{{ absolute_url(asset('build/contentbox/assets/scripts/glide/glide.js')) }}" type="text/javascript"></script>
{% endblock %}
{# CONTENU #}
{% block body %}
<div class="cell large-12">
<div id="headerPage" class="grid-x align-center-middle grid-padding-x" {% if pageInfo.cover is not null %}style="background-image: url('{{ asset(pageInfo.cover) }}')"{% endif %}>
{% if pageInfo.couleur is not null %}
<span id="bgTopHeaderFx"></span>
{% endif %}
<div class="cell large-12" style="position: relative; z-index: 2;">
{% if pageInfo.id == 7 %}
<h1>{{ nom_normalise }}</h1>
<h2>{{ pageInfo.titre }}</h2>
{% else %}
<h1>{{ pageInfo.titre }}</h1>
{#<h2>{{ pageInfo.titre }}</h2>#}
{% endif %}
<div class="grid-x align-center-middle">
<div class="cell large-6 small-12 text-center">
<p class="text-center">{{ pageInfo.excerpt | nl2br }}</p>
</div>
</div>
</div>
</div>
{#<div id="blockDynamic" class="grid-x grid-padding-x">
<div class="cell large-6 small-12"></div>
<div class="cell large-6 small-12">
<h3 class="titrePage">Nos prestations</h3>
<h4 class="sstitrePage">Système de sécurité incendie</h4>
<div class="blocTxt">
<p>Autrement dit, une centrale gérant des déclencheurs manuels et/ou des détecteurs de fumée et de chaleur.</p>
<p>Système Conventionnel : adapté pour les petites structures. Une installation où l'ensemble des points de détection d'une ligne sont assimilés à une zone.</p>
<p>Système Adressable : adapté pour les grandes structures. Une installation où chaque point de détection peut avoir sa propre adresse / identité, jusque 1024 points.</p>
</div>
<div class="blocBt">
<a href="">En savoir plus</a>
</div>
</div>
</div>#}
<div class="is-wrapper">
{% if PagesContentEntity is not null %}
{{ PagesContentEntity.getContenu() | raw }}
{% else %}
{% endif %}
</div>
</div>
<!-- Required js for production -->
<script src="{{ absolute_url(asset('build/contentbox/box/box-flex.js')) }}" type="text/javascript"></script>
{% endblock %}