-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
93 lines (81 loc) · 4.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
<link rel="stylesheet" type="text/css" href="./css/main.css">
<title>Cryptography Ciphers</title>
</head>
<body>
<div class="flex-container">
<div data-aos="slide-right" class="flex-item-left">CIPHERS
<p class="text-align">In cryptography, a cipher (or cypher) is an algorithm for performing encryption or decryption—a series of well-defined steps that can be followed as a procedure. An alternative, less common term is encipherment. To encipher or encode is to convert information into cipher or code. In common parlance, "cipher" is synonymous with "code", as they are both a set of steps that encrypt a message; however, the concepts are distinct in cryptography, especially classical cryptography.</div>
<div class="flex-item">
<button data-aos="zoom-in-up" data-aos-delay="800" class="mybutton" onclick="location.href='cipher.html'" type="button">CLICK HERE TO START</button>
</div>
<div data-aos="slide-left"class="flex-item-right">
ENCYPT YOUR MESSAGES IN 12 DIFFERENT WAYS!!!!
<p class="text-align1">Need to encrpt your text?</p>
<p class="text-align1">1. Select the cipher </p>
<p class="text-align1">2. Type your text</p>
<p class="text-align1">3. Click on encrypt</p>
<p class="text-align1">4. Voila!! You have encrpted your text!!!</p>
<p class="text-align1">5. To decrypt, just click on decrypt and you are done!</p>
<p></p>
</div>
</div>
<!-- NAVBAR -->
<!--<section id="header">-->
<!--<div>
<div class="logo">
<a href="index.html" class="logo">©íπhê® Më</a>
</div>-->
<!--<div class="options">
<a href="./views/design.html" class="options"><i class="fas fa-cogs"></i></a>
<a href="./views/zip.html" class="options">Zip</a>
<a href="./views/polyalphabeticCipher.html" class="options">Polyalphabetic Cipher</a>
<a href="./views/vigenere.html" class="options">Vigenère Cipher</a>
<a href="./views/Caesar.html" class="options">Caesar Cipher</a><br>
<a href="./views/reverse.html" class="options">Reverse Cipher</a>
<a href="./views/multiplicative.html" class="options">Multiplicative Cipher</a>
<a href="./views/polybius.html" class="options">Polybius Cipher</a>
<a href="./views/railfence.html" class="options">Rail fence Cipher</a>
<a href="./views/baconian.html" class="options">Baconian Cipher</a>
<a href="./views/Vernam.html" class="options">Vernam Cipher</a>
<a href="./views/atbash.html" class="options">Atbash Cipher</a>
<a href="./views/enigma.html" class="options"><span>Σ</span>nigma</a>
</div>
</div>-->
<!-- </section>-->
<!-- ANIMATED LOGO -->
<!--<ul class="fly-in-text hidden" id="myLogo">
<li>©</li>
<li>í</li>
<li>π</li>
<li>h</li>
<li>ê</li>
<li>®</li>
<li id="mInLogo">M</li>
<li>ë</li>
</ul>-->
<!-- ANIMATED DESCRIPTION -->
<!--<div class="indexText invisible">
<p>For centuries people wanted to make their messages unreadeble to all but those who knew how to read them. Many ciphers have been designed and some remained a mystery for centuries. Here you can discover three ciphers and learn some interesting things about them. You can also encode your message if you want to keep the content secret. Happy exploring!</p>
</div>-->
<!-- BLACK FOOTER -->
<!--<div class="footer">
</div>-->
<script type="text/javascript" src="./js/index.js"></script>
<script>
AOS.init({
duration: 1200,
})
</script>
</body>
</html>