GitHub/index.html at master · SandraCode1/GitHub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="es" dir="ltr">

    <head>
        <meta charset="UTF-8">
        <title>Encriptador</title>
        <link rel="stylesheet" href="style.css">
        <script src="script.js"></script>
        <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=Caveat:wght@700&family=Instrument+Serif:ital@1&display=swap" rel="stylesheet">
    </head>
    <body>
        <header class="contenedor">
            <div class="logo">
                <img src="imagenes/logo.png" alt="logo">
                <h1 class="titulo">Encriptador de mensajes</h1>

            </div>
                <section class="izquierda">
                    <textarea class="input-text" id="input-text" cols="30" rows="10" placeholder="Ingrese el texto aquí"></textarea>
                    <div class="botones">
                        <p>Sólo letra minusculas y sin acento</p>
                        <button class="encriptar" onclick="encriptar()">¡Encriptar!</button>
                        <button class="desencriptar" onclick="desencriptar()">¡Desencriptar!</button>
                    </div>
                </section>

                <section class="derecha">
                    <img src="imagenes/image.png" alt="imagen-decorativa" class="image" id="image">
                    <h1 id="text">Ningún mensaje fue encontrado</h1>
                    <textarea class="mensaje" id="mensaje" cols="20" rows="10">Ingresa el texto que desees encriptar o desencriptar.</textarea>
                    <div>
                    <button  class="copiar" id="copy" onclick="copy()">¡Copiar!</button>
                    </div>
                </section>
        </header>
    </body>

    <footer>
<h3 class="pie">Desarrollado por Sandra Martin</h3>
    </footer>
</html>