{% extends 'base.html.twig' %}
{% block title %}{{page.translate(locale).title}}{% endblock %}
{% block meta_desc %}{{page.translate(locale).introduction[:150]|striptags|raw }}...{% endblock %}
{% block body %}
{% include "components/areas/page/welcome.html.twig" %}
<main class="about-main">
<section class="page-header about-header">
<div class="container">
<h2 class="page-header-title">{{page.translate(locale).title}}</h2>
<div class="outline"></div>
<div class="page-header-intro">{{page.translate(locale).introduction|raw}}</div>
</div>
</section>
<section class="page-content about-content section-about">
<div class="container">
<div class="row">
<div class="wrap-content wrap-about">
<!-- ITEMS -->
{% for item in areas %}
{% if item.isHomeArea == false %}
{# {% if item.position is odd %} #}
<div class="content-item about-item">
<div class="no-padding-right">
<img alt="Image {{item.translate(locale).title}}" src="images/about/{{item.image}}" class="img-responsive">
</div>
<div class="no-padding-left">
<div class="text">
<h2 class="heading">{{item.translate(locale).title}}</h2>
<div class="desc">
{{item.translate(locale).description|raw}}
</div>
</div>
</div>
</div>
{# {% else %}
<div class="content-item about-item">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-right">
<div class="text">
<h2 class="heading">{{item.translate(locale).title}}</h2>
<div class="desc">
{{item.translate(locale).description|raw}}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-left">
<img alt="Image "{{item.translate(locale).title}}"" src="images/about/{{item.image}}" class="img-responsive lazyestload">
</div>
</div>
{% endif %} #}
{% endif %}
{% endfor %}
<!-- END / ITEM -->
</div>
</div>
</div>
</section>
</main>
{% endblock %}