Logout

Three column bottom-bar

Another possible bottom-bar layout is a three-column-based layout. Check the bottom of this page for an example.

Show code sample
<div class="cosmo-bottom-bar is--three-column">
    <div class="cosmo-bottom-bar__item is--left">
        Welcome and check <a href="https://cosmo.jinya.dev">here</a> for details.
    </div>
    <progress class="cosmo-progress-bar cosmo-bottom-bar__item is--center" value="19" max="100"></progress>
    <div class="cosmo-bottom-bar__item is--right">
        <button class="cosmo-button">Click here for more</button>
    </div>
</div>
Welcome and check here for details.