22< html lang ="pt-br ">
33< head >
44 < meta charset ="UTF-8 ">
5- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6- < title > JS Master - Prof. Bernardo</ title >
7-
8- < link rel ="preconnect " href ="https://fonts.googleapis.com ">
9- < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin >
10- < link href ="https://fonts.googleapis.com/css2?family=Playwrite+IE+Sj:wght@100..400&display=swap " rel ="stylesheet ">
11-
5+ < title > JS Master - Bernardo</ title >
126 < link rel ="stylesheet " href ="style.css ">
137</ head >
148< body >
15-
169 < nav class ="navbar ">
1710 < div class ="logo "> JS< span > Master</ span > </ div >
1811 < ul >
1912 < li > < a href ="index.html "> Início</ a > </ li >
2013 < li > < a href ="aulas.html "> Aulas</ a > </ li >
2114 < li > < a href ="praticas.html "> Práticas</ a > </ li >
22- < li > < a href ="https://discord.com/channels/1499755355570176081/1499755770991083570 " target ="_blank " class ="btn-comunidade "> Comunidade</ a > </ li >
15+ < li > < a href ="https://discord.com/channels/1499755355570176081/1499755770991083570 " target ="_blank "> Comunidade</ a > </ li >
16+ < li > < button class ="theme-switch " id ="theme-button "> Trocar Tema</ button > </ li >
2317 </ ul >
2418 </ nav >
2519
2620 < header class ="hero ">
27- < h1 > Domine o < span > JavaScript</ span > do zero com o prof. Bernardo.</ h1 >
28- < p > Aprenda programação de um jeito simples, prático e interativo.</ p >
29- < div style ="margin-top: 20px; ">
30- < button class ="btn-primary " onclick ="window.location.href='aulas.html' "> Começar a Estudar</ button >
31- </ div >
21+ < h1 > Bem-vindo ao < span > JS Master</ span > </ h1 >
22+ < p > Aprenda com o Prof. Bernardo nas cores que você escolheu!</ p >
3223 </ header >
3324
3425 < main class ="container ">
35-
36- < section class =" card " style =" text-align: center; margin-bottom: 40px; " >
37- < h2 style =" font-family: 'Playwrite IE Sj', cursive; color: var(--js-yellow); " > Bem-vindo ao Portal </ h2 >
38- < p > Este é o seu espaço para dominar a linguagem que move a internet. Navegue pelas aulas teóricas ou vá direto para o nosso laboratório praticar! </ p >
26+ < section class =" card " >
27+ < h3 > Comece sua Jornada </ h3 >
28+ < p > Navegue pelo menu para acessar as aulas e o laboratório de práticas. </ p >
29+ < a href =" praticas.html " class =" btn-primary " > Ir para Práticas </ a >
3930 </ section >
40-
41- < div class ="cards-container ">
42- < div class ="card ">
43- < span class ="badge "> Teoria</ span >
44- < h3 > Aulas Explicativas</ h3 >
45- < p > Conteúdo detalhado sobre variáveis, funções e lógica de programação.</ p >
46- < button onclick ="window.location.href='aulas.html' " class ="btn-lesson "> Ver Aulas</ button >
47- </ div >
48-
49- < div class ="card ">
50- < span class ="badge "> Mão na Massa</ span >
51- < h3 > Laboratório JS</ h3 >
52- < p > Um editor de código interativo para você testar seus conhecimentos agora.</ p >
53- < button onclick ="window.location.href='praticas.html' " class ="btn-lesson "> Ir para Práticas</ button >
54- </ div >
55-
56- < div class ="card ">
57- < span class ="badge "> Networking</ span >
58- < h3 > Comunidade</ h3 >
59- < p > Tire suas dúvidas e interaja com outros alunos no nosso Discord.</ p >
60- < button onclick ="window.location.href='https://discord.com/channels/1499755355570176081/1499755770991083570' " class ="btn-lesson " style ="background:#5865F2; "> Abrir Discord</ button >
61- </ div >
62- </ div >
6331 </ main >
6432
65- < footer style ="text-align: center; padding: 40px; color: var(--js-yellow); opacity: 0.8; font-size: 0.9rem; ">
66- © 2026 JS Master - Criado por Prof. Bernardo.
67- </ footer >
68-
6933 < script src ="script.js "> </ script >
70-
7134</ body >
72- </ html >
35+ </ html >
0 commit comments