2017-09-25 14:03:53 +02:00
<!DOCTYPE html>
< html >
< head >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
2017-10-13 14:11:31 +02:00
< meta charset = "UTF-8" >
2017-09-25 14:03:53 +02:00
<!-- <base href="http://127.0.0.1/traficomadrid/"> -->
2017-09-29 13:52:12 +02:00
< link href = "https://fonts.googleapis.com/css?family=Londrina+Solid" rel = "stylesheet" >
2017-11-30 13:20:27 +01:00
< link rel = "shortcut icon" href = "images/favicon.ico" / >
2017-11-30 13:38:58 +01:00
< meta property = "og:url" content = "http://historiadezainab.org/" / >
< meta property = "og:type" content = "article" / >
< meta property = "og:title" content = "Historia de Zainab. Periplos de una niña siria que huye de la guerra" / >
< meta property = "og:description" content = "Este cómic quiere visibilizar el éxodo de Zainab y su familia que, como otros 11 millones de personas, se han visto obligadas a abandonar su hogar desde que en 2011 comenzó la guerra en Siria." / >
< meta property = "og:image" content = "https://raw.githubusercontent.com/medialab-prado/menoresRefugiadxs/master/images/c0_portada.jpg" / >
2017-11-30 13:20:27 +01:00
2017-09-26 11:17:09 +02:00
<!-- CSS -->
2017-11-08 13:08:21 +01:00
2017-09-25 14:03:53 +02:00
< link rel = "stylesheet" href = "bower_components/bootstrap/dist/css/bootstrap.min.css" >
2017-09-29 12:25:33 +02:00
< link rel = "stylesheet" href = "css/BootstrapXL.css" >
2017-09-26 11:17:09 +02:00
< link href = "bower_components/jbox/Source/jBox.css" rel = "stylesheet" >
2017-11-08 13:08:21 +01:00
< link rel = "stylesheet" type = "text/css" media = '(min-width: 900px)' href = "bower_components/pagePiling.js/jquery.pagepiling.css" / >
< link rel = "stylesheet" href = "css/css/home.css" >
< link rel = "stylesheet" href = "css/css/mobile.css" >
2017-09-26 11:17:09 +02:00
2017-09-25 14:03:53 +02:00
2017-09-26 11:17:09 +02:00
<!-- JAVASCRIPT -->
< script type = "text/javascript" src = "bower_components/jquery/dist/jquery.min.js" > < / script >
2017-09-25 15:17:37 +02:00
<!-- jbox -->
< script src = "bower_components/jbox/Source/jBox.min.js" > < / script >
2017-09-26 11:17:09 +02:00
2017-11-08 13:08:21 +01:00
2017-09-25 14:03:53 +02:00
< script type = "text/javascript" src = "bower_components/bootstrap/dist/js/bootstrap.min.js" > < / script >
< script type = "text/javascript" src = "bower_components/jsrender/jsrender.min.js" > < / script >
2017-09-25 15:17:37 +02:00
2017-09-25 14:03:53 +02:00
<!-- fullpage -->
2017-11-08 13:08:21 +01:00
2017-09-25 14:03:53 +02:00
< script type = "text/javascript" src = "bower_components/pagePiling.js/jquery.pagepiling.js" > < / script >
<!-- fullpage -->
2017-11-08 13:08:21 +01:00
< script type = "text/javascript" src = "js/lib/jquery.waypoints.min.js" > < / script >
< script >
if (window.innerWidth > 900) {
var head = document.getElementsByTagName('head')[0];
var s1 = document.createElement("script");
s1.type = "text/javascript";
s1.src = "js/main.js";
head.appendChild(s1);
}else{
var head = document.getElementsByTagName('head')[0];
var s1 = document.createElement("script");
s1.type = "text/javascript";
s1.src = "js/main-mvl.js";
head.appendChild(s1);
}
< / script >
2017-09-25 14:03:53 +02:00
< / head >
< body >
< div id = "pagepiling" >
2017-09-29 11:53:26 +02:00
< div class = "section" >
< div class = "section-container" id = "portada" >
2017-10-13 14:11:31 +02:00
2017-09-29 11:53:26 +02:00
< / div >
2018-11-17 02:09:08 +01:00
2017-09-29 11:53:26 +02:00
< / div >
2017-09-25 14:03:53 +02:00
< div class = "section" >
< div class = "section-container" id = "page-1" >
2017-10-13 14:11:31 +02:00
2017-09-25 14:03:53 +02:00
< / div >
< / div >
< div class = "section" >
< div class = "section-container" id = "page-2" >
< / div >
< / div >
< div class = "section" >
< div class = "section-container" id = "page-3" >
< / div >
< / div >
< div class = "section" >
< div class = "section-container" id = "page-4" >
2017-09-26 13:35:51 +02:00
< / div >
< / div >
< div class = "section" >
< div class = "section-container" id = "page-5" >
< / div >
< / div >
< div class = "section" >
< div class = "section-container" id = "page-6" >
< / div >
< / div >
< div class = "section" >
< div class = "section-container" id = "page-7" >
2017-09-25 14:03:53 +02:00
< / div >
< / div >
< / div >
2017-09-26 11:17:09 +02:00
<!-- aquí van los links a las secciones -->
2017-09-25 14:03:53 +02:00
< div id = "timeline" >
< ul class = "cd-timeline-navigation" >
2017-09-27 13:10:46 +02:00
< li id = "nav-btn-page1" > < a href = "#page1" class = "btn-navigation active" > < img src = "images/c1_menu.jpg" class = "img-menu" > < / a > < / li >
< li id = "nav-btn-page2" > < a href = "#page2" class = "btn-navigation" > < img src = "images/c2_menu.jpg" class = "img-menu" > < / a > < / li >
< li id = "nav-btn-page3" > < a href = "#page3" class = "btn-navigation" > < img src = "images/c3_menu.jpg" class = "img-menu" > < / a > < / li >
< li id = "nav-btn-page4" > < a href = "#page4" class = "btn-navigation" > < img src = "images/c4_menu.jpg" class = "img-menu" > < / a > < / li >
< li id = "nav-btn-page5" > < a href = "#page5" class = "btn-navigation" > < img src = "images/c5_menu.jpg" class = "img-menu" > < / a > < / li >
< li id = "nav-btn-page6" > < a href = "#page6" class = "btn-navigation" > < img src = "images/c6_menu.jpg" class = "img-menu" > < / a > < / li >
< li id = "nav-btn-page7" > < a href = "#page7" class = "btn-navigation" > < img src = "images/c7_menu.jpg" class = "img-menu" > < / a > < / li >
2017-09-25 14:03:53 +02:00
< / ul > <!-- .cd - timeline - navigation -->
< / div > <!-- .timeline -->
< / body >
< / html >