1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 465 bytes, lines 5-15
5 6 (function (w, d, s, l, i) { 7 w[l] = w[l] || []; 8 w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 9 var f = d.getElementsByTagName(s)[0], 10 j = d.createElement(s), 11 dl = l != "dataLayer" ? "&l=" + l : ""; 12 j.async = true; 13 j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; 14 f.parentNode.insertBefore(j, f); 15 })(window, document, "script", "dataLayer", "
15GTM-MZ7DCS3
vendor: 9 bytes, lines 15-16
15"); 16
16</script>
16 17 <!-- End Google Tag Manager --> 18 <meta name="google" content="notranslate" /> 19 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 20 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 21 <meta name="dc.title" content="Plataforma educativa gamificada" /> 22 <meta 23 name="description" 24 content=" Ta-tum es una plataforma educativa gamificada donde el juego y los libros se unen. ¡Ahora tus alumnos disfrutarán de la lectura en el aula como nunca lo habÃan hecho!." 25 /> 26 27 <title>Ta-tum</title> 28 29 <link rel="shortcut icon" href="css/img/favicon.ico" type="image/x-icon" /> 30 31
31<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="8c05b400-499e-4e5e-92fd-e4375651b279" type="text/javascript" async></script>
31 32 33 <!-- SCRIPT-JS --> 34
34<script type="text/javascript"> 35 function loadPicker() { 36 if (typeof mGoogleDrive !== "undefined") { 37 if (mGoogleDrive !== null) { 38 mGoogleDrive.loadPicker(); 39 } 40 } 41 } 42 </script>
42 43 44
44<script src="https://secure.aadcdn.microsoftonline-p.com/lib/1.0.0/js/msal.js"></script>
44 45 <!-- 46
46<script src="https://apis.google.com/js/api:client.js"></script>
46 47 --> 48
48<script type="text/javascript" src="lang/lang.spa.js"></script>
48 49
49<script type="text/javascript" src="js/planlector.min.js"></script>
49 50
50<script 51 type="text/javascript" 52 src="js/modules/common/GoogleDrive.js" 53 ></script>
53 54
54<script 55 type="text/javascript" 56 src="https://apis.google.com/js/api.js?onload=loadPicker" 57 ></script>
57 58
58<script type="text/javascript" src="js/libs/parallax.js"></script>
58 59 <!-- parallax --> 60
60<script type="text/javascript" src="js/libs/json2.js"></script>
60 61 62
62<script type="text/javascript" src="js/libs/jwt-decode.js"></script>
62 63 <!-- json util --> 64
64<script 65 type="text/javascript" 66 src="js/libs/datetimepicker/jquery.datetimepicker.full.min.js" 67 ></script>
67 68
68<script type="text/javascript" src="js/libs/howler.min.js"></script>
68 69
69<script type="text/javascript" src="config/config.js?v=1"></script>
69 70
70<script type="text/javascript" src="js/modules/Util.js"></script>
70 71
71<script type="text/javascript" src="js/modules/Login.js?v=1"></script>
71 72
72<script type="text/javascript" src="js/modules/Footer.js"></script>
72 73
73<script type="text/javascript" src="js/modules/Register.js?v=2"></script>
73 74
74<script 75 type="text/javascript" 76 src="js/modules/student/StudentHome.js" 77 ></script>
77 78
78<script 79 type="text/javascript" 80 src="js/modules/student/classroom/StudentClassroom.js?v=1" 81 ></script>
81 82
82<script 83 type="text/javascript" 84 src="js/modules/student/classroom/StudentClassroomStudents.js" 85 ></script>
85 86
86<script 87 type="text/javascript" 88 src="js/modules/student/classroom/StudentClassroomBooks.js" 89 ></script>
89 90
90<script 91 type="text/javascript" 92 src="js/modules/student/classroom/StudentClassroomGradebook.js" 93 ></script>
93 94
94<script 95 type="text/javascript" 96 src="js/modules/student/classroom/project/StudentClassroomProject.js" 97 ></script>
97 98
98<script 99 type="text/javascript" 100 src="js/modules/student/classroom/project/StudentClassroomProjectContent.js" 101 ></script>
101 102
102<script 103 type="text/javascript" 104 src="js/modules/student/classroom/project/activity/StudentClassroomProjectActivity.js" 105 ></script>
105 106
106<script 107 type="text/javascript" 108 src="js/modules/student/classroom/project/activity/StudentClassroomProjectActivityPost.js" 109 ></script>
109 110
110<script 111 type="text/javascript" 112 src="js/modules/student/classroom/project/post/StudentClassroomProjectPost.js" 113 ></script>
113 114
114<script 115 type="text/javascript" 116 src="js/modules/student/classroom/project/post/ModalTaskFeedback.js" 117 ></script>
117 118
118<script 119 type="text/javascript" 120 src="js/modules/student/profile/Profile.js" 121 ></script>
121 122
122<script 123 type="text/javascript" 124 src="js/modules/student/profile/section/Profile.js" 125 ></script>
125 126
126<script 127 type="text/javascript" 128 src="js/modules/student/profile/section/Points.js" 129 ></script>
129 130
130<script 131 type="text/javascript" 132 src="js/modules/student/profile/section/Album.js" 133 ></script>
133 134
134<script 135 type="text/javascript" 136 src="js/modules/student/work/StudentWork.js" 137 ></script>
137 138
138<script 139 type="text/javascript" 140 src="js/modules/student/help/StudentHelp.js" 141 ></script>
141 142
142<script 143 type="text/javascript" 144 src="js/modules/student/notifications/StudentNotifications.js" 145 ></script>
145 146
146<script 147 type="text/javascript" 148 src="js/modules/student/pdi/StudentPdi.js" 149 ></script>
149 150
150<script 151 type="text/javascript" 152 src="js/modules/student/pdi/StudentPdiRanking.js" 153 ></script>
153 154
154<script 155 type="text/javascript" 156 src="js/modules/student/pdi/StudentPdiChat.js" 157 ></script>
157 158
158<script 159 type="text/javascript" 160 src="js/modules/student/pdi/StudentPdiFeedback.js" 161 ></script>
161 162 163
163<script 164 type="text/javascript" 165 src="js/modules/parent/ParentHome.js" 166 ></script>
166 167 168
168<script 169 type="text/javascript" 170 src="js/modules/teacher/TeacherHome.js" 171 ></script>
171 172
172<script 173 type="text/javascript" 174 src="js/modules/teacher/projects/TeacherLibraryProjects.js" 175 ></script>
175 176
176<script 177 type="text/javascript" 178 src="js/modules/teacher/classroom/TeacherClassroom.js" 179 ></script>
179 180
180<script 181 type="text/javascript" 182 src="js/modules/teacher/classroom/TeacherClassroomStudents.js" 183 ></script>
183 184
184<script 185 type="text/javascript" 186 src="js/modules/teacher/classroom/TeacherClassroomBooks.js" 187 ></script>
187 188
188<script 189 type="text/javascript" 190 src="js/modules/teacher/classroom/TeacherClassroomBookStudents.js" 191 ></script>
191 192
192<script 193 type="text/javascript" 194 src="js/modules/teacher/classroom/TeacherClassroomGradebook.js" 195 ></script>
195 196
196<script 197 type="text/javascript" 198 src="js/modules/teacher/classroom/TeacherClassroomGlobaleduca.js" 199 ></script>
199 200
200<script 201 type="text/javascript" 202 src="js/modules/teacher/classroom/project/TeacherClassroomProject.js" 203 ></script>
203 204
204<script 205 type="text/javascript" 206 src="js/modules/teacher/classroom/project/TeacherClassroomProjectContent.js?v=3" 207 ></script>
207 208
208<script 209 type="text/javascript" 210 src="js/modules/teacher/classroom/project/TeacherClassroomProjectGroups.js" 211 ></script>
211 212
212<script 213 type="text/javascript" 214 src="js/modules/teacher/classroom/project/activity/TeacherClassroomProjectActivity.js" 215 ></script>
215 216
216<script 217 type="text/javascript" 218 src="js/modules/teacher/classroom/project/activity/TeacherClassroomProjectActivityPost.js" 219 ></script>
219 220
220<script 221 type="text/javascript" 222 src="js/modules/teacher/classroom/project/activity/TeacherClassroomProjectActivitySavedPost.js" 223 ></script>
223 224
224<script 225 type="text/javascript" 226 src="js/modules/teacher/classroom/project/post/TeacherClassroomProjectPost.js" 227 ></script>
227 228
228<script 229 type="text/javascript" 230 src="js/modules/teacher/classroom/project/post/TeacherClassroomProjectPostReturn.js" 231 ></script>
231 232
232<script 233 type="text/javascript" 234 src="js/modules/teacher/work/TeacherWork.js" 235 ></script>
235 236
236<script 237 type="text/javascript" 238 src="js/modules/teacher/insights/TeacherInsights.js" 239 ></script>
239 240
240<script 241 type="text/javascript" 242 src="js/modules/teacher/insights/TeacherInsightsExport.js" 243 ></script>
243 244
244<script 245 type="text/javascript" 246 src="js/modules/teacher/help/TeacherHelp.js" 247 ></script>
247 248
248<script 249 type="text/javascript" 250 src="js/modules/teacher/profile/Profile.js" 251 ></script>
251 252
252<script 253 type="text/javascript" 254 src="js/modules/teacher/profile/section/Profile.js" 255 ></script>
255 256
256<script 257 type="text/javascript" 258 src="js/modules/teacher/profile/section/Account.js" 259 ></script>
259 260
260<script 261 type="text/javascript" 262 src="js/modules/teacher/notifications/TeacherNotifications.js" 263 ></script>
263 264
264<script 265 type="text/javascript" 266 src="js/modules/teacher/pdi/TeacherPdi.js" 267 ></script>
267 268
268<script 269 type="text/javascript" 270 src="js/modules/teacher/pdi/PdiActivitySelector.js" 271 ></script>
271 272
272<script 273 type="text/javascript" 274 src="js/modules/teacher/pdi/PdiChat.js" 275 ></script>
275 276
276<script 277 type="text/javascript" 278 src="js/modules/teacher/pdi/PdiRanking.js" 279 ></script>
279 280 281
281<script 282 type="text/javascript" 283 src="js/modules/teacher/classroom_admin/AddClassWizzard.js" 284 ></script>
284 285
285<script 286 type="text/javascript" 287 src="js/modules/teacher/classroom_admin/AddClass.js" 288 ></script>
288 289
289<script 290 type="text/javascript" 291 src="js/modules/teacher/classroom_admin/AddClassSchool.js?t=1" 292 ></script>
292 293
293<script 294 type="text/javascript" 295 src="js/modules/teacher/classroom_admin/AddClassClassroom.js" 296 ></script>
296 297
297<script 298 type="text/javascript" 299 src="js/modules/teacher/classroom_admin/AddClassStudents.js" 300 ></script>
300 301
301<script 302 type="text/javascript" 303 src="js/modules/teacher/classroom_admin/AddClassParents.js" 304 ></script>
304 305
305<script 306 type="text/javascript" 307 src="js/modules/teacher/classroom_admin/AddClassCollaborators.js" 308 ></script>
308 309
309<script 310 type="text/javascript" 311 src="js/modules/teacher/classroom_admin/AddClassEpisodes.js" 312 ></script>
312 313 314
314<script 315 type="text/javascript" 316 src="js/modules/school_admin/school/SchoolManager.js" 317 ></script>
317 318
318<script 319 type="text/javascript" 320 src="js/modules/school_admin/school/section/School.js" 321 ></script>
321 322
322<script 323 type="text/javascript" 324 src="js/modules/school_admin/school/section/Teachers.js" 325 ></script>
325 326
326<script 327 type="text/javascript" 328 src="js/modules/school_admin/school/section/Students.js" 329 ></script>
329 330
330<script 331 type="text/javascript" 332 src="js/modules/school_admin/school/section/Classrooms.js" 333 ></script>
333 334
334<script 335 type="text/javascript" 336 src="js/modules/school_admin/school/section/Requests.js" 337 ></script>
337 338
338<script 339 type="text/javascript" 340 src="js/modules/school_admin/school/section/TeacherModalAdd.js" 341 ></script>
341 342
342<script 343 type="text/javascript" 344 src="js/modules/school_admin/school/section/StudentModalAdd.js" 345 ></script>
345 346
346<script 347 type="text/javascript" 348 src="js/modules/school_admin/school/section/TeacherModalEdit.js" 349 ></script>
349 350
350<script 351 type="text/javascript" 352 src="js/modules/school_admin/school/section/StudentModalEdit.js" 353 ></script>
353 354
354<script 355 type="text/javascript" 356 src="js/modules/school_admin/school/section/ClassroomSelect.js" 357 ></script>
357 358
358<script 359 type="text/javascript" 360 src="js/modules/school_admin/school/section/classroom/Classroom.js" 361 ></script>
361 362
362<script 363 type="text/javascript" 364 src="js/modules/school_admin/school/section/classroom/ClassroomManager.js" 365 ></script>
365 366
366<script 367 type="text/javascript" 368 src="js/modules/school_admin/school/section/classroom/ClassroomTeachers.js" 369 ></script>
369 370
370<script 371 type="text/javascript" 372 src="js/modules/school_admin/school/section/classroom/ClassroomStudents.js" 373 ></script>
373 374 375
375<script 376 type="text/javascript" 377 src="js/modules/school_admin/SchoolAdminHome.js" 378 ></script>
378 379 380
380<script 381 type="text/javascript" 382 src="js/modules/admin/school/AdminSchool.js" 383 ></script>
383 384
384<script 385 type="text/javascript" 386 src="js/modules/admin/school/AdminModalSchool.js" 387 ></script>
387 388
388<script 389 type="text/javascript" 390 src="js/modules/admin/school/AdminModalAdministrators.js" 391 ></script>
391 392
392<script 393 type="text/javascript" 394 src="js/modules/admin/school/AdminModalTeachers.js" 395 ></script>
395 396
396<script 397 type="text/javascript" 398 src="js/modules/admin/school/AdminModalStudents.js" 399 ></script>
399 400 401
401<script 402 type="text/javascript" 403 src="js/modules/admin/licenses/AdminLicenses.js" 404 ></script>
404 405
405<script 406 type="text/javascript" 407 src="js/modules/admin/licenses/AdminModalLicense.js" 408 ></script>
408 409
409<script 410 type="text/javascript" 411 src="js/modules/admin/licenses-batch/AdminBatchLicenses.js" 412 ></script>
412 413
413<script 414 type="text/javascript" 415 src="js/modules/admin/licenses-batch/AdminModalBatchLicense.js" 416 ></script>
416 417 418
418<script 419 type="text/javascript" 420 src="js/modules/admin/users/AdminUsers.js" 421 ></script>
421 422
422<script 423 type="text/javascript" 424 src="js/modules/admin/users/AdminModalUser.js" 425 ></script>
425 426
426<script 427 type="text/javascript" 428 src="js/modules/admin/codes/AdminCodes.js" 429 ></script>
429 430
430<script 431 type="text/javascript" 432 src="js/modules/admin/requested-projects/AdminRequestedProjects.js" 433 ></script>
433 434 435
435<script 436 type="text/javascript" 437 src="js/modules/editor/AdminProjects.js" 438 ></script>
438 439 440
440<script 441 type="text/javascript" 442 src="js/modules/common/HeaderManager.js?t=1" 443 ></script>
443 444
444<script type="text/javascript" src="js/modules/common/Toast.js"></script>
444 445
445<script type="text/javascript" src="js/modules/common/Modal.js"></script>
445 446
446<script type="text/javascript" src="js/modules/common/Profile.js"></script>
446 447
447<script 448 type="text/javascript" 449 src="js/modules/common/Module.Analytics.js?v=1" 450 ></script>
450 451
451<script 452 type="text/javascript" 453 src="js/modules/common/Unboarding.js" 454 ></script>
454 455
455<script 456 type="text/javascript" 457 src="js/modules/common/ImagePreload.js" 458 ></script>
458 459
459<script type="text/javascript" src="js/modules/common/Tooltip.js"></script>
459 460
460<script 461 type="text/javascript" 462 src="js/modules/common/DatetimeSelector.js" 463 ></script>
463 464
464<script 465 type="text/javascript" 466 src="js/modules/common/CromoSelector.js" 467 ></script>
467 468
468<script 469 type="text/javascript" 470 src="js/modules/common/CromoViewer.js" 471 ></script>
471 472
472<script 473 type="text/javascript" 474 src="js/modules/common/AvatarSelector.js" 475 ></script>
475 476
476<script 477 type="text/javascript" 478 src="js/modules/common/PolpRegister.js" 479 ></script>
479 480
480<script 481 type="text/javascript" 482 src="js/modules/common/HeaderImageEditor.js" 483 ></script>
483 484
484<script 485 type="text/javascript" 486 src="js/modules/common/HeaderThemeSelector.js" 487 ></script>
487 488
488<script 489 type="text/javascript" 490 src="js/modules/common/AvatarProjectSelector.js" 491 ></script>
491 492
492<script type="text/javascript" src="js/Planlector.js?v=4"></script>
492 493
493<script type="text/javascript" src="js/libs/spain-zipcodes.js"></script>
493 494 495 <!-- CKEDITOR --> 496
496<script type="text/javascript" src="js/ckeditor/ckeditor.js"></script>
496 497
497<script 498 type="text/javascript" 499 src="js/ckeditor/ckeditor_config.js" 500 ></script>
500 501
501<script 502 type="text/javascript" 503 src="js/ckeditor/adapters/jquery.js" 504 ></script>
504 505 506
506<script async src="https://www.youtube.com/iframe_api"></script>
506 507 508
508<script 509 type="text/javascript" 510 src="js/libs/jquery.mobile.custom.min.js" 511 ></script>
511 512
512<script type="text/javascript" src="js/libs/jQuery.print.min.js"></script>
512 513 514
514<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
514 515
515<script type="text/javascript" src="js/libs/moment.min.js"></script>
515 516 <!-- use version 0.19.2 --> 517
517<script 518 lang="javascript" 519 src="https://cdn.sheetjs.com/xlsx-0.19.2/package/dist/xlsx.full.min.js" 520 ></script>
520 521 522 <!-- CORE EXERCISES--> 523
523<script src="execore/js/exeLangs.js"></script>
523 524
524<script src="execore/js/api_core_embed.js"></script>
524 525
525<script src="execore/js/exe.min.js"></script>
525 526 527 <!-- STYLE-CSS --> 528 <link rel="stylesheet" href="css/fonts.css" /> 529 <link rel="stylesheet" href="css/planlector.css" /> 530 <link 531 rel="stylesheet" 532 href="css/planlector.print.css" 533 type="text/css" 534 media="print" 535 /> 536 <link rel="stylesheet" href="css/ui/jquery-ui.min.css" /> 537 <link rel="stylesheet" href="css/ui/jquery.ui.datepicker.min.css" /> 538 <link rel="stylesheet" href="css/ui/jquery.datetimepicker.css" /> 539 540 <link rel="stylesheet" href="css/mixer.css" /> 541 542 <!-- LANDING --> 543
543<script type="text/javascript" src="js/libs/slick.min.js"></script>
543 544
544<script type="text/javascript" src="js/libs/youtube-overlay.js"></script>
544 545
545<script type="text/javascript" src="js/modules/Landing.js"></script>
545 546 <link rel="stylesheet" href="styles/slick.css" /> 547 <link rel="stylesheet" href="styles/slick-theme.css" /> 548 <link rel="stylesheet" href="styles/styles.css" /> 549 <link rel="stylesheet" href="styles/ta-tum-modules.css" /> 550 <link rel="stylesheet" href="styles/youtube-overlay.css" /> 551 <!-- END LANDING --> 552 553 <!-- CORE EXERCISES--> 554 <link type="text/css" href="execore/css/exercises.css" rel="stylesheet" /> 555 <link 556 type="text/css" 557 href="execore/css/player/player.css" 558 rel="stylesheet" 559 /> 560 561 <!-- LPD --> 562
562<script type="text/javascript" src="lpd/sso-lpd.js"></script>
562 563 <link type="text/css" href="lpd/sso-lpd.css" rel="stylesheet" /> 564 565 <link rel="preconnect" href="https://fonts.googleapis.com" /> 566 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 567 <link 568 href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap" 569 rel="stylesheet" 570 /> 571 572 <!-- RESTYLING STYLE-CSS --> 573 <link type="text/css" href="css/restyling.css" rel="stylesheet" /> 574 575
575<script 576 src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js" 577 integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg==" 578 crossorigin="anonymous" 579 referrerpolicy="no-referrer" 580 ></script>
580 581 582
582<script type="text/javascript"> 583 function handleGoogleLibraryLoad() { 584 console.log("handleGoogleLibraryLoad() v2"); 585 if (!document.getElementById("bt-google-sso-login")) { 586 return setTimeout(handleGoogleLibraryLoad, 1000); 587 } 588 589 google.accounts.id.initialize({ 590 client_id: config.GoogleClientID, 591 scope: "profile email", 592 callback: handleCredentialResponse, 593 }); 594 let userLangLocal = userLang; 595 if (userLangLocal === "ar" || userLangLocal === "mx") { 596 userLangLocal = "es"; 597 } 598 google.accounts.id.renderButton( 599 document.getElementById("bt-google-sso-login"), 600 { 601 theme: "outline", 602 size: "large", 603 locale: userLangLocal || "es", //lang 604 } 605 ); 606 } 607 function handleCredentialResponse(response) { 608 const data = jwt_decode(response.credential); 609 610 document.body.dispatchEvent( 611 new CustomEvent("GoogleLogin", { 612 detail: { 613 token: response.credential, 614 name: data.given_name, 615 email: data.family_name, 616 }, 617 }) 618 ); 619 } 620 </script>
620 621
621<script 622 src="https://accounts.google.com/gsi/client?t=" 623 + 624 new 625 Date() 626 async 627 defer 628 onload="handleGoogleLibraryLoad()" 629 ></script>
629 630 631 <!-- stonly-widget - copy into the head --> 632
632<script>window.STONLY_WID = "e60d6494-9ca6-11ed-871a-0a52ff1ec764";</script>
632 633
633<script> 634 !function(s,t,o,n,l,y,w,g,d,e){s.StonlyWidget||((d=s.StonlyWidget=function(){ 635 d._api?d._api.apply(d,arguments):d.queue.push(arguments)}).scriptPath=n,d.apiPath=l,d.sPath=y,d.queue=[], 636 (g=t.createElement(o)).async=!0,(e=new XMLHttpRequest).open("GET",n+"version?v="+Date.now(),!0), 637 e.onreadystatechange=function(){4===e.readyState&&(g.src=n+"stonly-widget.js?v="+ 638 (200===e.status?e.responseText:Date.now()),(w=t.getElementsByTagName(o)[0]).parentNode.insertBefore(g,w))},e.send()) 639 }(window,document,"script","https://stonly.com/js/widget/v2/"); 640 </script>
640 641 642 <!-- jsDelivr :: Sortable :: Latest (https://www.jsdelivr.com/package/npm/sortablejs) --> 643
643<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
643 644 645 </head> 646 <body class="parallax-login-register"> 647 <!-- Google Tag Manager (noscript) -->
vendor: 90 bytes, lines 647-650
647 648 <noscript 649 ><iframe 650 src="https://www.googletagmanager.com/ns.html?id=
650GTM-MZ7DCS3
vendor: 132 bytes, lines 650-656
650" 651 height="0" 652 width="0" 653 style="display: none; visibility: hidden" 654 ></iframe 655 ></noscript> 656
656<!-- End Google Tag Manager (noscript) --> 657 658 <div id="cometa_loading"><img src="css/img/loading_gears_2.gif" /></div> 659 660 <!-- TOASTS MESSAGES --> 661 <div class="d-toasts"></div> 662 <!-- END TOASTS MESSAGES --> 663 664 <!-- MAIN --> 665 <main> 666 <!-- LANDING --> 667 <div class="d-module m-landing"> 668 <!-- HEADER --> 669 <div class="header"> 670 <div class="header__left"> 671 <img 672 class="header-logo__img" 673 src="assets/img/logo_01.png" 674 alt="ta-tum" 675 /> 676 <img 677 class="header-logo__gears" 678 src="assets/img/logo_02.png" 679 alt="" 680 /> 681 <span class="header-logo__text">Gamifica la lectura!</span> 682 <div class="lang-select"> 683 <div class="lang-select__selected"> 684 <span class="lang-select__text">ES</span> 685 <img 686 class="lang-select__button" 687 src="assets/img/chevron.png" 688 alt="" 689 /> 690 </div> 691 <div class="lang-select__options"> 692 <a href="es">Español</a> 693 <a href="ca">Catalán</a> 694 <a href="va">Valenciano</a> 695 <a href="eu">Euskera</a> 696 <a href="gl">Gallego</a> 697 <a href="ar">Español</a> 698 <a href="mx">Español</a> 699 </div> 700 </div> 701 </div> 702 703 <div class="header__right"> 704 <div class="header-menu"> 705 <a href="javascript:void(0);" class="header-menu__item blog" 706 >Blog!</a 707 > 708 <a href="https://ayuda.ta-tum.com/" class="header-menu__item help" 709 >Ayuda!</a 710 > 711 <a href="#register" class="header-menu__item signup">Registro!</a> 712 <a href="#login" class="header-menu__button">Acceder!</a> 713 </div> 714 </div> 715 </div> 716 <!-- END HEADER --> 717 718 <!-- MOBILE HEADER --> 719 <div class="header-mobile"> 720 <div class="header-mobile__left"> 721 <img 722 class="header-logo__img" 723 src="assets/img/logo_01.png" 724 alt="ta-tum" 725 /> 726 <img 727 class="header-logo__gears" 728 src="assets/img/logo_02.png" 729 alt="" 730 /> 731 </div> 732 733 <div class="header-mobile__right"> 734 <img 735 class="header-mobile__button" 736 src="assets/img/hamburger.png" 737 alt="" 738 /> 739 <img 740 class="header-mobile__close-button" 741 src="assets/img/close.png" 742 alt="" 743 /> 744 </div> 745 746 <div class="header-mobile-menu"> 747 <div class="wrapper"> 748 <a href="https://blog.ta-tum.com/" class="header-menu__item blog" 749 >Blog!</a 750 > 751 <a href="https://ayuda.ta-tum.com/" class="header-menu__item help" 752 >Ayuda!</a 753 > 754 <a href="#register" class="header-menu__item signup">Registro!</a> 755 <a href="#login" class="header-menu__button">Acceder!</a> 756 </div> 757 </div> 758 </div> 759 <!-- END MOBILE HEADER --> 760 761 <!-- MAIN CONTENT--> 762 <div class="main"> 763 <!-- PRESENTACION --> 764 <div class="presentacion"> 765 <div class="wrapper"> 766 <div class="title"> 767 La plataforma de lectura gamificada para Primaria y Secundaria! 768 </div> 769 <div class="subtitle"> 770 Ta-tum es la plataforma que conecta con tu alumnado y despierta 771 su entusiasmo por la lectura.! 772 </div> 773 <a class="cta" href="#welcome/contact" 774 >SOLICITA MÃS INFORMACIÃN!</a 775 > 776 <div class="note"> 777 EscrÃbenos y nos pondremos en contacto contigo.! 778 </div> 779 780 <div class="character-image"> 781 <img src="assets/img/character_01.png" alt="Ta-tum" /> 782 </div> 783 <div class="wheels"> 784 <img src="assets/img/bg_wheels.png" alt="Ta-tum" /> 785 </div> 786 787 <div class="features"> 788 <div class="features__wrapper"> 789 <div class="features__item"> 790 <div class="item__data teachers-data">
791 <span>7.000</span> <span>docentes</span>! 792 </div> 793 <div class="item__text teachers-text"> 794 Ya han elegido Ta-tum para dinamizar la lectura en sus 795 aulas.! 796 </div> 797 </div> 798 <div class="features__item"> 799 <div class="item__data students-data"> 800 <span>150<span>.000</span></span> 801 <span>estudiantes</span>! 802 </div> 803 <div class="item__text students-text"> 804 Alumnos y alumnas de Primaria y Secundaria disfrutan de 805 sus lecturas convertidos en investigadores literarios.! 806 </div> 807 </div> 808 </div> 809 <div 810 class="features__video" 811 id="landing-video" 812 data-videourl="https://www.youtube.com/embed/a81G5dY698U" 813 > 814 <img 815 class="video__thumbnail" 816 src="assets/img/video_cover.png" 817 alt="ta-tum" 818 /> 819 </div> 820 </div> 821 </div> 822 </div> 823 <!-- END PRESENTACION --> 824 825 <!-- DESCRIPCION --> 826 <div class="descripcion"> 827 <div class="descripcion__intro"> 828 <div class="title b2-a-title">Un mundo de detectives!</div> 829 <div class="text b2-a-text"> 830 Ta-tum sumerge a los lectores en la aventura de formar parte de 831 una importante escuela de detectives: la Escuela Avante. En esta 832 plataforma gamificada la lectura de cada libro se convertirá en 833 un caso a resolver.! 834 </div> 835 </div> 836 837 <!-- Novedades --> 838 <section class="hero-section"> 839 <div class="hero-top-mask"></div> 840 <div class="hero-float-circle"> 841 <div class="hero-float-circle-content"> 842 ¡NOVEDADES! 843 </div> 844 </div> 845 <div class="hero-content"> 846 <div class="holder"> 847 848 <h1 class="hero-title-1">Colaboración con Penguin Random House Grupo Editorial</h1> 849 <p class="hero-text-1">Nos unimos a <strong>Penguin Aula</strong> para llenar tu clase de lecturas que enganchan, emocionan y hablan el idioma del alumnado de hoy. 850 851 Más voces, más historias, más formas de disfrutar la lectura en el aula. </p> 852 853 <!-- Penguin Aula logo --> 854 <div class="centered-image penguin-aula-logo"> 855 <img src="assets/img/novedades-penguin.png" alt="Penguin Aula" /> 856 </div> 857 858 <!-- Imagen tablet con aplicativo --> 859 <div class="centered-image tablet-image"> 860 <img src="assets/img/novedades-bodegon_libros.png" alt="Tablet con aplicativo" /> 861 </div> 862 863 <!-- Separador --> 864 <div class="separator"> 865 <img src="assets/img/novedades-separador.png" alt="Separador" /> 866 </div> 867 868 <h1 class="hero-title-2">Habilidades lectoras</h1> 869 <p class="hero-text-2">Ahora cada pregunta está vinculada a un proceso y tarea lectora, gracias a nuestra colaboración con <strong>ERI Lectura</strong>.</p> 870 871 <!-- Imagen ERI Lectura --> 872 <div class="centered-image eri-lectura-image"> 873 <img src="assets/img/novedades-logo-eri.png" alt="ERI Lectura" /> 874 </div> 875 876 <p class="hero-text-3">Haz un <strong>seguimiento real</strong> del progreso de tu alumnado con informes claros, útiles y personalizados.</p> 877 878 <!-- Imagen de laptop con informes --> 879 <div class="centered-image laptop-image"> 880 <img src="assets/img/novedades-laptop-informes.png" alt="Laptop con informes" /> 881 </div> 882 883 </div> 884 </div> 885 886 <div class="hero-bottom-mask"></div> 887 </section> 888 889 890 <div class="descripcion__item descripcion__item--first"> 891 <div class="descripcion__item-image"> 892 <img 893 class="descripcion__item-image-characters" 894 src="assets/img/characters.png" 895 alt="ta-tum" 896 /> 897 </div> 898 <div class="descripcion__item-text"> 899 <div class="title b2-b-title">Los casos y las pesquisas!</div> 900 <div class="text b2-b-text"> 901 Para resolver los casos deberán completar la lectura de los 902 libros y superar las pesquisas planteadas. Cada caso incluye 903 actividades organizadas en tres momentos: antes, durante y 904 después de la lectura.! 905 </div> 906 </div> 907 </div> 908 909 <div class="descripcion__item"> 910 <div class="descripcion__item-text"> 911 <div class="title b2-c-title"> 912 Motivación y juego se suman a la lectura! 913 </div> 914 <div class="text b2-c-text"> 915 Las actividades permiten obtener puntos, medallas y estrellas. 916 Cinco de cada seis estudiantes aseguran que Ta-tum aumenta su 917 interés por la lectura.! 918 </div> 919 </div> 920 921 <div class="descripcion__item-image"> 922 <img class="descripcion__item-image-casos" src=" alt="Ta-tum" /> 923 </div> 924 </div> 925 </div> 926 927 <!-- END DESCRIPCION --> 928 929 <!-- OPINIONES --> 930 <div class="opiniones"> 931 <div class="opiniones__title">Nuestros usuarios opinan!</div> 932 <div class="opiniones__slider"> 933 <!-- slider item 1 --> 934 <div class="item"> 935 <div class="image"> 936 <img src="assets/img/opinion_01.png" alt="" /> 937 </div> 938 <div class="card"> 939 <div class="title">Ãscar GarcÃa!</div> 940 <div class="subtitle">Profesor 5.º Primaria!</div> 941 <div class="text"> 942 âHace dos años decidimos apostar por la plataforma y 943 gamificar la lectura. Ta-tum y todo el plan lector se han 944 convertido en el hilo conductor de todo el aprendizaje.â! 945 </div> 946 </div> 947 </div> 948 949 <!-- slider item 2 --> 950 <div class="item"> 951 <div class="image"> 952 <img src="assets/img/opinion_02.png" alt="" /> 953 </div> 954 <div class="card"> 955 <div class="title">Elisa Beltrán!</div> 956 <div class="subtitle">Profesora 2.º Primaria!</div> 957 <div class="text"> 958 âGracias a esta plataforma he conseguido que mi alumnado 959 disfrute leyendo. En Ta-tum cada libro es una aventura, un 960 reto y un juego lleno de emoción; leer se convierte en un 961 placer.â 962 </div> 963 </div> 964 </div> 965 966 <!-- slider item 3 --> 967 <div class="item"> 968 <div class="image"> 969 <img src="assets/img/opinion_03.png" alt="" /> 970 </div> 971 <div class="card"> 972 <div class="title">Victoria Alonso!</div> 973 <div class="subtitle">Profesora 2.º ESO!</div> 974 <div class="text"> 975 âEl proyecto de gamificación de la lectura de Ta-tum es una
976 herramienta muy útil para incentivar la competencia lectora 977 en el alumnado y mi experiencia es muy buena.â! 978 </div> 979 </div> 980 </div> 981 982 <!-- slider item 4 --> 983 <div class="item"> 984 <div class="image"> 985 <img src="assets/img/opinion_04.png" alt="" /> 986 </div> 987 <div class="card"> 988 <div class="title">Sergio Sánchez!</div> 989 <div class="subtitle">Profesor 6.º Primaria!</div> 990 <div class="text"> 991 âMe gusta utilizar Ta-tum porque aumenta la motivación del 992 alumnado. Además, el amplio catálogo de la biblioteca me 993 permite asignar lecturas según los intereses de los 994 estudiantes.â! 995 </div> 996 </div> 997 </div> 998 999 <!-- slider item 5 --> 1000 <div class="item"> 1001 <div class="image"> 1002 <img src="assets/img/opinion_05.png" alt="" /> 1003 </div> 1004 <div class="card"> 1005 <div class="title">José MarÃa Valpuesta!</div> 1006 <div class="subtitle">Profesor 1.º ESO!</div> 1007 <div class="text"> 1008 â¡Nos está dando muchas satisfacciones! Ta-tum nos ha 1009 permitido cambiar el contexto de aprendizaje en torno a la 1010 lectura.â! 1011 </div> 1012 </div> 1013 </div> 1014 </div> 1015 </div> 1016 <!-- END OPINIONES --> 1017 1018 <!-- QUE TE OFRECE TA-TUM --> 1019 <div class="que-ofrece"> 1020 <div class="que-ofrece__title"> 1021 ¿Qué te ofrece <span>Ta-tum</span>?! 1022 </div> 1023 <div class="que-ofrece__image"> 1024 <img class="mac-bar" src="assets/img/mac_bar.png" alt="" /> 1025 <img 1026 class="image" 1027 src="assets/img/casos/que-ofrece_es.png" 1028 alt="" 1029 /> 1030 </div> 1031 1032 <!-- Feature cards --> 1033 <div class="feature-card-list one"> 1034 <div class="feature-card"> 1035 <div class="image"> 1036 <img src="assets/img/icon_01_book.png" alt="" /> 1037 </div> 1038 <div class="card"> 1039 <div class="title"> 1040 Lecturas<br /> 1041 ilimitadas! 1042 </div> 1043 <div class="text"> 1044 Acceso sin restricción a una gran biblioteca con más de 800 1045 tÃtulos en varios idiomas, clasificados por temáticas y 1046 edades para trabajar el Plan Lector.! 1047 </div> 1048 </div> 1049 </div> 1050 1051 <div class="feature-card"> 1052 <div class="image"> 1053 <img src="assets/img/icon_02_star.png" alt="" /> 1054 </div> 1055 <div class="card"> 1056 <div class="title">Estrategias de gamificación!</div> 1057 <div class="text"> 1058 Utiliza sistemas de recompensas propios de los videojuegos y 1059 tiene un diseño atractivo pensado para los jóvenes 1060 lectores.! 1061 </div> 1062 </div> 1063 </div> 1064 1065 <div class="feature-card"> 1066 <div class="image"> 1067 <img src="assets/img/icon_03_plane.png" alt="" /> 1068 </div> 1069 <div class="card"> 1070 <div class="title">Evolución<br />constante !</div> 1071 <div class="text"> 1072 Ampliación de lecturas, recursos y funcionalidades de la 1073 plataforma. Estarás siempre al dÃa a través de nuestra 1074 newsletter y nuestro blog.! 1075 </div> 1076 </div> 1077 </div> 1078 </div> 1079 </div> 1080 1081 <!-- END QUE TE OFRECE TA-TUM --> 1082 1083 <!-- EXPERIENCIAS DE APRENDIZAJE --> 1084 <div class="experiencias"> 1085 <div class="experiencias__title"> 1086 Experiencias de aprendizaje personalizadas! 1087 </div> 1088 <div class="experiencias__list two"> 1089 <div class="list-item"> 1090 <div class="image"> 1091 <img src="assets/img/wheel_01.png" alt="" /> 1092 </div> 1093 <div class="text-wrapper"> 1094 <div class="title">Genera tus propios casos!</div> 1095 <div class="text"> 1096 Crea casos nuevos, o edita los ya existentes, y asÃgnalos a 1097 una clase! 1098 </div> 1099 </div> 1100 </div> 1101 1102 <div class="list-item"> 1103 <div class="image"> 1104 <img src="assets/img/wheel_02.png" alt="" /> 1105 </div> 1106 <div class="text-wrapper"> 1107 <div class="title"> 1108 Modifica, crea y programa actividades! 1109 </div> 1110 <div class="text"> 1111 Toda la plataforma es editable para personalizar tus 1112 experiencias de aprendizaje! 1113 </div> 1114 </div> 1115 </div> 1116 1117 <div class="list-item"> 1118 <div class="image"> 1119 <img src="assets/img/wheel_03.png" alt="" /> 1120 </div> 1121 <div class="text-wrapper"> 1122 <div class="title">Adapta los niveles!</div> 1123 <div class="text"> 1124 Adecúa el nivel de lectura, los objetivos y el vocabulario a 1125 las necesidades de tu alumnado! 1126 </div> 1127 </div> 1128 </div> 1129 1130 <div class="list-item"> 1131 <div class="image"> 1132 <img src="assets/img/wheel_04.png" alt="" /> 1133 </div> 1134 <div class="text-wrapper"> 1135 <div class="title">Evalúa el progreso!</div> 1136 <div class="text"> 1137 Realiza evaluaciones del progreso de tu clase y dales 1138 feedback! 1139 </div> 1140 </div> 1141 </div> 1142 1143 <div class="list-item"> 1144 <div class="image"> 1145 <img src="assets/img/wheel_05.png" alt="" /> 1146 </div> 1147 <div class="text-wrapper"> 1148 <div class="title">Facilita la accesibilidad!</div> 1149 <div class="text"> 1150 Personaliza el tamaño del texto, el contraste y otros 1151 aspectos! 1152 </div> 1153 </div> 1154 </div> 1155 </div> 1156 </div> 1157 <!-- END EXPERIENCIAS DE APRENDIZAJE --> 1158 1159 <!-- TÃTULOS --> 1160 <div class="titulos"> 1161 <div class="divider"> 1162 <img src="assets/img/divider.png" alt="" /> 1163 </div> 1164 1165 <div class="titulos__title"> 1166 Más de 800 tÃtulos<br /> 1167 para leer sin restricciones! 1168 </div> 1169 1170 <!-- Feature cards --> 1171 <div class="feature-card-list two"> 1172 <div class="feature-card"> 1173 <div class="image"> 1174 <img src="assets/img/icon_04_screens.png" alt="" /> 1175 </div> 1176 <div class="card"> 1177 <div class="title">Multidispositivo!</div> 1178 <div class="text"> 1179 Disfruta de la lectura desde cualquier dispositivo! 1180 </div> 1181 </div> 1182 </div> 1183 1184 <div class="feature-card"> 1185 <div class="image"> 1186 <img src="assets/img/icon_05_chat.png" alt="" /> 1187 </div> 1188 <div class="card"> 1189 <div class="title">Multilingüe!</div> 1190 <div class="text"> 1191 Libros en castellano, catalán, euskera, gallego, valenciano 1192 e inglés! 1193 </div> 1194 </div> 1195 </div> 1196 1197 <div class="feature-card"> 1198 <div class="image"> 1199 <img src="assets/img/icon_06_offline.png" alt="" /> 1200 </div> 1201 <div class="card"> 1202 <div class="title">Sin Internet!</div> 1203 <div class="text"> 1204 Sin necesidad de conectarte a internet para leer! 1205 </div> 1206 </div> 1207 </div> 1208 </div> 1209 </div> 1210 <!-- END TÃTULOS --> 1211 1212 <div class="bottom-background-wrapper"> 1213 <!-- APPS --> 1214 <div class="apps"> 1215 <div class="apps__title"> 1216 Accede a la biblioteca sin conexión! 1217 </div> 1218 <div class="apps__description"> 1219 Descarga la aplicación para poder leer sin necesidad de 1220 conectarte a internet.! 1221 </div> 1222 1223 <div class="apps__buttons"> 1224 <a 1225 href="https://apps.apple.com/es/app/ta-tum/id1231483809?l=es&ls=1" 1226 target="_blank" 1227 ><img src="assets/img/app_01.png" alt="App Store" 1228 /></a> 1229 <a 1230 href="https://play.google.com/store/apps/details?id=com.oc.booklibrary&hl=es" 1231 target="_blank" 1232 ><img src="assets/img/app_02.png" alt="Google Play" 1233 /></a> 1234 <a 1235 href="https://chrome.google.com/webstore/detail/ta-tum/ihefnjlbcpnoapbdllcpoidekghdakce" 1236 target="_blank" 1237 ><img src="assets/img/app_03.png" alt="Chrome Web Store" 1238 /></a> 1239 </div> 1240 1241 <div class="divider"> 1242 <img src="assets/img/divider.png" alt="" /> 1243 </div> 1244 </div> 1245 <!-- END APPS --> 1246 1247 <!-- CONTACTO --> 1248 <div class="contacto" id="welcome/contact"> 1249 <div class="contacto__title"> 1250 ¡Llena tu aula<br />de experiencias lectoras!! 1251 </div> 1252 <div class="contacto__description"> 1253 ¿Quieres ser un detective literario y unirte a la Escuela Avante 1254 para resolver misteriosos casos? ¡El mejor equipo para disfrutar 1255 leyendo!! 1256 </div> 1257 1258 <div class="contacto__form"> 1259 1260 1261 <iframe src="https://formdynamics.edelvives.es/es/ta-tum-info?utm_campaign=Ta-tum info" width="100%" height="1000" id="iframe_tatum_contact_form" class="iframe_contact_form" frameborder="0"></iframe> 1262 1263
1263<script> 1264 if (screen.width < 600) { 1265 1266 const iframe = document.getElementsByClassName("iframe_contact_form"); 1267 1268 iframe[0].style.height="1240px"; 1269 1270 } 1271 </script>
1271 1272 1273 <style> 1274 .contacto__form iframe{ background-color:transparent; } 1275 </style> 1276 1277 </div> 1278 </div> 1279 </div> 1280 1281 <!-- FOOTER --> 1282 <div class="footer"> 1283 <div class="footer__row"> 1284 <div class="footer__left"> 1285 <img 1286 class="footer-logo__img" 1287 src="assets/img/logo_01.png" 1288 alt="ta-tum" 1289 /> 1290 <span class="footer-logo__text">Gamifica la lectura!</span> 1291 </div> 1292 1293 <div class="footer__right"> 1294 <div class="lang-select"> 1295 <div class="lang-select__selected"> 1296 <span class="lang-select__text">Castellano</span> 1297 <img 1298 class="lang-select__button" 1299 src="assets/img/chevron.png" 1300 alt="" 1301 /> 1302 </div> 1303 <div class="lang-select__options"> 1304 <a href="es">Español</a> 1305 <a href="ca">Catalán</a> 1306 <a href="va">Valenciano</a> 1307 <a href="eu">Euskera</a> 1308 <a href="gl">Gallego</a> 1309 <a href="ar">Español</a> 1310 <a href="mx">Español</a> 1311 </div> 1312 </div> 1313 </div> 1314 </div> 1315 1316 <div class="footer__row"> 1317 <div class="footer__left"> 1318 <div class="footer-copyright">© 2024 Edelvives!</div> 1319 <a class="footer-privacy-link privacy" href="javascript:void(0)" 1320 >PolÃtica de privacidad!</a 1321 > 1322 <a class="footer-privacy-link legal" href="javascript:void(0)" 1323 >Aviso legal!</a 1324 > 1325 <a class="footer-privacy-link cookies" href="javascript:void(0)" 1326 >PolÃtica de cookies!</a 1327 > 1328 <a 1329 class="footer-privacy-link group" 1330 href="https://www.edelvives.com/es/index" 1331 target="_blank" 1332 >Grupo Edelvives!</a 1333 > 1334 </div> 1335 1336 <div class="footer__right"> 1337 <a 1338 class="footer-mail-link" 1339 href="mailto:[email protected]" 1340 >[email protected]</a 1341 > 1342 </div> 1343 </div> 1344 </div> 1345 <!-- END FOOTER --> 1346 </div> 1347 <!-- END MAIN CONTENT --> 1348 1349 <!-- COOKIE-MSG --> 1350 <!-- 1351 <div class="cookie-warning" id="cookie"> 1352 <div class="cookie-warning__wrapper"> 1353 <div class="cookie_warning__left"> 1354 <div class="cookie-warning__text"> 1355 Utilizamos cookies para optimizar nuestro sitio web y nuestro servicio. <a class="footer-cookie-policy" href="javascript:void(0)">PolÃtica de cookies</a>! 1356 </div> 1357 </div> 1358 <div class="cookie_warning__right"> 1359 <div class="cookie-warning__button orange">Aceptar todo!</div> 1360 </div> 1361 </div> 1362 </div> 1363 --> 1364 </div> 1365 <!-- END LANDIG --> 1366 1367 <!-- PARALAX --> 1368 <div class="paralax-container-login"> 1369 <ul id="scene_paralax"> 1370 <li class="layer item_0" data-depth="0.40"> 1371 <img src="css/img/luz_0000_Capa-15.png" /> 1372 </li> 1373 <li class="layer item_a" data-depth="0.10"> 1374 <img src="css/img/log_0002_izq_sup_arbol.png" /> 1375 </li> 1376 <li class="layer item_b" data-depth="0.10"> 1377 <img src="css/img/log_0006_sup_der_sky.png" /> 1378 </li> 1379 <li class="layer item_c" data-depth="0.30"> 1380 <img src="css/img/log_0003_der_sup_elementos.png" /> 1381 </li> 1382 <li class="layer item_d" data-depth="0.20"> 1383 <img src="css/img/log_0004_izq_inf_elementos.png" /> 1384 </li> 1385 </ul> 1386 <img src="css/img/log_0000_ALICIA.png" class="per_alicia" /> 1387 <img src="css/img/log_0001_Ernest.png" class="per_ernesto" /> 1388 </div> 1389 <!-- END PARALAX LOGIN --> 1390 1391 <!-- SECTION-LOGIN --> 1392 <div class="d-module m-login d-card"> 1393 <div class="d-header-logo-link"></div> 1394 <div class="d-header-logo-2"></div> 1395 <div class="d-content content"> 1396 <!-- STEP-0 --> 1397 <div class="container step step-0"> 1398 <form class="d-form"> 1399 <div class="row label-iniciar-sesion"> 1400 <div class="col s12 left-align d-label-iniciar"></div> 1401 </div> 1402 <!-- USERNAME --> 1403 <div class="row"> 1404 <div class="input-field col s12">
1405 <span class="ico-input user"></span> 1406 <input 1407 id="d-login-username" 1408 type="text" 1409 class="username validate" 1410 required="required" 1411 pattern=".{2,100}" 1412 placeholder="" 1413 autocomplete="off" 1414 readonly 1415 onclick="this.removeAttribute('readonly');" 1416 /> 1417 <label for="d-login-username" data-error=""></label> 1418 </div> 1419 </div> 1420 <!-- CLAVE --> 1421 <div class="row"> 1422 <div class="input-field col s12"> 1423 <div 1424 class="btn btn-bitmap btn-remember-password" 1425 title="" 1426 ></div> 1427 <span class="ico-input pass"></span> 1428 <input 1429 id="d-login-password" 1430 type="password" 1431 class="validate" 1432 required="required" 1433 placeholder="" 1434 autocomplete="new-password" 1435 /> 1436 <label for="d-login-password" data-error="Requerido"></label> 1437 </div> 1438 </div> 1439 <!-- BT-INICIAR --> 1440 <div class="row"> 1441 <div class="col s12"> 1442 <a 1443 href="javascript:void(0);" 1444 class="btn d-btn-golden-big login btn-submit" 1445 ></a> 1446 </div> 1447 </div> 1448 </form> 1449 1450 <!-- SEPARADOR --> 1451 <div class="divider"></div> 1452 1453 <div class="sso-container"> 1454 <!-- BT-INICIAR-CON-GOOGLE --> 1455 <div class="section row bt-google" id="bt-google-sso-login"></div> 1456 1457 <!-- BT-INICIAR-CON-Microsoft --> 1458 <div 1459 class="section row bt-microsoft standard-bisel-shadow-1" 1460 id="bt-microsoft-sso-login" 1461 > 1462 <div class="logo left"></div> 1463 <div class="text">Microsoft</div> 1464 </div> 1465 </div> 1466 <!-- SEPARADOR --> 1467 <!-- 1468 <div class="divider"></div> 1469 1470 1471 <div class="oraculo-sso-container"> 1472 <div 1473 class="section row bt-oraculo standard-bisel-shadow-1" 1474 id="bt-oraculo-sso-login" 1475 > 1476 <div class="logo left"></div> 1477 <div class="text">Iniciar sesión con Polp Edelvives</div> 1478 </div> 1479 </div> 1480 --> 1481 <div style="display: none"> 1482 <div id="oraculo-sso"></div> 1483 </div> 1484 1485 <!-- CREAR-CUENTA --> 1486 <div class="section d-registro row"> 1487 <div class="col s12"></div> 1488 </div> 1489 </div> 1490 <!-- END STEP-0 --> 1491 <!-- STEP-1 --> 1492 <div class="container step step-1"> 1493 <div class="row title-selector"> 1494 <div class="col s12 left-align d-label-iniciar"> 1495 <h3>¡Bienvenido <span>Micheloud</span>!</h3> 1496 <p> 1497 Tienes más de un perfil en la plataforma, elige cuál deseas 1498 utilizar. 1499 </p> 1500 </div> 1501 </div> 1502 <div class="row item-selector"> 1503 <a href="javascript:void(0);" class="btn d-btn-golden-big student" 1504 >Docente</a 1505 > 1506 <a href="javascript:void(0);" class="btn d-btn-golden-big parent" 1507 >Padre / Tutor</a 1508 > 1509 <a href="javascript:void(0);" class="btn d-btn-golden-big teacher" 1510 >Profesor</a 1511 > 1512 <a 1513 href="javascript:void(0);" 1514 class="btn d-btn-golden-big school-admin disabled" 1515 >Administrador de colegio</a 1516 > 1517 </div> 1518 </div> 1519 <!-- END STEP-1 --> 1520 </div> 1521 </div> 1522 <!-- END SECTION-LOGIN --> 1523 1524 <!-- SECTION-REGISTER --> 1525 <div class="d-module m-register d-card"> 1526 <div class="d-header-logo-link"></div> 1527 <div class="d-header-logo-2"></div> 1528 <div class="d-content content"> 1529 <!-- HEADER --> 1530 <div class="header"></div> 1531 <!-- END HEADER --> 1532 1533 <!-- STEPS-FOR-REGISTER --> 1534 1535 <!-- SELECT-PROFILE --> 1536 <div class="steps step-0"> 1537 <div class="row d-options"> 1538 <div class="col s12 sub-title standard-text-shadow-2"></div> 1539 </div> 1540 <div class="row d-options"> 1541 <form> 1542 <input 1543 id="d-license-code" 1544 type="text" 1545 class="validate" 1546 maxlength="90" 1547 required="required" 1548 placeholder="Código de licencia" 1549 autocomplete="off" 1550 /> 1551 </form> 1552 <a 1553 href="javascript:void(0);" 1554 id="btnCheckLicense" 1555 class="btn d-btn-golden-big" 1556 ></a> 1557 </div> 1558 <div class="divider"></div> 1559 <div class="row"> 1560 <a href="#login" class="d-register-footer-login"></a> 1561 </div> 1562 </div> 1563 <!-- END SELECT-PROFILE --> 1564
1565 <!-- REGISTER-SSO --> 1566 <div class="steps sso"> 1567 <div class="row d-options"> 1568 <div class="col s12 sub-title">¿ERES UN USUARIO NUEVO?</div> 1569 <div class="tx-google-sso"> 1570 <span></span> 1571 </div> 1572 </div> 1573 <div class="row d-options"> 1574 <div class="confirm-message">Confirmar y crear cuenta:!</div> 1575 <a 1576 href="javascript:void(0);" 1577 class="btn d-btn-golden-big bt-teacher" 1578 >Docente!</a 1579 > 1580 <a 1581 href="javascript:void(0);" 1582 class="btn d-btn-golden-big bt-student" 1583 >Alumno!</a 1584 > 1585 </div> 1586 <div class="divider"></div> 1587 <div class="row message">Si deseas conectar...!</div> 1588 <div class="row"> 1589 <a href="#login" class="d-register-sso-back">Volver!</a> 1590 </div> 1591 </div> 1592 <!-- END REGISTER-SSO --> 1593 1594 <!-- STUDENT --> 1595 <div class="steps step-student"> 1596 <div class="row"> 1597 <div class="col s12 sub-title">Soy alumno</div> 1598 </div> 1599 <div class="row"> 1600 <form 1601 class="d-form student" 1602 id="form-register-student" 1603 name="form-register-student" 1604 > 1605 <!-- NAME --> 1606 <div class="row"> 1607 <div class="input-field col s12"> 1608 <input 1609 id="d-student-username" 1610 type="text" 1611 class="email validate" 1612 maxlength="90" 1613 required="required" 1614 pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" 1615 placeholder="Nombre de usuario" 1616 autocomplete="off" 1617 /> 1618 <label 1619 for="d-student-username" 1620 data-error="Escribe tu nombre de usuario" 1621 ></label> 1622 <div class="username-status"> 1623 <a 1624 class="tooltipped" 1625 data-position="left" 1626 data-delay="50" 1627 title="Nombre de usuario está en uso" 1628 ><i class="material-icons not-ok">error_outline</i></a 1629 > 1630 <a 1631 class="tooltipped" 1632 data-position="left" 1633 data-delay="50" 1634 title="El nombre de usuario está disponible" 1635 ><i class="material-icons ok">done</i></a 1636 > 1637 <div class="preloader-wrapper small preloader"> 1638 <div class="spinner-layer spinner-blue-only"> 1639 <div class="circle-clipper left"> 1640 <div class="circle"></div> 1641 </div> 1642 <div class="gap-patch"> 1643 <div class="circle"></div> 1644 </div> 1645 <div class="circle-clipper right"> 1646 <div class="circle"></div> 1647 </div> 1648 </div> 1649 </div> 1650 </div> 1651 </div> 1652 </div> 1653 <!-- AGE --> 1654 <div class="row" style="position: absolute; top: -10000px"> 1655 <div class="input-field select col s12 select_sr"> 1656 <select id="d-student-age" required="required"> 1657 <option value="" class="default-label"> 1658 Indica tu edad 1659 </option> 1660 <option value="1" selected="selected">1</option> 1661 <option value="2">2</option> 1662 <option value="3">3</option> 1663 <option value="4">4</option> 1664 <option value="5">5</option> 1665 <option value="6">6</option> 1666 <option value="7">7</option> 1667 <option value="8">8</option> 1668 <option value="9">9</option> 1669 <option value="10">10</option> 1670 <option value="11">11</option> 1671 <option value="12">12</option> 1672 <option value="13">13</option> 1673 <option value="14">14</option> 1674 <option value="15">15</option> 1675 <option value="16">16</option> 1676 <option value="17">17</option> 1677 <option value="18">18 o más</option> 1678 </select> 1679 </div> 1680 </div> 1681 <!-- PASSWORD --> 1682 <div class="row"> 1683 <div class="input-field col s12"> 1684 <input 1685 id="d-student-password" 1686 type="password" 1687 class="password validate" 1688 required="required" 1689 pattern=".{5,20}" 1690 placeholder="Contraseña" 1691 autocomplete="off" 1692 title="La clave debe tener al menos 5 caracteres" 1693 /> 1694 <label 1695 for="d-student-password" 1696 data-error="La clave debe tener al menos 5 caracteres" 1697 ></label> 1698 <div class="check-status"><div class="d-icon"></div></div> 1699 </div> 1700 </div> 1701 1702 <!-- SUBMIT --> 1703 <div class="row"> 1704 <div 1705 class="waves-effect waves-light btn left col s12 btn-submit disabled" 1706 > 1707 Crear cuenta 1708 </div> 1709 </div> 1710 <!-- AVISO LEGAL --> 1711 <div class="row d-conditions"> 1712 <div class="col s12"> 1713 <input 1714 id="d-student-conditions" 1715 type="checkbox" 1716 class="filled-in" 1717 required="required" 1718 /> 1719 <label for="d-student-conditions" 1720 >Acepto el 1721 <a href="javascript:void(0);" class="bt-aviso-legal" 1722 >Aviso legal y Política de privacidad</a 1723 ></label 1724 > 1725 </div> 1726 </div> 1727 1728 <div class="sso-container"> 1729 <!-- Google --> 1730 <div 1731 class="section row bt-google standard-bisel-shadow-1" 1732 id="bt-google-sso-register-student" 1733 > 1734 <div class="logo left"></div> 1735 <div class="text">Google</div> 1736 </div> 1737 1738 <!-- Microsoft --> 1739 <div 1740 class="section row bt-microsoft standard-bisel-shadow-1" 1741 id="bt-microsoft-sso-register-student" 1742 > 1743 <div class="logo left"></div> 1744 <div class="text">Microsoft</div> 1745 </div> 1746 </div> 1747 </form> 1748 </div> 1749 </div> 1750 <!-- END STUDENT --> 1751 1752 <!-- PARENT --> 1753 <div class="steps step-parent"> 1754 <div class="row"> 1755 <div class="col s12 sub-title">Soy padre o tutor</div> 1756 </div> 1757 <div class="row"> 1758 <form class="d-form parent"> 1759 <!-- NAME --> 1760 <div class="row"> 1761 <div class="input-field col s12"> 1762 <input 1763 id="d-parent-name" 1764 type="text" 1765 class="name validate" 1766 required="required" 1767 pattern=".{2,30}" 1768 placeholder="Nombre" 1769 /> 1770 <label
1771 for="d-parent-name" 1772 data-error="Escribe tu nombre" 1773 ></label> 1774 </div> 1775 </div> 1776 <!-- LASTNAME --> 1777 <div class="row"> 1778 <div class="input-field col s12"> 1779 <input 1780 id="d-parent-lastname" 1781 type="text" 1782 class="surname validate" 1783 required="required" 1784 pattern=".{2,30}" 1785 placeholder="Apellidos" 1786 /> 1787 <label 1788 for="d-parent-lastname" 1789 data-error="Escribe tus apellidos" 1790 ></label> 1791 </div> 1792 </div> 1793 <!-- EMAIL --> 1794 <div class="row"> 1795 <div class="input-field col s12"> 1796 <input 1797 id="d-parent-username" 1798 type="text" 1799 class="email validate" 1800 required="required" 1801 pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" 1802 placeholder="Correo electrónico" 1803 /> 1804 <label 1805 for="d-parent-username" 1806 data-error="Escribe tu correo electrónico" 1807 ></label> 1808 <div class="username-status"> 1809 <a 1810 class="tooltipped" 1811 data-position="left" 1812 data-delay="50" 1813 data-tooltip="El correo electrónico está en uso" 1814 ><i class="material-icons not-ok">error_outline</i></a 1815 > 1816 <a 1817 class="tooltipped" 1818 data-position="left" 1819 data-delay="50" 1820 data-tooltip="El correo electrónico está disponible" 1821 ><i class="material-icons ok">done</i></a 1822 > 1823 <div class="preloader-wrapper small preloader"> 1824 <div class="spinner-layer spinner-blue-only"> 1825 <div class="circle-clipper left"> 1826 <div class="circle"></div> 1827 </div> 1828 <div class="gap-patch"> 1829 <div class="circle"></div> 1830 </div> 1831 <div class="circle-clipper right"> 1832 <div class="circle"></div> 1833 </div> 1834 </div> 1835 </div> 1836 </div> 1837 </div> 1838 </div> 1839 <!-- PASSWORD --> 1840 <div class="row"> 1841 <div class="input-field col s12"> 1842 <input 1843 id="d-parent-password" 1844 type="password" 1845 class="password validate" 1846 required="required" 1847 pattern=".{5,20}" 1848 placeholder="Contraseña" 1849 /> 1850 <label 1851 for="d-parent-password" 1852 data-error="Requerido" 1853 ></label> 1854 </div> 1855 </div> 1856 <!-- SUBMIT --> 1857 <div class="row"> 1858 <div 1859 class="waves-effect waves-light btn left col s12 btn-submit disabled" 1860 > 1861 Crear cuenta 1862 </div> 1863 </div> 1864 <!-- AVISO LEGAL --> 1865 <div class="row d-conditions"> 1866 <div class="col s12"> 1867 <input 1868 id="d-parent-conditions" 1869 type="checkbox" 1870 class="filled-in" 1871 checked="checked" 1872 required="required" 1873 />
1874 <label for="d-parent-conditions" 1875 >Acepto el 1876 <a href="javascript:void(0);" class="bt-aviso-legal" 1877 >Aviso legal y Política de privacidad</a 1878 ></label 1879 > 1880 </div> 1881 </div> 1882 </form> 1883 </div> 1884 </div> 1885 <!-- END PARENT --> 1886 1887 <!-- TEACHER --> 1888 <div class="steps step-teacher"> 1889 <div class="row"> 1890 <div class="col s12 sub-title"></div> 1891 </div> 1892 <div class="row"> 1893 <form class="d-form teacher"> 1894 <!-- CODE --> 1895 1896 <div class="row"> 1897 <div class="input-field col s12"> 1898 <!-- <div class="d-tooltip-code"><span></span></div> --> 1899 <input 1900 id="d-code-license" 1901 type="text" 1902 class="validate" 1903 pattern=".{3,20}" 1904 placeholder="" 1905 value="" 1906 readonly 1907 autocomplete="off" 1908 /> 1909 <label for="d-code-license" data-error="Requerido"></label> 1910 <div class="check-status"><div class="d-icon"></div></div> 1911 </div> 1912 </div> 1913 1914 <!-- TRATAMIENTO --> 1915 <!-- 1916 1917 <div class="row"> 1918 <div 1919 class="input-field select without-label col s12 select_sr" 1920 > 1921 <select id="d-teacher-treatment"> 1922 <option value="mr"></option> 1923 <option value="mrs"></option> 1924 </select> 1925 </div> 1926 </div> 1927 --> 1928 <!-- NAME --> 1929 <div class="row"> 1930 <div class="input-field col s12"> 1931 <input 1932 id="d-teacher-name" 1933 type="text" 1934 class="name validate" 1935 required="required" 1936 pattern=".{2,30}" 1937 placeholder="" 1938 /> 1939 <label 1940 for="d-teacher-name" 1941 data-error="Escribe tu nombre" 1942 ></label> 1943 <div class="check-status"><div class="d-icon"></div></div> 1944 </div> 1945 </div> 1946 <!-- LASTNAME --> 1947 <div class="row"> 1948 <div class="input-field col s12"> 1949 <input 1950 id="d-teacher-lastname" 1951 type="text" 1952 class="surname validate" 1953 required="required" 1954 pattern=".{2,30}" 1955 placeholder="" 1956 /> 1957 <label 1958 for="d-teacher-lastname" 1959 data-error="Escribe tus apellidos" 1960 ></label> 1961 <div class="check-status"><div class="d-icon"></div></div> 1962 </div> 1963 </div> 1964 <!-- EMAIL --> 1965 <div class="row"> 1966 <div class="input-field col s12"> 1967 <input 1968 id="d-teacher-username" 1969 type="text" 1970 class="email validate" 1971 required="required" 1972 pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" 1973 placeholder="" 1974 autocomplete="off" 1975 readonly 1976 onclick="this.removeAttribute('readonly');" 1977 /> 1978 <label 1979 for="d-teacher-username" 1980 data-error="Escribe tu correo electrónico" 1981 ></label> 1982 <div class="username-status"> 1983 <a 1984 class="tooltipped" 1985 data-position="left" 1986 data-delay="50" 1987 title="" 1988 ><i class="material-icons not-ok">error_outline</i></a 1989 > 1990 <a 1991 class="tooltipped" 1992 data-position="left" 1993 data-delay="50" 1994 title="" 1995 ><i class="material-icons ok">done</i></a 1996 > 1997 <div class="preloader-wrapper small preloader"> 1998 <div class="spinner-layer spinner-blue-only"> 1999 <div class="circle-clipper left"> 2000 <div class="circle"></div> 2001 </div> 2002 <div class="gap-patch"> 2003 <div class="circle"></div> 2004 </div> 2005 <div class="circle-clipper right"> 2006 <div class="circle"></div> 2007 </div> 2008 </div> 2009 </div> 2010 </div> 2011 </div> 2012 </div> 2013 <!-- CONFIRM EMAIL --> 2014 <div class="row"> 2015 <div class="input-field col s12"> 2016 <input 2017 id="d-teacher-username-confirm" 2018 type="text" 2019 class="email validate" 2020 required="required" 2021 pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" 2022 placeholder="" 2023 autocomplete="off" 2024 readonly 2025 onclick="this.removeAttribute('readonly');" 2026 /> 2027 <label 2028 for="d-teacher-username-confirm" 2029 data-error="Requerido" 2030 ></label> 2031 <div class="check-status"><div class="d-icon"></div></div> 2032 </div> 2033 </div> 2034 <!-- PASSWORD --> 2035 <div class="row"> 2036 <div class="input-field col s12"> 2037 <input 2038 id="d-teacher-password" 2039 type="password" 2040 class="password validate" 2041 required="required" 2042 pattern=".{5,20}" 2043 placeholder="" 2044 title="La clave debe tener al menos 5 caracteres" 2045 /> 2046 <label 2047 for="d-teacher-password" 2048 data-error="Requerido" 2049 ></label> 2050 <div class="check-status"><div class="d-icon"></div></div> 2051 </div> 2052 </div> 2053 2054 <!-- AVISO LEGAL --> 2055 <div class="row d-conditions"> 2056 <div class="col s12"> 2057 <input 2058 id="d-teacher-conditions" 2059 type="checkbox" 2060 class="filled-in" 2061 required="required" 2062 /> 2063 <label for="d-teacher-conditions"></label> 2064 </div> 2065 </div> 2066 <!-- SUBMIT --> 2067 <div class="row"> 2068 <div 2069 class="waves-effect waves-light btn left col s12 btn-submit disabled" 2070 ></div> 2071 </div> 2072 </form> 2073 </div> 2074 2075 <div class="sso-container"> 2076 <!-- Google --> 2077 <div 2078 class="section row bt-google standard-bisel-shadow-1" 2079 id="bt-google-sso-register-teacher" 2080 > 2081 <div class="logo left"></div> 2082 <div class="text">Google</div> 2083 </div> 2084 2085 <!-- Microsoft --> 2086 <div 2087 class="section row bt-microsoft standard-bisel-shadow-1" 2088 id="bt-microsoft-sso-register-teacher" 2089 > 2090 <div class="logo left"></div> 2091 <div class="text">Microsoft</div> 2092 </div> 2093 </div> 2094 </div> 2095 <!-- END TEACHER --> 2096 2097 <!-- ADMINISTRADOR --> 2098 <div class="steps step-admin"> 2099 <div class="row"> 2100 <div class="col s12 sub-title"> 2101 Soy administrador de un colegio 2102 </div> 2103 </div> 2104 <div class="row"> 2105 <form class="d-form admin"> 2106 <!-- TRATAMIENTO --> 2107 <div class="row"> 2108 <div 2109 class="input-field select without-label col s12 select_sr" 2110 > 2111 <select id="d-admin-treatment"> 2112 <option value="mr">Sr.</option> 2113 <option value="mrs">Sra.</option> 2114 <option value="miss">Srta.</option> 2115 <option value="madam">Señora</option> 2116 <option value="mister">Señor</option> 2117 <option value="dr">Dr.</option> 2118 <option value="teacher">
2118Prof.</option> 2119 <option value="">Otro</option> 2120 </select> 2121 </div> 2122 </div> 2123 <!-- NAME --> 2124 <div class="row"> 2125 <div class="input-field col s12"> 2126 <input 2127 id="d-admin-name" 2128 type="text" 2129 class="name validate" 2130 required="required" 2131 pattern=".{2,30}" 2132 placeholder="Nombre" 2133 /> 2134 <label 2135 for="d-admin-name" 2136 data-error="Escribe tu nombre" 2137 ></label> 2138 </div> 2139 </div> 2140 <!-- LASTNAME --> 2141 <div class="row"> 2142 <div class="input-field col s12"> 2143 <input 2144 id="d-admin-lastname" 2145 type="text" 2146 class="surname validate" 2147 required="required" 2148 pattern=".{2,30}" 2149 placeholder="Apellidos" 2150 /> 2151 <label 2152 for="d-admin-lastname" 2153 data-error="Escribe tus apellidos" 2154 ></label> 2155 </div> 2156 </div> 2157 <!-- EMAIL --> 2158 <div class="row"> 2159 <div class="input-field col s12"> 2160 <input 2161 id="d-admin-username" 2162 type="text" 2163 class="email validate" 2164 required="required" 2165 pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" 2166 placeholder="Correo electrónico" 2167 /> 2168 <label 2169 for="d-admin-username" 2170 data-error="Escribe tu correo electrónico" 2171 ></label> 2172 <div class="username-status"> 2173 <a 2174 class="tooltipped" 2175 data-position="left" 2176 data-delay="50" 2177 data-tooltip="El correo electrónico está en uso" 2178 ><i class="material-icons not-ok">error_outline</i></a 2179 > 2180 <a 2181 class="tooltipped" 2182 data-position="left" 2183 data-delay="50" 2184 data-tooltip="El correo electrónico está disponible" 2185 ><i class="material-icons ok">done</i></a 2186 > 2187 <div class="preloader-wrapper small preloader"> 2188 <div class="spinner-layer spinner-blue-only"> 2189 <div class="circle-clipper left"> 2190 <div class="circle"></div> 2191 </div> 2192 <div class="gap-patch"> 2193 <div class="circle"></div> 2194 </div> 2195 <div class="circle-clipper right"> 2196 <div class="circle"></div> 2197 </div> 2198 </div> 2199 </div> 2200 </div> 2201 </div> 2202 </div> 2203 <!-- PASSWORD --> 2204 <div class="row"> 2205 <div class="input-field col s12"> 2206 <input 2207 id="d-admin-password" 2208 type="password" 2209 class="password validate" 2210 required="required" 2211 pattern=".{5,20}" 2212 placeholder="Contraseña" 2213 /> 2214 <label 2215 for="d-admin-password" 2216 data-error="Requerido" 2217 ></label> 2218 </div> 2219 </div> 2220 <!-- TIPO-1 --> 2221 <div class="row"> 2222 <div 2223 class="input-field select without-label col s12 select_sr" 2224 > 2225 <select id="d-admin-type"> 2226 <option value="teacher">Profesor</option> 2227 <option value="director">Directivo</option> 2228 <option value="other">Otro personal</option> 2229 </select> 2230 </div> 2231 </div> 2232 <!-- TIPO-1 --> 2233 <div class="row"> 2234 <div 2235 class="input-field select without-label col s12 select_sr" 2236 > 2237 <select id="d-admin-sub-type"> 2238 <option value="director">Director</option> 2239 <option value="assistant-director"> 2240 Asistente de director 2241 </option> 2242 <option value="leader">Otro lÃder de la escuela</option> 2243 </select> 2244 </div> 2245 </div> 2246 <!-- SUBMIT --> 2247 <div class="row"> 2248 <div 2249 class="waves-effect waves-light btn left col s12 btn-submit disabled" 2250 > 2251 Crear cuenta 2252 </div> 2253 </div> 2254 <!-- AVISO LEGAL --> 2255 <div class="row d-conditions"> 2256 <div class="col s12"> 2257 <input 2258 id="d-admin-conditions" 2259 type="checkbox" 2260 class="filled-in" 2261 checked="checked" 2262 required="required" 2263 /> 2264 <label for="d-admin-conditions" 2265 >Acepto el 2266 <a href="javascript:void(0);" class="bt-aviso-legal" 2267 >Aviso legal y Política de privacidad</a 2268 ></label 2269 > 2270 </div> 2271 </div> 2272 </form> 2273 </div> 2274 </div> 2275 <!-- END ADMINISTRADOR --> 2276 2277 <!-- STUDENT-SUCCESSFUL --> 2278 <div class="steps step-student-successful"> 2279 <div class="row"> 2280 <div class="col s12 sub-title">¡Enhorabuena!</div> 2281 </div> 2282 <div class="row"> 2283 <div class="row"> 2284 <div class="col s12 username">Ketchum</div> 2285 </div> 2286 <div class="row"> 2287 <div class="col s12 message"> 2288 ¡Anota tu nombre de usuario porque lo necesitarás para 2289 ingresar más adelante! 2290 </div> 2291 </div> 2292 <!-- SUBMIT --> 2293 <div class="row"> 2294 <div 2295 class="waves-effect waves-light btn left col s12 btn-submit" 2296 > 2297 Continuar 2298 </div> 2299 </div> 2300 </div> 2301 </div> 2302 <!-- END STUDENT-SUCCESSFUL --> 2303 2304 <!-- PARENT-SUCCESSFUL --> 2305 <div class="steps step-parent-successful"> 2306 <div class="row"> 2307 <div class="col s12 sub-title">¡Bienvenido!</div> 2308 </div> 2309 <div class="row"> 2310 <div class="col s12"> 2311 <form class="d-form"> 2312 <div class="row"> 2313 <div class="col s12 message"> 2314 Para conectar con tus hijos y sus clases, necesitarás una 2315 invitación del profesor con el código parental. 2316 </div> 2317 </div> 2318 <!-- PARENTAL-CODE --> 2319 <div class="row"> 2320 <div class="col s12 title"> 2321 <div class="input-field col s12"> 2322 <input 2323 id="d-parent-code" 2324 type="text" 2325 class="code validate" 2326 required="required" 2327 maxlength="32" 2328 pattern="[A-Za-z0-9.@]{2,32}" 2329 placeholder="Introduce el código parental" 2330 /> 2331 <label
2332 for="d-parent-code" 2333 data-error="Escribe el código parental" 2334 ></label> 2335 </div> 2336 </div> 2337 </div> 2338 <!-- END PARENTAL-CODE --> 2339 <!-- CONTINUE/SUBMIT --> 2340 <div class="row"> 2341 <div 2342 class="waves-effect waves-light left col s5 btn-continue link simple" 2343 > 2344 No tengo código 2345 </div> 2346 <div class="col s2"></div> 2347 <div 2348 class="waves-effect waves-light btn left col s5 btn-submit disabled" 2349 > 2350 Continuar 2351 </div> 2352 </div> 2353 </form> 2354 </div> 2355 </div> 2356 </div> 2357 <!-- END PARENT-SUCCESSFUL --> 2358 2359 <!-- END STEPS-FOR-REGISTER --> 2360 2361 <!-- FOOTER --> 2362 <div class="footer"> 2363 <div class="row"> 2364 <div class="col s12 left"> 2365 <div class="waves-effect bt-back btn d-back-arrow-btn"> 2366 Volver 2367 </div> 2368 </div> 2369 </div> 2370 </div> 2371 <!-- END FOOTER --> 2372 </div> 2373 </div> 2374 <!-- END SECTION-REGISTER --> 2375 2376 <!-- HOME --> 2377 <div class="d-module m-home header-retracted header-fixed"> 2378 <div style="width: 100px; height: 50px; background: red"></div> 2379 </div> 2380 <!-- END HOME --> 2381 </main> 2382 <!-- END MAIN --> 2383 2384 <!-- CONTACT - Modal Structure --> 2385 <div id="modal-form-contact" class="modal modal-fixed-footer"> 2386 <div class="modal-content"> 2387 <h4>Contacto</h4> 2388 <div class="row"> 2389 <div class="section"> 2390 (+34) 91 358 56 40 - (+34) 902 125 425<br /> 2391 Map C/ Valportillo Segunda, 3 Oficina 3<br /> 2392 España, 28108 Alcobendas (Madrid)<br /> 2393 <a href="#">[email protected]</a> 2394 </div> 2395 <form class="col s12"> 2396 <div class="row"> 2397 <div class="input-field col s12"> 2398 <input 2399 id="first_name" 2400 type="text" 2401 class="validate" 2402 required 2403 pattern="[A-Za-z]{2,32}" 2404 maxlength="32" 2405 /> 2406 <label for="first_name" data-error="Requerido">Nombre</label> 2407 </div> 2408 <div class="input-field col s12"> 2409 <textarea 2410 id="textarea1" 2411 class="materialize-textarea" 2412 ></textarea> 2413 <label for="textarea1">Mensaje</label> 2414 </div> 2415 </div> 2416 </form> 2417 </div> 2418 </div> 2419 <div class="modal-footer"> 2420 <a 2421 href="javascript:void(0);" 2422 class="modal-action waves-effect btn btn-save blue" 2423 >Enviar</a 2424 > 2425 <a 2426 href="javascript:void(0);" 2427 class="modal-action modal-close waves-effect btn-flat" 2428 >Volver</a 2429 > 2430 </div> 2431 </div> 2432 <!-- END CONTACT - Modal Structure --> 2433 2434 <!-- UNBOARDING --> 2435 <div class="unboarding"></div> 2436 <!-- END UNBOARDING --> 2437 2438 <!-- DATE-TIME-SELECTOR --> 2439 <div class="date-time-selector"></div> 2440 <!-- END DATE-TIME-SELECTOR --> 2441 2442 <!-- AVATAR-SELECTOR --> 2443 <div class="avatar-selector"></div> 2444 <!-- END AVATAR-SELECTOR --> 2445 2446 <!-- POLP-REGISTER --> 2447 <div class="polp-register"></div> 2448 <!-- END POLP-REGISTER --> 2449 2450 <!-- AVATAR-PROJECT-SELECTOR --> 2451 <div class="avatar-project-selector"></div> 2452 <!-- END AVATAR-PROJECT-SELECTOR --> 2453 2454 <!-- header-image-editor --> 2455 <div class="header-image-editor"></div> 2456 <!-- END header-image-editor --> 2457 2458 <!-- header-theme-selector --> 2459 <div class="header-theme-selector"></div> 2460 <!-- END header-theme-selector --> 2461 2462 <!-- CROMO-SELECTOR --> 2463 <div class="cromo-selector"></div> 2464 <!-- END CROMO-SELECTOR --> 2465 2466 <!-- CROMO-VIEWER --> 2467 <div class="cromo-viewer"></div> 2468 <!-- END CROMO-VIEWER --> 2469 2470 <!-- CUSTOM BAR --> 2471 <div class="d-custom-bar"></div> 2472 <!-- END CUSTOM BAR --> 2473 2474 <!-- MODAL-CONTAINER --> 2475 <div id="modal-container"> 2476 <div class="block_bg"></div> 2477 2478 <!-- CONFIRM CANCELAR/ACEPTAR--> 2479 <div id="modal-confirm" class="dialog-generic"> 2480 <div class="modal-content wrap-dialog-popup"> 2481 <h4 class="title-dialog-popup">Titulo de popup</h4> 2482 <p> 2483 Este es el texto para el popup de solicitud de confirmacion?<br />Sino, 2484 cancelar? 2485 </p> 2486 <nav> 2487 <button class="acept-generic-popup button-classic-orange"> 2488 [CONFIRMAR] 2489 </button> 2490 <button class="cancel-generic-popup button-classic-onlytext"> 2491 [CANCELAR] 2492 </button> 2493 </nav> 2494 </div> 2495 </div> 2496 2497 <div id="modal-cookie-confirm" class="dialog-generic"> 2498 <div class="modal-content wrap-dialog-popup"> 2499 <h4 class="title-dialog-popup">Necesario polÃtica de cookies</h4> 2500 <p>...</p> 2501 <nav> 2502 <button class="acept-generic-popup button-classic-orange"> 2503 [CONFIRMAR] 2504 </button> 2505 <button class="cancel-generic-popup button-classic-onlytext"> 2506 [CANCELAR] 2507 </button> 2508 </nav> 2509 </div> 2510 </div> 2511 2512 <!-- MODAL-INFO - Modal Structure --> 2513 <div id="modal-info" class="dialog-generic"> 2514 <div class="modal-content wrap-dialog-popup"> 2515 <h4 class="title-dialog-popup">Titulo de popup</h4> 2516 <p> 2517 Este es el texto para el popup de solicitud de confirmacion?<br />Sino, 2518 cancelar? 2519 </p> 2520 <nav> 2521 <button class="acept-generic-popup button-classic-orange"> 2522 Aceptar 2523 </button> 2524 </nav> 2525 </div> 2526 </div> 2527 2528 <!-- MODAL-INFO - Modal Structure --> 2529 <div id="modal-aviso" class="dialog-generic"> 2530 <div class="modal-content wrap-dialog-popup"> 2531 <div id="politica_privacidad"></div> 2532 <div id="aviso_legal"></div> 2533 <div id="politica_cookies"> 2534
2534<script 2535 id="CookieDeclaration" 2536 src="https://consent.cookiebot.com/8c05b400-499e-4e5e-92fd-e4375651b279/cd.js" 2537 type="text/javascript" 2538 async 2539 ></script>
2539 2540 </div> 2541 <nav> 2542 <button class="acept-generic-popup button-classic-orange"> 2543 Aceptar 2544 </button> 2545 </nav> 2546 </div> 2547 </div> 2548 </div> 2549 <!-- END MODAL-CONTAINER --> 2550 2551 <!-- EXERCISE-EDITOR --> 2552 <div id="exercise-editor-container"> 2553 <div class="btn btn-bitmap d-close-btn">X</div> 2554 <iframe src=""></iframe> 2555 </div> 2556 <!-- END EXERCISE-EDITOR --> 2557 2558 <!-- FOOTER-PROJECT --> 2559 <div class="footer project-footer"> 2560 <div class="footer"></div> 2561 </div> 2562 <!-- END FOOTER-PROJECT --> 2563 2564 <div class="cookie" id="cookie" style="display: none"> 2565 <ul> 2566 <li><img src="css/img/alert.png" /></li> 2567 <li><p></p></li> 2568 </ul> 2569 </div> 2570 2571
2571<script src="js/libs/microsoft.authz.js"></script>
2571 2572 </body> 2573</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.