Added recruitment section

src/app/views/home/home.component.html

@@ -37,9 +37,18 @@
 		</div>
 	</div>
 </section>
-<section id="gallery" class="d-flex flex-column align-items-center" style="height: 100vh; background: #fff; color: #000;">
+<section id="recruitment" class="d-flex flex-column align-items-center" style="height: 100vh; background: #fff; color: #000;">
 	<div class="mb-5 py-5"><!-- Spacer --></div>
-	<h2>Gallery</h2>
+	<div class="d-flex align-items-center justify-content-center">
+		<div>
+			<img src="/assets/img/recruitment.png" height="50%" width="auto">
+		</div>
+		<div class="ms-5 text-center">
+			<h2>Enlist Today!</h2>
+			<p>Legio XXX is looking for new recruits.</p>
+			<p>Check out the <a>Getting Started</a> page to learn more.</p>
+		</div>
+	</div>
 </section>
 <section style="background: #fff">
 	<img src="/assets/img/formation.png" width="100%" height="auto">

src/index.html

@@ -12,8 +12,6 @@
 
 	<link href="assets/img/capricorn.png" rel="icon" type="image/png">
 	<link href="https://use.fontawesome.com/releases/v6.1.1/css/all.css" rel="stylesheet">
-	<script src="node_modules/jquery/dist/jquery.min.js"></script>
-	<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">