index.html

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Encriptador</title>
        <link rel="stylesheet" href="styles.css">


    </head>
    <body>
        <header>
        <div class="logo">
            <h1>
                <img src="Imagenes/Vector.png" alt="">
            </h1>
      
        </div>
    </header>

    <main>
        <section>
            <input class="inputTexto" placeholder="Ingrese el texto aquí "/>
            <div class="minusculas">
                <img src="Imagenes/Icono.png" alt=""><p>Solo letras minúsculas y sin acentos</p>
               
            </div>
            <div class="botones">
                <button class="encriptar" onclick="btnEncriptar()">Encriptar</button>
                <button class="desencriptar" onclick="btnDesencriptar()">Desencriptar</button>
            </div>
        
        </section>
    
        <section>
            <div class="resultadoBox">
            <img src="Imagenes/Muñeco.png" alt="" class="imagenMuñeco">
            </div>
            <textarea class="mensaje"></textarea>

        </section>

        
    </main>


    </body>

    <footer>
        <script src="./encriptar.js"></script>
    </footer>

</html>