HackySecOS.html

<!DOCTYPE html>
<html lang="PT-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HackySecOS</title>
    <style>
        body {
            font-family: Arial, sans-serif:
            text-align: center;
            background-color: #f4f4f9;
            color: #333;
            margin: 0;
            padding: 20px;
            
        }
        header {
            padding: 20px;
            background-color; #0078d4;
            color: white;
            border: none;
            padding: 10px 20px;
            margin-top: 20px;
            cursor: pointer;
            font-size: 16px;
        }
        button:hover {
            background-color: #0056a3;
            
        }
        footer {
           margin-top: 20px;
           padding: 10px;
           background-color: #333;
           color: white;
       }
    </style>
  </head>
  <body>
      <header>
           <h1>Bem-vindo ao HackySecOS</h1>
           <p>Feito para cibersegurança (Hacker Ético) e inteligência anti-viral</p>
      </header>
      <main>
           <p>Clique abaixo para explorar mais funcionalidades do HackySecOS:</p>
           <button onclick="showMessage()">Explorar</button>
         </main>
         <footer>
         <p>© 2024 HackySecOS. Todos os direitos reservados.</p>
         </footer>
         <script>
             function showMessage() {
                 alert('Funcionalidade em construção! Fique ligado para mais.');
          
           } 
      </script>
  </body>
  </html>

           