Bottombar element

Demo styling 
<div class="bottombar flex">
    <ul class="bottombar__menu flex flex-wrap flex-center flex-left@lg flex-gap-sm list--reset">
        <li class="bottombar__item bottombar__date">
            © 2021
        </li>
        <li class="bottombar__item">
            <a href="https://orpha.org" class="bottombar__link">Disclaimer</a>
        </li>
        <li class="bottombar__item">
            <a href="https://wiley.info" class="bottombar__link">Cookie policy</a>
        </li>
        <li class="bottombar__item">
            <a href="http://grant.org" class="bottombar__link">Privacy</a>
        </li>
    </ul>
</div>
 
<div class="bottombar flex">
    <ul class="bottombar__menu flex flex-wrap flex-center flex-left@lg flex-gap-sm list--reset">
        <li class="bottombar__item bottombar__date">
            © {{bottombar.year}}
        </li>
        {{#each bottombar.items}}
            <li class="bottombar__item">
                <a href="{{link}}" class="bottombar__link">{{label}}</a>
            </li>
        {{/each}}
    </ul>
</div>
 
{
  "bottombar": {
    "year": 2021,
    "items": [
      {
        "label": "Disclaimer",
        "link": "https://orpha.org"
      },
      {
        "label": "Cookie policy",
        "link": "https://wiley.info"
      },
      {
        "label": "Privacy",
        "link": "http://grant.org"
      }
    ]
  }
}

No notes defined.