gitcollab-practical/Encryption.html at main · BrianZasuwik/gitcollab-practical · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
        <title>
            A webpage on the benefits of encryption
        </title>
        <link rel="stylesheet" href="mainStyle.css">
    </head>
    <body>
        <main>
            <nav class="navbar navbar-expand-lg">
        <div class="container-fluid">

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="ai_industry.html">AI</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="disabilityaids.html">Disability Aids</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="computer_vision.html">Computer Vision</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="RecordKeeping.html">Record Keeping</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="nature.html">Environmental</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="Encryption.html">Encryption</a>
                    </li>
                </ul>
            </div>
        </div>
        </nav>
            <h1>
            Encryption and its Benefits
            </h1>
            <h2>
            A Brief Introduction to Encryption
            </h2>
            <p>
                Encryption is the process of turning readable plaintext into an incohesive set of characters called ciphertext. It does this by utilising encryption software that does the encryption of the plaintext, usually either symmetrical or asymmetrical in nature
            </p>
            <h2>
                Benefits of Encryption
            </h2>
            <div class="sectors">
                <div class="card-body">
                    <h3 class="card-title">1. Safe and Secure Communication</h3>
                    <p class="card-text">Ever since the time of the Romans and possibly earlier, encryption has been utilised to maintain a secure line of communication without any worries that foreign elements might interpret the message. This is more prevalent in the internet age as there are many hackers that are waiting for companies to reveal crucial information to sell for their own benefit. Assymetric encryption softwares that utilise a Vernam Cipher help secure messages that people or businesses want private.</p>
                    <a href="https://www.geeksforgeeks.org/computer-networks/vernam-cipher-in-cryptography/" class="btn btn-primary">A deeper look at the Vernam Cipher</a>
                </div>
                <div class="card-body">
                    <h3 class="card-title">2. Long-term Cost Efficiency</h3>
                    <p class="card-text">By automating encryption and increasing its complexity via one-time keys, companies have a reduced load of needing someone to create their key and creating security risks from having someone know the key. Aside from that, encryption reduces the frequencies of data leaks and blackmail from hackers; further reducing costs directed to those areas.</p>
                </div>
                <div class="card-body">
                    <h3 class="card-title">3. Secure Internet Browsing</h3>
                    <p class="card-text">By encrypting a website from the transport layer, hackers cannot access and compromise the security of the website. This allows the public to be able to access and utilise the internet for more private or valuable uses like online banking and shopping; this forces hackers to resort to more niche and roundabout methods to obtain data and money.</p>
                </div>
            </div>
        <div class="card mb-2">
            <div class="card-body">
            <h3>Authored by:</h3>
            <p><img src="https://avatars.githubusercontent.com/u/200087858" class="rounded" height="64px"><b> Lucas Ng</b></p>. <!--the px in height="64px" is invalid-->
            <p>Find me on LinkedIn:</p>
            <p><a href="https://www.linkedin.com/in/lucas-ng-b90241384/"target="_blank" rel="noopener noreferrer" class="btn btn-primary">View LinkedIn profile</a></p> <!-- no space between href and target-->
            <p>Find me on GitHub:</p>
            <p><a href="https://github.com/Vrataski-8" target="_blank" rel="noopener noreferrer" class="btn btn-primary">View GitHub profile</a></p>
            </div>
        </div>
        </main>
          <!-- Add content before the JS link -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
    <script type="text/javascript" src="javascript.js"></script>
    </body>
</html>