-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (48 loc) · 2.55 KB
/
index.html
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
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<title>Encriptador/Desencriptador</title>
<script type="text/javascript" src="javascript/Control.js"></script>
<link rel="icon" href="images/favicon.1647533644.ico">
</head>
<body>
<header>
<nav>
<a href="#"><img class="logotipo" src="images/logoalura.svg" alt="Logotipo de Alura"></a>
<div>
<ul class="referencias">
<li><a href="#informacion">Sigueme</a></li>
<li>|</li>
</ul>
<a class="boton-nav" href="#" target="_blank">Whatsapp</a>
</div>
</nav>
</header>
<main>
<section class="campo-inserccion">
<textarea class="textarea" id="textoobtenido" cols="30" rows="10" autocapitalize="none" required placeholder="Escribe el texto aquí"></textarea>
<p><img src="images/informacion.svg" alt="Icono de mensaje importante">Solo letras minúsculas y sin acentos.</p>
<div>
<input id="botonencriptar" onclick="encriptarTexto();" type="submit" class="botones botonencriptar" value="Encriptar" >
<input id="botondesencriptar" onclick="desencriptarTexto();" type="submit" class="botones botondesencriptar" value="Desencriptar">
</div>
</section>
<section class="campo-resultado">
<textarea class="textarea campoderesultado" id="textoresultado" autocapitalize="none" readonly="readonly" cols="30" rows="10" placeholder="Aún no tenemos un resultado, ingresa el texto a codificar o decodificar."></textarea>
<input class="botones botoncopiar" onclick="copiarTexto();" type="submit" value="Copiar y Pegar">
</section>
</main>
<footer>
<div class="informacion" id="informacion">
<a href="https://www.instagram.com/jmendozec/" target="_blank"><img src="images/instagram.svg" alt="Icono de instagram"></a>
<a href="https://github.com/Gijmend" target="_blank"><img src="images/github.svg" alt="Icono de github"></a>
<a href="www.linkedin.com/in/jmendozec" target="_blank"><img src="images/logotipo-de-linkedin.svg" alt="Icono de Linkedin"></a>
</div>
<p class="informacion copy">Desarrollado por: <span> G E N E L S I S </span> © 2022</p>
</footer>
</body>
</html>