<![CDATA[<!DOCTYPE html><html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Organiza Kids - App</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
background-color: #fff8f5;
}
header {
background-color: #f28ab2;
color: white;
padding: 1rem;
text-align: center;
}
main {
padding: 2rem;
max-width: 960px;
margin: auto;
}
.section {
margin-bottom: 2rem;
background: white;
padding: 1rem;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
h2 {
color: #ef3e73;
}
.input-group {
margin-bottom: 1rem;
}
label {
display: block;
margin-bottom: 0.5rem;
}
input, select, button {
width: 100%;
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
background-color: #ef3e73;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #d43f63;
}
.task-list li, .reward-list li {
margin: 0.5rem 0;
}
</style>
</head>
<body>
<header>
<h1>Organiza Kids</h1>
<p>Organize a rotina da sua criança de forma divertida!</p>
</header> <main>
<!-- Cadastro -->
<div class="section">
<h2>Cadastro do Responsável</h2>
<div class="input-group">
<label for="email">Email</label>
<input type="email" id="email">
</div>
<div class="input-group">
<label for="senha">Senha</label>
<input type="password" id="senha">
</div>
<button>Cadastrar</button>
</div><!-- Perfil da Criança -->
<div class="section">
<h2>Perfil da Criança</h2>
<div class="input-group">
<label for="nome">Nome</label>
<input type="text" id="nome">
</div>
<div class="input-group">
<label for="idade">Idade</label>
<input type="number" id="idade">
</div>
<div class="input-group">
<label for="avatar">Avatar</label>
<select id="avatar">
<option>🐶</option>
<option>🐱</option>
<option>🦊</option>
<option>🐻</option>
</select>
</div>
</div>
<!-- Agenda do Dia -->
<div class="section">
<h2>Agenda do Dia</h2>
<ul>
<li>🕖 Café da manhã - 7h30</li>
<li>📖 Estudo - 9h</li>
<li>🏃 Atividade física - 10h30</li>
<li>🍽️ Almoço - 12h</li>
<li>🛏️ Soneca - 13h30</li>
<li>🎨 Tempo livre - 15h</li>
<li>📱 Tela controlada - 16h</li>
<li>🍽️ Jantar - 19h</li>
<li>🛌 Dormir - 20h30</li>
</ul>
</div>
<!-- Tarefas com Recompensas -->
<div class="section">
<h2>Tarefas com Recompensas</h2>
<ul class="task-list">
<li>✅ Escovar os dentes</li>
<li>✅ Arrumar a cama</li>
<li>✅ Guardar brinquedos</li>
<li>✅ Ajudar a pôr a mesa</li>
<li>✅ Tomar banho</li>
<li>✅ Fazer dever de casa</li>
<li>✅ Alimentar o pet</li>
<li>✅ Ler por 10 minutos</li>
<li>✅ Vestir-se sozinho</li>
<li>✅ Ajudar a organizar o quarto</li>
</ul>
</div>
<!-- Carteira de Pontos -->
<div class="section">
<h2>Carteirinha de Pontos</h2>
<p>Pontos: 120</p>
<p>Guardar: 50 | Gastar: 50 | Doar: 20</p>
</div>
<!-- Loja de Recompensas -->
<div class="section">
<h2>Loja de Recompensas</h2>
<ul class="reward-list">
<li>🎥 Escolher o filme da noite - 100 pts</li>
<li>🍦 Sorvete no fim de semana - 150 pts</li>
<li>⏱️ 15 min extras de tela - 80 pts</li>
</ul>
</div>
<!-- Painel dos Pais -->
<div class="section">
<h2>Painel dos Pais</h2>
<p>Resumo diário: 8/10 tarefas concluídas</p>
<p>Alertas: Nenhum atraso</p>
<p>Relatório semanal: disponível para download</p>
</div>
</main> <footer>
<p style="text-align:center; padding:1rem; color: white; background-color: #ef3e73;">Organiza Kids © 2025</p>
</footer>
</body>
</html>]]>