HistoryWorksSite/IP.html at master · chwicklund/HistoryWorksSite · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-TWZ860NQYZ"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-TWZ860NQYZ');
    </script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="css/pages.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&display=swap" rel="stylesheet">
    <link rel="icon" type="image/png" href="images/earth.png">

    <meta charset="UTF-8">
    <title>IP Addresses, Packets and Routing</title>
</head>
<body>

<div>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">THE INTERNET: A HISTORY/EXPLANATION</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">HOME</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about.html">ABOUT</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            HISTORY
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="invention.html">The Invention of the Internet</a>
                            <a class="dropdown-item" href="browserWars.html">Browser Wars</a>
                            <a class="dropdown-item" href="internetSearch.html">Internet Search</a>
                            <a class="dropdown-item" href="dotCom.html">Dot Com Bubble</a>
                            <a class="dropdown-item" href="people.html">Important People</a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle active" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            HOW IT ALL WORKS
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="ICANN.html">Domain Names and ICANN</a>
                            <a class="dropdown-item" href="IP.html">IP Addresses, Packets and Routing</a>
                            <a class="dropdown-item" href="DNS.html">DNS</a>
                            <a class="dropdown-item" href="HTTP.html">HTTP and HTTPS Protocols</a>
                            <a class="dropdown-item" href="W3C.html">W3C and HTML and CSS</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<img class="img-fluid" src="images/IPadd.jpg">
<div class="container">

    <div class="row">
        <div class="col-8">
            <h1 class="py-4">IP Addresses, Packets and Routing</h1>
            <p>
                Packets are routed around the Internet using unique IP addresses. These IP addresses aid in the proper
                routing of these packets to their intended recipients. Packets consist of a source, a destination and the
                content they're delivering.
            </p>
        </div>
        <div class="col-4 py-5">
            <div class="card text-white bg-dark" style="width: 18rem;">
                <div class="card-header">
                    HOW THE INTERNET WORKS
                </div>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item"><a href="ICANN.html">Domain Names and ICANN</a></li>
                    <li class="list-group-item">IP Addresses, Packets, and Routing</li>
                    <li class="list-group-item"><a href="DNS.html">DNS</a></li>
                    <li class="list-group-item"><a href="HTTP.html">HTTP and HTTPS Protocols</a></li>
                    <li class="list-group-item"><a href="W3C.html">W3C and HTML and CSS</a></li>
                </ul>
            </div>
        </div>
    </div>
    <footer class="mastfoot mt-auto py-4">
        <div class="inner">
            <h5>© Charles Wicklund 2020</h5>
        </div>
    </footer>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="../../../../assets/js/vendor/popper.min.js"></script>
<script src="../../../../dist/js/bootstrap.min.js"></script>
</body>
</html>