-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
75 lines (60 loc) · 3.34 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Encriptador de Textos</title>
<link rel="shortcut icon" href="img/candado.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap" rel="stylesheet">
<script defer src="https://app.embed.im/snow.js"> </script>
</head>
<body>
<div class="container">
<div class="encriptador">
<h1 class="encriptador__logo"><img class="encriptador__img" src="./img/Logo.png" alt=""></h1>
<div class="input">
<form class="input__form" action="">
<textarea class="input__texto textarea" id="texto" type="text"
placeholder="Ingrese el texto aqui"></textarea>
<div class="input__extra">
<img class="extra__smilei" src="img/smile.svg" alt="smile">
<img class="extra__vectorp" src="img/Vectorp.svg" alt="vectorp">
<img class="extra__vector" src="img/Vector.svg" alt="vector">
<p class="input__advertencia"> Solo letras minúsculas y sin acentos</p>
<a class="boton-borrar " id="botonborrar" type="button" value="borrar"><span class="boton__span boton__span-borrar">borrar</span></a>
</div>
<div class="input__botones">
<a class=" boton" id="botonEnc" type="button" value="Encriptar"><span class="boton__span boton__span-encriptar">Encriptar</span></a>
<a class="boton" id="botonDec" type="button" value="Desencriptar"><span class="boton__span boton__span-desencriptar">Desencriptar</span></a>
</div>
</form>
</div>
<div class="output">
<form class="output__form" action="">
<div class="output__texto">
<textarea class="output__textarea textarea" name="tArea" id="tArea" cols="" rows=""></textarea>
<a class="boton " id="botonCop" type="button" value="Copiar"><span class="boton__span boton__span-copiar ">Copiar</span></a>
</div>
<div id="tapa" class="output__tapa">
<img class="output__img" src="./img/retro.png" alt="">
<p class="output__parrado1">Ningún mensaje fue encontrado</p>
<p class="output__parrado2">Ingresa el texto que desees encriptar o desencriptar.</p>
</div>
</form>
</div>
</div>
<footer class="footer">
<p> Pattern Responsive Design: Tiny Tweaks</p>
<div class="footer__nombre">
<p> Desarollado por Jefferson David cano </p>
<a class="footer__link" href="https://github.com/JeffersonD-art" target="_blank"><img
class="footer__logo" src="./img/github-logo-24.png" alt="logo github"></a>
</div>
</footer>
</div>
</body>
<script src="main.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</html>