fix(website): clean up footer/header and make footer bg color match header

pull/177/head
TorchedSammy 2022-06-22 11:57:32 -04:00
parent c886a585e7
commit 54fc4f72ae
Signed by: sammyette
GPG Key ID: 904FC49417B44DCD
2 changed files with 27 additions and 29 deletions

View File

@ -1,31 +1,29 @@
<div class="container">
<footer class="row py-5 my-5">
<div class="col mb-3">
<a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none">
<img src="/Hilbish/hilbish-flower.png" alt="" height="48" class="d-inline-block align-text-top">
</a>
<p class="text-muted">Rosettea &copy; 2022</p>
<p class="text-muted">Made with <i class="fa-solid fa-heart" style="color: #f6345b;"></i></p>
</div>
<footer class="footer mt-auto mt-auto py-3 bg-light row">
<div class="col mb-3">
</div>
<div class="col mb-3">
</div>
<div class="col mb-3">
<a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none">
<img src="/Hilbish/hilbish-flower.png" alt="" height="48" class="d-inline-block align-text-top">
</a>
<p class="text-muted">Rosettea &copy; 2022</p>
<p class="text-muted">Made with <i class="fa-solid fa-heart" style="color: #f6345b;"></i></p>
</div>
<div class="col mb-3">
</div>
<div class="col mb-3"></div>
<div class="col mb-3"></div>
<div class="col mb-3"></div>
<div class="col mb-3">
</div>
<div class="col mb-3">
<h5>Hilbish</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQ</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Source</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Releases</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Documentation</a></li>
</ul>
</div>
<div class="col mb-3">
<h5>Hilbish</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQ</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Source</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Releases</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Documentation</a></li>
</ul>
</div>
</footer>
</div>
<div class="col mb-3"></div>
</footer>

View File

@ -1,5 +1,5 @@
<header class="site-header sticky-top py-1">
<nav class="navbar navbar-expand-lg bg-light">
<header>
<nav class="navbar navbar-expand-md sticky-top bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="/Hilbish/hilbish-flower.png" alt="" height="24" class="d-inline-block align-text-top">