Update index.html

bernardoyt1093-wq · web-flow · commit 8354a1d0c097 · 2026-05-09T09:46:51.000-03:00
diff --git a/index.html b/index.html
@@ -7,26 +7,31 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+
     <nav class="navbar">
-        <div class="logo" style="color: var(--text-dark);">JS<span>Master</span></div>
-        <ul>
+        <div class="logo">JS<span>Master</span></div>
+        <ul class="nav-links">
             <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" style="background: var(--accent); padding: 5px 10px; border-radius: 5px;">Comunidade</a></li>
-            <li><button class="theme-switch" id="theme-button">TEMA</button></li>
+            <li><a href="https://discord.com/channels/1499755355570176081/1499755770991083570" target="_blank" class="comunidade-link">Comunidade</a></li>
+            <li><button id="theme-button" class="theme-switch">Trocar Tema</button></li>
         </ul>
     </nav>
 
+    <header class="hero">
+        <h1>Laboratório <span>Bernardo</span></h1>
+        <p>Aprenda JavaScript com as cores que você escolheu.</p>
+    </header>
+
     <main class="container">
-        <div id="tutorial-texto">
-            </div>
+        <div id="tutorial-texto"></div>
 
         <section class="card">
-            <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>
+            <h2>Desafios Práticos</h2>
+            <p>Clique abaixo para abrir o editor interativo:</p>
+            <div style="display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px;">
+                <button onclick="verAula(1)" class="btn-primary">Nível 1: Variáveis</button>
+                <button onclick="verAula(2)" class="btn-primary">Nível 2: Funções</button>
+            </div>
         </section>
     </main>
 
