added more department pages

Kummin-Konig-Ludwig-Gorgonzola · Mar 11, 2024 · e6a4d7f · e6a4d7f
1 parent c15ed40
commit e6a4d7f
Show file tree

Hide file tree

Showing 4 changed files with 280 additions and 13 deletions.
diff --git a/departments/history-and-media/index.html b/departments/history-and-media/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kummin König Ludwig Gorgonzola</title>
+
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/custom.css">
+
+  <script defer src="js/bootstrap.bundle.min.js"></script>
+</head>
+
+<body>
+  <header class="py-3 bg-black">
+    <div class="container d-flex flex-wrap justify-content-center">
+      <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none">
+        <img src="/assets/flag.png" height="35px" class="pe-3">
+        <span class="fs-4 text-white">Kummin König Ludwig Gorgonzola</span>
+      </a>
+      <form class="col-12 col-lg-auto mb-3 mb-lg-0" role="search">
+        <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
+      </form>
+    </div>
+  </header>
+  <nav class="py-2 border-bottom bg-ketchup topnav">
+    <div class="container d-flex flex-wrap">
+      <ul class="nav me-auto">
+        <li class="nav-item dropdown">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white dropdown-toggle-split"
+            data-bs-toggle="dropdown" aria-expanded="false">Deparments</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Cabinet</a></li>
+            <li><a class="dropdown-item" href="#">Business and Economics</a></li>
+            <li><a class="dropdown-item" href="#">Culture and Media</a></li>
+            <li><a class="dropdown-item" href="#">Education</a></li>
+            <li><a class="dropdown-item" href="#">Environment, Food and Rural affairs</a></li>
+            <li><a class="dropdown-item" href="#">Health and Social Care</a></li>
+            <li><a class="dropdown-item" href="#">History</a></li>
+            <li><a class="dropdown-item" href="#">International Trade</a></li>
+            <li><a class="dropdown-item" href="#">Justice</a></li>
+            <li><a class="dropdown-item" href="departments/language-and-culture/">Language and Culture</a></li>
+            <li><a class="dropdown-item" href="#">National Defence and Military</a></li>
+            <li><a class="dropdown-item" href="#">Technological Innovation and Digital Culture</a></li>
+            <li><a class="dropdown-item" href="#">Transport</a></li>
+            <li><a class="dropdown-item" href="#">Work</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">Laws</a>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">News</a>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">About</a>
+        </li>
+      </ul>
+      <ul class="nav">
+        <li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 text-white">Login</a></li>
+        <li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 text-white">Sign up</a></li>
+      </ul>
+    </div>
+  </nav>
+
+  <main class="container p-5">
+    <h1>The Department for History and Media</h1>
+    <span>
+      <b>Secretary of State: <a href="#">Jasper William Ronald Stocks</a></b>
+      <br>
+      Senior Animation Head: <a href="#">Rafael Martín Amelines</a>
+    </span>
+  </main>
+
+</body>
+
+</html>
diff --git a/departments/index.html b/departments/index.html
@@ -67,7 +67,6 @@ <h1>Departments</h1>
       role in
       running the country. Each is run by a Secretary of State.</span>
 
-
     <div class="accordion mt-5" id="accordionExample">
       <div class="accordion-item">
         <h2 class="accordion-header">
@@ -78,8 +77,8 @@ <h2 class="accordion-header">
         </h2>
         <div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
           <div class="accordion-body">
-            The cabinet AKA the politburo helps declare law outside the departments <a
-              class="btn btn-warning ms-3">Learn more <img
+            The Cabinet, often called the Politburo, helps decide on laws that fall outside the jurisdiction of the
+            other departments.<a class="btn btn-warning ms-3" href="politburo">Learn more <img
                 src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
           </div>
         </div>
@@ -110,9 +109,9 @@ <h2 class="accordion-header">
         </h2>
         <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
           <div class="accordion-body">
-            The History and Media department, or legacy dorstone is the organisation that controls the spread of
-            information, as well as tv shows, games, films and books leading in innovation and beauty<a
-              class="btn btn-warning ms-3">Learn more <img
+            The History and Media Department is the organisation that controls the spread of
+            information, as well as TV shows, games, films and books leading in innovation and beauty.<a
+              class="btn btn-warning ms-3" href="history-and-media">Learn more <img
                 src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
           </div>
         </div>
@@ -165,6 +164,21 @@ <h2 class="accordion-header">
           </div>
         </div>
       </div>
