<!DOCTYPE html> <html lang=”es”> <head> <meta charset=”UTF-8″> <meta name=”viewport”content=”width=device-width, initial-scale=1.0″> <title>Salud Laboral – Tu Bienestar</title> <link rel=”stylesheet”href=”style.css”> </head> <body> <header> <h1>Mi Salud y la de mis Empleados</h1> <nav> <buttonid=”showRegisterForm”>Registrar Datos</button> <button id=”showDashboard”>Ver Dashboard</button> <buttonid=”showReports”>Generar Informes</button> </nav> </header> <main> <section id=”registerSection” class=”active-section”> <h2>Registrar Nuevos Datos de Salud</h2> <form id=”healthForm”> <label for=”date”>Fecha:</label> <inputtype=”date” id=”date” required> <label for=”weight”>Peso (kg):</label> <input type=”number” id=”weight” step=”0.1″placeholder=”Ej: 70.5″ required> <label for=”sleepHours”>Horas de Sueño:</label> <input type=”number”id=”sleepHours” step=”0.5″ placeholder=”Ej: 7.5″ required> <label for=”activityLevel”>Nivel de Actividad Física:</label> <select id=”activityLevel” required> <option value=””>Selecciona</option> <optionvalue=”bajo”>Bajo</option> <option value=”moderado”>Moderado</option> <option value=”alto”>Alto</option></select> <label for=”notes”>Notas adicionales:</label> <textarea id=”notes” rows=”3″ placeholder=”Ej: Me sentí con mucha energía hoy.”></textarea> <button type=”submit”>Guardar Datos</button> </form> </section> <sectionid=”dashboardSection” class=”hidden-section”> <h2>Tu Dashboard de Salud</h2> <div id=”dataDisplay”> <p>Aún no has registrado datos. ¡Empieza a registrar para ver tu progreso!</p> </div> </section> <section id=”reportsSection”class=”hidden-section”> <h2>Informes de Salud</h2> <p>Aquí podrás ver un resumen de tus datos a lo largo del tiempo.</p> <button id=”generateReportButton”>Generar Informe Básico</button> <div id=”reportOutput”> </div> </section><section id=”notificationsSection”> <h2>Notificaciones</h2> <div id=”notificationArea”> </div> </section> </main><script src=”script.js”></script> </body> </html>
Reset Life
Respira mejor para mejorar tu vida
Footer
Descarga la App
