Vebego Component Library

Footer about list 

<div class="mol-footer-link-list footer-column">
    <h6 class="atm-heading ">Over ons</h6>

    <ul>
        <li>
            <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Over Facility Services</a>
        </li>
        <li>
            <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Werken bij</a>
        </li>
        <li>
            <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Contact</a>
        </li>
    </ul>
</div>
 
<div class="mol-footer-link-list footer-column">
  {{render "@heading" heading}}
  <ul>
    {{#each items}}
      <li>
        {{render "@link" this merge=true}}
      </li>
    {{/each}}
  </ul>
</div>
 
{
  "heading": {
    "text": "Over ons",
    "tag": "h6"
  },
  "items": [
    {
      "text": "Over Facility Services"
    },
    {
      "text": "Werken bij"
    },
    {
      "text": "Contact"
    }
  ]
}
  • Content: 
    .mol-footer-link-list {
    @apply mb-2;

    .atm-heading {
        @apply text-lg font-normal mb-[14px] text-secondary-col-1;
    }

    .atm-link {
        @apply text-black text-sm no-underline hover:text-cta hover:underline leading-7;
    }
}
  • URL: /components/raw/footer-about-list/footer-about-list.css
  • Filesystem Path: src\components\03-molecules\footer-about-list\footer-about-list.css
  • Size: 259 Bytes

No notes defined.