<!DOCTYPE html> <html> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-76793229-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-76793229-2'); </script> <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"> <meta charset="UTF-8"> <!-- <base href="http://127.0.0.1/traficomadrid/">--> <link href="https://fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet"> <link rel="shortcut icon" href="images/favicon.ico" /> <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" /> <!-- CSS --> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="css/BootstrapXL.css"> <link href="bower_components/jbox/Source/jBox.css" rel="stylesheet"> <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"> <!-- JAVASCRIPT --> <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> <!-- jbox --> <script src="bower_components/jbox/Source/jBox.min.js"></script> <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> <!-- fullpage --> <script type="text/javascript" src="bower_components/pagePiling.js/jquery.pagepiling.js"></script> <!-- fullpage --> <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> </head> <body> <div id="pagepiling"> <div class="section"> <div class="section-container" id="portada"> </div> </div> <div class="section"> <div class="section-container" id="page-1"> </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"> </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"> </div> </div> </div> <!-- aquí van los links a las secciones --> <div id="timeline"> <ul class="cd-timeline-navigation"> <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> </ul> <!-- .cd-timeline-navigation --> </div> <!-- .timeline --> </body> </html>