33< head >
44 < meta charset ="UTF-8 ">
55 < 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-
6+ < title > JS Master - Início</ title >
127 < link rel ="stylesheet " href ="style.css ">
138</ head >
149< body >
15-
1610 < nav class ="navbar ">
1711 < div class ="logo "> JS< span > Master</ span > </ div >
1812 < ul >
2216 < li > < a href ="https://discord.com/channels/1499755355570176081/1499755770991083570 " target ="_blank " class ="btn-comunidade "> Comunidade</ a > </ li >
2317 </ ul >
2418 </ nav >
25-
2619 < 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 >
20+ < h1 > JS < span > MASTER</ span > </ h1 >
21+ < p > O portal oficial de programação do Prof. Bernardo.</ p >
3222 </ header >
33-
3423 < 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 >
24+ < section class ="card ">
25+ < h2 > Bem-vindo!</ h2 >
26+ < p > Escolha uma das abas no menu acima para começar a sua jornada.</ p >
3927 </ 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 >
6328 </ main >
64-
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-
69- < script src ="script.js "> </ script >
70-
7129</ body >
72- </ html >
30+ </ html >
0 commit comments