<a href="../../#.html" class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto" title="Heading" aria-label="Heading">
    <div class="card-img w-100 w-md-auto p-0">
        <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="List item image description.">

        </div>
    </div>
    <div class="card-body p-0 pt-3 pb-6 py-md-0">
        <div class="meta ">
            <span class="meta-date" datetime="2018-03-13 15:00+01:00">13 april kl. 15:00</span>
            <span class="meta-category">Category</span>
        </div>

        <h3 class="nav-block-link mt-0 mb-2 h4">Heading</h3>

    </div>
</a>
<a href="{{#if link}}{{path link}}{{/if}}" class="card card-item nav-block bg-transparent{{modifiers modifiers}}" title="{{heading}}{{#if lead}} - {{lead}}{{/if}}" aria-label="Heading">
  {{#if date}}
    <div class="card-date{{modifiers date-modifiers}}">
      {{render "@calendar-date-box" date}}
    </div>
  {{else 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}}">
    {{render "@item-meta" meta}}
    <h3 class="nav-block-link mt-0 mb-2{{#if heading-modifiers}}{{modifiers heading-modifiers}}{{else}} h4{{/if}}">{{heading}}</h3>
    {{#if lead}}<p>{{{lead}}}</p>{{/if}}
  </div>
</a>
{
  "link": "#",
  "heading": "Heading",
  "image": {
    "src": "/images/_content/placeholder_1@1x.jpg",
    "src-2x": "/images/_content/placeholder_1@2x.jpg",
    "alt": "List item image description."
  },
  "modifiers": [
    "flex-column",
    "flex-md-row",
    "mb-6",
    "h-auto"
  ],
  "image-modifiers": [
    "w-100",
    "w-md-auto",
    "p-0"
  ],
  "body-modifiers": [
    "p-0",
    "pt-3",
    "pb-6",
    "py-md-0"
  ]
}

There are no notes for this item.