lostplaces-backend/lostplaces/lostplaces_app/templates/partials/nav/footer.html

<footer class="LP-Footer LP-Footer__Flex">

    <!-- 1st footer column -->
    <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>

    <!-- Snd footer column -->
    <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>
    
    <!-- 4rd footer column -->
    <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>
        <!-- Social media buttons. Arranging them was *really* discomforting. -->
        <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>