<div class="o-column-panel c-experience-view__event-section o-column-panel--collapsed" data-bkg-theme="base">
<div class="o-container">
<div class="o-row">
<div class="o-column-panel__header o-col o-col-sm-md-4">
<div class="o-column-panel__header-content">
<h3 class="o-column-panel__title f-title--h3">February 12</h3>
</div>
</div>
<div class="o-column-panel__content o-col o-col-sm-md-8">
<ul class="c-experience-view__list-items">
<li class="o-list-card c-experience-view__list-item js-watch u-watch--fade-up">
<a href="" class="o-list-card__link">
<div class="o-list-card__content">
<h4 class="o-list-card__title f-title--h5">
<span class="u-hover-drawline">Academy Science Camp: Life before dinosaurs</span>
</h4>
<p class="o-list-card__eyebrow f-text--tag f-upper">Workshop <span class="u-sep-dot"></span> Free</p>
<p class="o-list-card__description f-text--small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a purus auctor massa in.</p>
<p class="o-list-card__date f-text--time">Thursday, February 12</p>
</div>
<div class="o-list-card__image">
<img src="/images/experience/AcademyScienceCamp.jpg" alt="" />
</div>
</a>
</li>
<li class="o-list-card c-experience-view__list-item js-watch u-watch--fade-up">
<a href="" class="o-list-card__link">
<div class="o-list-card__content">
<h4 class="o-list-card__title f-title--h5">
<span class="u-hover-drawline">Paleo Playdate</span>
</h4>
<p class="o-list-card__eyebrow f-text--tag f-upper">Workshop <span class="u-sep-dot"></span> Free</p>
<p class="o-list-card__description f-text--small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a purus auctor massa in.</p>
<p class="o-list-card__date f-text--time">Thursday, February 12</p>
</div>
<div class="o-list-card__image">
<img src="/images/experience/AcademyScienceCamp.jpg" alt="" />
</div>
</a>
</li>
<li class="o-list-card c-experience-view__list-item js-watch u-watch--fade-up">
<a href="" class="o-list-card__link">
<div class="o-list-card__content">
<h4 class="o-list-card__title f-title--h5">
<span class="u-hover-drawline">Academy Science Camp: Secrets of the museum</span>
</h4>
<p class="o-list-card__eyebrow f-text--tag f-upper">Workshop <span class="u-sep-dot"></span> Free</p>
<p class="o-list-card__description f-text--small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a purus auctor massa in.</p>
<p class="o-list-card__date f-text--time">Thursday, February 12</p>
</div>
<div class="o-list-card__image">
<img src="/images/experience/AcademyScienceCamp.jpg" alt="" />
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
{% embed "04-objects/column-panel" with {
title: date,
removeOffset: true,
panelColorTheme: 'base',
classes: 'c-experience-view__event-section',
collapsePadding: true,
hTag: 'h3'
} %}
{% block content %}
<ul class="c-experience-view__list-items">
{% for item in items %}
{% include "04-objects/list-card" with item|merge({
classes: 'c-experience-view__list-item',
hTag: 'h4'
}) only %}
{% endfor %}
</ul>
{% endblock content %}
{% endembed %}
{
"pageColorTheme": "teal",
"date": "February 12",
"items": [
{
"title": "Academy Science Camp: Life before dinosaurs",
"tag": "Workshop",
"cost": "Free",
"image": "<img src=\"/images/experience/AcademyScienceCamp.jpg\" alt=\"\" />",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a purus auctor massa in.",
"date": "Thursday, February 12",
"time": "1:00p.m.–2:30p.m."
},
{
"title": "Paleo Playdate",
"tag": "Workshop",
"cost": "Free",
"image": "<img src=\"/images/experience/AcademyScienceCamp.jpg\" alt=\"\" />",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a purus auctor massa in.",
"date": "Thursday, February 12",
"time": "4:00p.m.–5:30p.m."
},
{
"title": "Academy Science Camp: Secrets of the museum",
"tag": "Workshop",
"cost": "Free",
"image": "<img src=\"/images/experience/AcademyScienceCamp.jpg\" alt=\"\" />",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a purus auctor massa in.",
"date": "Thursday, February 12",
"time": "2:00p.m.–3:00p.m."
}
]
}
No notes defined.