Files
andaira/views/frontpage.twig

227 lines
7.9 KiB
Twig

{% extends "base.twig" %}
{% block content %}
<div class="header-video p-0">
<div class="overlay bg-gradient-1"></div>
{#<video class="videobg" playsinline="playsinline" autoplay="autoplay" muted="muted">
<source src="{{site.theme.link}}/public/video/videowebandaira.mp4" type="video/mp4">
</video>#}
<div class="container-fluid h-100">
<div class="d-flex h-100 text-center align-items-center">
<div class="w-100">
<h1 class="scrolldown-1">
<a href="#section-1-bis">
<img src="{{logotipo_destacado_portada.url}}" alt="{{ site.name }}">
{#<img src="{{site.theme.link}}/public/img/logo-central.png" alt="{{ site.name }}">#}
<img class="down-arrow" src="{{site.theme.link}}/public/img/flecha-logo-central.png">
</a>
</h1>
</div>
</div>
</div>
<p class="lead mb-0 text-center font-weight-bold text-white">
Andaira es una consultora social que<br />
desarrolla investigaciones y proyectos para<br />
comprender y transformar nuestro entorno
</p>
</div>
<div id="section-1-bis" class="container-fluid mt-4">
{% include 'frontpage-servicios.twig' %}
</div>
<div id="section-1-1" class="mt-4">
<div class="quienes-somos container">
<div class="row">
<div class="col-md-5">
<h3 class="m-0 p-0 mb-4 letter-spacing-3 text-uppercase">Quiénes somos</h3>
</div>
<div class="col-md-7">
<p class="lead mb-4 font-weight-bold">Somos un equipo interdisciplinar,<br/>caracterizado por la horizontalidad,<br />la gestión democrática y la participación.</p>
<p class="mb-0"><a href="/quienes-somos" class="btn btn-danger">Conócenos</a></p>
</div>
</div>
</div>
</div>
<div id="section-2-bis" class="container mt-5">
<div class="row text-right project-row">
<div class="col-md-4 mb-2 mb-sm-0">
<div class="h-100 pl-3 pr-3 pb-1 d-flex align-items-end justify-content-end" style="background-color:#fba451; ">
<h3 class="text-right text-white text-uppercase letter-spacing-3">Proyectos</h3>
</div>
</div>
<div class="col-md-4 mb-2 mb-sm-0">
{{ posts_by_term('category','consultoria',1,'post','frontpage-proyectos.twig') }}
</div>
<div class="col-md-4 mb-2 mb-sm-0">
{{ posts_by_term('category','investigacion-social-aplicada',1,'post','frontpage-proyectos.twig') }}
</div>
</div>
<div class="row text-right mt-sm-4 project-row">
<div class="col-md-4 mb-2 mb-sm-0">
{{ posts_by_term('category','evaluacion-externa-y-participativa',1,'post','frontpage-proyectos.twig') }}
</div>
<div class="col-md-4 mb-2 mb-sm-0">
{{ posts_by_term('category','intervencion-social-y-educativa',1,'post','frontpage-proyectos.twig') }}
</div>
<div class="col-md-4">
{{ posts_by_term('category','formacion',1,'post','frontpage-proyectos.twig') }}
</div>
</div>
<div class="container mt-4">
<div class="row d-flex justify-content-end">
<div><a href="{{ site.url }}/proyectos" class="btn btn-danger">Ver todos</a></div>
</div>
</div>
</div>
<div id="section-2-datos" class="pt-5 pb-5 mt-5">
<div class="container">
<div class="row">
<div class="col-sm-4 text-center">
<div class="dato dato-fecha text-uppercase">Desde 2005</div>
<div class="dato dato-numero text-turquesa font-weight-bold">20</div>
<div class="dato dato-desc text-uppercase mb-0">años de<br/>experiencia</div>
</div>
<div class="col-sm-4 text-center">
<div class="dato dato-fecha text-uppercase">Más de</div>
<div class="dato dato-numero text-naranja font-weight-bold">300</div>
<div class="dato dato-desc text-uppercase mb-0">proyectos<br/>desarrollados</div>
</div>
<div class="col-sm-4 text-center">
<div class="dato dato-fecha text-uppercase">Más de</div>
<div class="dato dato-numero text-salmon font-weight-bold">40</div>
<div class="dato dato-desc text-uppercase mb-0">instituciones con las<br/>que hemos colaborado</div>
</div>
</div>
</div>
</div>
<div id="section-3">
<div class="container-fluid ">
<div class="border-bottom section-3-heading">
<div class="container">
<div class="d-flex justify-content-between">
<div><h2 class="title actualidad-title">Actualidad</h2></div>
{#<!--<div><a href="{{ site.url }}/actualidad" class="btn btn-outline-primary">Ver todo</a></div>-->#}
</div>
</div>
</div>
</div>
<div class="container-fluid mt-2 mb-4">
{% if is_desktop %}
<div id="frontpage-actualidad-lg">
{{ posts_by_type('post',5,'frontpage-actualidad.twig') }}
</div>
{% elseif is_tablet %}
<div id="frontpage-actualidad-md">
{{ posts_by_type('post',3,'frontpage-actualidad.twig') }}
</div>
{% elseif is_mobile %}
<div id="frontpage-actualidad-xs">
{{ posts_by_type('post',1,'frontpage-actualidad.twig') }}
</div>
{% endif %}
</div>
<div class="container">
<div class="d-flex justify-content-end">
<div><a href="{{ site.url }}/actualidad" class="btn btn-outline-primary">Ver todo</a></div>
</div>
</div>
</div>
{% include 'block-clientes.twig' %}
<div id="section-4 container-fluid">
<div class="presupuesto">
<div class="overlay"></div>
<div class="caption">
<div class="row d-flex justify-content-between align-items-center">
<div class="col-md-3 text-center">
<div class="title">
<h2 class="text-uppercase letter-spacing-3">Solicita<br />un presupuesto</h2>
</div>
<a href="{{site.url}}/solicita-un-presupuesto" class="btn btn-danger">Iniciar solicitud</a>
</div>
<div class="col-md-5">
<div class="text">
<p class="lead text-center font-weight-bold">Somos un equipo interdisciplinar,<br />caracterizado por la horizontalidad,<br />la gestión democrática y la participación</p>
</div>
</div>
{#<!--<div class="col-md-3 text-center">
<div class="button">
<a href="{{site.url}}/solicita-un-presupuesto" class="btn btn-info">Iniciar solicitud</a>
</div>
</div>-->#}
</div>
</div>
{#<!--<div id="budget-form" class="collapse">
<div class="row">
<div class="col-md-6 offset-md-3">
{{ function('do_shortcode', '[gravityform id="2" title="false" description="false"]') }}
<div class="form">
<form id="contact-form" name="" method="post" action="/contacto">
<div class="form-group">
<input type="text" class="form-control text-center" name="name" id="name" value="" placeholder="Nombre">
</div>
<div class="form-group">
<input type="email" class="form-control text-center" name="email" id="email" value="" placeholder="Email">
</div>
<div class="form-group">
<input type="text" class="form-control text-center" name="organization" id="organization" value="" placeholder="Organización">
</div>
<div class="form-group">
<textarea class="form-control text-center" name="message" id="message" value="" rows="10" placeholder="Mensaje"></textarea>
</div>
<div class="form-group form-check text-left text-body">
<input class="form-check-input" type="checkbox" name="rgpd" value="Si" id="rgpd">
<label class="form-check-label" for="rgpd">
Acepto las condiciones de <a href="/politica-de-privacidad">política de privacidad</a>.
</label>
</div>
<div class="text-right">
<input type="hidden" name="form_type" value="{{form_type}}" id="form_type">
<button type="submit" class="btn btn-info">Enviar solicitud</button>
</div>
</form>
</div>
</div>
</div>
</div>-->#}
</div>
</div>
{% include 'block-network.twig' %}
{#
{{ posts_by_taxonomy('confederacion',4,'posts_by_taxonomy.twig') }}
{{ posts_by_term('ideas','comunicados',4,'post','posts_by_taxonomy.twig') }}
{{ posts_by_type('publicacion',10,'posts_featured_image.twig') }}
#}
{#
{{ dump(terms) }}
#}
{% endblock %}