hfkfhkfhgjkuhgfkjfghkj

app/views/footer/center.html

@@ -0,0 +1,8 @@
+<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
+    <h5>More Info</h5>
+    <ul class="nav flex-column">
+        {LOOP}
+            <li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
+        {/LOOP}
+    </ul>
+</div>

app/views/footer/container.html

@@ -0,0 +1,25 @@
+<div class="container mt-auto">
+    <footer class="pt-4">
+        <!-- Footer Toggle Button (Visible on Small Screens) -->
+        <div class="text-center border-top context-main-border">
+            <button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
+                <i class="fa fa-bars"></i>
+            </button>
+        </div>
+
+        <!-- Collapsible Footer Content -->
+        <div class="collapse d-md-block my-4" id="footerMenu">
+            <div class="row">
+                {FOOTER_LEFT}
+                {FOOTER_CENTER}
+                {FOOTER_RIGHT}
+            </div>
+        </div>
+
+        <!-- Copy & Social (Always Visible) -->
+        <div class="d-flex flex-column flex-md-row justify-content-md-between py-3 border-top context-main-border">
+            {COPY}
+            {SOCIAL}
+        </div>
+    </footer>
+</div>

app/views/footer/copy.html

@@ -0,0 +1,3 @@
+<div class="d-flex justify-content-center justify-content-md-start text-center text-md-start">
+    <span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a></span>
+</div>

app/views/footer/left.html

@@ -0,0 +1,11 @@
+<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
+    <h5>Contact Us</h5>
+    <ul class="nav flex-column">
+        {LOOP}
+            <li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
+        {/LOOP}
+        {ALT}
+            <li class="nav-item mb-2"></li>
+        {/ALT}
+    </ul>
+</div>

app/views/footer/right.html

@@ -0,0 +1,7 @@
+<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
+    <h5>Dark Mode</h5>
+    <div class="material-switch px-4 mt-2">
+        <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
+        <label for="dark-mode-toggle" class="label-default"></label>
+    </div>
+</div>

app/views/footer/social.html

@@ -0,0 +1,29 @@
+<div class="d-flex justify-content-center justify-content-md-end mt-3 mt-md-0">
+<ul class="list-unstyled d-flex mb-0">
+    <li class="ms-3">
+        <a class="context-main" href="{ROOT_URL}fb">
+            <span class="fa-brands fa-fw fa-facebook"></span>
+        </a>
+    </li>
+    <li class="ms-3">
+        <a class="context-main" href="{ROOT_URL}twitter">
+            <span class="fa-brands fa-fw fa-twitter"></span>
+        </a>
+    </li>
+    <li class="ms-3">
+        <a class="context-main" href="{ROOT_URL}in">
+            <span class="fa-brands fa-fw fa-linkedin"></span>
+        </a>
+    </li>
+    <li class="ms-3">
+        <a class="context-main" href="{ROOT_URL}youtube">
+            <span class="fa-brands fa-fw fa-youtube"></span>
+        </a>
+    </li>
+    <li class="ms-3">
+        <a class="context-main" href="{ROOT_URL}git">
+            <span class="fa-brands fa-fw fa-github"></span>
+        </a>
+    </li>
+    </ul>
+</div>