<div class="o-column-panel c-press-release-view-year-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">
                    <h2 class="o-column-panel__title f-title--h3">2021</h2>

                </div>
            </div>

            <div class="o-column-panel__content o-col o-col-sm-md-8">

                <ul class="c-press-release-view-year__list-items">

                    <li class="o-list-card c-press-release-view-year__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">Bird Safe Philly Kicks Off Fall Migration With Seasonal Lights Out Philly Program</span>
                                </h4>

                                <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-press-release-view-year__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__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-press-release-view-year__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__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: year,
  removeOffset: true,
  panelColorTheme: 'base',
  classes: 'c-press-release-view-year-section',
  collapsePadding: true
} %}
	{% block content %}
		<ul class="c-press-release-view-year__list-items">
			{% for item in items %}
				{% include "04-objects/list-card" with item|merge({classes: 'c-press-release-view-year__list-item'}) only %}
			{% endfor %}
		</ul>
	{% endblock content %}
{% endembed %}
{
  "pageColorTheme": "teal",
  "year": "2021",
  "items": [
    {
      "title": "Bird Safe Philly Kicks Off Fall Migration With Seasonal Lights Out Philly Program",
      "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",
      "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",
      "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.