126 lines
4.8 KiB
HTML
126 lines
4.8 KiB
HTML
<!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">
|
|
<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>
|