ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-23 00:45:12 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Footer navigation

Browse source
This commit is contained in:
Thomas Smith 2022-09-13 18:59:12 -04:00
parent 637d4e0215
commit 3fd9dc8e8e
3 changed files with 71 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/layouts/partials/footer-nav.html Normal file
View file

@ -0,0 +1,25 @@
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link footer-link small" aria-current="page" href="#">Careers</a>
</li>
<li class="nav-item">
<a class="nav-link footer-link small" href="#">Privacy Policy</a>
</li>
<li class="nav-item">
<a class="nav-link footer-link small" href="#">Terms of Use</a>
</li>
</ul>
<style>
.footer-link{
text-transform: lowercase;
color: white;
padding: 0px 0px 0px 40px !important;
}
.footer-link:hover{
color: #00ffd0 !important;
text-decoration:underline;
}
</style>

12
src/layouts/partials/footer.html
View file

@ -1,6 +1,6 @@
<hr>
<section class="footer">
<div class="container">
<hr>
<div class="row mb-5">
<div class="col-lg-8 footer-content">
<h4>Equitable Open-Source for Web3</h4>
@ -20,7 +20,7 @@
</div>
</div>
</div>
<div class="row">
<div class="row mb-4">
<hr>
<div class="col">
<div class="input-group">
@ -31,6 +31,14 @@
</div>
<hr>
</div>
<div class="row">
<div class="col-lg-6">
<p class="small">©2022 tea inc. You can also share our <a href="" class="teal">Linktree</a>.</p>
</div>
<div class="col-lg-6">
{{- partial "footer-nav.html" . -}}
</div>
</div>
</div>
</section>

11
src/static/css/style.css
View file

@ -181,6 +181,11 @@ p{
color: #ffffff;
}
li{
font-family: "sono", sans-serif;
color: #ffffff;
}
/* Breakpoint-Specific Typography */
@ -283,7 +288,11 @@ hr{
/* Footer Styling */
.footer-email{
padding: 35px 75px;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 38px;
line-height: 38px;
padding: 35px 0px;
background: none;
border: none;
}