Meta box

<div class="mp c-meta-box">
  <h2 class="c-h c-h--event-date">18 March 2024</h2>
  <div class="u-flow--3xs">
    <h3 class="c-h c-h--step-0">11:00 – 1200</h3>
    <p>Eastern Time (US &amp; Canada)</p>
  </div>
  <div class="u-grey-step-1">
    <ul class="u-flow--2xs u-link-inside">
      <li>
      <strong>Language:</strong>
      <span>English</li>
      <li>
      <strong>Event type:</strong>
      <span>Webinar - Live</li>
      <li>
        <strong>Industry:</strong>
        <span><a href="/prototype/range/">Pharmaceutical</a>
      </li>
      <li>
        <strong>Products:</strong>
        <ul class="u-margin-top-2xs u-margin-left-2xs u-flow--2xs">
          <li><a href="/prototype/range">Empyrean range</a></li>
          <li><a href="/prototype/range">Zetasizer range</a></li>
          <li><a href="/prototype/range">X-ray Diffraction (XRD)</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <a href="#" class="mp c-button c-button--wide c-button--tight" >Register for this event</a>
</div>

{
  "date": {
    "date": "2024-03-18T17:44:13.759Z",
    "time": "11:00 – 1200",
    "timezone": "Eastern Time (US & Canada)"
  },
  "linkLabel": "Register for this event",
  "link": "#",
  "meta": [
    {
      "title": "Language",
      "term": "English"
    },
    {
      "title": "Event type",
      "term": "Webinar - Live"
    },
    {
      "title": "Industry",
      "term": "<a href=\"/prototype/range/\">Pharmaceutical</a>"
    },
    {
      "title": "Products",
      "terms": [
        "<a href=\"/prototype/range\">Empyrean range</a>",
        "<a href=\"/prototype/range\">Zetasizer range</a>",
        "<a href=\"/prototype/range\">X-ray Diffraction (XRD)</a>"
      ]
    }
  ]
}