From 4e7c1e7279b028f7f5fe705338344383fe571fe3 Mon Sep 17 00:00:00 2001
From: Joshua Killen <45966243+joshua-killen@users.noreply.github.com>
Date: Fri, 17 Apr 2020 08:09:03 +0100
Subject: [PATCH] Update networking.html

---
 networking/networking.html | 74 +++++++++++++++++++++++++++++++++-----
 1 file changed, 65 insertions(+), 9 deletions(-)
diff --git a/networking/networking.html b/networking/networking.html
index 7711863..2257371 100644
--- a/networking/networking.html
+++ b/networking/networking.html
@@ -15,22 +15,22 @@
         <link rel="stylesheet" href="osi_model_assets/networking.css" type="text/css">
         <script src="../../sitewide_assets/navbar/navbar.js"></script>
         
-        <title>Networking-OSI Model: Z14IT-Internet Fundamentals</title>
+        <title>Networking-Fundamentals: Z14IT-Internet Fundamentals</title>
 </head>
     <body>
         <header>
             <img src="../../sitewide_assets/logo.gif" alt="JKLearns">
             <img class="uniLogo" src="../../sitewide_assets/cuc_logo.png" alt="CU Coventry" width="259" height="59">
             
-            <div class="navBar" id="navBar">
+            <nav class="navBar" id="navBar">
                 <a href="../../home/home.html">Home</a>
                 <a href="../../evolution_of_the_internet/eoti.html">Evolution of The Internet</a>
                 <div class="dropDown">
                     <button class="networkDropBtn" onclick="networkDrop()">Networking</button>
                     <div class="networkDrop-content" id="networkDrop">
-                        <a href="../../networking/networking.html">Fundamentals</a>
+                        <a class="active" href="../../networking/networking.html">Fundamentals</a>
                         <a href="../../internet_protocol/internet_protocol.html">Internet Protocol</a>
-                        <a class="active" href="../../osi_model/osi_model.html">OSI Model</a>
+                        <a href="../../osi_model/osi_model.html">OSI Model</a>
                     </div>
                 </div>
                 <div class="dropDown">
@@ -43,15 +43,71 @@
                 </div>
                 <a href="../../contact/contact.html">Contact</a>
                 <a href="../../about/about.html">About</a>
-            </div>
+            </nav>
         </header>
         
-        <h1>Internet Protocols</h1>
+        <h1>Networking Fundamentals</h1>
         
         <article>
-            <details open>
-                <summary>UDP</summary>
-                <p>gang</p>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">IPv4</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">IPv6</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">TCP</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">UDP</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">Internet Name Resolution</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle"><abbr title="Points of Presence">PoP</abbr></summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">DNS</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">DHCP</summary>
+                <p class="networkContent">gang</p>
+            </details>
+        </article>
+        
+        <article>
+            <details class="networkContainer" open>
+                <summary class="networkTitle">Routing</summary>
+                <p class="networkContent">gang</p>
             </details>
         </article>
         
