<div class="p-page-header p-page-header--hero">
<div class="p-page-header__bg">
<img class="p-page-header__bg-img" src="https://source.unsplash.com/45YovdnShwg/1440x600" alt="some alt">
</div>
<div class="p-page-header__overlay"></div>
<div class="p-page-header__content">
<div class="o-container">
<div class="p-page-header__content-inner">
<div class="u-max-w-md">
<h1 id="page-title" class="p-page-header__title t-heading-h2">
Welcome to<br>Rawlings<br>Conservatory!
</h1>
</div>
</div>
</div>
</div>
</div>
<div class="c-alert">
<div class="o-container">
<div class="c-alert__content">
<div class="rich-text">
<p><a href="#">Due to COVID-19, tickets are required for entry. Click here for more info.</a></p>
</div>
</div>
</div>
</div>
<div class="l-content">
<div class="o-container">
<div class="l-content__rows">
<div class="l-content__row">
<div class="c-card-group">
<div class="o-container">
<div class="c-card-group__head">
<h2 class="c-card-group__title t-heading-h4">
What's Happening?
</h2>
</div>
<div class="c-card-group__content">
<div class="c-card-group__cols">
<div class="c-card-group__col">
<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">
Corpse Flower
</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>
<div class="c-card-group__col">
<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">
Another Flower
</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>
<div class="c-card-group__col">
<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">
Final Flower
</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>
</div>
</div>
<div class="c-card-group__foot">
<a href="#" class="c-card-group__cta t-heading-h5">
See all events +
</a>
</div>
</div>
</div>
</div>
<div class="l-content__row">
<div class="c-call-to-action c-call-to-action--theme-teal">
<div class="o-container">
<div class="c-call-to-action__head">
<h2 class="c-call-to-action__title t-heading-h4">
How to Support Us
</h2>
</div>
<div class="c-call-to-action__content">
<div class="u-max-w-md u-mx-auto">
<div class="rich-text">
<p>We take great care of our plants! You can’t touch them, but you can take all the pictures you want. We recently resumed booking indoor photo shoots. Find out more about our photography permits and policies.</p>
</div>
</div>
</div>
<div class="c-call-to-action__buttons-wrap">
<div class="u-max-w-md u-mx-auto">
<div class="c-call-to-action__buttons">
<div class="c-call-to-action__button">
<a href="#" class="p-button p-button--size-medium">
Donate
</a>
</div>
<div class="c-call-to-action__button">
<a href="#" class="p-button p-button--size-medium">
Donate
</a>
</div>
<div class="c-call-to-action__button">
<a href="#" class="p-button p-button--size-medium">
Donate
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '@partial-page-header' with {
modifier: 'hero',
page: page
} %}
{% render "@component-alert" %}
{% block content %}
<div class="l-content">
<div class="o-container">
<div class="l-content__rows">
<div class="l-content__row">
{% render "@component-card-group" %}
</div>
<div class="l-content__row">
{% render "@component-call-to-action" with {
theme_modifier: 'teal'
} %}
</div>
</div>
</div>
</div>
{% endblock %}
No notes defined.