bunkerweb 1.4.0

ui/templates/footer.html

@@ -1,7 +1,114 @@
-<footer class="footer mt-auto py-3 bg-light">
-	<div class="container text-center">
-		<span class="text-muted">
-			<a href="https://github.com/bunkerity/bunkerized-nginx">bunkerized-nginx</a> user interface
-		</span>
-	</div>
+<footer class="footer-bs">
+  <div class="row">
+    <div class="col-lg-3 footer-brand animated fadeInLeft">
+      <a href="https://www.bunkerweb.io" target="_blank"
+        ><img class="images" src="images/BUNKERWEB-print-hd-blanc.png"
+      /></a>
+      <p>Welcome to the bunker!</p>
+      <p>
+        Copyright © Bunkerity
+        <script>
+          document.write(new Date().getFullYear());
+        </script>
+      </p>
+    </div>
+    <div class="col-lg-3 footer-nav animated fadeInUp">
+      <h4>Links</h4>
+      <div class="col-lg-6">
+        <ul class="list-unstyled pages">
+          <li>
+            <a href="https://www.bunkerweb.io" target="_blank">BunkerWeb</a>
+          </li>
+          <li>
+            <a href="https://docs.bunkerweb.io" target="_blank"
+              >Documentation</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://github.com/bunkerity/bunkerweb/blob/master/LICENSE"
+              target="_blank"
+              >License</a
+            >
+          </li>
+          <li>
+            <a href="https://www.bunkerweb.io/privacy-policy" target="_blank"
+              >Privacy Policy</a
+            >
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-lg-2 footer-social animated fadeInDown">
+      <h4>Follow Us</h4>
+      <ul class="list-unstyled">
+        <li>
+          <a href="https://twitter.com/bunkerity" target="_blank"
+            ><i class="bi bi-twitter" aria-label="Twitter"></i>Twitter</a
+          >
+        </li>
+        <li>
+          <a href="https://www.linkedin.com/company/bunkerity/" target="_blank"
+            ><i class="bi bi-linkedin" aria-label="LinkedIn"></i>LinkedIn</a
+          >
+        </li>
+        <li>
+          <a href="https://discord.gg/fTf46FmtyD" target="_blank"
+            ><i class="bi bi-discord" aria-label="Discord"></i>Discord</a
+          >
+        </li>
+        <li>
+          <a href="https://github.com/bunkerity" target="_blank"
+            ><i class="bi bi-github" aria-label="GitHub"></i>GitHub</a
+          >
+        </li>
+      </ul>
+    </div>
+    <div class="col-lg-3 footer-ns animated fadeInRight">
+      <h4>Newsletter</h4>
+      <p>
+        <i class="bi bi-lock"></i> Rest assured, everything is under control.
+      </p>
+      <form
+        action="https://bunkerity.us1.list-manage.com/subscribe/post?u=ec5b1577cf427972b9bd491a6&amp;id=37076d9d67"
+        method="POST"
+        class="needs-validation"
+        id="subscribe-newsletter"
+      >
+        <div class="input-group mb-2">
+          <input
+            type="text"
+            id="newsletter-email"
+            name="EMAIL"
+            class="form-control"
+            placeholder="John.doe@example.com"
+            pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-z]{2,}$"
+            required=""
+          />
+          <button
+            class="btn btn-outline-light"
+            type="submit"
+            formtarget="_blank"
+          >
+            Subscribe
+          </button>
+        </div>
+        <div class="input-group align-items-center">
+          <input
+            class="col-auto form-check form-switch"
+            type="checkbox"
+            id="newsletter-check"
+            required=""
+          />
+          &nbsp;&nbsp;
+          <h6 class="col-auto h6 mb-0">
+            I've read and agree to the
+            <a href="https://www.bunkerity.com/privacy-policy/" _target="_blank"
+              >privacy policy</a
+            >
+          </h6>
+        </div>
+      </form>
+    </div>
+  </div>
 </footer>