Initial project push.

templates/403-body.html

@@ -0,0 +1,30 @@
+<section role="main" id="denied">
+  <div class="container">
+    <div class="lock-container">
+      <div class="lock">
+        <div class="lock-shackle"></div>
+        <div class="lock-body">
+          <div class="lock-keyhole"></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="error-code">403</div>
+    <h1 class="error-title">Access Denied</h1>
+    <p class="error-message">
+      Oops! You don't have permission to access this page. It's like trying to open a door without the right key.
+    </p>
+
+    <div class="button-group">
+      <a href="/" class="btn btn-primary">Go Home</a>
+      <a href="/login" class="btn btn-secondary">Sign In</a>
+    </div>
+
+    <div class="fun-fact">
+      <div class="fun-fact-title">Did you know?</div>
+      <div class="fun-fact-text">
+        The HTTP 403 status code was named after "Forbidden City" in Beijing, which was restricted to the imperial family. Just kidding—but it does mean "forbidden"!
+      </div>
+    </div>
+  </div>
+</section>