add intro to web and ZE logo

index.html

@@ -61,6 +61,8 @@
 		</div>
 		<div class="collapse navbar-collapse" id="top-navbar-collapse">
 			<ul class="nav navbar-nav nabvar-left">
+				<li><a href="#intro">Intro</a></li>
+				<li><a href="#noticias">Noticias</a></li>
 				<li><a href="#informes">Primeros análisis</a></li>
 				<li><a href="#interactivo">Interactivo</a></li>
 				<li><a href="#destacado">Destacado</a></li>
@@ -74,10 +76,10 @@
 	<div class="bginner container-fluid">
 		<div class="bgcontainer">
 			<header class="col-md-12">
-				<h1>Abstención</h1>
+				<h1>Abstención electoral. Una medida de la segregación</h1>
 			</header>
 			<div class="col-md-6">
-				<p>Empezamos aquí una exploración visual de la abstención.</p>
+				<p>Se suele pensar que las elecciones democráticas son la máxima expresión de la igualdad política: una persona, un voto). Pero las desigualdades socioeconómicas también se manifiestan en una desigual participación electoral. Este es un análisis de la abstención electoral. Una colaboración entre la <a href="https://www.facebook.com/profile.php?id=100012752202504" style="color:orange;">asociación Zubiak Eraikiz</a> y <a href="https://montera34.com"  style="color:orange;">Montera34</a></p>
 			</div>
 			<div class="col-md-3">
 				<p>¿Tienes preguntas, sugerencias, comentarios, propuestas?</p>
@@ -92,6 +94,20 @@
 </div>
 
 <main class="container">
+
+	<section id="intro" class="vis-item">
+	    <header class="row vis-head">
+			<h3 class="col-md-10 col-md-offset-1">Intro</h3>
+		</header>
+		<div class="row vis-body bigspacetop">
+			<div class="col-md-8 col-md-offset-1">
+				<p>Se suele pensar que las elecciones democráticas son la máxima expresión de la igualdad política (una persona, un voto). Pero las desigualdades socioeconómicas también se manifiestan en una desigual participación electoral. Y es que existe una correlación entre la clase social y la decisión de ir a votar. Es por ello que los barrios con mayor renta per capita tienen porcentajes de votación en elecciones bastante más altos. Este fenómeno está generalizado en muchas ciudades del mundo.</p>
+
+			<p>La intención de este nuevo trabajo de colaboración entre la <a href="https://www.facebook.com/profile.php?id=100012752202504">asociación Zubiak Eraikiz</a> y <a href="https://montera34.com">Montera34</a> (tras el informe conjunto sobre <a href="https://lab.montera34.com/segregacionescolar">segregación escolar en Euskadi</a>) pretende difundir analizar y difundir este problema, este mal funcionamiento del sistema político de representación. Para ello se han elaborado mapas y gráficos, además de organizar una serie de charlas.</p>
+			</div>
+		</div>
+	</section>
+
 	<section id="noticias" class="vis-item">
 	    <header class="row vis-head">
 			<h3 class="col-md-10 col-md-offset-1">noticias</h3>
@@ -238,7 +254,7 @@
 		</div>
 	</section>
 	
-	<section id="destacados" class="vis-item">
+	<section id="destacado" class="vis-item">
 	    <header class="row vis-head">
 			<h3 class="col-md-10 col-md-offset-1">Destacados</h3>
 		</header>
@@ -257,8 +273,9 @@
 		<div class="col-md-3">
 			<ul class="list-inline">
 				<li><img src="images/m34.logo.png" alt="Logo Montera34" /></li>
+				<li><img src="images/logo-zubiak-eraikiz.jpg" alt="Logo Zubiak Eraikiz" width="40" /></li>
 			</ul>
-			<p><small>Este proyecto es una iniciativa de <a href="https://montera34.com">Montera34</a> y Zubiak Eraikiz.</small></p>
+			<p><small>Este proyecto es una iniciativa de <a href="https://montera34.com">Montera34</a> y <a href="https://www.facebook.com/profile.php?id=100012752202504">Zubiak Eraikiz</a> .</small></p>
 		</div>
 		<div class="col-md-3">
 			<p><img src="images/cc.logo.png" alt="Logos Creative Commons" /></p>