Update index.html

bernardoyt1093-wq · web-flow · commit 15687fc37038 · 2026-05-09T09:33:49.000-03:00
diff --git a/index.html b/index.html
@@ -2,31 +2,31 @@
 <html lang="pt-br">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>JS Master - Bernardo</title>
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <nav class="navbar">
-        <div class="logo">JS<span>Master</span></div>
+        <div class="logo" style="color: var(--text-dark);">JS<span>Master</span></div>
         <ul>
             <li><a href="index.html">Início</a></li>
             <li><a href="aulas.html">Aulas</a></li>
             <li><a href="praticas.html">Práticas</a></li>
-            <li><a href="https://discord.com/channels/1499755355570176081/1499755770991083570" target="_blank">Comunidade</a></li>
-            <li><button class="theme-switch" id="theme-button">Trocar Tema</button></li>
+            <li><a href="https://discord.com/channels/1499755355570176081/1499755770991083570" target="_blank" style="background: var(--accent); padding: 5px 10px; border-radius: 5px;">Comunidade</a></li>
+            <li><button class="theme-switch" id="theme-button">TEMA</button></li>
         </ul>
     </nav>
 
-    <header class="hero">
-        <h1>Bem-vindo ao <span>JS Master</span></h1>
-        <p>Aprenda com o Prof. Bernardo nas cores que você escolheu!</p>
-    </header>
-
     <main class="container">
+        <div id="tutorial-texto">
+            </div>
+
         <section class="card">
-            <h3>Comece sua Jornada</h3>
-            <p>Navegue pelo menu para acessar as aulas e o laboratório de práticas.</p>
-            <a href="praticas.html" class="btn-primary">Ir para Práticas</a>
+            <h1>Laboratório do Bernardo</h1>
+            <p>Escolha um nível para praticar:</p>
+            <button onclick="verAula(1)" class="btn-lesson">Nível 1: Variáveis</button>
+            <button onclick="verAula(2)" class="btn-lesson">Nível 2: Funções</button>
         </section>
     </main>
 
