-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
75 lines (75 loc) · 4.51 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">
<link rel="stylesheet" href="./style.css" type="text/css">
<link rel="shortcut icon" href="./images/1486503785-authorisation-lock-padlock-password-privacy-safe-security_81267.png" type="image/x-icon">
<title>Encriptador</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
<body>
<header>
<div class="container-logo-alura">
<a class="a-logo-alura" href="https://www.aluracursos.com" target="_blank"><img class="logo-alura" src="./images/Logo.svg" alt="logo de alura."></a>
</div>
<a href="" target="_self"><h1 class="titulo-principal">Encriptador de texto</h1></a>
</header>
<main>
<!--Seccion encriptar-->
<section class="container-encriptar">
<div class="container-ingresar">
<div class="advertencia">
<h6>Solo letras minúsculas y sin acentos.</h6>
</div>
<div class="container-textarea-encriptar">
<textarea class="texto-encriptar" id="texto-encriptar" type="text"
cols="80" rows="25" placeholder="Ingrese el texto aquí..." autofocus="false"></textarea>
</div>
<div class="btns-herramientas">
<button class="btn" id="btn-borrar-1" type="button" value="Borrar">Borrar</button>
</div>
<div class="btns-inputs">
<button class="btn" id="btn-encriptar" type="button" value="Encriptar">Encriptar</button>
<button class="btn" id="btn-desencriptar" type="button" value="Desencriptar">Desencriptar</button>
</div>
</div>
</section>
<!--Esto es para la animacion de encriptar o descriptar el codigo-->
<div class="animacion" hidden></div>
<!--Seccion desencriptar-->
<section class="container-desencriptar">
<div class="container-resultado">
<div class="container-cubierta" id="cubierta">
<img id="image-1" src="./images/DrawKit Vector Illustration Fun & Playful Finn Character (13).svg" alt="image-1">
<p class="mensage-1">Ningún mensaje fue encontrado</p>
<p class="mensage-2">Ingresa el texto que desees encriptar o desencriptar.</p>
</div>
<div class="container-textarea-desencriptar">
<textarea class="texto-desencriptar" id="texto-desencriptar" type="text"
cols="40" rows="25" placeholder="No deberías de estar viendo este mensaje xd"></textarea>
</div>
<div class="btns-herramientas" id="btns-herramientas">
<button class="btn" id="btn-copiar" type="button" value="Copiar">Copiar</button>
<button class="btn" id="btn-borrar-2" type="button" value="Borrar">Borrar</button>
</div>
</div>
</section>
<!--Footer-->
<footer>
<section class="footer">
<div class="footer-logo">
<p>DESARROLLADO POR KINGTERO17</p>
<a class="a-logo-social-media" href="https://discord.gg/s6wT5B5zMW" target="_blank" target="_blank"><img class="logo-social-media" id="logo-discord" src="./images/Discord.png" alt="logo-discord"></a>
<a class="a-logo-social-media" href="https://www.linkedin.com/in/dylan-q-m" target="_blank"><img class="logo-social-media" id="logo-linkedin" src="./images/LinkedIn.png" alt="logo-linkedIn"></a>
<a class="a-logo-social-media" href="https://github.com/Kingtero17" target="_blank"><img class="logo-social-media" id="logo-github" src="./images/github_macos_bigsur_icon_190140.png" alt="logo-github"></a>
</div>
</section>
</footer>
</main>
<script src="./script.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript" ></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</body>
</html>