Meta box - Simple

<div class="mp c-meta-box">
  <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>
</div>

{
  "date": null,
  "linkLabel": null,
  "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>"
      ]
    }
  ]
}