+      <div class="accordion-item">
+        <h2 class="accordion-header">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseTwelve" aria-expanded="false" aria-controls="collapseTwelve">
+            Industry and Distribution
+          </button>
+        </h2>
+        <div id="collapseTwelve" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
+          <div class="accordion-body">
+            The Industry and Distribution Department handles the production and equal distribution of everything owned
+            by the State.<a class="btn btn-warning ms-3">Learn more <img
+                src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
+          </div>
+        </div>
+      </div>
       <div class="accordion-item">
         <h2 class="accordion-header">
           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
@@ -189,8 +203,8 @@ <h2 class="accordion-header">
         </h2>
         <div id="collapseEight" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
           <div class="accordion-body">
-            our military protects our nation, both from outside enemies and inside criminals, in order to protect our
-            citizens<a class="btn btn-warning ms-3">Learn more <img
+            Our Military protects our nation, both from outside enemies and inside criminals, in order to protect our
+            citizens<a class="btn btn-warning ms-3" href="national-defence-and-military">Learn more <img
                 src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
           </div>
         </div>
@@ -204,7 +218,8 @@ <h2 class="accordion-header">
         </h2>
         <div id="collapseNine" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
           <div class="accordion-body">
-            the technology department is dedicated  to progressing human technology in order to improve the life quality of our citizens.
+            The Technology Department is dedicated to progressing human technology in order to improve the quality of
+            life for our citizens.
             <a class="btn btn-warning ms-3">Learn more <img
                 src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
           </div>
@@ -219,7 +234,8 @@ <h2 class="accordion-header">
         </h2>
         <div id="collapseTen" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
           <div class="accordion-body">
-            the transport department ensures that our citizens can easily move through our nation and between our major cities
+            The Transport Department ensures that our citizens can easily move through our nation and between our major
+            cities
             <a class="btn btn-warning ms-3">Learn more <img
                 src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
           </div>
@@ -234,11 +250,12 @@ <h2 class="accordion-header">
         </h2>
         <div id="collapseEleven" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
           <div class="accordion-body">
-            the work and employment department ensures that the citizens of the goddard are employed and have different jobs in order to maintain a great country
+            The Work and Employment department ensures that the citizens of the Goddard are employed and have different
+            jobs in order to maintain a great country.
             <a class="btn btn-warning ms-3">Learn more <img
                 src="/bootstrap-icons-1.11.1/bootstrap-icons-1.11.1/arrow-right.svg"></a>
           </div>
-            </div>
+        </div>
       </div>
     </div>
     <br>
@@ -248,4 +265,4 @@ <h2 class="accordion-header">
 
 </body>
 
