PageSourceSearch

https://youraccess.online/changemaker

html youraccess.online collected 2026-10-05 21:43:17 UTC 72,092 bytes, 2,051 lines download raw bytes

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&#160;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.