1<!doctype html> 2<html lang="pt-br"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta name="description" content="YourAccess" /> 8 <link 9 rel="icon" 10 href="./resources/assets/icons/cropped-FavIcon2021_1-32x32.png" 11 sizes="32x32" 12 /> 13 <link 14 rel="icon" 15 href="./resources/assets/icons/cropped-FavIcon2021_1-192x192.png" 16 sizes="192x192" 17 /> 18 <link 19 rel="apple-touch-icon" 20 href="./resources/assets/icons/cropped-FavIcon2021_1-180x180.png" 21 /> 22 <link 23 rel="icon" 24 type="image/x-icon" 25 href="./resources/assets/icons/cropped-FavIcon2021_1-32x32.png" 26 /> 27 28 <link 29 rel="stylesheet" 30 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,600,1,0" 31 /> 32 33
33<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
33 34 35 <!-- CSS --> 36 <link rel="stylesheet" href="./resources/assets/styles/main.css" /> 37 <link 38 rel="icon" 39 type="image/x-icon" 40 href="./resources/assets/img/fav.ico" 41 /> 42 43 <!-- Swiper CSS --> 44 <link 45 rel="stylesheet" 46 href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" 47 /> 48 49 <!-- Font Awesome --> 50 <link 51 rel="stylesheet" 52 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" 53 /> 54 55 <!-- Google Fonts --> 56 <link rel="stylesheet" href="https://use.typekit.net/wdt1xcf.css" /> 57 58 <!-- AOS Animation --> 59 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" /> 60
60<script 61 type="text/javascript" 62 async 63 src="https://d335luupugsy2.cloudfront.net/js/loader-scripts/1e7b5fdc-69db-4fda-9c14-dc09f06a972f-loader.js" 64 ></script>
64 65 <!-- Google tag (gtag.js) -->
vendor: 80 bytes, lines 65-68
65 66 <script 67 async 68 src="https://www.googletagmanager.com/gtag/js?id=
68G-FXFSW50X9E
vendor: 21 bytes, lines 68-70
68" 69 ></script> 70
70<script> 71 window.dataLayer = window.dataLayer || [] 72 function gtag() { 73 dataLayer.push(arguments) 74 } 75 gtag('js', new Date()) 76 77 gtag('config', 'G-FXFSW50X9E') 78 </script>
78 79 <!-- Google Tag Manager --> 80
80<script> 81 ;(function (w, d, s, l, i) { 82 w[l] = w[l] || [] 83 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }) 84 var f = d.getElementsByTagName(s)[0], 85 j = d.createElement(s), 86 dl = l != 'dataLayer' ? '&l=' + l : '' 87 j.async = true 88 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl 89 f.parentNode.insertBefore(j, f) 90 })(window, document, 'script', 'dataLayer', 'GTM-MTZZW4F') 91 </script>
91 92 <!-- End Google Tag Manager --> 93 94 <!-- Meta Pixel Code --> 95
95<script> 96 !(function (f, b, e, v, n, t, s) { 97 if (f.fbq) return 98 n = f.fbq = function () { 99 n.callMethod 100 ? n.callMethod.apply(n, arguments) 101 : n.queue.push(arguments) 102 } 103 if (!f._fbq) f._fbq = n 104 n.push = n 105 n.loaded = !0 106 n.version = '2.0' 107 n.queue = [] 108 t = b.createElement(e) 109 t.async = !0 110 t.src = v 111 s = b.getElementsByTagName(e)[0] 112 s.parentNode.insertBefore(t, s) 113 })( 114 window, 115 document, 116 'script', 117 'https://connect.facebook.net/en_US/fbevents.js' 118 ) 119 fbq('init', '1607025757114520') 120 fbq('track', 'PageView') 121 </script>
121 122 <noscript 123 ><img 124 height="1" 125 width="1" 126 style="display: none" 127 src="https://www.facebook.com/tr?id=1607025757114520&ev=PageView&noscript=1" 128 /></noscript> 129 <!-- End Meta Pixel Code --> 130 131 <title>YourAccess</title> 132 133 <style> 134 .swal2-html-container p { 135 font-size: 2rem !important; 136 color: #f26e21; 137 text-align: center !important; 138 } 139 140 /* Customização do SweetAlert para o Tema Changemaker */ 141 div:where(.swal2-container) div:where(.swal2-popup) { 142 background: #1c0733 !important; 143 /* Roxo escuro do widget */ 144 border: 1px solid rgba(255, 255, 255, 0.1); 145 color: #fff !important; 146 border-radius: 20px; 147 font-size: 1.6rem; 148 } 149 150 div:where(.swal2-container) h2:where(.swal2-title) { 151 color: #fff !important; 152 font-family: 'Abolition', sans-serif; 153 /* Sua fonte primária */ 154 text-transform: uppercase; 155 letter-spacing: 1px; 156 font-size: 4.8rem; 157 } 158 159 div:where(.swal2-container) .swal2-html-container { 160 color: rgba(255, 255, 255, 0.8) !important; 161 font-family: sans-serif; 162 /* Sua fonte secundária */ 163 font-size: 1.6rem; 164 } 165 166 /* Inputs do SweetAlert */ 167 div:where(.swal2-container) input:where(.swal2-input) { 168 background: rgba(255, 255, 255, 0.05) !important; 169 color: #fff !important; 170 border: 1px solid rgba(255, 255, 255, 0.2) !important; 171 font-size: 1.6rem; 172 width: -webkit-fill-available !important; 173 } 174 175 div:where(.swal2-container) input:where(.swal2-input):focus { 176 border-color: #f26e21 !important; 177 /* Laranja base */ 178 box-shadow: 0 0 0 1px #f26e21 !important; 179 font-size: 1.6rem; 180 } 181 182 /* Botão Confirmar */ 183 div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { 184 background-color: #f26e21 !important; 185 border-radius: 50px !important; 186 /* PÃlula */ 187 font-weight: bold; 188 text-transform: uppercase; 189 font-size: 1.6rem; 190 } 191 192 /* Botão Cancelar */ 193 div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { 194 background-color: transparent !important; 195 color: #fff !important; 196 border: 1px solid rgba(255, 255, 255, 0.3) !important; 197 border-radius: 50px !important; 198 font-size: 1.6rem; 199 } 200 201 /* Fix icon distortion */ 202 div:where(.swal2-icon), 203 div:where(.swal2-icon) * { 204 box-sizing: content-box !important; 205 } 206 207 /* Increase font sizes globally for Swals in this page if not covered above */ 208 div:where(.swal2-container) h2:where(.swal2-title) { 209 font-size: 5rem !important; /* Already big, but enforcing */ 210 } 211 div:where(.swal2-container) .swal2-html-container { 212 font-size: 1.8rem !important; 213 } 214 </style> 215 </head> 216 217 <body> 218 <!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 218-221
218 219 <noscript 220 ><iframe 221 src="https://www.googletagmanager.com/ns.html?id=
221GTM-MTZZW4F
vendor: 126 bytes, lines 221-227
221" 222 height="0" 223 width="0" 224 style="display: none; visibility: hidden" 225 ></iframe 226 ></noscript> 227
227<!-- End Google Tag Manager (noscript) --> 228 <main class="main-content"> 229 <!-- Header --> 230 <header class="header-laranja"> 231 <nav> 232 <div class="nav-container nav-container-laranja" data-aos="fade-down"> 233 <div class="logo"> 234 <a href="/"> 235 <img 236 src="./resources/assets/img/Logo.svg" 237 alt="Logo YourAccess" 238 /> 239 </a> 240 </div> 241 242 <div class="menu-itens menu-itens-laranja"> 243 <ul> 244 <li><a href="/">Home</a></li> 245 246 <li class="has-submenu"> 247 <a href="javascript:void(0)">Changemaker</a> 248 <ul class="submenu submenu-laranja"> 249 <li><a href="./changemaker.html">Gaming Experience</a></li> 250 <li><a href="./portifolio.html">Portfólio</a></li> 251 <li><a href="./universidades.html">Universities</a></li> 252 </ul> 253 </li> 254 <li><a href="./itinerario.html">Itinerário BilÃngue</a></li> 255 <li><a href="./livros.html">Livro ESG Series</a></li> 256 <li class="has-submenu"> 257 <a href="javascript:void(0)">Login</a> 258 <ul class="submenu submenu-laranja submenu-login"> 259 <li> 260 <a 261 href="https://el.changemaker.global/login?https://el.changemaker.global/login?" 262 target="_blank" 263 >Aluno</a 264 > 265 </li> 266 </ul> 267 </li> 268 </ul> 269 </div> 270 271 <button class="mobile-menu-btn" aria-label="Abrir Menu"> 272 <span></span> 273 <span></span> 274 <span></span> 275 </button> 276 </div> 277 </nav> 278 </header> 279 <!-- Header end --> 280 281 <!-- Content --> 282 283 <section class="s0-changemaker"> 284 <div class="container"> 285 <div class="content"> 286 <div class="banner" data-aos="fade-down" data-aos-delay="200"> 287 <div class="infos"> 288 <div class="info-banner"> 289 <ul> 290 <li><a href="/">Home</a></li> 291 <li> 292 <a href="./changemaker.html" 293 >Changemaker Gaming Experience</a 294 > 295 </li> 296 <!-- <li><a href="./portifolio.html">Portfólio</a></li> --> 297 </ul> 298 <div class="img-logo-experience"> 299 <img 300 src="./resources/assets/img/change_maker_experience.svg" 301 alt="" 302 /> 303 </div> 304 </div> 305 </div> 306 307 <div class="title"> 308 <div class="text" data-aos="fade-right" data-aos-delay="400"> 309 <h1> 310 Bem-vindo a uma jornada transformadora para jovens e 311 educadores 312 </h1> 313 </div> 314 <div class="card" data-aos="fade-left" data-aos-delay="600"> 315 <p> 316 O <b>Changemaker</b> é uma experiência gamificada de 317 tecnologia internacional e que conquistou o apoio 318 inestimável de instituições como The World's Largest Lesson 319 do Reino Unido. 320 </p> 321 <a href="#contato">Quero oferecer este diferencial</a> 322 </div> 323 </div> 324 </div> 325 </div> 326 </div> 327 </section> 328 329 <!-- <section class="s1-changemaker"> 330 <div class="container"> 331 <div class="content"> 332 <div class="left" data-aos="fade-right" data-aos-duration="1200"> 333 <h1> 334 Bem-vindo a uma jornada transformadora para jovens e educadores 335 </h1> 336 <p> 337 O <b>Changemaker</b> é uma experiência gamificada de tecnologia 338 internacional e que conquistou o apoio inestimável de 339 instituições como The World's Largest Lesson do Reino Unido. 340 </p> 341 342 </div> 343 <div class="right" data-aos="fade-left" data-aos-duration="1200"> 344 <img 345 src="./resources/assets/img/changemaker_student.jpg" 346 alt="Imagem Livros ESG Series" 347 /> 348 </div> 349 </div> 350 </div> 351 </section> --> 352 353 <section class="s2-changemaker"> 354 <div class="container"> 355 <div class="content"> 356 <div class="img" data-aos="fade-right"> 357 <img 358 src="./resources/assets/img/aluno_jogando.png" 359 alt="Aluna com livros e mochila" 360 /> 361 </div> 362 363 <div class="text-wrapper" data-aos="fade-left">
364 <span class="label-top">O QUE Ã</span> 365 366 <h2>Revolucione sua experiência de ensino</h2> 367 368 <p class="description"> 369 Trata-se de um conteúdo 100% em inglês, sobre os Objetivos de 370 Desenvolvimento Sustentável da ONU e que atende a instituições 371 de ensino, estudantes e professores. Um game com missões e 372 objetivos a serem alcançados em uma jornada imersiva e 373 interativa de aprendizado. <br /> 374 <br /> 375 376 <strong>Let the game begin!</strong> 377 </p> 378 379 <div class="features-grid"> 380 <div 381 class="feature-card highlight" 382 data-aos="fade-up" 383 data-aos-delay="100" 384 > 385 <h3>Metodologias Ativas</h3> 386 <p> 387 Unindo IBL (Inquiry Based Learning) e DL (Double Learning), 388 metodologias inovadoras que vão além. 389 </p> 390 </div> 391 392 <div 393 class="feature-card highlight" 394 data-aos="fade-up" 395 data-aos-delay="200" 396 > 397 <h3>Internacionalização</h3> 398 <p> 399 Amplia a atuação global da instituição e dos estudantes, 400 fortalecendo conexões com o mundo e experiências 401 educacionais internacionais. 402 </p> 403 </div> 404 </div> 405 406 <div class="features-grid"> 407 <div 408 class="feature-card" 409 data-aos="fade-up" 410 data-aos-delay="300" 411 > 412 <h3>Jornada Imersiva e Gamificada</h3> 413 <p> 414 Engajamento de estudantes de forma envolvente, interativa e 415 com resultados concretos. 416 </p> 417 </div> 418 419 <div 420 class="feature-card" 421 data-aos="fade-up" 422 data-aos-delay="400" 423 > 424 <h3>Estudantes Protagonistas Globais</h3> 425 <p> 426 Jovens enxergam seu papel como agentes de mudança no mundo 427 real. 428 </p> 429 </div> 430 </div> 431 </div> 432 </div> 433 </div> 434 </section> 435 436 <!-- Parceiros Section --> 437 <section class="s-partners"> 438 <div class="container"> 439 <h2 class="title-parceiros">Parceiros</h2> 440 <div class="swiper swiper-partners"> 441 <div class="swiper-wrapper"> 442 <div class="swiper-slide"> 443 <img 444 src="./resources/assets/img/patrocinadores/access.png" 445 alt="Access" 446 /> 447 </div> 448 <div class="swiper-slide"> 449 <img 450 src="./resources/assets/img/patrocinadores/fullsail.png" 451 alt="Full Sail" 452 /> 453 </div> 454 <div class="swiper-slide"> 455 <img 456 src="./resources/assets/img/patrocinadores/grao.png" 457 alt="Grao" 458 /> 459 </div> 460 <div class="swiper-slide"> 461 <img 462 src="./resources/assets/img/patrocinadores/magrid.png" 463 alt="Magrid" 464 /> 465 </div> 466 <div class="swiper-slide"> 467 <img 468 src="./resources/assets/img/patrocinadores/thagap.png" 469 alt="The Gap" 470 /> 471 </div> 472 <div class="swiper-slide"> 473 <img 474 src="./resources/assets/img/patrocinadores/world.png" 475 alt="World" 476 /> 477 </div> 478 </div> 479 </div> 480 </div> 481 </section> 482 483 <section class="s12-portifolio"> 484 <div class="container"> 485 <div class="content"> 486 <div 487 class="video-item" 488 id="videoContainerPortfolio" 489 data-video-id="H5RxcGVAOsQ" 490 onclick="loadYoutubePortfolio()" 491 > 492 <img 493 src="https://img.youtube.com/vi/H5RxcGVAOsQ/maxresdefault.jpg"
494 alt="Thumbnail do vÃdeo" 495 class="cover-img" 496 /> 497 498 <div class="play-icon" aria-hidden="true"> 499 <img src="./resources/assets/img/play_button.svg" alt="Play" /> 500 </div> 501 </div> 502 </div> 503 </div> 504 </section> 505 506 <section class="s3-changemaker"> 507 <div class="container"> 508 <div class="content"> 509 <div class="gaming-header"> 510 <div class="header-left" data-aos="fade-right"> 511 <span class="section-label">GAMING</span> 512 <h2>BENEFÃCIOS</h2> 513 </div> 514 515 <div class="header-right" data-aos="fade-left"> 516 <p> 517 O Futuro é agora! 518 <a 519 href="" 520 style="color: rgba(255, 255, 255, 0.75); font-weight: 700" 521 >Inscreva-se gratuitamente!</a 522 > 523 </p> 524 <a href="#contato" class="btn-cta" 525 >SAIBA MAIS SOBRE O CHANGEMAKER</a 526 > 527 </div> 528 </div> 529 530 <div class="gaming-cards-grid"> 531 <!-- INSTITUIÃÃES --> 532 <div class="card-gaming" data-aos="fade-up" data-aos-delay="100"> 533 <div class="card-icon" aria-hidden="true"> 534 <span class="material-symbols-rounded">account_balance</span> 535 </div> 536 <h3>Instituições</h3> 537 <ul> 538 <li>Internacionalização</li> 539 <li>Acesso gratuito à conteúdo bilÃngue</li> 540 <li>Metodologias ativas e inovação</li> 541 <li>Reconhecimento internacional</li> 542 <li>Changemaker School</li> 543 </ul> 544 </div> 545 546 <!-- EDUCADORES --> 547 <div class="card-gaming" data-aos="fade-up" data-aos-delay="200"> 548 <div class="card-icon" aria-hidden="true"> 549 <span class="material-symbols-rounded">school</span> 550 </div> 551 <h3>Educadores</h3> 552 <ul> 553 <li>Materiais prontos para aplicação</li> 554 <li>Apoio ao trabalho multidisciplinar</li> 555 <li>Planos de aulas alinhados com a BNCC</li> 556 <li>Reconhecimento internacional</li> 557 </ul> 558 </div> 559 560 <!-- ESTUDANTES --> 561 <div class="card-gaming" data-aos="fade-up" data-aos-delay="300"> 562 <div class="card-icon" aria-hidden="true"> 563 <span class="material-symbols-rounded">groups</span> 564 </div> 565 <h3>Estudantes</h3> 566 <ul> 567 <li>Experiência bilÃngue e multidisciplinar</li> 568 <li>Prática simulada em ambiente gamificado</li> 569 <li> 570 Desenvolvimento de portfólio internacional para ingresso em 571 universidades 572 </li> 573 <li>Pautas sociais de relevância internacional</li> 574 </ul> 575 </div> 576 </div> 577 </div> 578 </div> 579 </section> 580 581 <section class="s4-changemaker"> 582 <div class="container"> 583 <div class="content"> 584 <div class="hub-header"> 585 <div class="image-wrapper" data-aos="fade-right"> 586 <img 587 src="./resources/assets/img/Educator_hub.png" 588 alt="Estudante sorrindo" 589 /> 590 </div> 591 592 <div class="text-wrapper" data-aos="fade-left"> 593 <span class="section-label">EDUCATOR HUB</span> 594 <h2>Ferramentas e Estratégias para o Educador Changemaker</h2> 595 <p> 596 Educator Hub é um compilado de recursos exclusivos para 597 educadores Changemaker, com planos de aula e outras 598 informações relevantes sobre a experiência gamificada. 599 </p> 600 </div> 601 </div> 602 603 <div class="hub-cards-grid"> 604 <div 605 class="hub-card highlight" 606 data-aos="fade-up" 607 data-aos-delay="100" 608 > 609 <h3>Preparação Essencial</h3> 610 <p>Guia e Ferramentas para a Experiência Changemaker 2026.</p> 611 </div> 612 613 <div class="hub-card" data-aos="fade-up" data-aos-delay="150"> 614 <h3>CurrÃculo Global</h3> 615 <p>Estratégias para a Internacionalização Escolar.</p> 616 </div> 617 618 <div class="hub-card" data-aos="fade-up" data-aos-delay="200"> 619 <h3>Inovação Digital</h3> 620 <p> 621 Plataformas, Pensamento Computacional e Metodologias Ativas. 622 </p> 623 </div> 624 625 <div class="hub-card" data-aos="fade-up" data-aos-delay="250"> 626 <h3>Inglês para o Mundo</h3> 627 <p> 628 Comunicação Global, Cultura e Oportunidades para os 629 Estudantes. 630 </p> 631 </div> 632 </div> 633 </div> 634 </div> 635 </section> 636 637 <section class="s5-changemaker"> 638 <div class="container"> 639 <div class="content"> 640 <div class="schedule-block"> 641 <!-- Hidden Form for RD Station Integration --> 642 <form 643 id="form-scheduler-rd" 644 method="POST" 645 action="#" 646 style="display: none" 647 > 648 <input type="hidden" name="name" id="rd-name" /> 649 <input type="hidden" name="email" id="rd-email" /> 650 <input type="hidden" name="phone" id="rd-phone" /> 651 <input type="hidden" name="date" id="rd-date" /> 652 <input type="hidden" name="time" id="rd-time" /> 653 <input 654 type="hidden" 655 name="source" 656 value="Agendamento Changemaker" 657 /> 658 </form> 659 660 <div class="schedule-header" data-aos="fade-down">
661 <span class="label-top">Meet and Play</span> 662 <h2>Agende uma demonstração com nossos especialistas</h2> 663 <p> 664 Conheça o <b>Changemaker Gaming Experience</b>, tenha acesso 665 aos materiais e aprenda tudo sobre como integrar com a sua 666 instituição 667 </p> 668 </div> 669 <div class="calendar-widget" data-aos="zoom-in"> 670 <div class="calendar-dates"> 671 <div class="month-nav"> 672 <span class="current-month" id="month-display" 673 >Janeiro 2026</span 674 > 675 <div class="nav-controls"> 676 <button class="nav-btn prev" id="prev-month"><</button> 677 <button class="nav-btn next" id="next-month">></button> 678 </div> 679 </div> 680 681 <div class="weekdays-header"> 682 <span>DOM</span><span>SEG</span><span>TER</span 683 ><span>QUA</span><span>QUI</span><span>SEX</span 684 ><span>SAB</span> 685 </div> 686 687 <div class="days-grid" id="days-grid"></div> 688 </div> 689 690 <div class="calendar-hours"> 691 <span class="selected-date-label" id="selected-date-display" 692 >Selecione uma data</span 693 > 694 <div class="time-slots-list" id="time-slots"></div> 695 696 <div 697 id="loading-feedback" 698 style=" 699 display: none; 700 color: white; 701 margin-top: 10px; 702 font-size: 0.9rem; 703 " 704 > 705 Agendando... 706 </div> 707 </div> 708 </div> 709 </div> 710 </div> 711 </div> 712 </section> 713 714 <section 715 class="s8-changemaker" 716 style=" 717 background-image: url('./resources/assets/img/bg_by_step_changemaker.svg'); 718 background-size: cover; 719 background-position: center; 720 background-repeat: no-repeat; 721 " 722 > 723 <style> 724 .s8-changemaker .container .content { 725 background-image: none !important; 726 } 727 </style> 728 <div class="container"> 729 <div class="content"> 730 <div 731 class="step-header" 732 data-aos="fade-down" 733 style="margin-bottom: 4rem" 734 > 735 <h2 736 style=" 737 font-family: 'Abolition', sans-serif; 738 font-size: 4.8rem; 739 color: #4f307c; 740 text-align: center; 741 letter-spacing: 2px; 742 " 743 > 744 STEP BY STEP 745 </h2> 746 </div> 747 748 <div class="roadmap-wrapper"> 749 <div 750 class="step-item item-1" 751 data-aos="fade-up" 752 data-aos-delay="100" 753 > 754 <div class="step-pin"> 755 <span>1</span> 756 </div> 757 <p class="step-text">Free Access</p> 758 </div> 759 760 <div 761 class="step-item item-2" 762 data-aos="fade-up" 763 data-aos-delay="200" 764 > 765 <div class="step-pin"> 766 <span>2</span> 767 </div> 768 <p class="step-text"> 769 Access to <br /> 770 the plataform 771 </p> 772 </div> 773 774 <div 775 class="step-item item-3" 776 data-aos="fade-up" 777 data-aos-delay="300" 778 > 779 <div class="step-pin"> 780 <span>3</span> 781 </div> 782 <p class="step-text"> 783 Teacher <br /> 784 Registration 785 </p> 786 </div> 787 788 <div 789 class="step-item item-4" 790 data-aos="fade-up" 791 data-aos-delay="400" 792 > 793 <div class="step-pin">
794 <span>4</span> 795 </div> 796 <p class="step-text"> 797 Classes and <br /> 798 Assessments 799 </p> 800 </div> 801 802 <div 803 class="step-item item-5" 804 data-aos="fade-up" 805 data-aos-delay="500" 806 > 807 <div class="step-pin"> 808 <span>5</span> 809 </div> 810 <p class="step-text"> 811 International <br /> 812 portfólio 813 </p> 814 </div> 815 816 <div 817 class="step-item item-6" 818 data-aos="fade-up" 819 data-aos-delay="600" 820 > 821 <div class="step-pin"> 822 <span>6</span> 823 </div> 824 <p class="step-text"> 825 Changemaker <br /> 826 Festival 827 </p> 828 </div> 829 </div> 830 831 <!-- <div class="step-footer" data-aos="zoom-in" data-aos-delay="700"> 832 <a href="#contato" class="btn-cta"> 833 QUERO OFERECER ESTE DIFERENCIAL 834 </a> 835 </div> --> 836 </div> 837 </div> 838 </section> 839 840 <section class="s7-changemaker-new"> 841 <div class="container"> 842 <div class="content"> 843 <div class="info-wrapper" data-aos="fade-right"> 844 <span class="label-top">IMPACTO ACADÃMICO</span> 845 846 <h2>Valor Acadêmico e Institucional</h2> 847 848 <p class="description"> 849 Escolha a perspectiva para visualizar os benefÃcios do programa. 850 </p> 851 852 <div class="select-impacto" data-aos="fade-up"> 853 <button 854 class="btn-option active" 855 onclick="toggleImpacto('escola')" 856 > 857 Para a Escola 858 </button> 859 <button class="btn-option" onclick="toggleImpacto('aluno')"> 860 Para o Aluno 861 </button> 862 </div> 863 864 <div class="items-stack"> 865 <div id="escola-cards" class="impacto-group"> 866 <div 867 class="impacto-card" 868 data-aos="fade-up" 869 data-aos-delay="100" 870 > 871 <h3>Posicionamento Estratégico</h3> 872 <p> 873 Fortalece a presença institucional por meio de um programa 874 internacional de impacto. 875 </p> 876 </div> 877 <div 878 class="impacto-card" 879 data-aos="fade-up" 880 data-aos-delay="200" 881 > 882 <h3>Inovação com Propósito</h3> 883 <p> 884 Integra práticas pedagógicas inovadoras ao compromisso 885 socioambiental. 886 </p> 887 </div> 888 <div 889 class="impacto-card" 890 data-aos="fade-up" 891 data-aos-delay="300" 892 > 893 <h3>CurrÃculo Ampliado</h3> 894 <p> 895 Enriquece a proposta pedagógica com experiências 896 educacionais documentadas. 897 </p> 898 </div> 899 <div 900 class="impacto-card" 901 data-aos="fade-up" 902 data-aos-delay="400" 903 > 904 <h3>Reconhecimento Internacional</h3> 905 <p> 906 Projeta a escola como Changemaker School no cenário 907 global. 908 </p> 909 </div> 910 </div> 911 912 <div 913 id="aluno-cards" 914 class="impacto-group" 915 style="display: none" 916 > 917 <div 918 class="impacto-card" 919 data-aos="fade-up" 920 data-aos-delay="100" 921 > 922 <h3>Tuning In</h3> 923 <p> 924 Ativar o conhecimento prévio dos alunos e tornar visÃvel o 925 seu pensamento. 926 </p> 927 </div> 928 <div 929 class="impacto-card" 930 data-aos="fade-up" 931 data-aos-delay="200" 932 > 933 <h3>Finding Out</h3> 934 <p> 935 Incentivar os alunos a pesquisarem e aprofundarem seu 936 entendimento sobre os ODS e os ESGs. 937 </p> 938 </div> 939 <div 940 class="impacto-card" 941 data-aos="fade-up" 942 data-aos-delay="300" 943 > 944 <h3>Sorting Out</h3> 945 <p> 946 Analisar e conectar o conteúdo a questões locais da 947 comunidade. 948 </p> 949 </div> 950 951 <div 952 class="impacto-card" 953 data-aos="fade-up" 954 data-aos-delay="400" 955 > 956 <h3>Going Further</h3> 957 <p> 958 Investigar e abordar em profundidade desafios locais 959 especÃficos. 960 </p> 961 </div> 962 963 <div 964 class="impacto-card" 965 data-aos="fade-up" 966 data-aos-delay="500" 967 > 968 <h3>Making Conclusions</h3> 969 <p> 970 Refletir, conectar ideias e tirar conclusões baseadas no 971 conteúdo e experiências. 972 </p> 973 </div> 974 975 <div 976 class="impacto-card" 977 data-aos="fade-up" 978 data-aos-delay="600" 979 > 980 <h3>Taking Action</h3> 981 <p> 982 Aplicar o aprendizado em contextos do mundo real para 983 resolver problemas locais. 984 </p> 985 </div> 986 </div> 987 </div> 988 <!-- 989 <a href="#contato" class="btn-cta-dark" data-aos="zoom-in"> 990 QUERO OFERECER ESTE DIFERENCIAL 991 </a> --> 992 </div> 993 994 <div class="image-wrapper" data-aos="fade-left"> 995 <img 996 src="./resources/assets/img/group-friends-street
996-with-smile.jpg" 997 alt="Estudante sorrindo" 998 /> 999 </div> 1000 </div> 1001 </div> 1002 </section> 1003 1004 <!-- <section class="s7-changemaker"> 1005 <div class="container"> 1006 <div class="content"> 1007 <div class="info-wrapper" data-aos="fade-right"> 1008 <span class="label-top">IMPACTO ACADÃMICO</span> 1009 1010 <h2>Valor Acadêmico e Institucional</h2> 1011 1012 <p class="description"> 1013 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 1014 eiusmod tempor incididunt ut labore et dolore magna aliqua. 1015 </p> 1016 1017 <div class="items-stack"> 1018 <div 1019 class="impacto-card" 1020 data-aos="fade-up" 1021 data-aos-delay="100" 1022 > 1023 <h3>Eleva o posicionamento</h3> 1024 <p> 1025 Eleva o posicionamento da escola com um programa 1026 internacional de impacto 1027 </p> 1028 </div> 1029 1030 <div 1031 class="impacto-card" 1032 data-aos="fade-up" 1033 data-aos-delay="200" 1034 > 1035 <h3>Evidencia inovação</h3> 1036 <p> 1037 Evidencia inovação pedagógica e compromisso socioambiental 1038 </p> 1039 </div> 1040 1041 <div 1042 class="impacto-card" 1043 data-aos="fade-up" 1044 data-aos-delay="300" 1045 > 1046 <h3>Reforça o currÃculo</h3> 1047 <p> 1048 Reforça o currÃculo escolar com experiências documentadas 1049 </p> 1050 </div> 1051 1052 <div 1053 class="impacto-card" 1054 data-aos="fade-up" 1055 data-aos-delay="400" 1056 > 1057 <h3>Gera visibilidade</h3> 1058 <p> 1059 Gera visibilidade como Changemaker School no cenário 1060 internacional 1061 </p> 1062 </div> 1063 </div> 1064 1065 <a 1066 href="#contato" 1067 class="btn-cta-dark" 1068 data-aos="zoom-in" 1069 data-aos-delay="500" 1070 > 1071 QUERO OFERECER ESTE DIFERENCIAL 1072 </a> 1073 </div> 1074 1075 <div class="image-wrapper" data-aos="fade-left"> 1076 <img 1077 src="./resources/assets/img/group-friends-street-with-smile.jpg" 1078 alt="Estudante sorrindo" 1079 /> 1080 </div> 1081 </div> 1082 </div> 1083 </section> --> 1084 1085 <section class="s9-changemaker" id="contato"> 1086 <div class="container"> 1087 <div class="glass-card" data-aos="zoom-in"> 1088 <div class="content-row"> 1089 <div class="form-column"> 1090 <div class="form-header"> 1091 <h2>LEVE A INOVAÃÃO PARA SUA ESCOLA</h2> 1092 <p> 1093 Conecte seus alunos a uma metodologia internacional de 1094 impacto social e gamificação. 1095 </p> 1096 </div> 1097 1098 <form class="contact-form" id="form-changemaker"> 1099 <div class="input-group"> 1100 <label for="nome">Nome</label> 1101 <input type="text" id="nome" placeholder="Nome Completo" /> 1102 </div> 1103 1104 <div class="input-group"> 1105 <label for="email">E-mail</label> 1106 <input 1107 type="email" 1108 id="email" 1109 placeholder="Seu melhor e-mail" 1110 /> 1111 </div> 1112 1113 <div class="input-group"> 1114 <label for="telefone">Telefone do colégio</label> 1115 <input 1116 type="tel" 1117 id="telefone" 1118 placeholder="Telefone de contato" 1119 /> 1120 </div> 1121 1122 <button type="submit" class="btn-submit"> 1123 ENVIAR FORMULÃRIO 1124 </button> 1125 </form> 1126 </div> 1127 1128 <div class="image-column"></div> 1129 </div> 1130 </div> 1131 </div> 1132 </section> 1133 1134 <section class="s10-changemaker"> 1135 <div class="container"> 1136 <div class="content"> 1137 <div class="header-block" data-aos="fade-down"> 1138 <h2>CERTIFICADO E PORTFÃLIO CHANGEMAKER</h2> 1139 </div> 1140 1141 <div class="benefits-grid"> 1142 <div class="benefit-item" data-aos="fade-up" data-aos-delay="100"> 1143 <div class="item-header"> 1144 <div class="icon-circle"> 1145 <img 1146 src="./resources/assets/icons/check_small.svg" 1147 alt="Check" 1148 /> 1149 </div> 1150 <div class="separator-line"></div> 1151 </div> 1152 <p> 1153 Certificado oficial da participação no projeto em parceria com 1154 a Full Sail University 1155 </p> 1156 </div> 1157 1158 <div class="benefit-item" data-aos="fade-up" data-aos-delay="200"> 1159 <div class="item-header"> 1160 <div class="icon-circle"> 1161 <img 1162 src="./resources/assets/icons/check_small.svg" 1163 alt="Check" 1164 /> 1165 </div> 1166 <div class="separator-line"></div> 1167 </div> 1168 <p> 1169 Valoriza o currÃculo com uma experiência documentada 1170 reconhecida internacionalmente 1171 </p> 1172 </div> 1173 1174 <div class="benefit-item" data-aos="fade-up" data-aos-delay="300"> 1175 <div class="item-header"> 1176 <div class="icon-circle"> 1177 <img 1178 src="./resources/assets/icons/check_small.svg" 1179 alt="Check" 1180 /> 1181 </div> 1182 <div class="separator-line"></div> 1183 </div> 1184 <p> 1185 Demonstra habilidades de liderança. Além de envolvimento em 1186 projeto cultural, educacional e social 1187 </p> 1188 </div> 1189 1190 <div class="benefit-item" data-aos="fade-up" data-aos-delay="400"> 1191 <div class="item-header"> 1192 <div class="icon-circle"> 1193 <img 1194 src="./resources/assets/icons/check_small.svg" 1195 alt="Check" 1196 /> 1197 </div> 1198 <div class="separator-line"></div> 1199 </div> 1200 <p> 1201 Apoia seleções em universidades nacionais e internacionais 1202 </p> 1203 </div> 1204 </div> 1205 1206 <!-- â Palco das imagens (controla tamanho/posicionamento) --> 1207 <div class="visual-stage" aria-hidden="true"> 1208 <img 1209 src="./resources/assets/img/Certificado_CM25-MODELO-A4-IMPRESSÃO (1) 1.svg" 1210 class="certificado" 1211 alt="" 1212 /> 1213 <img 1214 src="./resources/assets/img/livro_sem_nome.png" 1215 class="livro" 1216 alt="" 1217 /> 1218 </div> 1219 1220 <div class="footer-block" data-aos="zoom-in" data-aos-delay="500"> 1221 <a href="./portifolio.html" class="btn-cta-purple" 1222 >SAIBA MAIS SOBRE O PORTFÃLIO</a 1223 > 1224 </div> 1225 </div> 1226 </div> 1227 </section> 1228 1229 <section class="s11-changemaker"> 1230 <div class="container"> 1231 <div class="content"> 1232 <div class="titulo-secao" data-aos="fade-down"> 1233 <h2>COLÃGIOS PARTICIPANTES</h2> 1234 </div> 1235 1236 <div class="lista-colegios"> 1237 <div class="slider-track">
1238 <div class="colegio-item"> 1239 <img 1240 src="./resources/assets/img/parceiros/Colégio Albert Sabin.png" 1241 alt="Colégio Albert Sabin" 1242 /> 1243 </div> 1244 <div class="colegio-item"> 1245 <img 1246 src="./resources/assets/img/parceiros/Colégio Amorim.png" 1247 alt="Colégio Amorim" 1248 /> 1249 </div> 1250 <div class="colegio-item"> 1251 <img 1252 src="./resources/assets/img/parceiros/Colégio do Carmo.png" 1253 alt="Colégio do Carmo" 1254 /> 1255 </div> 1256 <div class="colegio-item"> 1257 <img 1258 src="./resources/assets/img/parceiros/Colégio Dr. Walter Belian.png" 1259 alt="Colégio Dr. Walter Belian" 1260 /> 1261 </div> 1262 <div class="colegio-item"> 1263 <img 1264 src="./resources/assets/img/parceiros/Colégio Eccos.png" 1265 alt="Colégio Eccos" 1266 /> 1267 </div> 1268 <div class="colegio-item"> 1269 <img 1270 src="./resources/assets/img/parceiros/Colégio Moppe.png" 1271 alt="Colégio Moppe" 1272 /> 1273 </div> 1274 <div class="colegio-item"> 1275 <img 1276 src="./resources/assets/img/parceiros/logo_warwick_schools_foundation.png" 1277 alt="Warwick Schools Foundation" 1278 /> 1279 </div> 1280 <div class="colegio-item"> 1281 <img 1282 src="./resources/assets/img/parceiros/Colégio Prof. Roberto Herbster Gusmão.png" 1283 alt="Colégio Gusmão" 1284 /> 1285 </div> 1286 <div class="colegio-item"> 1287 <img 1288 src="./resources/assets/img/parceiros/Colégio Ãbaco.png" 1289 alt="Colégio Ãbaco" 1290 /> 1291 </div> 1292 <div class="colegio-item"> 1293 <img 1294 src="./resources/assets/img/parceiros/EMEF Salvador Bordini.png" 1295 alt="EMEF Salvador Bordini" 1296 /> 1297 </div> 1298 <div class="colegio-item"> 1299 <img 1300 src="./resources/assets/img/parceiros/Funlec.png" 1301 alt="Funlec" 1302 /> 1303 </div> 1304 <div class="colegio-item"> 1305 <img 1306 src="./resources/assets/img/parceiros/IMH.png" 1307 alt="IMH" 1308 /> 1309 </div> 1310 <div class="colegio-item"> 1311 <img 1312 src="./resources/assets/img/parceiros/José Itamar.png" 1313 alt="José Itamar" 1314 /> 1315 </div> 1316 <div class="colegio-item"> 1317 <img 1318 src="./resources/assets/img/parceiros/Maria Auxiliadora.png" 1319 alt="Maria Auxiliadora" 1320 /> 1321 </div> 1322 <div class="colegio-item"> 1323 <img 1324 src="./resources/assets/img/parceiros/Sesi.png" 1325 alt="Sesi" 1326 /> 1327 </div> 1328 1329 <div class="colegio-item"> 1330 <img 1331 src="./resources/assets/img/parceiros/Colégio Albert Sabin.png" 1332 alt="Colégio Albert Sabin" 1333 /> 1334 </div> 1335 <div class="colegio-item"> 1336 <img 1337 src="./resources/assets/img/parceiros/Colégio Amorim.png" 1338 alt="Colégio Amorim" 1339 /> 1340 </div> 1341 <div class="colegio-item"> 1342 <img 1343 src="./resources/assets/img/parceiros/Colégio do Carmo.png" 1344 alt="Colégio do Carmo" 1345 /> 1346 </div>
1347 <div class="colegio-item"> 1348 <img 1349 src="./resources/assets/img/parceiros/Colégio Dr. Walter Belian.png" 1350 alt="Colégio Dr. Walter Belian" 1351 /> 1352 </div> 1353 <div class="colegio-item"> 1354 <img 1355 src="./resources/assets/img/parceiros/Colégio Eccos.png" 1356 alt="Colégio Eccos" 1357 /> 1358 </div> 1359 <div class="colegio-item"> 1360 <img 1361 src="./resources/assets/img/parceiros/Colégio Moppe.png" 1362 alt="Colégio Moppe" 1363 /> 1364 </div> 1365 <div class="colegio-item"> 1366 <img 1367 src="./resources/assets/img/parceiros/logo_warwick_schools_foundation_sem_bg.jpeg" 1368 alt="Warwick Schools Foundation" 1369 /> 1370 </div> 1371 <div class="colegio-item"> 1372 <img 1373 src="./resources/assets/img/parceiros/Colégio Prof. Roberto Herbster Gusmão.png" 1374 alt="Colégio Gusmão" 1375 /> 1376 </div> 1377 <div class="colegio-item"> 1378 <img 1379 src="./resources/assets/img/parceiros/Colégio Ãbaco.png" 1380 alt="Colégio Ãbaco" 1381 /> 1382 </div> 1383 <div class="colegio-item"> 1384 <img 1385 src="./resources/assets/img/parceiros/EMEF Salvador Bordini.png" 1386 alt="EMEF Salvador Bordini" 1387 /> 1388 </div> 1389 <div class="colegio-item"> 1390 <img 1391 src="./resources/assets/img/parceiros/Funlec.png" 1392 alt="Funlec" 1393 /> 1394 </div> 1395 <div class="colegio-item"> 1396 <img 1397 src="./resources/assets/img/parceiros/IMH.png" 1398 alt="IMH" 1399 /> 1400 </div> 1401 <div class="colegio-item"> 1402 <img 1403 src="./resources/assets/img/parceiros/José Itamar.png" 1404 alt="José Itamar" 1405 /> 1406 </div> 1407 <div class="colegio-item"> 1408 <img 1409 src="./resources/assets/img/parceiros/Maria Auxiliadora.png" 1410 alt="Maria Auxiliadora" 1411 /> 1412 </div> 1413 <div class="colegio-item"> 1414 <img 1415 src="./resources/assets/img/parceiros/Sesi.png" 1416 alt="Sesi" 1417 /> 1418 </div> 1419 <div class="colegio-item"> 1420 <img 1421 src="./resources/assets/img/parceiros/hotscool.png" 1422 alt="Sesi" 1423 /> 1424 </div> 1425 </div> 1426 </div> 1427 </div> 1428 </div> 1429 </section> 1430 1431 <section class="s12-changemaker"> 1432 <div class="container"> 1433 <div class="content"> 1434 <div class="video-featured" data-aos="zoom-in"> 1435 <div 1436 class="video-cover" 1437 id="videoContainerS12" 1438 data-video-id="SEU_ID_YOUTUBE_AQUI" 1439 onclick="loadYoutubeS12()" 1440 > 1441 <img 1442 src="./resources/assets/img/cover.jpeg" 1443 alt="Thumbnail do VÃdeo Bruna Tadross" 1444 class="cover-img" 1445 /> 1446 1447 <button class="btn-play" type="button"> 1448 <img 1449 src="./resources/assets/img/play_button.svg" 1450 alt="Play" 1451 /> 1452 </button> 1453 </div> 1454 </div> 1455 1456 <div class="info-grid"> 1457 <div class="left-info" data-aos="fade-up"> 1458 <span class="label-orange">BRUNA TADROSS</span> 1459 <h2>Fundadora da YourAccess</h2> 1460 <p class="description"> 1461 Fundadora da YourAccess | Especialista em Bilinguismo | 1462 Embaixadora do Global Social Leaders | Especialista em ESG 1463 pela University of Cambridge Business Sustainability 1464 Management 2023. 1465 </p> 1466 <!-- <a href="#contato" class="btn-cta"> 1467 QUERO OFERECER ESTE DIFERENCIAL 1468 </a> --> 1469 </div> 1470 1471 <div 1472 class="right-details" 1473 data-aos="fade-up" 1474 data-aos-delay="200" 1475 > 1476 <div class="text-row"> 1477 <div class="text-col-small"> 1478 <h3>Educação com Propósito Global</h3> 1479 <p> 1480 Desenvolvedora do projeto inovador Changemaker Experience, 1481 promovido junto à instituições de ensino de todo o Brasil, 1482 que conecta jovens brasileiros com o mercado internacional 1483 por meio da consciência ambiental. Como educadora,
1484 projetou, implementou e avaliou currÃculos e programas de 1485 ensino de idiomas, além de formar e orientar professores 1486 nas melhores práticas pedagógicas. 1487 </p> 1488 </div> 1489 </div> 1490 </div> 1491 </div> 1492 </div> 1493 </div> 1494 </section> 1495 1496 <section class="s13-changemaker"> 1497 <div class="container"> 1498 <div class="slider-nav"> 1499 <button class="nav-btn prev" aria-label="Anterior"> 1500 <img src="./resources/assets/icons/arrow-right.svg" alt="<" /> 1501 </button> 1502 <button class="nav-btn next" aria-label="Próximo"> 1503 <img src="./resources/assets/icons/arrow-right.svg" alt=">" /> 1504 </button> 1505 </div> 1506 1507 <div class="content"> 1508 <div class="intro-block" data-aos="fade-right"> 1509 <span class="label-purple">DEPOIMENTOS</span> 1510 <h2>O QUE DIZEM NOSSOS EDUCADORES PARCEIROS</h2> 1511 </div> 1512 1513 <div 1514 class="testimonials-slider" 1515 id="testimonials-slider" 1516 data-aos="fade-left" 1517 > 1518 <div class="card-depoimento"> 1519 <p class="quote"> 1520 âNão foi uma aula de inglês. Foi uma experiência em inglês que 1521 mobilizou os alunos a viver situações reais e aprender de 1522 forma interdisciplinar.â 1523 </p> 1524 <div class="author-block"> 1525 <div class="avatar"> 1526 <img 1527 src="./resources/assets/img/sueli_monteiro.JPG" 1528 alt="Foto Sueli Monteiro" 1529 /> 1530 </div> 1531 <div class="info"> 1532 <h4>Sueli Monteiro</h4> 1533 <span class="role">Escola Comunitária de Campinas</span> 1534 </div> 1535 </div> 1536 </div> 1537 1538 <div class="card-depoimento"> 1539 <p class="quote"> 1540 âA missão educativa Marista e a jornada Changemaker se 1541 encontram no mesmo ponto: o de formar pessoas capazes de mudar 1542 o mundo com consciência, coragem e compaixão.â 1543 </p> 1544 <div class="author-block"> 1545 <div class="avatar"> 1546 <img 1547 src="./resources/assets/img/patrick_lima.JPG" 1548 alt="Foto Patrick Lima" 1549 /> 1550 </div> 1551 <div class="info"> 1552 <h4>Patrick Lima</h4> 1553 <span class="role">Grupo Marista</span> 1554 </div> 1555 </div> 1556 </div> 1557 1558 <div class="card-depoimento"> 1559 <p class="quote"> 1560 "Eu fico muito contente em poder ver uma empresa tão dedicada 1561 a aliar a tecnologia com a sustentabilidade e a 1562 internacionalização." 1563 </p> 1564 <div class="author-block"> 1565 <div class="avatar"> 1566 <img 1567 src="./resources/assets/img/renato_boccia.JPG" 1568 alt="Foto Renato Boccia" 1569 /> 1570 </div> 1571 <div class="info"> 1572 <h4>Renato Boccia</h4> 1573 <span class="role">Colégio Santa Catarina</span> 1574 </div> 1575 </div> 1576 </div> 1577 1578 <div class="card-depoimento"> 1579 <p class="quote"> 1580 âAbrimos um edital para 80 professores porque vimos no 1581 Changemaker uma proposta sólida, interdisciplinar e alinhada à 1582 internacionalização.â 1583 </p> 1584 <div class="author-block"> 1585 <div class="avatar"> 1586 <img 1587 src="./resources/assets/img/alex_honorio.JPG" 1588 alt="Foto Alex Honório" 1589 /> 1590 </div> 1591 <div class="info"> 1592 <h4>Alex Honório</h4>
1593 <span class="role">Centro Paula Souza</span> 1594 </div> 1595 </div> 1596 </div> 1597 1598 <div class="card-depoimento"> 1599 <p class="quote"> 1600 "Foi muito bom ver quantas mudanças nós tivemos e quantos 1601 projetos inspiracionais foram apresentados no projeto." 1602 </p> 1603 <div class="author-block"> 1604 <div class="avatar"> 1605 <img 1606 src="./resources/assets/img/professora_tanja.jpeg" 1607 alt="Foto Tanja Ruppert" 1608 /> 1609 </div> 1610 <div class="info"> 1611 <h4>Tanja Ruppert</h4> 1612 <span class="role">Colégio Visconde de Porto Seguro</span> 1613 </div> 1614 </div> 1615 </div> 1616 1617 <div class="card-depoimento highlight"> 1618 <p class="quote"> 1619 âAs atividades deram uma visão holÃstica sobre as ODS e 1620 sustentabilidade, ampliando também o domÃnio da lÃngua inglesa 1621 dos alunos.â 1622 </p> 1623 <div class="author-block"> 1624 <div class="avatar"> 1625 <img 1626 src="./resources/assets/img/Marcio-fotos-depoimentos.webp" 1627 alt="Foto Márcio Rocha" 1628 /> 1629 </div> 1630 <div class="info"> 1631 <h4>Márcio Rocha</h4> 1632 <span class="role">Colégio Santo Agostino</span> 1633 </div> 1634 </div> 1635 </div> 1636 1637 <div class="card-depoimento"> 1638 <p class="quote"> 1639 âO Changemaker nos proporciona vivências transformadoras, que 1640 ampliam nosso olhar e nos preparam para levar experiências 1641 significativas aos nossos alunos.â 1642 </p> 1643 <div class="author-block"> 1644 <div class="avatar"> 1645 <img 1646 src="./resources/assets/img/sandra_oliveira.JPG" 1647 alt="Foto Sandra Oliveira" 1648 /> 1649 </div> 1650 <div class="info"> 1651 <h4>Sandra Oliveira</h4> 1652 <span class="role">Colégio Visconde de Porto Seguro</span> 1653 </div> 1654 </div> 1655 </div> 1656 </div> 1657 </div> 1658 </div> 1659 </section> 1660 1661 <section class="s14-changemaker"> 1662 <div class="container"> 1663 <div class="content"> 1664 <div class="faq-header" data-aos="fade-down"> 1665 <h2>PERGUNTAS FREQUENTES</h2> 1666 <p class="subtitle"> 1667 Tire suas dúvidas sobre o Changemaker Gaming Experience 1668 </p> 1669 </div> 1670 1671 <div class="accordion-wrapper"> 1672 <div 1673 class="accordion-item active" 1674 data-aos="fade-up" 1675 data-aos-delay="0" 1676 > 1677 <button class="accordion-trigger"> 1678 <h3> 1679 No momento da inscrição já devo informar quais são os 1680 estudantes participantes? 1681 </h3> 1682 <div class="icon-arrow"> 1683 <img 1684 src="./resources/assets/img/arrow-up.svg" 1685 alt="Fechar" 1686 /> 1687 </div> 1688 </button> 1689 <div class="accordion-content"> 1690 <p> 1691 Não, você deverá informar os integrantes da equipe e o 1692 professor lÃder apenas no inÃcio do ano letivo. 1693 </p> 1694 </div> 1695 </div> 1696 1697 <div 1698 class="accordion-item" 1699 data-aos="fade-up" 1700 data-aos-delay="100" 1701 > 1702 <button class="accordion-trigger"> 1703 <h3>Qual é o nÃvel de conhecimento de inglês necessário?</h3> 1704 <div class="icon-arrow"> 1705 <img 1706 src="./resources/assets/img/arrow-down.svg" 1707 alt="Abrir" 1708 /> 1709 </div> 1710 </button> 1711 <div class="accordion-content"> 1712 <p> 1713 Pelo menos um estudante como membro da equipe deverá ter 1714 conhecimento mÃnimo B1 de acordo com o Common European 1715 Framework of Reference for Languages (CEFR). 1716 </p> 1717 </div> 1718 </div> 1719 1720 <div 1721 class="accordion-item" 1722 data-aos="fade-up" 1723 data-aos-delay="200" 1724 > 1725 <button class="accordion-trigger"> 1726 <h3>à possÃvel inscrever apenas um estudante?</h3> 1727 <div class="icon-arrow"> 1728 <img 1729 src="./resources/assets/img/arrow-down.svg" 1730 alt="Abrir" 1731 /> 1732 </div> 1733 </button> 1734 <div class="accordion-content"> 1735 <p> 1736 Sim, é possÃvel. Você poderá inscrever como membros da 1737 equipe apenas um estudante e um professor. 1738 </p> 1739 </div> 1740 </div> 1741 1742 <div 1743 class="accordion-item" 1744 data-aos="fade-up" 1745 data-aos-delay="300" 1746 > 1747 <button class="accordion-trigger"> 1748 <h3> 1749 à obrigatório fazer os cursos e workshops na plataforma? 1750 </h3> 1751 <div class="icon-arrow"> 1752 <img 1753 src="./resources/assets/img/arrow-down.svg" 1754 alt="Abrir" 1755 /> 1756 </div> 1757 </button> 1758 <div class="accordion-content"> 1759 <p> 1760 Pelo menos um membro de cada equipe deverá estar presente 1761 nos workshops ao vivo e garantir sua participação nos cursos 1762 gravados. 1763 </p> 1764 </div> 1765 </div> 1766 1767 <div 1768 class="accordion-item" 1769 data-aos="fade-up" 1770 data-aos-delay="400" 1771 > 1772 <button class="accordion-trigger"> 1773 <h3> 1774 Os Workshops estarão disponÃveis para serem assistidos na 1775 plataforma após a transmissão ao vivo? 1776 </h3> 1777 <div class="icon-arrow"> 1778 <img 1779 src="./resources/assets/img/arrow-down.svg" 1780 alt="Abrir" 1781 /> 1782 </div> 1783 </button> 1784 <div class="accordion-content"> 1785 <p> 1786 Sim, eles serão gravados e estarão disponÃveis enquanto 1787 durar o evento. 1788 </p> 1789 </div> 1790 </div> 1791 1792 <div 1793 class="accordion-item" 1794 data-aos="fade-up" 1795 data-aos-delay="500" 1796 > 1797 <button class="accordion-trigger"> 1798 <h3> 1799 Até quando as equipes inscritas terão acesso à plataforma? 1800 </h3> 1801 <div class="icon-arrow"> 1802 <img 1803 src="./resources/assets/img/arrow-down.svg" 1804 alt="Abrir" 1805 /> 1806 </div> 1807 </button> 1808 <div class="accordion-content"> 1809 <p>Até o dia 19 de junho de 2026.</p> 1810 </div> 1811 </div> 1812 1813 <div 1814 class="accordion-item" 1815 data-aos="fade-up" 1816 data-aos-delay="600" 1817 > 1818 <button class="accordion-trigger"> 1819 <h3>Como os participantes terão acesso aos certificados?</h3> 1820 <div class="icon-arrow"> 1821 <img 1822 src="./resources/assets/img/arrow-down.svg" 1823 alt="Abrir" 1824 /> 1825 </div> 1826 </button> 1827 <div class="accordion-content"> 1828 <p> 1829 Basta fazer o download pela própria plataforma. O 1830 certificado emitido irá comprovar a participação da equipe 1831 nos eventos e cursos. 1832 </p> 1833 </div> 1834 </div> 1835 1836 <div 1837 class="accordion-item" 1838 data-aos="fade-up" 1839 data-aos-delay="700" 1840 > 1841 <button class="accordion-trigger"> 1842 <h3> 1843 Minha instituição pode consultar um relatório de acessos dos 1844 estudantes participantes? 1845 </h3> 1846 <div class="icon-arrow"> 1847 <img 1848 src="./resources/assets/img/arrow-down.svg" 1849 alt="Abrir" 1850 /> 1851 </div> 1852 </button> 1853 <div class="accordion-content"> 1854 <p> 1855 Sim, pois você terá acesso como tutor e poderá acompanhar o 1856 progresso dos estudantes na plataforma. 1857 </p> 1858 </div> 1859 </div> 1860 </div> 1861 1862 <div 1863 class="faq-bottom-text" 1864 data-aos="fade-up" 1865 data-aos-delay="800" 1866 > 1867 <p></p> 1868 </div> 1869 </div> 1870 </div> 1871 </section> 1872 1873 <!-- Content end --> 1874 </main> 1875 1876 <!-- Footer --> 1877 <footer class="footer-laranja"> 1878 <div class="container"> 1879 <div class="content"> 1880 <div class="left"> 1881 <div class="logo"> 1882 <a href="#"> 1883 <img 1884 src="./resources/assets/img/Logo.svg" 1885 alt="Logo YourAccess" 1886 /> 1887 </a> 1888 </div> 1889 1890 <div class="text"> 1891 <p class="info-about"> 1892 Educação bilÃngue com propósito, impacto e visão de futuro. 1893 </p> 1894 </div> 1895 </div> 1896 1897 <div class="right"> 1898 <div class="info-contact-row"> 1899 <div class="contact-col"> 1900 <h3>CONTATO</h3> 1901 <a href="https://wa.me/5511953876321" target="_blank" 1902 >(11) 95387-6321</a 1903 > 1904 <a href="/cdn-cgi/l/email-protection#7c1f1312081d1f083c0513090e1d1f1f190f0f52131210151219" target="_blank"><span class="__cf_email__" data-cfemail="b0d3dfdec4d1d3c4f0c9dfc5c2d1d3d3d5c3c39edfdedcd9ded5">[email protected]</span></a 1905 > 1906 </div> 1907 1908 <div class="social-col"> 1909 <h3>SIGA EM</h3> 1910 <div class="icons"> 1911 <a 1912 href="https://www.instagram.com/youraccessonline/" 1913 target="_blank" 1914 aria-label="Instagram" 1915 > 1916 <img 1917 src="./resources/assets/icons/instagram.svg" 1918 target="_blank" 1919 alt="" 1920 /> 1921 </a> 1922 <a 1923 href="https://wa.me/5511994463143" 1924 target="_blank" 1925 aria-label="WhatsApp" 1926 > 1927 <img src="./resources/assets/icons/whatsapp.svg" alt="" /> 1928 </a> 1929 <a 1930 href="https://www.facebook.com/youraccessonline" 1931 target="_blank" 1932 class="elementor-icon" 1933 tabindex="-1" 1934 > 1935 <i aria-hidden="true" class="fab fa-facebook-square"></i> 1936 </a> 1937 </div> 1938 <div class="icons" style="margin-top: 1rem"> 1939 <a 1940 href="https://www.linkedin.com/company/youraccessonline/about/" 1941 target="_blank" 1942 class="elementor-icon" 1943 tabindex="-1" 1944 > 1945 <i aria-hidden="true" class="fab fa-linkedin"></i> 1946 </a> 1947 <a 1948 href="https://www.youtube.com/channel/UC6gJDDW1f7o1Aw3V8WyMVGg" 1949 target="_blank" 1950 class="elementor-icon" 1951 tabindex="-1" 1952 > 1953 <i aria-hidden="true" class="fab fa-youtube"></i> 1954 </a> 1955 <a 1956 href="https://open.spotify.com/show/3FRI6Cjg2aetAY3ehyBoGt?si=DCuEKWPhSeykbPPf7xnhTQ" 1957 target="_blank" 1958 class="elementor-icon" 1959 tabindex="-1" 1960 > 1961 <i aria-hidden="true" class="fab fa-spotify"></i> 1962 </a> 1963 </div> 1964 </div> 1965 </div> 1966 1967 <div class="resultz"> 1968 <p> 1969 © 2026 â Desenvolvido por 1970 <a href="https://www.resultz.com.br/" target="_blank" 1971 >Resultz</a 1972 > 1973 </p> 1974 </div> 1975 </div> 1976 </div> 1977 <div class="final-mobile"> 1978 <!-- <div class="cnpj-mobile"> 1979 <p>CNPJ: 36.626.231/0001-52</p> 1980 </div> --> 1981 <div class="resultz-mobile"> 1982 <p> 1983 © 2026 â Desenvolvido por 1984 <a href="https://www.resultz.com.br/" target="_blank">Resultz</a> 1985 </p> 1986 </div> 1987 </div> 1988 </div> 1989 </footer> 1990 <!-- Footer end --> 1991 1992 <!-- Scripts -->
vendor: 113 bytes, lines 1992-1993
1992 1993 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1993<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1993 1994
1994<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1994 1995
1995<script src="./resources/assets/js/main.js"></script>
1995 1996 1997
1997<script> 1998 AOS.init({ 1999 duration: 1000, 2000 once: true, 2001 offset: 100 2002 }) 2003 </script>
2003 2004 2005
2005<script> 2006 document 2007 .getElementById('form-changemaker') 2008 .addEventListener('submit', function (e) { 2009 e.preventDefault() 2010 2011 var nome = document.getElementById('nome').value.trim() 2012 var email = document.getElementById('email').value.trim() 2013 var telefone = document.getElementById('telefone').value.trim() 2014 2015 if (!nome || !email || !telefone) return 2016 2017 var params = new URLSearchParams({ 2018 token_rdstation: 'da08c0e6c2dc200d22e82b40cac7feb3', 2019 identificador: 'lp-changemaker', 2020 email: email, 2021 nome: nome, 2022 telefone: telefone 2023 }) 2024 params.append('tags[]', 'lp-changemaker') 2025 fetch('https://app.rdstation.com.br/api/1.3/conversions', { 2026 method: 'POST', 2027 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 2028 body: params.toString() 2029 }).catch(function () {}) 2030 2031 fetch('https://api.web3forms.com/submit', { 2032 method: 'POST', 2033 headers: { 'Content-Type': 'application/json' }, 2034 body: JSON.stringify({ 2035 access_key: '89e9dc7f-6b18-4813-a1bd-63dc0d519722', 2036 subject: 'Novo contato - Changemaker', 2037 name: nome, 2038 email: email, 2039 phone: telefone 2040 }) 2041 }).catch(function () {}) 2042 2043 this.reset() 2044 var btn = this.querySelector('.btn-submit') 2045 btn.textContent = 'ENVIADO!' 2046 btn.disabled = true 2047 }) 2048 </script>
2048 2049
2049<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"41246a4e100640e2a3dca82399f7be2a","r":1,"spa":2}' crossorigin="anonymous"></script>
2049 2050</body> 2051</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.