{% extends "base.twig" %}

{% block content %}

<div id="team-member">
	
	<div class="page-header mb-5 pb-5" style="background-image:url({{quienes.thumbnail|resize(1300,500)}}); background-repeat:no-repeat; background-position:center center; background-size:cover;">
		<div class="overlay bg-gradient-1">
		<div class="container pb-5 h-100">
			<div class="d-flex h-100 justify-content-center align-items-end">
				<h1 class="title text-white">{{ quienes.title }}</h1>
			</div>
		</div>
		</div>
	</div>
	
	<div class="page-content pt-5 pb-5">
		
			<div class="member-header border-bottom mb-5">
				<div class="container">
					<div class="row underline">
						<div class="col-md-7 offset-md-5">
							<p class="lead font-weight-bold mb-1">{{post.title}}</p>
							{% if post.meta('cargo') %}<p>{{post.meta('cargo')}}</p>{% endif %}
							{% if post.meta('linkedin') %}<p class="mt-4"><a href="{{post.meta('linkedin')}}" target="_blank" class="text-azul"><i class="fa fa-linkedin" aria-hidden="true"></i></a></p>{% endif %}
						</div>
					</div>
				</div>
			</div>
			
			<div class="container">
				<div class="row border-bottom pb-5 mb-5">
					<div class="col-md-4 mb-4">
						<img src="{{post.thumbnail|resize(350,350)}}" class="img-fluid rounded-circle" alt="{{post.title}}">
					</div>
					<div class="col-md-7 offset-md-1">
						{{post.content}}
					</div>
				</div>
				
				<div class="row">
					<div class="col-md-7 offset-md-5">
						<a href="{{ quienes.link }}" class="btn btn-danger">Volver</a>
					</div>
				</div>
			</div>
	</div>

</div>

{% endblock %}
