-
Notifications
You must be signed in to change notification settings - Fork 4
/
toque.html
159 lines (143 loc) · 7.53 KB
/
toque.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="es" />
<meta name="author" content="Rato, copyright" content="Brankia S.A., 2012. Rato. Todos los derechos en los reservados." />
<meta name="title" content="Brankia" />
<meta name="generator" content="Currantes de Brankia" />
<meta name="distribution" content="global" />
<meta name="revisit" content="0 day" />
<meta name="robots" content="all" />
<meta content="Toque a Bankia" property="og:title" />
<meta content="cause" property="og:type" />
<meta content="http://toqueabankia.net" property="og:url" />
<meta content="http://toqueabankia.net/images/TAB_logoWeb.png" property="og:image" />
<meta content="Dale un toque a Bankia" property="og:site_name" />
<meta content="100003745894955" property="fb:admins" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link href="estilos.css" type="text/css" rel="stylesheet" media="screen, projection" />
<!-- <link href="fuentes.css" type="text/css" rel="stylesheet" /> -->
<!-- <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' type='text/css' rel='stylesheet' /> -->
<!-- <link href='http://fonts.googleapis.com/css?family=Ubuntu' type='text/css' rel='stylesheet' /> -->
<title>Bankia - Toque a Bankia</title>
</head>
<body>
<div id="principal">
<div style="float:right;">
<a href="http://toqueabankia.net/Toqueame.apk" title="TOQUEAME: Cansinea también desde tu móvil"><img src="images/toqueame.jpg" width="148" height="150" alt="TOQUEAME: Cansinea también desde tu móvil" /></a>
</div>
<div id="cabecera">
<a href="index.html"><img src="images/TAB_logoWeb.png" width="427" height="109" alt="Demos un toque a Bankia" /></a>
</div>
<div id="cabecera2">
<ul>
<li><a href="operacion.html"><span id="textc21">Operación Toque</span></a></li>
<li><a href="toque.html"><span id="textc21">Regístrate y participa</span></a></li>
<li><a href="sisepuede.html"><span id="textc21">Sí se puede</span></a></li>
<li><a href="rescate.html"><span id="textc21">El rescate</span></a></li>
<li><a href="http://foros.toqueabankia.net" target="_blank"><span id="textc21">Accede a tu foro</span></a></li>
<li><a href="http://madrid.tomalaplaza.net/2013/05/09/minuto-a-minuto-tocandoabankia/" target="_blank"><span id="textc21">Minuto a minuto</span></a></li>
</ul>
</div>
<div id="cabecera3">
<h1>Regístrate y participa</h1>
<ul id="proceso">
<li><img src="images/icon_geolocaliza.png" alt="" /></li>
<li><img src="images/flecha_proceso.png" alt="" /></li>
<li><img src="images/icon_oficina.png" alt="" /></li>
<li><img src="images/flecha_proceso.png" alt="" /></li>
<li><img src="images/icon_acceso.png" alt="" /></li>
<li><img src="images/flecha_proceso.png" alt="" /></li>
<li><img src="images/icon_superapp.png" alt="" /></li>
</ul>
<ul id="procesotx">
<li>
<ul>
<li class="num">1</li>
<li>Pulsa en buscar y<br/>acepta geolocalizarte</li>
</ul>
</li>
<li>
<ul>
<li class="num">2</li>
<li>Escoge oficina</li>
</ul>
</li>
<li>
<ul>
<li class="num">3</li>
<li>Elige cómo entrar</li>
</ul>
</li>
<li>
<ul>
<li class="num">4</li>
<li>Acepta la app<br/>(sólo facebook)</li>
</ul>
</li>
</ul>
</div><!--Fin cabecera 3-->
<div id="contenedormapa1" class="sombra">
<div id="contenedormapa2">
<iframe src="map/index.html" width="100%" height="400"></iframe>
</div>
</div>
<div id="contenedorcuerpo">
<div class="uno cols"><img src="images/icon_bombilla.png"/></div>
<div class="siete cols"><h2>Todo comienza por el mapa</h2>
<p><strong>También puedes navegar por el mapa.</strong> Si haces doble click, irás aproximándote al lugar donde quieras buscar tu oficina.</b>
<p><strong>Cuando seleccionas una oficina</strong> y te registras en ella, entras a formar parte de un grupo de acción, junto con las demás personas que la han escogido.</p>
<p><strong>Cada grupo se comunica</strong> a través de su foro. Sólo puedes pertenecer a un foro a la vez. De esta manera todas sabemos cuántas somos y podemos distribuir mejor las tareas.</p>
<p><strong>Los grupos pueden ver</strong> cómo lo están haciendo los demás y aprender de ellos, pero sólo participan en el foro de su sucursal.<p>
<p>Por supuesto el teléfono y los bares siguen existiendo ;-)</p>
</div>
<div class="cuatro cols" style="text-align:center;"><img src="images/swarm_foros.png"/></div>
<div class="cortar"></div>
</div>
<div id="contenedorinfo">
<div id="info" class="borde-dash">
<div class="seis cols margeni15">
<p><strong>Si entras con tu usuario de Facebook</strong> es más cómodo para tí y puedes interactuar también en ese espacio. Además le das difusión a “Toque a Bankia”.</p>
<p>La noticia de que te has apuntado a la acción aparecerá en tu muro y en el de todas las demás personas de tu grupo.</p>
</div>
<div class="seis cols margeni15">
<p><strong>Si te registras con el formulario</strong> todo es igual salvo que no has conectado tu Facebook a la acción y tu espacio privilegiado será el foro.</p>
<p>En ambos casos es muy importante que el grupo se organice para definir formas de acción y disponibilidad horaria para la jornada.</p>
</div>
<div class="cortar"></div>
</div>
</div>
</div><!--Fin Principal-->
<div id="pie">
<div class="seis cols derecha entremete">
<a id="fb" href="https://www.facebook.com/Toque.a.Bankia"><img src="images/ballfacebook.png" width="48" height="48" alt="facebook" /></a>
<div class="contadores">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.toqueabankia.net&send=false&layout=button_count&width=120&show_faces=false&font&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>
</div>
</div>
<div class="seis cols izquierda entremete">
<a id="tw" href="https://twitter.com/ToqueaBankia"><img src="images/balltwitter.png" width="48" height="48" alt="twitter" /></a>
<div class="contadores">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.toqueabankia.net" data-lang="es" data-related="ToqueaBankia" data-hashtags="toqueabankia">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function() {
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.democraciarealya.es/";
_paq.push(["setTrackerUrl", u+"piwik.php"]);
_paq.push(["setSiteId", "49"]);
var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->
</body>
</html>