Rawlings Conservatory Component Library

Card Group Item 

<div class="p-card-group-item">
    <figure class="p-card-group-item__fig">
        <img src="https://source.unsplash.com/pDGNBK9A0sk/800x1075" alt="Flower">
    </figure>

    <div class="p-card-group-item__title-wrap">
        <h3 class="p-card-group-item__title t-heading-h5">
            <a href="#" class="p-card-group-item__title-link">
                Senectus dui est
            </a>
        </h3>
    </div>

    <div class="p-card-group-item__desc">
        <div class="rich-text">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vulputate imperdiet eros. Mauris quis iaculis est.</p>
        </div>
    </div>

    <div class="p-card-group-item__foot">
        <span class="t-caption-text">
            May 2020 - Sept 2020
        </span>
    </div>
</div>
 
<div class="p-card-group-item">
	<figure class="p-card-group-item__fig">
		<img src="{{ img.src }}" alt="{{ img.alt }}">
	</figure>

	<div class="p-card-group-item__title-wrap">
		<h3 class="p-card-group-item__title t-heading-h5">
			<a href="#" class="p-card-group-item__title-link">
				{{ title }}
			</a>
		</h3>
	</div>

	<div class="p-card-group-item__desc">
		<div class="rich-text">
			<p>{{ description }}</p>
		</div>
	</div>

	<div class="p-card-group-item__foot">
		<span class="t-caption-text">
			{{ date }}
		</span>
	</div>
</div>

No notes defined.