index.html

  
 <!DOCTYPE html>
<html dir="ltr" lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="/build/huds-lib.css" />
    <link rel="stylesheet" type="text/css" href="/fonts/fonts.css" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
    <title>Stencil Component Starter</title>

    <script type="module" src="/build/huds-lib.esm.js"></script>
    <script nomodule src="/build/huds-lib.js"></script>
  </head>
  <body class="full-width" style="padding: 0; margin: 0;">
    <hy-link-list
      list-heading="link list heading number one"
      data-items='[
      {"heading":"3500 h","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
      {"heading":"Example link label one","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"},
      {"heading":"Example link label two Very Long label indeed to test if it fits","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
      {"heading":"Example link label three","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"}]'
    >
    </hy-link-list>

    <hy-adjacent-image-text
      image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/coronavirus_1920x1080px_4.jpg?itok=dOgb6pfs"
      text-title="Text title 2"
      text-description="Text description Lorem ipsum dolor sit amet, consectetur adipiscing elit."
      main-url="https://www.google.com"
      main-url-title="Standalone link"
      main-url-aria-label="Standalone link internal"
      main-url-is-external="false"
      main-url-2="https://www.google.com"
      main-url-title-2="CTA standalone URL example"
      main-url-aria-label-2=""
      main-url-is-external-2="false"
    >
    </hy-adjacent-image-text>

    <a id="facebook_ads_example">This is the Facebook ad example I want to link to.</a>
  </body>
</html>