Add modern multi-column footer to the theme
This commit is contained in:
54
footer.php
54
footer.php
@@ -1,6 +1,54 @@
|
||||
<footer id="colophon" class="site-footer bg-dark text-white py-4 mt-auto">
|
||||
<div class="container text-center">
|
||||
<p class="mb-0 opacity-75">© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
|
||||
<footer id="colophon" class="site-footer bg-dark text-light py-5 mt-auto">
|
||||
<div class="container pb-3 mt-3">
|
||||
<div class="row g-5 mb-5">
|
||||
<div class="col-lg-5 col-md-12">
|
||||
<div class="d-flex align-items-center gap-2 mb-3">
|
||||
<div class="logo-icon border-white text-white">W</div>
|
||||
<span class="fs-4 fw-bold font-serif text-white">Wisdom for the Kingdom</span>
|
||||
</div>
|
||||
<p class="small text-muted mb-0 font-sans lh-lg pe-lg-5">
|
||||
A collection of biblical insights curated for the thoughtful leader. Seek truth, lead with grace,
|
||||
and explore the ancient wisdom that powers modern impact.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Explore</h5>
|
||||
<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
|
||||
<li><a href="<?php echo esc_url(home_url('/')); ?>" class="footer-link">Home</a></li>
|
||||
<li><a href="<?php echo esc_url(home_url('/articles/')); ?>" class="footer-link">Articles</a>
|
||||
</li>
|
||||
<li><a href="<?php echo esc_url(home_url('/series/')); ?>" class="footer-link">Series</a></li>
|
||||
<li><a href="<?php echo esc_url(home_url('/about/')); ?>" class="footer-link">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 col-6">
|
||||
<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Legal</h5>
|
||||
<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
|
||||
<li><a href="#" class="footer-link">Privacy Policy</a></li>
|
||||
<li><a href="#" class="footer-link">Terms of Service</a></li>
|
||||
<li><a href="#" class="footer-link">Cookie Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-12">
|
||||
<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Connect</h5>
|
||||
<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
|
||||
<li><a href="#" class="footer-link">Twitter</a></li>
|
||||
<li><a href="#" class="footer-link">Facebook</a></li>
|
||||
<li><a href="#" class="footer-link">Instagram</a></li>
|
||||
<li><a href="#" class="footer-link">LinkedIn</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-4 text-center text-md-start d-md-flex justify-content-between align-items-center"
|
||||
style="border-top: 1px solid rgba(255,255,255,0.1);">
|
||||
<p class="mb-0 small text-muted font-sans">© <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. All
|
||||
rights reserved.</p>
|
||||
<p class="mb-0 small text-muted font-sans mt-2 mt-md-0 d-none d-md-block">Designed with purpose.</p>
|
||||
</div>
|
||||
</div><!-- .container -->
|
||||
</footer><!-- #colophon -->
|
||||
</div><!-- #page -->
|
||||
|
||||
Reference in New Issue
Block a user