_footer.html

<style>

footer {
    display: flex;
}
.flex-1 {
    flex: 1
}
.flex-2 {
    flex: 2
}
.flex-3 {
    flex: 3
}
</style>
<footer>
    <div class="flex-1">
        <br/><br/><br/><br/>
        <p style="font-weight: bold;font-size:80%;">IT'IS Foundation</p>
        <p style="text-align:left;font-size:80%;">
        <a href="https://itis.swiss/who-we-are/contact/" target="_blank">Contact IT'IS</a><br/>
        <a href="https://itis.swiss" target="_blank">IT'IS Website</a>
        </p>
    </div>
    <div class="flex-2">
            <br/><br/><br/><br/>
            <p style="text-align:left;font-weight: bold;font-size:80%;">o²S²PARC</p>
            <p style="text-align:left;font-size:80%;">
            <a href="mailto:support@osparc.io">Request an account</a><br/>
            <a href="https://osparc.io" target="_blank">o²S²PARC Platform</a>
            </p>
    </div>
    <div class="flex-3">
            <br/><br/><br/><br/>
            <p style="text-align:right;font-weight: bold;font-size:80%;">Who We Are</p>
            <p style="text-align:right;font-size:80%;">
            <a href="https://itis.swiss/who-we-are/" target="_blank">About IT'IS</a><br/>
            <a href="https://itis.swiss/who-we-are/our-mission/" target="_blank">Our Mission</a>
            </p>
    </div>
    
    <!-- <div class="flex-2">
            <br/><br/><br/><br/>
            <p style="text-align:right;font-size:90%;">
            <a href="https://itis.swiss/who-we-are/">who we are</a>
            </p>
        </div>         -->
</footer>