-</html>
+</html>
diff --git a/departments/national-defence-and-military/index.html b/departments/national-defence-and-military/index.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kummin König Ludwig Gorgonzola</title>
+
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/custom.css">
+
+  <script defer src="js/bootstrap.bundle.min.js"></script>
+</head>
+
+<body>
+  <header class="py-3 bg-black">
+    <div class="container d-flex flex-wrap justify-content-center">
+      <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none">
+        <img src="/assets/flag.png" height="35px" class="pe-3">
+        <span class="fs-4 text-white">Kummin König Ludwig Gorgonzola</span>
+      </a>
+      <form class="col-12 col-lg-auto mb-3 mb-lg-0" role="search">
+        <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
+      </form>
+    </div>
+  </header>
+  <nav class="py-2 border-bottom bg-ketchup topnav">
+    <div class="container d-flex flex-wrap">
+      <ul class="nav me-auto">
+        <li class="nav-item dropdown">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white dropdown-toggle-split"
+            data-bs-toggle="dropdown" aria-expanded="false">Deparments</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Cabinet</a></li>
+            <li><a class="dropdown-item" href="#">Business and Economics</a></li>
+            <li><a class="dropdown-item" href="#">Culture and Media</a></li>
+            <li><a class="dropdown-item" href="#">Education</a></li>
+            <li><a class="dropdown-item" href="#">Environment, Food and Rural affairs</a></li>
+            <li><a class="dropdown-item" href="#">Health and Social Care</a></li>
+            <li><a class="dropdown-item" href="#">History</a></li>
+            <li><a class="dropdown-item" href="#">International Trade</a></li>
+            <li><a class="dropdown-item" href="#">Justice</a></li>
+            <li><a class="dropdown-item" href="departments/language-and-culture/">Language and Culture</a></li>
+            <li><a class="dropdown-item" href="#">National Defence and Military</a></li>
+            <li><a class="dropdown-item" href="#">Technological Innovation and Digital Culture</a></li>
+            <li><a class="dropdown-item" href="#">Transport</a></li>
+            <li><a class="dropdown-item" href="#">Work</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">Laws</a>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">News</a>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">About</a>
+        </li>
+      </ul>
+      <ul class="nav">
+        <li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 text-white">Login</a></li>
+        <li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 text-white">Sign up</a></li>
+      </ul>
+    </div>
+  </nav>
+
+  <main class="container p-5">
+    <h1>The Department for National Defence and Military</h1>
+    <span>
+      <b>Secretary of State (General): <a href="#">Christopher Alger</a></b>
+      <br>
+      <div class="bg-light p-2 my-2">
+        <b>Elite Corps</b> Sub-General: <a href="#">Rafael Martín Amelines</a>
+      </div>
+      Sub-General: <a href="#">Jasper William Ronald Stocks</a>
+      <br>
+      Sub-General: <a href="#">Hector Banaghan</a>
+      <br>
+      <div class="bg-light p-2 my-2">
+        <b>Elite Corps</b> Sergeant: <a href="#">Connor</a>
+      </div>
+      Private: <a href="#">Thomas Michael Goddard</a>
+      <br>
+      Private: <a href="#">Luca Coppin</a>
+    </span>
+  </main>
+
+</body>
+
+</html>
diff --git a/departments/politburo/index.html b/departments/politburo/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kummin König Ludwig Gorgonzola</title>
+
+  <link rel="stylesheet" href="/css/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/custom.css">
+
+  <script defer src="js/bootstrap.bundle.min.js"></script>
+</head>
+
+<body>
+  <header class="py-3 bg-black">
+    <div class="container d-flex flex-wrap justify-content-center">
+      <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none">
+        <img src="/assets/flag.png" height="35px" class="pe-3">
+        <span class="fs-4 text-white">Kummin König Ludwig Gorgonzola</span>
+      </a>
+      <form class="col-12 col-lg-auto mb-3 mb-lg-0" role="search">
+        <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
+      </form>
+    </div>
+  </header>
+  <nav class="py-2 border-bottom bg-ketchup topnav">
+    <div class="container d-flex flex-wrap">
+      <ul class="nav me-auto">
+        <li class="nav-item dropdown">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white dropdown-toggle-split"
+            data-bs-toggle="dropdown" aria-expanded="false">Deparments</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Cabinet</a></li>
+            <li><a class="dropdown-item" href="#">Business and Economics</a></li>
+            <li><a class="dropdown-item" href="#">Culture and Media</a></li>
+            <li><a class="dropdown-item" href="#">Education</a></li>
+            <li><a class="dropdown-item" href="#">Environment, Food and Rural affairs</a></li>
+            <li><a class="dropdown-item" href="#">Health and Social Care</a></li>
+            <li><a class="dropdown-item" href="#">History</a></li>
+            <li><a class="dropdown-item" href="#">International Trade</a></li>
+            <li><a class="dropdown-item" href="#">Justice</a></li>
+            <li><a class="dropdown-item" href="departments/language-and-culture/">Language and Culture</a></li>
+            <li><a class="dropdown-item" href="#">National Defence and Military</a></li>
+            <li><a class="dropdown-item" href="#">Technological Innovation and Digital Culture</a></li>
+            <li><a class="dropdown-item" href="#">Transport</a></li>
+            <li><a class="dropdown-item" href="#">Work</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">Laws</a>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">News</a>
+        </li>
+        <li class="nav-item">
+          <a href="#" class="nav-link link-body-emphasis px-2 text-white">About</a>
+        </li>
+      </ul>
+      <ul class="nav">
+        <li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 text-white">Login</a></li>
+        <li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 text-white">Sign up</a></li>
+      </ul>
+    </div>
+  </nav>
+
+  <main class="container p-5">
+    <h1>Cabinet</h1>
+    <span>
+      <a href="#">Christopher Alger</a>
+      <br>
+      <a href="#">Rafael Martín Amelines</a>
+      <br>
+      <a href="#">Jasper William Ronald Stocks</a>
+      <br>
+      <a href="#">Hector Banaghan</a>
+    </span>
+  </main>
+
+</body>
+
+</html>