{% extends "front/_common/_base.html.twig" %}
{% block linkcanonical %}
<link rel="canonical" href="{{ absolute_url(path('about_us')) }}">
{% endblock %}
{% block cssadicional %}
<link rel="stylesheet" href="{{ asset('static/js/lightgallery/lightgallery.css') }}"/>
<link rel="stylesheet" href="{{ asset('static/js/lightgallery/lg-fb-comment-box.min.css') }}"/>
<link rel="stylesheet" href="{{ asset('static/js/lightgallery/lg-transitions.min.css') }}"/>
{% endblock %}
{% block classbody %}{% endblock %}
{% block content %}
<section class="b1about">
<div class="b1about_background" style="background-image: url('{{ asset(sd.bannerImage|image_path) }}')">
<div class="b1about_container ww_center">
<div class="b1about_title">
<h2>{{ sd.bannerText|markdown_only_strong }}</h2>
</div>
</div>
</div>
</section>
{% if sd.infoShow %}
<section class="b2about">
<div class="b2about_container ww_center">
<div class="b2about_info">
{{ sd.infoText|raw }}
</div>
<div class="b2about_img">
<img src="{{ asset(sd.infoImage|image_path) }}" alt="">
</div>
</div>
</section>
{% endif %}
{% if sd.detailShow %}
<section class="b3about">
<div class="b3about_container ww_center">
{% if sd.detailTitle1 or sd.detailTitle2 %}
<div class="b3about_title">
<h2><span class="b3aboutNumber">{{ sd.detailTitle1|only_numbers }}</span> {{ sd.detailTitle1|remove_numbers }} <strong>{{ sd.detailTitle2 }}</strong></h2>
</div>
{% endif %}
{% if sd.detailVideoImage|image_path %}
<div class="b3about_background" style="background-image: url('{{ asset(sd.detailVideoImage|image_path) }}')">
{% if sd.detailVideoLink|youtube_id %}
<a href="https://www.youtube.com/watch?v={{ sd.detailVideoLink|youtube_id }}" class="b3about_video b3aboutVideoPopup">
<span class="icon-play"></span>
</a>
{% endif %}
</div>
{% endif %}
<div class="b3about_content">
{% if sd.detailText %}
<div class="b3about_left">
{{ sd.detailText|raw }}
</div>
{% endif %}
<div class="b3about_right">
<div class="b3about_box">
{% if sd.detailMisionIcon|image_path %}
<div class="b3about_box_icon">
<img src="{{ asset(sd.detailMisionIcon|image_path) }}" alt="{{ sd.detailMisionTitle ?: 'Misión' }}">
</div>
{% endif %}
<div class="b3about_box_title">
<h3>{{ sd.detailMisionTitle ?: 'Misión' }}</h3>
</div>
<div class="b3about_box_text">
{{ sd.detailMisionText|raw }}
</div>
</div>
<div class="b3about_box">
{% if sd.detailVisionIcon|image_path %}
<div class="b3about_box_icon">
<img src="{{ asset(sd.detailVisionIcon|image_path) }}" alt="{{ sd.detailVisionTitle ?: 'Visión' }}">
</div>
{% endif %}
<div class="b3about_box_title">
<h3>{{ sd.detailVisionTitle ?: 'Visión' }}</h3>
</div>
<div class="b3about_box_text">
{{ sd.detailVisionText|raw }}
</div>
</div>
</div>
</div>
{% if sd.detailImage|image_path %}
<div class="b3about_img">
<img src="{{ asset(sd.detailImage|image_path) }}" alt="">
</div>
{% endif %}
</div>
</section>
{% endif %}
{% endblock %}
{% block jsfinal %}
<script src="{{ asset('static/js/lightgallery/lightgallery.js') }}"></script>
<script src="{{ asset('static/js/lightgallery/lg-zoom.js') }}"></script>
<script src="{{ asset('static/js/lightgallery/lg-autoplay.js') }}"></script>
<script src="{{ asset('static/js/lightgallery/lg-video.js') }}"></script>
<script src="{{ asset('static/js/jquery.countTo.min.js') }}"></script>
<script src="{{ asset('static/js/jquery.waypoints.js') }}"></script>
<script>
$(function(){
function jsb3aboutCount(){
var count_width = $(window).width();
if (count_width > 1024) {
$.each($('.b3aboutNumber'), function() {
$this = $(this);
$this.text($this.text().replace(',',''));
$this.countTo({
from: 0,
to: $this.text(),
speed: 1000,
refreshInterval: 50,
formatter: function (value, options) {
value = value.toFixed(options.decimals);
value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
return value;
}
});
})
}
}
var b3aboutAnimation = $('.b3about');
b3aboutAnimation.waypoint(function(direction) {
if (direction === 'down') {
jsb3aboutCount();
}
}, {
offset:'100%'
});
$('.b3aboutVideoPopup').lightGallery({
selector: 'this',
videoMaxWidth: '80%',
getCaptionFromTitleOrAlt: false,
thumbnail: false,
fullScreen: true,
download: false,
counter: false,
zoom: false
});
});
</script>
{% endblock %}