footer.html

<div class="container" style="padding: 0; width: inherit;">
    <div class="row" style="display: flex; align-items: center; justify-content: space-between;">
        <div class="col-xs-6 text-left" style="display: flex; align-items: center;">
            <span class="fa-2x" style="display: flex; align-items: center; gap: 10px;">
                <a class="footer-padding" href="https://www.linkedin.com/groups/13177303/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin" style="font-size: 28px;"></i></a>
                <a class="footer-padding" href="https://zenodo.org/communities/hack_the_hackathon/" target="_blank" aria-label="Zenodo"><i class="ai ai-zenodo" style="font-size: 28px;"></i></a>
                <a class="footer-padding" href="https://github.com/orgs/hackthackathon/repositories" target="_blank" aria-label="GitHub"><i class="fab fa-github" style="font-size: 28px;"></i></a>
                <a class="footer-padding" href="https://discord.gg/4HuSh5y44U" style="font-size: 28px;"><i class="fab fa-discord"></i></a>
                <a class="footer-padding obfuscated-email" href="#"><i class="fas fa-envelope" style="font-size: 28px;"></i></a>
            </span>
        </div>
        <div class="col-xs-4 text-right" style="display: flex; align-items: center; justify-content: flex-end; gap: 15px;">
            <a class="footer-padding" href="/docs/codeofconduct.pdf" target="_blank">Code of Conduct</a>
            <a class="footer-padding" href="/docs/legal.pdf" target="_blank">Legal Info</a>
        </div>
    </div>
    <div class="row" style="display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; margin-top: 10px;">
        <div class="col-xs-12" style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px;">
            <span class="fa-2x footer-padding" style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-creative-commons" style="font-size: 28px;"></i><i class="fab fa-creative-commons-by" style="font-size: 28px;"></i><i class="fab fa-creative-commons-sa" style="font-size: 28px;"></i></span>
            <span class="footer-padding" style="margin-left: 10px;">Text content licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>. Images and other media are excluded and may have separate rights.</span>
        </div>
    </div>
</div>