-
Notifications
You must be signed in to change notification settings - Fork 0
/
formulario-socixs-preview.html
226 lines (218 loc) · 19.2 KB
/
formulario-socixs-preview.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html class="js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<!-- Bootstrap Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<!-- Bootstrap Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- Own styles -->
<link rel="stylesheet" type="text/css" href="css/style-form.css">
<link rel="stylesheet" type="text/css" href="css/socixs-form.css">
<script type="text/javascript" src="js/socixs-form.js"></script>
</head>
<body>
<!-- Page content -->
<div class="container--wide">
<!-- Bootstrap Grid -->
<div class="grid">
<div id="content-area">
<!-- Formulario -->
<div class="content-form clearfix">
<p class="text-intro">
<span>Tu ayuda hace posible que podamos renunciar a subvenciones de gobiernos y partidos políticos,porque nuestra independencia está por encima de todo. </span>
<span>Es gracias a personas como tú que nos apoyáis económicamente por lo que podemos denunciar sin presiones de ningún tipo cualquier violación de los derechos humanos. </span>
<span><b>Gracias por creer en un mundo más justo.</b></span>
</p>
<div class="box-form-es">
<div class="content">
<form class="webform-client-form webform-client-form-62 preview" method="post">
<div class="messages warning">
<p>Revisa tus datos para comprobar que no hay ningún error. Si todo está bien, pulsa el botón “Confirmar”. En caso contrario, pulsa “Hay errores en mis datos".</p>
</div>
<div class="content-colaborar padding-medium clearfix caja-content">
<fieldset class="webform-component-fieldset fila-1 clearfix">
<div class="fieldset-wrapper">
<div class="capa-selecttime border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-colaborar--fieldset-fila-1-0--civicrm-1-contact-1-cg15-custom-43">
<label class="element-visible" for="edit-submitted-caja-colaborar-fieldset-fila-1-0-civicrm-1-contact-1-cg15-custom-43">Periodicidad : </label>
Al mes
</div>
<div class="cuotas caja-checkbox form-item webform-component webform-component-display webform-component--caja-colaborar--fieldset-fila-1-0--civicrm-1-contact-1-cg15-custom-48">
<label class="element-visible" for="edit-submitted-caja-colaborar-fieldset-fila-1-0-civicrm-1-contact-1-cg15-custom-48">Cuota : </label>
Otra cantidad
</div>
<div class="capa-other-quant form-item webform-component webform-component-display webform-component--caja-colaborar--fieldset-fila-1-0--civicrm-1-contact-1-cg15-custom-49">
<label class="element-visible" for="edit-submitted-caja-colaborar-fieldset-fila-1-0-civicrm-1-contact-1-cg15-custom-49">Otra : </label>
<span class="field-prefix"></span> 6 <span class="field-suffix">€</span>
</div>
</div>
</fieldset>
</div>
<div class="content-datos padding-medium caja-content webform-layout-box vert webform-component--caja-datos-personales">
<fieldset class="webform-component-fieldset fila-1 webform-component--caja-datos-personales--fieldset-fila-1 form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-1--civicrm-1-contact-1-contact-first-name">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-1-civicrm-1-contact-1-contact-first-name">Nombre : </label>
<span class="field-prefix"></span> Test <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-1--civicrm-1-contact-1-contact-last-name">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-1-civicrm-1-contact-1-contact-last-name">Primer Apellido : </label>
<span class="field-prefix"></span> Test <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-1--civicrm-1-contact-1-contact-middle-name">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-1-civicrm-1-contact-1-contact-middle-name">Segundo Apellido : </label>
<span class="field-prefix"></span> Test <span class="field-suffix"></span>
</div>
</div>
</fieldset>
<fieldset class="webform-component-fieldset fila-2 webform-component--caja-datos-personales--fieldset-fila-2 form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium webform-layout-box horiz webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-nif">
<div class="capa-document border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-nif--civicrm-1-contact-1-cg1-custom-1">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-2-margin-medium-nif-civicrm-1-contact-1-cg1-custom-1">Tipo de documento : </label>
NIF
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-nif--civicrm-1-contact-1-cg1-custom-2">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-2-margin-medium-nif-civicrm-1-contact-1-cg1-custom-2">Número de documento : </label>
<span class="field-prefix"></span> 12345678P <span class="field-suffix"></span>
</div>
</div>
<div class="margin-medium webform-layout-box horiz webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-gender">
<div class="capa-genero border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-gender--civicrm-1-contact-1-contact-gender-id">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-2-margin-medium-gender-civicrm-1-contact-1-contact-gender-id">Sexo : </label>
Mujer
</div>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-2--civicrm-1-contact-1-phone-phone">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-2-civicrm-1-contact-1-phone-phone">Número de teléfono : </label>
<span class="field-prefix"></span> 666778899 <span class="field-suffix"></span>
</div>
<div class="margin-medium webform-layout-box horiz webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-language">
<div class="capa-language border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-2--margin-medium-language--civicrm-1-contact-1-contact-preferred-language">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-2-margin-medium-language-civicrm-1-contact-1-contact-preferred-language">Preferred Language : </label>
Castellano
</div>
</div>
</div>
</fieldset>
<fieldset class="webform-component-fieldset fila-3 webform-component--caja-datos-personales--fieldset-fila-3 form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-3--civicrm-1-contact-1-email-email">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-3-civicrm-1-contact-1-email-email">Correo electrónico : </label>
<span class="field-prefix"></span> [email protected] <span class="field-suffix"></span>
</div>
<div class="margin-medium webform-layout-box horiz webform-component--caja-datos-personales--fieldset-fila-3--margin-medium-ocupacion">
<div class="capa-profesion border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-3--margin-medium-ocupacion--civicrm-1-contact-1-cg3-custom-9">
<label class="element-visible" for="edit-submitted-caja-datos-personales-fieldset-fila-3-margin-medium-ocupacion-civicrm-1-contact-1-cg3-custom-9">Ocupación : </label>
</div>
</div>
<div class="margin-medium webform-layout-box horiz webform-component--caja-datos-personales--fieldset-fila-3--margin-medium-nacimiento">
<div class="capa-fechas border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-datos-personales--fieldset-fila-3--margin-medium-nacimiento--civicrm-1-contact-1-contact-birth-date webform-container-inline">
<label for="edit-submitted-caja-datos-personales-fieldset-fila-3-margin-medium-nacimiento-civicrm-1-contact-1-contact-birth-date">Fecha de nacimiento </label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="content-direccion padding-medium caja-content webform-layout-box vert webform-component--caja-direccion">
<fieldset class="webform-component-fieldset fila-1 webform-component--caja-direccion--fieldset-fila-1-b form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium webform-layout-box horiz webform-component--caja-direccion--fieldset-fila-1-b--margin-medium-via">
<div class="capa-tipo-via border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-1-b--margin-medium-via--civicrm-1-contact-1-address-custom-45">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-1-b-margin-medium-via-civicrm-1-contact-1-address-custom-45">Tipo de vía : </label>
Calle
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-1-b--margin-medium-via--civicrm-1-contact-1-address-street-address">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-1-b-margin-medium-via-civicrm-1-contact-1-address-street-address">Nombre de vía : </label>
<span class="field-prefix"></span> Gran Vía, 1 <span class="field-suffix"></span>
</div>
</div>
</div>
</fieldset>
<fieldset class="webform-component-fieldset fila-2 webform-component--caja-direccion--fieldset-fila-2-b form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium webform-layout-box horiz webform-component--caja-direccion--fieldset-fila-2-b--margin-medium-bloque">
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-2-b--margin-medium-bloque--civicrm-1-contact-1-address-supplemental-address-1">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-2-b-margin-medium-bloque-civicrm-1-contact-1-address-supplemental-address-1">Portal, bloque, escalera : </label>
<span class="field-prefix"></span> 1º 1ª <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-2-b--margin-medium-bloque--civicrm-1-contact-1-address-postal-code">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-2-b-margin-medium-bloque-civicrm-1-contact-1-address-postal-code">Código postal : </label>
<span class="field-prefix"></span> 28001 <span class="field-suffix"></span>
</div>
</div>
</div>
</fieldset>
<fieldset class="webform-component-fieldset fila-2 webform-component--caja-direccion--fieldset-fila-2-b-2 form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium webform-layout-box horiz webform-component--caja-direccion--fieldset-fila-2-b-2--margin-medium-pais">
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-2-b-2--margin-medium-pais--civicrm-1-contact-1-address-city">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-2-b-2-margin-medium-pais-civicrm-1-contact-1-address-city">Ciudad : </label>
<span class="field-prefix"></span> Madrid <span class="field-suffix"></span>
</div>
<div class="capa-provincia border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-2-b-2--margin-medium-pais--civicrm-1-contact-1-address-state-province-id">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-2-b-2-margin-medium-pais-civicrm-1-contact-1-address-state-province-id">Estado/Provincia : </label>
<span class="field-prefix"></span> M <span class="field-suffix"></span>
</div>
</div>
</div>
</fieldset>
<fieldset class="webform-component-fieldset fila-3 webform-component--caja-direccion--fieldset-fila-3-b form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium webform-layout-box horiz webform-component--caja-direccion--fieldset-fila-3-b--margin-medium-prov">
<div class="capa-pais border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-direccion--fieldset-fila-3-b--margin-medium-prov--civicrm-1-contact-1-address-country-id">
<label class="element-visible" for="edit-submitted-caja-direccion-fieldset-fila-3-b-margin-medium-prov-civicrm-1-contact-1-address-country-id">País : </label>
España
</div>
</div>
</div>
</fieldset>
</div>
<div class="content-cuenta padding-medium caja-content webform-layout-box vert webform-component--caja-cuenta">
<fieldset class="webform-component-fieldset fila-1 webform-component--caja-cuenta--fila-1-cuenta form-wrapper">
<div class="fieldset-wrapper">
<div class="margin-medium webform-layout-box horiz webform-component--caja-cuenta--fila-1-cuenta--margin-medium-iban">
<div class="capa-iban-letras border-radius-form shadow form-item webform-component webform-component-display webform-component--caja-cuenta--fila-1-cuenta--margin-medium-iban--civicrm-1-contact-1-cg2-custom-3">
<label class="element-visible" for="edit-submitted-caja-cuenta-fila-1-cuenta-margin-medium-iban-civicrm-1-contact-1-cg2-custom-3">Identificador de país : </label>
ES
</div>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-cuenta--fila-1-cuenta--civicrm-1-contact-1-cg2-custom-4">
<label class="element-visible" for="edit-submitted-caja-cuenta-fila-1-cuenta-civicrm-1-contact-1-cg2-custom-4">Dígitos de control (SEPA) : </label>
<span class="field-prefix"></span> 11 <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-cuenta--fila-1-cuenta--civicrm-1-contact-1-cg2-custom-5">
<label class="element-visible" for="edit-submitted-caja-cuenta-fila-1-cuenta-civicrm-1-contact-1-cg2-custom-5">Entidad : </label>
<span class="field-prefix"></span> 2222 <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-cuenta--fila-1-cuenta--civicrm-1-contact-1-cg2-custom-6">
<label class="element-visible" for="edit-submitted-caja-cuenta-fila-1-cuenta-civicrm-1-contact-1-cg2-custom-6">Oficina : </label>
<span class="field-prefix"></span> 3333 <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-cuenta--fila-1-cuenta--civicrm-1-contact-1-cg2-custom-7">
<label class="element-visible" for="edit-submitted-caja-cuenta-fila-1-cuenta-civicrm-1-contact-1-cg2-custom-7">Dígitos de control (español) : </label>
<span class="field-prefix"></span> 44 <span class="field-suffix"></span>
</div>
<div class="margin-medium form-item webform-component webform-component-display webform-component--caja-cuenta--fila-1-cuenta--civicrm-1-contact-1-cg2-custom-8">
<label class="element-visible" for="edit-submitted-caja-cuenta-fila-1-cuenta-civicrm-1-contact-1-cg2-custom-8">Número de cuenta : </label>
<span class="field-prefix"></span> 5678900000 <span class="field-suffix"></span>
</div>
</div>
</fieldset>
</div>
<div class="form-actions">
<input formnovalidate="formnovalidate" class="webform-previous cancel form-submit" name="op" value="Hay errores en mis datos" type="submit">
<input class="webform-submit button-primary form-submit" name="op" value="Confirmar" type="submit">
</div>
</form>
</div>
</div><!-- Box FORM_ES -->
</div>
</div>
</div>
</div>