ETR Component Library

cta-card-group 

<div class="cta-card-group block md:flex">
    <div class="cta-card w-full md:w-1/2 flex items-center">
        <div class="cta-card__content m-12 md:m-16 lg:m-24">
            <h2 class="heading text-white text-2xl md:text-3xl mb-8">Curated collections of works ready for purchase from iconic artists</h2>
            <a href="www.expandtheroom.com" class="button button--default">
            Buy now
          </a>

        </div>
    </div>
    <div class="cta-card w-full md:w-1/2 flex items-center">
        <div class="cta-card__content m-12 md:m-16 lg:m-24">
            <h2 class="heading text-white text-2xl md:text-3xl mb-8">Support artists, galleries and non-profits through online only auctions</h2>
            <a href="www.expandtheroom.com" class="button button--default">
            Learn More
          </a>

        </div>
    </div>
</div>
 
<div class="cta-card-group block md:flex">
  {{#each cards}}
    {{> @cta-card}}
  {{/each}}
</div>
 
{
  "cards": [
    {
      "heading": "Curated collections of works ready for purchase from iconic artists",
      "text": "Buy now",
      "url": "www.expandtheroom.com",
      "showStates": null
    },
    {
      "heading": "Support artists, galleries and non-profits through online only auctions",
      "text": "Learn More",
      "url": "www.expandtheroom.com",
      "showStates": null
    }
  ]
}

There are no notes for this item.