-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (44 loc) · 1.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<link rel="stylesheet" href="./assets/style.css">
<title>ENCRYPT</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<h3>Advance Encryption Standard (AES): A symmetric block cipher chosen by the U.S. government to protect
classified information. AES is implemented in software and hardware throughout the world to encrypt
sensitive data. It is essential for government computer security, cybersecurity and electronic data
protection.</h3>
<br>
<div class="outer">
<h2>Encrypt the Password</h2>
<input type="text" id="password" placeholder="password">
<input type="text" id="key1" placeholder="key">
<br>
<br>
<button onclick="encrypt()">Encrypt</button>
<div class="result1" id="result1"></div>
<br>
<br>
<br>
<br>
<h2>Decrypt the Password</h2>
<input type="text" id="password2" placeholder="password">
<input type="text" id="key2" placeholder="key">
<br>
<br>
<button onclick="decrypt()">Decrypt</button>
<div class="result2" id="result2"></div>
<br>
</div>
</div>
<script src="assets/app.js"></script>
</body>
</html>