historia-de-zainab/templates/portada_desk.tmpl.html
2017-12-02 19:21:55 +01:00

69 lines
5.3 KiB
HTML

<div class="container-fluid desktop-profile" style="background:url(images/c0_portada_cortada.jpg); background-color:#3A3F54; background-position: top; background-repeat: no-repeat; background-size: contain; width:100%; height:60vh">
<div class="row">
<div id="portada" >
<!-- <img src="images/c0_portada.jpg" class="img-responsive" style="z-index:1000"/> -->
<div style="position:absolute; right:90px; bottom:10px;">
<!--<a href="#" class="referencias" id="referencias-page-btn-0"> Créditos </a>-->
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div clas="row" id="equipo-row" style="">
Web: <b>Sergio Galán</b> <a href="https://twitter.com/sergioeclectico" target="_blank"><img alt="Sergio Twitter" src="images/twitter_portada_3.png" /></a>,
Ilustraciones: <b>Victor Valles</b>.
Infografias: <b>Ferrán Morales</b> <a href="https://twitter.com/ferranmorales" target="_blank"><img alt="Ferran Twitter" src="images/twitter_portada_3.png" /></a>,
Mentor: <b>Ignasi Alcalde</b> <a href="https://twitter.com/ignasialcalde" target="_blank"><img alt="Ignasi Twitter" src="images/twitter_portada_3.png" /></a>
<br>
· Datos:
<b>Amanda Figueras</b> <a href="https://twitter.com/Lamandafi" target="_blank"><img alt="Amanda Twitter" src="images/twitter_portada_3.png" /></a>,
<b>Aránzazu Cruz</b> <a href="https://twitter.com/arancruzmar" target="_blank"><img alt="Aranzazu Twitter" src="images/twitter_portada_3.png" /></a>,
<b>Mª Carmen Peñaranda</b> <span><a href="https://twitter.com/MamenPenaranda" target="_blank"><img alt="Mamen Twitter" src="images/twitter_portada_3.png" /></a>,
<b>María Luisa Ocaña</b> <a href="https://twitter.com/SpaceDog_1" target="_blank"><img alt="Maria Twitter" src="images/twitter_portada_3.png" /></a>,
y Camino Prieto
</div>
<div clas="row" style="min-height:120px; font-size:11px">
<div class="col-md-6 col-lg-5 col-lg-offset-1" >
<h4>Agradecimientos:</h4>
A Elena Cabrera y Héctor Millano de <a href="https://porcausa.org/" target="_blank">PorCausa</a> por aportar información de tremendo
valor y ayudarnos a creer que La Historia de Zainab valía la pena ser contada.
A Sergio Galán haciendo que la web sea una realidad, y también a Roger Guillamet por el soporte dado.
</div>
<div class="col-md-6 col-lg-5">
<h4>&nbsp;</h4>
Y además, Hannah Williams, Alejandro Zappala, Samuel Granados, Beatriz Martínez,
Pablo Martín, JesúsDa, y todo el equipo de <a href="http://medialab-prado.es/article/visualizar17-migraciones" target="_blank">Visualizar'17</a> que nos dieron una fuerza
imprescindible para emprender este viaje.
</div>
</div>
<div class="row" style="border-top:2px solid black; margin-top:10px;">
<div class="col-md-2 col-md-offset-1" id="cover-footer" >
<div style="padding:5px">
<a href="https://porcausa.org/" target="_blank"> <img src="images/c0_portada_porcausa.png" class="img-responsive" width="155"/> </a>
</div>
</div>
<div class="col-md-4" id="cover-social" >
Compártelo:
<ul class="share-buttons">
<li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fhistoriadezainab.org%2F&t=La%20historia%20de%20Zainab" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="images/c0_portada_facebook.png" /></a></li>
<li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fhistoriadezainab.org%2F&text=La%20historia%20de%20Zainab:%20http%3A%2F%2Fhistoriadezainab.org%2F" target="_blank" title="Tweet"><img alt="Tweet" src="images/c0_portada_twitter.png" /></a></li>
<li><a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fhistoriadezainab.org%2F&title=La%20historia%20de%20Zainab&summary=Este%20c%C3%B3mic%20quiere%20visibilizar%20el%20%C3%A9xodo%20de%20Zainab%20y%20su%20familia%20que%2C%20como%20otros%2011%20millones%20de%20personas%2C%20se%20han%20visto%20obligadas%20a%20abandonar%20su%20hogar%20desde%20que%20en%202011%20comenz%C3%B3%20la%20guerra%20en%20Siria.&source=http%3A%2F%2Fhistoriadezainab.org%2F" target="_blank" title="Share on LinkedIn"><img alt="Share on LinkedIn" src="images/c0_portada_linkedit.png" /></a></li>
<li><a href="https://github.com/medialab-prado/menoresRefugiadxs" target="_blank" title="GitHub"><img alt="GitHub" src="images/c0_portada_github.png" /></a></li>
</ul>
</div>
<div class="col-md-2 " style="padding:5px">
<a href="http://medialab-prado.es" target="_blank"> <img src="images/c0_portada_medialab.png" class="img-responsive" width="160"/></a>
</div>
<div class="col-md-2 " style="padding:5px">
<div style="font-size:8px; line-height:12px; vertical-align:center;">
<a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/" target="_blank"><img alt="Licencia de Creative Commons" style="border-width:0" src="images/creative_2.png" /></a>
</div>
</div>
</div>
<div class="referencias-popover" id="referencias-page-0">
</div>