ETR Component Library

card: News 

<div class="card card--news relative overflow-hidden bg-white border-gray-light rounded flex flex-col md:flex-row md:items-stretch">
    <div class="w-2 h-full absolute bg-primary rounded-l"></div>

    <div class="event__content pr-4 pl-6 lg:ml-2 py-6 md:p-6 block w-full md:flex md:items-center md:justify-between md:justify-between">
        <div class="w-3/4">
            <div class="card-content">
                <div class="label font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider">VNSNY CHOICE MLTC</div>
                <a href="#" class="card-content__heading-link">
                    <h2 class="heading font-bold text-xl md:text-2xl text-black leading-tight mt-3">VNSNY CHOICE expands service area to upstate New York regions</h2>
                </a>
                <time class="date text-gray-dark text-base mt-4 block tracking-wide md:tracking-normal">  March 7, 2020</time>

            </div>
        </div>
        <div class="md:w-1/4 md:text-right">
            <a class="event__link block text-lg text-primary mr-2 mt-2 md:mt-0" href="#">
          Learn More
        </a>
        </div>
    </div>
</div>
 
<div class="card card--news relative overflow-hidden bg-white border-gray-light rounded flex flex-col md:flex-row md:items-stretch" {{#if animation}}data-aos="{{animation.type}}"{{/if}}>
    <div class="w-2 h-full absolute bg-primary rounded-l"></div>

    <div class="event__content pr-4 pl-6 lg:ml-2 py-6 md:p-6 block w-full md:flex md:items-center md:justify-between md:justify-between">
        <div class="w-3/4">
          {{> @card-content }}
        </div>
        <div class="md:w-1/4 md:text-right">
        <a class="event__link block text-lg text-primary mr-2 mt-2 md:mt-0" href="{{button.url}}">
          {{ button.text }}
        </a>
        </div>
    </div>
</div>
 
{
  "link": {
    "url": "#"
  },
  "image": null,
  "label": "VNSNY CHOICE MLTC",
  "heading": "VNSNY CHOICE expands service area to upstate New York regions",
  "subheading": null,
  "description": null,
  "author": null,
  "date": {
    "month": "March",
    "day": "7",
    "year": "2020"
  },
  "modifier": "news",
  "isNewsCard": true,
  "button": {
    "text": "Learn More",
    "url": "#"
  }
}

There are no notes for this item.