Update praticas.html

bernardoyt1093-wq · web-flow · commit 8c23f63ae32f · 2026-05-10T12:53:25.000-03:00
diff --git a/praticas.html b/praticas.html
@@ -3,10 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Laboratório - JS Master</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Playwrite+IE+Sj:wght@100..400&display=swap" rel="stylesheet">
+    <title>Laboratório JS - Prof. Bernardo</title>
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
@@ -17,39 +14,39 @@
             <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" class="btn-comunidade">Comunidade</a></li>
         </ul>
     </nav>
 
     <header class="hero">
-        <h1>Laboratório <span>Interativo</span></h1>
-        <p>Escolha um desafio para abrir o editor de código abaixo.</p>
+        <h1 style="font-family: 'Alfa Slab One', cursive;">Laboratório <span>Prático</span></h1>
+        <p>Escolha um desafio abaixo para abrir o editor de código.</p>
     </header>
 
     <main class="container">
-        <div id="tutorial-texto"></div>
+        
+        <div id="tutorial-texto">
+            <div class="card" style="text-align: center;">
+                <h3>Aguardando seleção...</h3>
+                <p>Clique em um dos botões abaixo para começar a programar.</p>
+            </div>
+        </div>
 
-        <section class="aulas-grid">
-            <h2 style="margin-bottom: 25px; font-family: 'Playwrite IE Sj', cursive;">Desafios Disponíveis</h2>
-            <div class="cards-container">
-                <div class="card">
-                    <span class="badge">Nível 1</span>
-                    <h3>Variáveis</h3>
-                    <button onclick="verAula(1)" class="btn-lesson">Abrir Laboratório</button>
-                </div>
-                <div class="card">
-                    <span class="badge">Nível 2</span>
-                    <h3>Funções</h3>
-                    <button onclick="verAula(2)" class="btn-lesson">Abrir Laboratório</button>
-                </div>
-                <div class="card">
-                    <span class="badge">Nível 3</span>
-                    <h3>Lógica</h3>
-                    <button onclick="verAula(3)" class="btn-lesson">Abrir Laboratório</button>
-                </div>
+        <section class="card" style="margin-top: 30px;">
+            <h2 style="margin-bottom: 20px;">Desafios Disponíveis</h2>
+            <div style="display: flex; gap: 15px; flex-wrap: wrap;">
+                <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>
+                <button onclick="verAula(3)" class="btn-lesson">Nível 3: Condicionais</button>
             </div>
         </section>
+
     </main>
 
+    <footer style="text-align: center; padding: 40px; opacity: 0.7; font-size: 0.8rem;">
+        &copy; 2026 JS Master - Prof. Bernardo
+    </footer>
+
     <script src="script.js"></script>
 </body>
 </html>
