-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (162 loc) · 7.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE HTML>
<!--
Alpha by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>TPPD Medialab</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="http://medialab-prado.es/search?q=Taller+periodismo+de+datos" target="blank">Ediciones anteriores</a></h1>
<!-- <nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#" class="icon fa-angle-down">Layouts</a>
<ul>
<li><a href="generic.html">Generic</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="elements.html">Elements</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option One</a></li>
<li><a href="#">Option Two</a></li>
<li><a href="#">Option Three</a></li>
<li><a href="#">Option Four</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="button">Sign Up</a></li>
</ul>
</nav> -->
</header>
<!-- Banner -->
<section id="banner">
<h2>Taller de Periodismo de Datos 2017</h2>
<h2>La España vacía</h2>
<h3><a href="http://medialab-prado.es/article/donde_y_cuando" target="blank">Medialab Prado</a></h3>
<p>7 Abril - 18 Junio 2017 / <span class="destacado">Inscripción gratuita</span></p>
<ul class="actions">
<li><a href="http://medialab-prado.es/article/v-taller-de-produccion-de-periodismo-de-datos-la-espana-vacia-convocatoria-de-proyectos/#sec-4" target="blank" class="button">Propón tu proyecto</a></li>
<li><a href="http://medialab-prado.es/article/v-taller-de-produccion-de-periodismo-de-datos-la-espana-vacia-convocatoria-de-proyectos" target="blank" class="button">Requisitos</a></li>
</ul>
</section>
<!-- Main -->
<section id="main" class="container">
<section class="box special">
<header class="major">
<h2 style="color:#e89980">1. Propón tu proyecto</h2>
<h3>Hasta el 6 de marzo</h3>
<p>¿Tienes una idea para crear una historia o herramienta periodística basada en datos?. <a href="http://medialab-prado.es/article/v-taller-de-produccion-de-periodismo-de-datos-la-espana-vacia-convocatoria-de-proyectos/#sec-4" target="blank">Propón tu proyecto aquí</a> (y asegúrate de que se ajusta a los <a href="http://medialab-prado.es/article/v-taller-de-produccion-de-periodismo-de-datos-la-espana-vacia-convocatoria-de-proyectos">requisitos del taller</a>)</p>
</header>
</section>
<section class="box special">
<header class="major">
<h2 style="color:#e89980">2. Apúntate como colaborador</h2>
<h3>Del 13 de marzo al 7 de Abril</h3>
<p>¿Quieres apuntarte al taller para trabajar en uno de los proyectos? La inscripción para colaboradores se abrirá el <strong>13 de marzo</strong></p>
</header>
</section>
<section class="box special">
<header class="major">
<h2 style="color:#e89980">3. Ven al taller</h2>
<h3>Del 7 Abril al 18 Junio</h3>
<p>El <a href="http://medialab-prado.es/article/iv-taller-de-produccion-de-periodismo-de-datos-la-espana-vacia" target="">taller</a> tendrá lugar durante tres fines de semana en <a href="http://medialab-prado.es/article/donde_y_cuando">Medialab-Prado</a>: Del <strong>7 al 9 de abril</strong>: Análisis de datos y estructura del proyecto / <strong>Del 5 al 7 de mayo</strong>: Producción (estructura, diseño y visualización) / <strong>Del 16 al 18 de junio</strong>: Publicación</p>
</header>
</section>
<section class="box special features">
<div class="features-row">
<section>
<span class="icon major fa-calendar-o accent2"></span>
<h3>Programa</h3>
</section>
<section>
<span class="icon major fa-users accent3"></span>
<h3>Mentores</h3>
</section>
</div>
<!-- <div class="features-row">
<section>
<span class="icon major fa-cloud accent4"></span>
<h3>Sed feugiat</h3>
</section>
<section>
<span class="icon major fa-lock accent5"></span>
<h3>Enim phasellus</h3>
</section>
</div> -->
</section>
<div class="row">
<div class="6u 12u(narrower)">
<section class="box special">
<span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
<h3>Proyectos seleccionados</h3>
<p>Vuelve el <strong>13 de marzo</strong> para ver los proyectos seleccionados</p>
<ul class="actions">
<li><a href="#" class="button alt">...</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button alt">...</a></li>
</ul>
</section>
</div>
<div class="6u 12u(narrower)">
<section class="box special">
<span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
<h3>Proyectos anteriores</h3>
<p>Echa un vistazo a proyectos de años anteriores:</p>
<ul class="actions">
<li><a href="https://medialab-prado.github.io/ddhh-embarazo-15/" target="blank" class="button alt">Madre a los 15</a></li>
</ul>
<ul class="actions">
<li><a href="http://europasinrefugio.org/" target="blank" class="button alt">Europa sin refugio</a></li>
</ul>
</section>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta">
<h2>¿Tienes alguna duda?</h2>
<ul class="actions">
<li><a href="mailto:[email protected]" target="blank" class="button alt">Escribe a los coordinadores</a></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollgress.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>