Added footer and pulled it 5em away from maincontent.
This commit is contained in:
parent
1b2b493128
commit
ae2c9ed956
@ -1258,7 +1258,8 @@ body {
|
||||
color: #f9f9f9; }
|
||||
.LP-Footer__Flex {
|
||||
display: flex;
|
||||
flex-flow: row wrap; }
|
||||
flex-flow: row wrap;
|
||||
margin-top: 5em; }
|
||||
.LP-Footer__ListTop {
|
||||
text-align: center;
|
||||
width: 33.333%; }
|
||||
|
@ -90,4 +90,4 @@
|
||||
{% endblock footer %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
66
lostplaces/lostplaces_app/templates/partials/nav/footer.html
Normal file
66
lostplaces/lostplaces_app/templates/partials/nav/footer.html
Normal file
@ -0,0 +1,66 @@
|
||||
<footer class="LP-Footer LP-Footer__Flex">
|
||||
<ul class="LP-Footer__ListTop">
|
||||
<li>
|
||||
<h4 class="LP-Footer__ListHeader">About</h4>
|
||||
</li>
|
||||
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend/src/branch/master/Readme.md' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Host your own instance!</a></li>
|
||||
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend/issues' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Issue tracker</a></li>
|
||||
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Backend repository</a></li>
|
||||
<li><a href='https://git.mowoe.com/reverend/lostplaces-frontend' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Frontend repository</a></li>
|
||||
</ul>
|
||||
<ul class="LP-Footer__ListTop">
|
||||
<li>
|
||||
<h4 class="LP-Footer__ListHeader">Contact</h4>
|
||||
</li>
|
||||
<li><a href='https://www.urban-exploration.com' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">https://www.urban-exploration.com</a></li>
|
||||
<li><a href='mailto:JohnSSmith@einrot.com' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">JohnSSmith@einrot.com</a></li>
|
||||
<li class="LP-Footer__ListText LP-Footer__ListAnchor">937-387-6498</li>
|
||||
|
||||
</ul>
|
||||
<ul class="LP-Footer__ListTop">
|
||||
<li id='Contact'>
|
||||
<h4 class="LP-Footer__ListHeader">Postal address</h4>
|
||||
</li>
|
||||
<li class="LP-Footer__ListText LP-Footer__ListAnchor"><b>Urban Exploration Ltd.</b></li>
|
||||
<li class="LP-Footer__ListText LP-Footer__ListAnchor">John S. Smith</li>
|
||||
<li class="LP-Footer__ListText LP-Footer__ListAnchor">2563 College Avenue</li>
|
||||
<li class="LP-Footer__ListText LP-Footer__ListAnchor">Dayton, OH 45402</li>
|
||||
</ul>
|
||||
|
||||
<!-- Explore with us / social media bar -->
|
||||
<section class="LP-Footer__SocialSection LP-Footer__Flex">
|
||||
<span class="LP-Footer__SocialOverlap LP-Footer__SocialExplore">
|
||||
EXPLORE <span class="LP-Footer__SocialSmall">with</span> US
|
||||
</span>
|
||||
<span class="LP-Footer__SocialOverlap LP-Footer__SocialIconsWrapper">
|
||||
<a href="https://mastodon.social/@urbanexploration" class="LP-Footer__Social-Mastodon LP-Footer__GenericAnchor" target="_blank" title="Mastodon">
|
||||
<span class="LP-Footer__Icon"></span>
|
||||
</a>
|
||||
<a href="https://twitter.com/urbanexploration" class="LP-Footer__Social-Twitter LP-Footer__GenericAnchor" target="_blank" title="Twitter">
|
||||
<span class="LP-Footer__Icon"></span>
|
||||
</a>
|
||||
<a href="https://www.youtube.com/channel/urbanexploration" class="LP-Footer__Social-Youtube LP-Footer__GenericAnchor" target="_blank" title="Youtube">
|
||||
<span class="LP-Footer__Icon"></span>
|
||||
</a>
|
||||
<a href="https://blog.urbanexploration.com" class="LP-Footer__Social-Wordpress LP-Footer__GenericAnchor" target="_blank" title="Wordpress">
|
||||
<span class="LP-Footer__Icon"></span>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/urbanexploration" class="LP-Footer__Social-Instagram LP-Footer__GenericAnchor" target="_blank" title="Instagram">
|
||||
<span class="LP-Footer__Icon"></span>
|
||||
</a>
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<!-- Bottom section with last line of text and links. -->
|
||||
<section class="LP-Footer__BottomSection LP-Footer__Flex">
|
||||
<div class="LP-Footer__BottomWrapper">
|
||||
Proudly made by <a href="https://www.reverend.church" class="LP-Footer__GenericAnchor">Reverend</a>
|
||||
and <a href="https://www.commander1024.de" class="LP-Footer__GenericAnchor">Commander1024.</a></span>
|
||||
</div>
|
||||
<div class="LP-Footer__BottomWrapper">
|
||||
<a href="/flat/privacy-policy.html" class="LP-Footer__GenericAnchor">Privacy Policy</a>
|
||||
|
|
||||
<a href="/flat/impress.html" class="LP-Footer__GenericAnchor">Impress</a>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
Loading…
Reference in New Issue
Block a user