-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (115 loc) · 4.97 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<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" />
<meta name="keywords" content="Encrypt & Decrypt Text" />
<meta
name="description"
content="Encrypt & Decrypt Text Online In cryptography, encryption is the process of transforming information (referred to as plaintext) using an algorithm (called cipher) to make it unreadable to anyone except those possessing special knowledge, usually referred to as a key."
/>
<title>Encrypt & Decrypt Text Online</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="encodeDecode.css" />
<link rel="icon" href="Fav-Icon/fav 16.png" type="image/png">
</head>
<body>
<header>
<button><a href="#" style="color: black;">Caesar Cipher</a></button>
<button ><a href="Playfair-Cipher/playfair.html" style="color: #000;">Playfair Cipher</a></button>
</header>
<div id="heading">
<h1>Encrypt & Decrypt Text Messages</h1>
</div>
<!-- <h1>Encrypt & Decrypt Text Online</h1> -->
<h2>Caesar Cipher</h2>
<section>
<div>
<form action="">
<label style="font-weight: 400; font-size: 25px; margin: 0px 5%"
>Enter your Text in Box:</label
>
<textarea name="" id="input" cols="50" rows="10" placeholder="Enter message to be Encrypt or Decrypt">Hey,This is created by Rohit!</textarea> <br />
<label for="shiftAmount" style="margin: 20px 10px"
><b>Enter Shift Number:</b></label
>
<input type="number" name="" id="shiftAmount" value="1" /><br />
<button type="button" id="enc" class="btn btn-outline-dark">
Encrypt Text
</button>
<button type="button" id="dec" class="btn btn-outline-dark">
Decrypt Text
</button>
</form>
</div>
<div id="middle"><img src="Images/img1.png" alt="" /></div>
<div >
<label
id="outputTEXT"
style="font-weight: 400; font-size: 25px; margin: 0px 5%"
>Encrypted/Decrypted text is below:
</label>
<textarea name="" id="output" cols="50" rows="10" placeholder="Your message will be displayed here....."></textarea><br />
<button onclick="myFunction()" class="btn btn-outline-dark">
Copy Text
<img
src="https://th.bing.com/th/id/OIP.vpi9nswNXUJquGXxdGG8sgAAAA?pid=ImgDet&w=181&h=181&c=7&dpr=1.25"
alt=""
/>
</button>
</div>
</section>
<hr />
<main>
<div class="flow_Chart">
<h2 >..............Flow-Chart.............</h2>
<img src="Images/what-is-encryption.png" alt="" class="src" />
</div>
<div id="btn">
<div><button type="submit" onclick="window.open('File/Encryption & Decryption.Docx')">Download_Report</button></div>
<div><button type="submit" onclick="window.open('File/Encryption & Decryption.pptx')">Download_ppt</button></div>
<div><button type="submit" onclick="window.open('File/Rohit Kumar Resume.pdf')">Download_Resume</button></div>
<!-- <div><form method="get" action="Rohit Kumar Resume.pdf" target="_blank">
<button type="submit">Download_Resume2!</button>
</form>
</div> -->
</div>
</main>
<br/><br/>
<footer class="foot">
<hr>
<h2>Connect with me </h2> <br/><br/>
<div class="social-Icon">
<div class="social"><a href="https://www.linkedin.com/in/rohit-kr19" target="_blank" rel="">
<img src="Images/social-icon/linkedin.png" alt="social_icon">
</a></div>
<div class="social"><a href="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/rohitkr01" target="_blank" rel=" ">
<img src="Images/social-icon/github.png" alt="social_icon">
</a></div>
<div class="social"><a href="https://youtube.com/channel/UCFw6QcT1hGKSigxswmh57Rw" target="_blank" rel="">
<img src="Images/social-icon/youtube.png" alt="social_icon">
</a></div>
<div class="social"><a href="https://" target="_blank" rel=" ">
<img src="Images/social-icon/twitter.png" alt="social_icon">
</a></div>
</div>
<h3>Created By : Rohit Kumar </h3>
</footer>
<script src="encodeDecode.js"></script>
<script>
function myFunction() {
var copyText = document.getElementById("output");
copyText.select();
scopyText.setSelectionRange(0, 99999);
document.execCommand("copy");
// alert("text Copied");
}
</script>
</body>
</html>