0% found this document useful (0 votes)
835 views9 pages

Ciesman Full Prueba Part2

The document is an HTML code for a website interface. It includes styling definitions to control layout, colors and fonts. It also contains script links to add functionality like progress bars and countdown timers. The body contains the website structure, including a header, progress steps navigation, and sections for instructions, questions and answers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
835 views9 pages

Ciesman Full Prueba Part2

The document is an HTML code for a website interface. It includes styling definitions to control layout, colors and fonts. It also contains script links to add functionality like progress bars and countdown timers. The body contains the website structure, including a header, progress steps navigation, and sections for instructions, questions and answers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Ajuste de línea

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta name="viewport" content="width=device-width, initial-scale=1">
5
6 <link rel="shortcut icon" href="http://www.psicotestevalua.com/assets/img/favicon_web.ico" />
7
8 <title>Centro de Evaluaciones en L&iacute;nea</title>
9 <!-- Latest compiled and minified CSS -->
10 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
11
12 <!-- jQuery library -->
13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
14
15 <!-- Latest compiled JavaScript -->
16 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
17 <style type="text/css">
18 body{
19 margin-top: 40px;
20 }
21 * {
22 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
23 font-size: 14px;
24 text-align:justify;
25 }
26 .cacter_form{
27 background-color: #F7F6F6;
28 padding-top: 20px;
29 padding-bottom: 20px;
30 }
31
32 .pointer {
33 cursor: pointer;
34 }
35
36 .padding0
37 {
38 padding-left:15px
39 }
40
41 .header{
42
43 height: 119px
44
45 }
46
47
48 .img-2{
49
50 max-width: 150px;
51 }
52
53
54
55 </style>
56 <link rel="stylesheet" type="text/css" media="screen" href="http://www.psicotestevalua.com/assets/evaluaciones/new_style.css" />
57 <link rel="stylesheet" type="text/css" media="screen" href="http://www.psicotestevalua.com/assets/evaluaciones/new_style2.css" />
58 <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>!-->
59
60 <style type="text/css">
61 .cont_gen .header{
62
63 height: 119px
64
65 }
66
67 .cont_gen .header img{
68 margin: 12px;
69
70 }
71
72 .info{
73 padding-top:10px;
74 padding-right:20px;
75 }
76
77 .img-logo{
78 max-width: 150px;
79 height: 100px;
80
81 }
82 .log{
83 padding-left:1px;
84 //padding-top:15px;
85 }
86
87
88 </style>
89
90
91 <body>
92
93
94 <div class="cont_gen">
95 <div class="header">
96
97
98
99
100 <table width="960">
101 <tr>
102 <td width="200">
103
104
105 <br>
106 <img src="http://www.psicotestevalua.com/assets/img/ui/img/logo_psicotest_psicotest_evalua.svg?v=1.0.0">
107
108
109 </td>
110 <td>
111
112
113
114
115
116 </td>
117
118
119
120 <td>
121
122
123
124 <div class="info">
125 <label>FARMACIAS DEL MAYAB S.A DE C.V.</label>
126 <div class="clear"></div>
127 <a href="http://www.psicotestevalua.com/evaluaciones/home_ini/logout" >Salir</a>
128 </div>
129
130
131
132
133
134
135
136
137 </td>
138 </tr>
139 </table>
140
141
142
143
144
145
146
147 </div>
148
149
150
151
152
153
154
155
156 <div class="conten">
157
158
159
160 <!-- Global site tag (gtag.js) - Google Analytics -->
161 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-52958405-8"></script>
162 <script>
163 window.dataLayer = window.dataLayer || [];
164 function gtag(){dataLayer.push(arguments);}
165 gtag('js', new Date());
166
167 gtag('config', 'UA-52958405-8');
168 </script>
169 <link rel="stylesheet" type="text/css" href="http://www.psicotestevalua.com/assets/cacter/cac_full_prueba.css"/>
170 <script src="http://www.psicotestevalua.com/assets/img/ui/js/tiempo.js"></script>
171 <script src="http://www.psicotestevalua.com/assets/ciesman/cie_full_prueba2.js"></script>
172 <div class='row'>
173 <div class="col-md-12" style="display: none;">
174 <h4>Avance</h4>
175 <div class="stepwizard">
176 <div class="stepwizard-row setup-panel">
177 <div class="stepwizard-step">
178 <a href="#step-1" type="button" class="btn btn-primary btn-circle" style="pointer-events: none;">1</a>
179 <!-- <p>Step 1</p> -->
180 </div>
181 <div class="stepwizard-step">
182 <a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">2</a>
183 <!-- <p>Step 2</p> -->
184 </div>
185 <div class="stepwizard-step">
186 <a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">3</a>
187 <!-- <p>Step 3</p> -->
188 </div>
189 <div class="stepwizard-step">
190 <a href="#step-4" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">4</a>
191 <!-- <p>Step 4</p> -->
192 </div>
193 <div class="stepwizard-step">
194 <a href="#step-5" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">5</a>
195 <!-- <p>Step 5</p> -->
196 </div>
197 <div class="stepwizard-step">
198 <a href="#step-6" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">6</a>
199 <!-- <p>Step 6</p> -->
200 </div>
201 <div class="stepwizard-step">
202 <a href="#step-7" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">7</a>
203 <!-- <p>Step 7</p> -->
204 </div>
205 <div class="stepwizard-step">
206 <a href="#step-8" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">8</a>
207 <!-- <p>Step 8</p> -->
208 </div>
209 <div class="stepwizard-step">
210 <a href="#step-9" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">9</a>
211 <!-- <p>Step 9</p> -->
212 </div>
213 <div class="stepwizard-step">
214 <a href="#step-10" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">10</a>
215 <!-- <p>Step 10</p> -->
216 </div>
217 <div class="stepwizard-step">
218 <a href="#step-11" type="button" class="btn btn-default btn-circle" disabled="disabled" style="pointer-events: none;">11</a>
219 <!-- <p>Step 11</p> -->
220 </div>
221 </div>
222 </div>
223 </div>
224 <div class="col-md-2" style="margin-top: 30px;">
225 <strong>Avance</strong>
226 </div>
227 <div class="col-md-8" style="margin-top: 30px;">
228 <style type="text/css">
229 #myProgress {
230 width: 100%;
231 background-color: #F7F6F6;
232 }
233 #myBar {
234 width: 0%;
235 height: 30px;
236 background-color: rgb(90,174,236);
237 text-align: center; /* To center it horizontally (if you want) */
238 line-height: 30px; /* To center it vertically */
239 color: black;
240 }
241 </style>
242 <div id="myProgress">
243 <div id="myBar">0%</div>
244 </div>
245 </div>
246
247 <div class='col-md-2' style="text-align:center;">
248 <br />
249 Tiempo restante
250 <div id="countdownExample" >
251
252 <div class="values" style="text-align:center;"></div>
253
254 </div>
255 </div>
256 </div>
257 <link rel="stylesheet" type="text/css" href="http://www.psicotestevalua.com/assets/ciesman/cie_prueba_practica.css"/>
258 <div class="row">
259 <div class="col-md-12">
260 <div class="instrucciones_ciesman_demo">
261 <h3>Indicaciones</h3>
262 <p class="instrucciones">Selecciona la respuesta correcta del siguiente grupo de opciones.</p>
263 </div>
264 </div>
265 </div>
266 <div class="">
267 <div class="row">
268 <div class="alert alert-warning col-md-12 error_radio" style="display:none;">
269 <strong>¡Atención!</strong> Necesita seleccionar una opción.
270 </div>
271
272 </div>
273 <style type="text/css">
274 .opt_style{
275 margin-bottom: 5px;
276 background: #fff;
277 border: 1px solid #e2e2e2;
278 cursor: pointer;
279 }
280 .opt_style:hover{
281 background: #d9d9d9;
282 }
283
284 </style>
285 <form action="http://www.psicotestevalua.com/ciesman/cie_full_prueba/savepart2" method="post" id="ciesman" class='cacter_form'>
286
287 <input type="hidden" value="3981986" name="cand" />
288 <input type="hidden" value="11" name="total_preguntas" />
289 <div class="row setup-content" id="step-1">
290 <div class="col-xs-12">
291 <div class="col-md-8 col-md-offset-2">
292 <div class="row" >
293 <div class="col-md-12" style="text-align: center;">
294
295 <strong> “Al que quiera azul celeste que le cueste” se refiere a:</strong>
296 </div>
297 </div>
298 <br />
299
300 <div class="row opt_style seleccion1">
301 <div class="col-md-2 col-md-offset-1">
302 <input name="opt_0" id="1" type="radio" value="3" />
303 </div>
304 <div class="col-md-6" style="margin-top: 10px;">
305 Que si quieres algo debes esforzarte </div>
306 </div>
307
308 <div class="row opt_style seleccion1">
309 <div class="col-md-2 col-md-offset-1">
310 <input name="opt_0" id="2" type="radio" value="2" />
311 </div>
312 <div class="col-md-6" style="margin-top: 10px;">
313 El costo de la pintura azul se incrementa </div>
314 </div>
315
316 <div class="row opt_style seleccion1">
317 <div class="col-md-2 col-md-offset-1">
318 <input name="opt_0" id="3" type="radio" value="1" />
319 </div>
320 <div class="col-md-6" style="margin-top: 10px;">
321 Que tienes que combinar azul y blanco </div>
322 </div>
323
324 <div class="row opt_style seleccion1">
325 <div class="col-md-2 col-md-offset-1">
326 <input name="opt_0" id="4" type="radio" value="0" />
327 </div>
328 <div class="col-md-6" style="margin-top: 10px;">
329 No sé la respuesta
330 </div>
331 </div>
332 <input name="pregunta_0" type="hidden" value="19" />
333 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='1' type="button">Siguiente</button>!-->
334 <button class="btn btn-primary nextBtn btn-lg " id='1' style="margin-left:430px" type="button">Siguiente</button>
335 </div>
336 </div>
337 </div>
338 <div class="row setup-content" id="step-2">
339 <div class="col-xs-12">
340 <div class="col-md-8 col-md-offset-2">
341 <div class="row" >
342 <div class="col-md-12" style="text-align: center;">
343
344 <strong> La rodilla puede hacer movimientos de flexión y extensión porque:</strong>
345 </div>
346 </div>
347 <br />
348
349 <div class="row opt_style seleccion1">
350 <div class="col-md-2 col-md-offset-1">
351 <input name="opt_1" id="5" type="radio" value="3" />
352 </div>
353 <div class="col-md-6" style="margin-top: 10px;">
354 Los ligamentos le dan estabilidad </div>
355 </div>
356
357 <div class="row opt_style seleccion1">
358 <div class="col-md-2 col-md-offset-1">
359 <input name="opt_1" id="6" type="radio" value="2" />
360 </div>
361 <div class="col-md-6" style="margin-top: 10px;">
362 Es la articulación más grande del cuerpo humano </div>
363 </div>
364
365 <div class="row opt_style seleccion1">
366 <div class="col-md-2 col-md-offset-1">
367 <input name="opt_1" id="7" type="radio" value="1" />
368 </div>
369 <div class="col-md-6" style="margin-top: 10px;">
370 La articulación tibiofemoral permite esos movimientos </div>
371 </div>
372
373 <div class="row opt_style seleccion1">
374 <div class="col-md-2 col-md-offset-1">
375 <input name="opt_1" id="8" type="radio" value="0" />
376 </div>
377 <div class="col-md-6" style="margin-top: 10px;">
378 No sé la respuesta
379 </div>
380 </div>
381 <input name="pregunta_1" type="hidden" value="25" />
382 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='2' type="button">Siguiente</button>!-->
383 <button class="btn btn-primary nextBtn btn-lg " id='2' style="margin-left:430px" type="button">Siguiente</button>
384 </div>
385 </div>
386 </div>
387 <div class="row setup-content" id="step-3">
388 <div class="col-xs-12">
389 <div class="col-md-8 col-md-offset-2">
390 <div class="row" >
391 <div class="col-md-12" style="text-align: center;">
392
393 <strong> Si no existiera la gravedad:</strong>
394 </div>
395 </div>
396 <br />
397
398 <div class="row opt_style seleccion1">
399 <div class="col-md-2 col-md-offset-1">
400 <input name="opt_2" id="9" type="radio" value="2" />
401 </div>
402 <div class="col-md-6" style="margin-top: 10px;">
403 Los objetos estarían en reposo </div>
404 </div>
405
406 <div class="row opt_style seleccion1">
407 <div class="col-md-2 col-md-offset-1">
408 <input name="opt_2" id="10" type="radio" value="1" />
409 </div>
410 <div class="col-md-6" style="margin-top: 10px;">
411 Todos los objetos flotarían </div>
412 </div>
413
414 <div class="row opt_style seleccion1">
415 <div class="col-md-2 col-md-offset-1">
416 <input name="opt_2" id="11" type="radio" value="3" />
417 </div>
418 <div class="col-md-6" style="margin-top: 10px;">
419 El peso de los objetos se incrementaría </div>
420 </div>
421
422 <div class="row opt_style seleccion1">
423 <div class="col-md-2 col-md-offset-1">
424 <input name="opt_2" id="12" type="radio" value="0" />
425 </div>
426 <div class="col-md-6" style="margin-top: 10px;">
427 No sé la respuesta
428 </div>
429 </div>
430 <input name="pregunta_2" type="hidden" value="16" />
431 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='3' type="button">Siguiente</button>!-->
432 <button class="btn btn-primary nextBtn btn-lg " id='3' style="margin-left:430px" type="button">Siguiente</button>
433 </div>
434 </div>
435 </div>
436 <div class="row setup-content" id="step-4">
437 <div class="col-xs-12">
438 <div class="col-md-8 col-md-offset-2">
439 <div class="row" >
440 <div class="col-md-12" style="text-align: center;">
441
442 <strong> “Quién mucho abarca, poco aprieta” se refiere a:</strong>
443 </div>
444 </div>
445 <br />
446
447 <div class="row opt_style seleccion1">
448 <div class="col-md-2 col-md-offset-1">
449 <input name="opt_3" id="13" type="radio" value="2" />
450 </div>
451 <div class="col-md-6" style="margin-top: 10px;">
452 Que es mejor hacer una cosa y bien, en vez de muchas mal </div>
453 </div>
454
455 <div class="row opt_style seleccion1">
456 <div class="col-md-2 col-md-offset-1">
457 <input name="opt_3" id="14" type="radio" value="1" />
458 </div>
459 <div class="col-md-6" style="margin-top: 10px;">
460 Que se puede ser muy grande pero no tener fuerza </div>
461 </div>
462
463 <div class="row opt_style seleccion1">
464 <div class="col-md-2 col-md-offset-1">
465 <input name="opt_3" id="15" type="radio" value="3" />
466 </div>
467 <div class="col-md-6" style="margin-top: 10px;">
468 Que las barcas no aprietan </div>
469 </div>
470
471 <div class="row opt_style seleccion1">
472 <div class="col-md-2 col-md-offset-1">
473 <input name="opt_3" id="16" type="radio" value="0" />
474 </div>
475 <div class="col-md-6" style="margin-top: 10px;">
476 No sé la respuesta
477 </div>
478 </div>
479 <input name="pregunta_3" type="hidden" value="22" />
480 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='4' type="button">Siguiente</button>!-->
481 <button class="btn btn-primary nextBtn btn-lg " id='4' style="margin-left:430px" type="button">Siguiente</button>
482 </div>
483 </div>
484 </div>
485 <div class="row setup-content" id="step-5">
486 <div class="col-xs-12">
487 <div class="col-md-8 col-md-offset-2">
488 <div class="row" >
489 <div class="col-md-12" style="text-align: center;">
490
491 <strong> “El león no es como lo pintan” se refiere a:</strong>
492 </div>
493 </div>
494 <br />
495
496 <div class="row opt_style seleccion1">
497 <div class="col-md-2 col-md-offset-1">
498 <input name="opt_4" id="17" type="radio" value="1" />
499 </div>
500 <div class="col-md-6" style="margin-top: 10px;">
501 Solo los grandes artistas pintan a los leones como son </div>
502 </div>
503
504 <div class="row opt_style seleccion1">
505 <div class="col-md-2 col-md-offset-1">
506 <input name="opt_4" id="18" type="radio" value="3" />
507 </div>
508 <div class="col-md-6" style="margin-top: 10px;">
509 No hay que dejarse llevar por las apariencias </div>
510 </div>
511
512 <div class="row opt_style seleccion1">
513 <div class="col-md-2 col-md-offset-1">
514 <input name="opt_4" id="19" type="radio" value="2" />
515 </div>
516 <div class="col-md-6" style="margin-top: 10px;">
517 Los niños pintan leones de diversos colores </div>
518 </div>
519
520 <div class="row opt_style seleccion1">
521 <div class="col-md-2 col-md-offset-1">
522 <input name="opt_4" id="20" type="radio" value="0" />
523 </div>
524 <div class="col-md-6" style="margin-top: 10px;">
525 No sé la respuesta
526 </div>
527 </div>
528 <input name="pregunta_4" type="hidden" value="26" />
529 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='5' type="button">Siguiente</button>!-->
530 <button class="btn btn-primary nextBtn btn-lg " id='5' style="margin-left:430px" type="button">Siguiente</button>
531 </div>
532 </div>
533 </div>
534 <div class="row setup-content" id="step-6">
535 <div class="col-xs-12">
536 <div class="col-md-8 col-md-offset-2">
537 <div class="row" >
538 <div class="col-md-12" style="text-align: center;">
539
540 <strong> Las llantas son hechas de caucho porque:</strong>
541 </div>
542 </div>
543 <br />
544
545 <div class="row opt_style seleccion1">
546 <div class="col-md-2 col-md-offset-1">
547 <input name="opt_5" id="21" type="radio" value="3" />
548 </div>
549 <div class="col-md-6" style="margin-top: 10px;">
550 Permite la adecuada adherencia al pavimento </div>
551 </div>
552
553 <div class="row opt_style seleccion1">
554 <div class="col-md-2 col-md-offset-1">
555 <input name="opt_5" id="22" type="radio" value="2" />
556 </div>
557 <div class="col-md-6" style="margin-top: 10px;">
558 Le dan el color negro que se requiere </div>
559 </div>
560
561 <div class="row opt_style seleccion1">
562 <div class="col-md-2 col-md-offset-1">
563 <input name="opt_5" id="23" type="radio" value="1" />
564 </div>
565 <div class="col-md-6" style="margin-top: 10px;">
566 Es muy resistente a la fricción </div>
567 </div>
568
569 <div class="row opt_style seleccion1">
570 <div class="col-md-2 col-md-offset-1">
571 <input name="opt_5" id="24" type="radio" value="0" />
572 </div>
573 <div class="col-md-6" style="margin-top: 10px;">
574 No sé la respuesta
575 </div>
576 </div>
577 <input name="pregunta_5" type="hidden" value="17" />
578 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='6' type="button">Siguiente</button>!-->
579 <button class="btn btn-primary nextBtn btn-lg " id='6' style="margin-left:430px" type="button">Siguiente</button>
580 </div>
581 </div>
582 </div>
583 <div class="row setup-content" id="step-7">
584 <div class="col-xs-12">
585 <div class="col-md-8 col-md-offset-2">
586 <div class="row" >
587 <div class="col-md-12" style="text-align: center;">
588
589 <strong> Los globos aerostáticos vuelan porque:</strong>
590 </div>
591 </div>
592 <br />
593
594 <div class="row opt_style seleccion1">
595 <div class="col-md-2 col-md-offset-1">
596 <input name="opt_6" id="25" type="radio" value="3" />
597 </div>
598 <div class="col-md-6" style="margin-top: 10px;">
599 El aire caliente sube cuando está rodeado de aire frío </div>
600 </div>
601
602 <div class="row opt_style seleccion1">
603 <div class="col-md-2 col-md-offset-1">
604 <input name="opt_6" id="26" type="radio" value="2" />
605 </div>
606 <div class="col-md-6" style="margin-top: 10px;">
607 Tienen muy poco peso que elevar </div>
608 </div>
609
610 <div class="row opt_style seleccion1">
611 <div class="col-md-2 col-md-offset-1">
612 <input name="opt_6" id="27" type="radio" value="1" />
613 </div>
614 <div class="col-md-6" style="margin-top: 10px;">
615 Le ponen suficiente helio para que se eleve </div>
616 </div>
617
618 <div class="row opt_style seleccion1">
619 <div class="col-md-2 col-md-offset-1">
620 <input name="opt_6" id="28" type="radio" value="0" />
621 </div>
622 <div class="col-md-6" style="margin-top: 10px;">
623 No sé la respuesta
624 </div>
625 </div>
626 <input name="pregunta_6" type="hidden" value="24" />
627 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='7' type="button">Siguiente</button>!-->
628 <button class="btn btn-primary nextBtn btn-lg " id='7' style="margin-left:430px" type="button">Siguiente</button>
629 </div>
630 </div>
631 </div>
632 <div class="row setup-content" id="step-8">
633 <div class="col-xs-12">
634 <div class="col-md-8 col-md-offset-2">
635 <div class="row" >
636 <div class="col-md-12" style="text-align: center;">
637
638 <strong> “Candil de la calle, oscuridad de su casa” se refiere a:</strong>
639 </div>
640 </div>
641 <br />
642
643 <div class="row opt_style seleccion1">
644 <div class="col-md-2 col-md-offset-1">
645 <input name="opt_7" id="29" type="radio" value="3" />
646 </div>
647 <div class="col-md-6" style="margin-top: 10px;">
648 Ayuda a la sociedad y amigos, pero no se preocupa por su familia </div>
649 </div>
650
651 <div class="row opt_style seleccion1">
652 <div class="col-md-2 col-md-offset-1">
653 <input name="opt_7" id="30" type="radio" value="1" />
654 </div>
655 <div class="col-md-6" style="margin-top: 10px;">
656 Los candiles decoran las calles de la ciudad </div>
657 </div>
658
659 <div class="row opt_style seleccion1">
660 <div class="col-md-2 col-md-offset-1">
661 <input name="opt_7" id="31" type="radio" value="2" />
662 </div>
663 <div class="col-md-6" style="margin-top: 10px;">
664 La luz mercurial solo sirve para las calles, pero no en casas </div>
665 </div>
666
667 <div class="row opt_style seleccion1">
668 <div class="col-md-2 col-md-offset-1">
669 <input name="opt_7" id="32" type="radio" value="0" />
670 </div>
671 <div class="col-md-6" style="margin-top: 10px;">
672 No sé la respuesta
673 </div>
674 </div>
675 <input name="pregunta_7" type="hidden" value="23" />
676 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='8' type="button">Siguiente</button>!-->
677 <button class="btn btn-primary nextBtn btn-lg " id='8' style="margin-left:430px" type="button">Siguiente</button>
678 </div>
679 </div>
680 </div>
681 <div class="row setup-content" id="step-9">
682 <div class="col-xs-12">
683 <div class="col-md-8 col-md-offset-2">
684 <div class="row" >
685 <div class="col-md-12" style="text-align: center;">
686
687 <strong> Los semáforos regulan el tráfico porque:</strong>
688 </div>
689 </div>
690 <br />
691
692 <div class="row opt_style seleccion1">
693 <div class="col-md-2 col-md-offset-1">
694 <input name="opt_8" id="33" type="radio" value="2" />
695 </div>
696 <div class="col-md-6" style="margin-top: 10px;">
697 Se necesita un orden social para conducir </div>
698 </div>
699
700 <div class="row opt_style seleccion1">
701 <div class="col-md-2 col-md-offset-1">
702 <input name="opt_8" id="34" type="radio" value="3" />
703 </div>
704 <div class="col-md-6" style="margin-top: 10px;">
705 Los peatones necesitan cruzar las calles </div>
706 </div>
707
708 <div class="row opt_style seleccion1">
709 <div class="col-md-2 col-md-offset-1">
710 <input name="opt_8" id="35" type="radio" value="1" />
711 </div>
712 <div class="col-md-6" style="margin-top: 10px;">
713 Los carros deben pararse constantemente </div>
714 </div>
715
716 <div class="row opt_style seleccion1">
717 <div class="col-md-2 col-md-offset-1">
718 <input name="opt_8" id="36" type="radio" value="0" />
719 </div>
720 <div class="col-md-6" style="margin-top: 10px;">
721 No sé la respuesta
722 </div>
723 </div>
724 <input name="pregunta_8" type="hidden" value="18" />
725 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='9' type="button">Siguiente</button>!-->
726 <button class="btn btn-primary nextBtn btn-lg " id='9' style="margin-left:430px" type="button">Siguiente</button>
727 </div>
728 </div>
729 </div>
730 <div class="row setup-content" id="step-10">
731 <div class="col-xs-12">
732 <div class="col-md-8 col-md-offset-2">
733 <div class="row" >
734 <div class="col-md-12" style="text-align: center;">
735
736 <strong> “En boca cerrada, no entran moscas” se refiere a:</strong>
737 </div>
738 </div>
739 <br />
740
741 <div class="row opt_style seleccion1">
742 <div class="col-md-2 col-md-offset-1">
743 <input name="opt_9" id="37" type="radio" value="2" />
744 </div>
745 <div class="col-md-6" style="margin-top: 10px;">
746 Es preferible callar y no andar en chismes </div>
747 </div>
748
749 <div class="row opt_style seleccion1">
750 <div class="col-md-2 col-md-offset-1">
751 <input name="opt_9" id="38" type="radio" value="1" />
752 </div>
753 <div class="col-md-6" style="margin-top: 10px;">
754 Hay que tener cuidado de las moscas </div>
755 </div>
756
757 <div class="row opt_style seleccion1">
758 <div class="col-md-2 col-md-offset-1">
759 <input name="opt_9" id="39" type="radio" value="3" />
760 </div>
761 <div class="col-md-6" style="margin-top: 10px;">
762 La boca es un lugar muy sucio </div>
763 </div>
764
765 <div class="row opt_style seleccion1">
766 <div class="col-md-2 col-md-offset-1">
767 <input name="opt_9" id="40" type="radio" value="0" />
768 </div>
769 <div class="col-md-6" style="margin-top: 10px;">
770 No sé la respuesta
771 </div>
772 </div>
773 <input name="pregunta_9" type="hidden" value="21" />
774 <!-- <button class="btn btn-primary nextBtn btn-lg pull-right" id='10' type="button">Siguiente</button>!-->
775 <button class="btn btn-primary nextBtn btn-lg " id='10' style="margin-left:430px" type="button">Siguiente</button>
776 </div>
777 </div>
778 </div>
779 <div class="row setup-content" id="step-11">
780 <div class="col-xs-12">
781 <div class="col-md-8 col-md-offset-2">
782 <div class="row" >
783 <div class="col-md-12" style="text-align: center;">
784
785 <strong> “A palabras necias, oídos sordos” se refiere a:</strong>
786 </div>
787 </div>
788 <br />
789
790 <div class="row opt_style seleccion1">
791 <div class="col-md-2 col-md-offset-1">
792 <input name="opt_10" id="41" type="radio" value="2" />
793 </div>
794 <div class="col-md-6" style="margin-top: 10px;">
795 Las palabras a veces resultan molestas </div>
796 </div>
797
798 <div class="row opt_style seleccion1">
799 <div class="col-md-2 col-md-offset-1">
800 <input name="opt_10" id="42" type="radio" value="1" />
801 </div>
802 <div class="col-md-6" style="margin-top: 10px;">
803 Los sordos son más felices </div>
804 </div>
805
806 <div class="row opt_style seleccion1">
807 <div class="col-md-2 col-md-offset-1">
808 <input name="opt_10" id="43" type="radio" value="3" />
809 </div>
810 <div class="col-md-6" style="margin-top: 10px;">
811 No hay que hacer caso a quien habla sin razón </div>
812 </div>
813
814 <div class="row opt_style seleccion1">
815 <div class="col-md-2 col-md-offset-1">
816 <input name="opt_10" id="44" type="radio" value="0" />
817 </div>
818 <div class="col-md-6" style="margin-top: 10px;">
819 No sé la respuesta
820 </div>
821 </div>
822 <input name="pregunta_10" type="hidden" value="20" />
823 <!--<button class="btn btn-success btn-lg pull-right finalizar" id='11' type="submit" style="background-color
824 <button class="btn btn-primary btn-lg finalizar" id='11' type="submit" style="margin-left:430px">Finalizar</button>
825 </div>
826 </div>
827 </div>
828 </form>
829 </div>
830 <script type="text/javascript">
831 $(function(){
832 $(".seleccion1").on('click',(function(event) {
833 /* Act on the event */
834 $(this).find('input:radio').prop("checked", true);
835 }));
836 })
837 </script>
838 </body>
839 </html>

You might also like