update to bootstrap 5.2.3 continued
This commit is contained in:
@ -1,9 +1,8 @@
|
||||
<div class="col-lg-6 text-center">
|
||||
<div class="social">
|
||||
<i><a href="{ROOT_URL}fb"><span class="fa fa-facebook"></span></a></i>
|
||||
<i><a href="{ROOT_URL}twitter"><span class="fa fa-twitter"></span></a></i>
|
||||
<i><a href="{ROOT_URL}in"><span class="fa fa-linkedin"></span></a></i>
|
||||
<i><a href="{ROOT_URL}youtube"><span class="fa fa-youtube"></span></a></i>
|
||||
<i><a href="{ROOT_URL}git"><span class="fa fa-github"></span></a></i>
|
||||
</div>
|
||||
<div class="col-6 col-md-2 mb-3">
|
||||
<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>
|
@ -1,27 +1,15 @@
|
||||
<div class="footer-head" id="footer-head">
|
||||
<div class="container custom-expand">
|
||||
<!-- Collapsible Footer Toggle Button -->
|
||||
<div class="col-12 text-center">
|
||||
<button
|
||||
class="d-lg-none"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#footer"
|
||||
aria-controls="footer"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<i class="fa fa-bars"></i> <!-- Font Awesome Icon -->
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Collapsible Footer Content -->
|
||||
<div id="footer" class="collapse d-lg-block">
|
||||
<div class="row pt-3">
|
||||
{FOOTER_LEFT}
|
||||
{FOOTER_CENTER}
|
||||
{FOOTER_RIGHT}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container border-top mt-4">
|
||||
<footer class="py-5">
|
||||
|
||||
<div class="row">
|
||||
{FOOTER_LEFT}
|
||||
{FOOTER_CENTER}
|
||||
{FOOTER_RIGHT}
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
|
||||
{COPY}
|
||||
{SOCIAL}
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
1
app/views/footer/copy.html
Normal file
1
app/views/footer/copy.html
Normal file
@ -0,0 +1 @@
|
||||
<p>© 2024 AllTheBookmarks, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a>.</p>
|
@ -1,7 +1,8 @@
|
||||
|
||||
<div class="col-lg-3 text-center">
|
||||
<h3> Contact </h3>
|
||||
<ul>
|
||||
{FOOTER_LINKS}
|
||||
<div class="col-6 col-md-2 mb-3">
|
||||
<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}
|
||||
</ul>
|
||||
</div>
|
@ -1,19 +1,6 @@
|
||||
|
||||
<div class="col-lg-3 text-center">
|
||||
<h3>Information</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{ROOT_URL}about">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{ROOT_URL}contact">Contact Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{ROOT_URL}privacy">Privacy Policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="material-switch" style="margin-top: 25px; margin-bottom: 25px;">
|
||||
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle"/>
|
||||
<div class="col-6 col-md-2 mb-3 d-flex">
|
||||
<div class="material-switch mt-5 mx-auto">
|
||||
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" />
|
||||
<label for="dark-mode-toggle" class="label-default"></label>
|
||||
</div>
|
||||
</div>
|
27
app/views/footer/social.html
Normal file
27
app/views/footer/social.html
Normal file
@ -0,0 +1,27 @@
|
||||
<ul class="list-unstyled d-flex">
|
||||
<li class="ms-3">
|
||||
<a class="link-dark" href="{ROOT_URL}fb">
|
||||
<span class="fa-brands fa-fw fa-facebook"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="link-dark" href="{ROOT_URL}twitter">
|
||||
<span class="fa-brands fa-fw fa-twitter"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="link-dark" href="{ROOT_URL}in">
|
||||
<span class="fa-brands fa-fw fa-linkedin"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="link-dark" href="{ROOT_URL}youtube">
|
||||
<span class="fa-brands fa-fw fa-youtube"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="link-dark" href="{ROOT_URL}git">
|
||||
<span class="fa-brands fa-fw fa-github"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
Reference in New Issue
Block a user