computer/index.html at master · anderharris/computer · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/icon.png">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <link rel="stylesheet" href="main.css" />

    <title>Applications of Computing</title>
  </head>
  <body>

    <iframe src="navbar.html" class="navbarObject">
        If you're seeing this message something went wrong.
    </iframe>

    <div class="container-fluid bg-warning p-5 text-dark text-center">
        <h1>Applications of Computing</h1>
    </div>
    <div class="mt-5 container-lg">
        <div class="row">
            <div class="col-sm-6">
                <h3>How has computing got here today?</h3>
                <p>The first programmable computer, the Z1, was created between 1936 and 1938 by Konrad Zuse in his parents' living room&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://en.wikipedia.org/wiki/Z1_(computer)" target="_blank">Read More →</a></p>
                <p>Since then, computers have gotten smaller and faster to the present day where computers are all around us. Instead of having a room dedicated to one computer, all you need now is your pocket.</p>
                <p>All this has been enabled to evolving technology, such as 7 nanometer long transistors. This allows billions of transistors to fit on a small chip in the latest smartphones.</p>
            </div>
            <div class="col-sm-6">
                <h3>Interesting Articles on Useful Applications of Comptuting</h3>
                <p>Computing has developed exponentially over the last few decades. The following articles show some of these new developments:</p>
                <ul>
                    <li>Medical Advances&nbsp;&nbsp;&nbsp;&nbsp;<a href="medical.html">Read More →</a></li>
                    <li>Home Automation&nbsp;&nbsp;&nbsp;&nbsp;<a href="charlie.html">Read More →</a></li>
                    <li>Cryptography&nbsp;&nbsp;&nbsp;&nbsp;<a href="cryptography.html">Read More →</a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
                <img class="img-fluid" src="images/z1.jpg" alt="A replica of the Z1 computer.">
            </div>
            <div class="col-sm-4">
                <img class="img-fluid mt-5" src="images/mac.jpg" alt="The evolution of Apple Mac Computers over the years">
            </div>
            <div class="col-sm-4">
                <img class="img-fluid" src="images/samsung.jpg" alt="The evolution of Samsung mobile phones since 2010">
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
                <p>A replica model of the Z1 computer (<a href="https://en.wikipedia.org/wiki/Z1_(computer)" target="_blank">from Wikipedia</a>)</p>
            </div>
            <div class="col-sm-4">
                <p>The evolution of Apple Mac Computers from 1984 to the present day (<a href="https://appleinsider.com/articles/13/09/28/whats-left-for-the-macintosh-in-a-post-pc-ios-world" target="_blank">from AppleInsider</a>)</p>
            </div>
            <div class="col-sm-4">
                <p>The evolution of Samsung mobile phones since 2010 (<a href="https://www.cnet.com/pictures/evolution-history-samsung-galaxy-phones/" target="_blank">from CNET</a>)</p>
            </div>
        </div>
    </div>

    <br>
    <div class="card" style="width:600px;margin-left:60px;">
        <div class="card-body">
            <h5 class="card-title">Author Details</h5>
            <p><b>Name:</b> Callum Gray<br>
                <b>Github:</b> <a href="https://github.com/callum-gg">https://github.com/callum-gg</a><br>
                <b>LinkedIn:</b> <a href="https://www.linkedin.com/in/callum-gray-a11779153/">https://www.linkedin.com/in/callum-gray-a11779153/</a><br>
                <b>Written by:</b> Ben Welch
            </p>
        </div>
    </div><br><br>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  </body>
</html>