<a href="" class="card nav-block nav-block-plaster-25 nav-block-hover-plaster-25 h-100" aria-label="Lorem ipsum dolor sit amet">
    <div class="card-img p-2">
        <div class="card-img-container">
            <img src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x, ../../images/_content/placeholder_1@2x.jpg 2x" alt="Card image description.">

        </div>
    </div>
    <div class="card-body">
        <div class="meta ">
            <span class="meta-date">2018-10-13</span>
            <span class="meta-category">Category</span>
        </div>

        <h3 class=" nav-block-link m-0">Lorem ipsum dolor sit amet</h3>

    </div>
</a>
<a href="{{#if link}}{{path link}}{{/if}}" class="card nav-block{{modifiers modifiers}}" aria-label="Lorem ipsum dolor sit amet">
  {{#if image}}
    <div class="card-img{{modifiers image-modifiers}}">
      <div class="card-img-container">
        {{render "@image" image}}
      </div>
    </div>
  {{/if}}
  <div class="card-body{{modifiers body-modifiers}}">
    {{#if meta}}
      {{render "@item-meta" meta}}
    {{/if}}
    {{#if heading}}
      {{render "@heading--level-3" heading merge=true}}
    {{/if}}
    {{#if lead}}
      {{render "@paragraph" lead merge=true}}
    {{/if}}
    {{#if read-more-link}}
      {{render "@read-more-link--block" read-more-link}}
    {{/if}}
  </div>
</a>
{
  "_bg-contrast": true,
  "image": {
    "src": "/images/_content/placeholder_1@1x.jpg",
    "src-2x": "/images/_content/placeholder_1@2x.jpg",
    "alt": "Card image description."
  },
  "image-modifiers": [
    "p-2"
  ],
  "heading": {
    "modifiers": [
      "nav-block-link",
      "m-0"
    ]
  },
  "lead": false,
  "read-more-link": false,
  "meta": {
    "date": "2018-10-13",
    "category": "Category"
  },
  "modifiers": [
    "nav-block-plaster-25",
    "nav-block-hover-plaster-25",
    "h-100"
  ]
}

There are no notes for this item.