<div class="card-group">
<h2 class="heading text-black font-bold text-2xl md:text-3xl text-center">Latest News</h2>
<p class="max-w-screen-lg mx-auto mt-2 text-black font-normal text-lg md:text-xl font-sans text-center">Your source for all the latest updates from around the art world</p>
<div class="card-group__body lg:flex lg:flex-row lg:-ml-16 mt-8">
<div class="lg:w-1/3 lg:pl-16">
<div class="card mb-16 md:mb-12 w-full">
<div class="card__image">
<a href="#" class="block hover:opacity-75 transition">
<figure class="m-0 w-full">
<img class="w-full" src="https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80" alt="">
</figure>
</a>
</div>
<div class="card__content mt-6 pr-4">
<div class="card-content">
<div class="label font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider">Healthcare</div>
<a href="#" class="card-content__heading-link">
<h2 class="heading font-bold text-xl md:text-2xl text-black leading-tight mt-3">These Artifacts Were Stolen. Why Is It So Hard to Get Them Back?</h2>
</a>
<p class="description text-gray-darkest text-sm md:text-base leading-normal mt-3">The Benin Bronzes, some of Africa’s greatest treasures, were looted over 120 years ago. After a chance encounter, two men made it their mission to return them.</p>
<div class="mt-4">
<ul class="comma-separated-list list-reset">
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Emily Dickinson</li>
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Walt Wiltman</li>
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Virginia Woolf</li>
</ul>
</div>
<time class="date text-gray-dark text-base mt-4 block tracking-wide md:tracking-normal"> March 7, 2020</time>
</div>
</div>
</div>
</div>
<div class="lg:w-1/3 lg:pl-16">
<div class="card mb-16 md:mb-12 w-full">
<div class="card__image">
<a href="#" class="block hover:opacity-75 transition">
<figure class="m-0 w-full">
<img class="w-full" src="https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80" alt="">
</figure>
</a>
</div>
<div class="card__content mt-6 pr-4">
<div class="card-content">
<div class="label font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider">Wellness</div>
<a href="#" class="card-content__heading-link">
<h2 class="heading font-bold text-xl md:text-2xl text-black leading-tight mt-3">Obama Portraits to Tour the Nation</h2>
</a>
<p class="description text-gray-darkest text-sm md:text-base leading-normal mt-3">The works by Kehinde Wiley and Amy Sherald will make their way to five cities from June 2021 through May 2022, including a stop at the Brooklyn Museum.</p>
<div class="mt-4">
<ul class="comma-separated-list list-reset">
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Emily Dickinson</li>
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Walt Wiltman</li>
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Virginia Woolf</li>
</ul>
</div>
<time class="date text-gray-dark text-base mt-4 block tracking-wide md:tracking-normal"> March 7, 2020</time>
</div>
</div>
</div>
</div>
<div class="lg:w-1/3 lg:pl-16">
<div class="card mb-16 md:mb-12 w-full">
<div class="card__image">
<a href="#" class="block hover:opacity-75 transition">
<figure class="m-0 w-full">
<img class="w-full" src="https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80" alt="">
</figure>
</a>
</div>
<div class="card__content mt-6 pr-4">
<div class="card-content">
<div class="label font-bold text-2xs md:text-xs text-gray-darker uppercase leading-tight tracking-wider">Fitness</div>
<a href="#" class="card-content__heading-link">
<h2 class="heading font-bold text-xl md:text-2xl text-black leading-tight mt-3">Museum C.E.O. Apologizes for Mistakes in Dealing With Former Manager</h2>
</a>
<p class="description text-gray-darkest text-sm md:text-base leading-normal mt-3">The apology to the staff from the Philadelphia Museum of Art executive involved a manager who had been the subject of employee complaints.</p>
<div class="mt-4">
<ul class="comma-separated-list list-reset">
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Emily Dickinson</li>
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Walt Wiltman</li>
<li class="author inline text-gray-dark text-xs md:text-sm tracking-wide md:tracking-normal">Virginia Woolf</li>
</ul>
</div>
<time class="date text-gray-dark text-base mt-4 block tracking-wide md:tracking-normal"> March 7, 2020</time>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-group">
{{#if heading }}
<h2 class="heading text-black font-bold text-2xl md:text-3xl text-center">{{heading}}</h2>
{{/if}}
{{#if subheading }}
<p class="max-w-screen-lg mx-auto mt-2 text-black font-normal text-lg md:text-xl font-sans text-center">{{subheading}}</p>
{{/if}}
<div class="card-group__body lg:flex lg:flex-row lg:-ml-16 mt-8">
{{#each cards}}
<div class="lg:w-1/3 lg:pl-16"> {{> @card}}</div>
{{/each}}
</div>
</div>
{{#if button}}
<div class="text-center mt-8">
{{#with button}}
{{> @button--outline }}
{{/with}}
</div>
{{/if}}
</div>
{
"heading": "Latest News",
"subheading": "Your source for all the latest updates from around the art world",
"cards": [
{
"image": {
"source": "https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80"
},
"label": "Healthcare",
"heading": "These Artifacts Were Stolen. Why Is It So Hard to Get Them Back?",
"description": "The Benin Bronzes, some of Africa’s greatest treasures, were looted over 120 years ago. After a chance encounter, two men made it their mission to return them.",
"author": [
"Emily Dickinson",
"Walt Wiltman",
"Virginia Woolf"
],
"date": {
"month": "March",
"day": "7",
"year": "2020"
},
"link": {
"url": "#"
}
},
{
"image": {
"source": "https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80"
},
"label": "Wellness",
"heading": "Obama Portraits to Tour the Nation",
"description": "The works by Kehinde Wiley and Amy Sherald will make their way to five cities from June 2021 through May 2022, including a stop at the Brooklyn Museum.",
"author": [
"Emily Dickinson",
"Walt Wiltman",
"Virginia Woolf"
],
"date": {
"month": "March",
"day": "7",
"year": "2020"
},
"link": {
"url": "#"
}
},
{
"image": {
"source": "https://images.unsplash.com/photo-1483736762161-1d107f3c78e1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1567&q=80"
},
"label": "Fitness",
"heading": "Museum C.E.O. Apologizes for Mistakes in Dealing With Former Manager",
"description": "The apology to the staff from the Philadelphia Museum of Art executive involved a manager who had been the subject of employee complaints.",
"author": [
"Emily Dickinson",
"Walt Wiltman",
"Virginia Woolf"
],
"date": {
"month": "March",
"day": "7",
"year": "2020"
},
"link": {
"url": "#"
}
}
]
}
.card-group {
&--small {
.card--small {
@apply border border-gray;
border-top: none !important;
}
&__cell {
&:before {
@apply block w-full bg-primary;
content: '';
height: 10px;
}
&:nth-child(2n+0) {
&:before {
@apply bg-primary-light;
}
}
&:nth-child(3n+0) {
&:before {
@apply bg-primary;
}
}
&:nth-child(4n+0) {
&:before {
@apply bg-primary-light;
}
}
}
}
}
There are no notes for this item.