<div class="collage layout_unbalanced ">
<div class="fs-row">
<div class="fs-cell">
<div class="collage_inner">
<div class="collage_header">
<h2 class="collage_title">In the Classroom</h2>
</div>
<div class="collage_rows">
<div class="collage_items">
<div class="collage_item">
<figure class="collage_item_figure">
<span class="collage_item_media">
<span class="lazy_image_wrapper collage_item_image_wrapper">
<img class="js-lazy js-lazyload collage_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/500x282/2" data-srcset="//images.fastspot.com/jtcc/500x282/2 500w, //images.fastspot.com/jtcc/740x416/2 740w, //images.fastspot.com/jtcc/980x552/2 980w" alt="">
</span>
<noscript>
<img class="collage_item_image" src="https://images.fastspot.com/jtcc/980x552/2" srcset="//images.fastspot.com/jtcc/980x552/2 980w, //images.fastspot.com/jtcc/740x416/2 740w, //images.fastspot.com/jtcc/500x282/2 500w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="collage_item_figcaption">
<span class="collage_item_figcaption_inner">In her favorite class, Language Arts for Young Children, she practiced reading a children's book to her classmates, enunciating carefully and adding character voices as if she were reading to children.</span>
</figcaption>
</figure>
</div>
<div class="collage_item">
<figure class="collage_item_figure">
<span class="collage_item_media">
<span class="lazy_image_wrapper collage_item_image_wrapper">
<img class="js-lazy js-lazyload collage_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/334x500/3" data-srcset="//images.fastspot.com/jtcc/334x500/3 334w, //images.fastspot.com/jtcc/494x740/3 494w, //images.fastspot.com/jtcc/654x980/3 654w" alt="">
</span>
<noscript>
<img class="collage_item_image" src="https://images.fastspot.com/jtcc/654x980/3" srcset="//images.fastspot.com/jtcc/654x980/3 654w, //images.fastspot.com/jtcc/494x740/3 494w, //images.fastspot.com/jtcc/334x500/3 334w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="collage_item_figcaption">
<span class="collage_item_figcaption_inner">Madeline Chase teaching in her cozy corner reading. nook.</span>
</figcaption>
</figure>
</div>
</div>
<div class="collage_items">
<div class="collage_item">
<figure class="collage_item_figure">
<span class="collage_item_media">
<span class="lazy_image_wrapper collage_item_image_wrapper">
<img class="js-lazy js-lazyload collage_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/500x282/6" data-srcset="//images.fastspot.com/jtcc/500x282/6 500w, //images.fastspot.com/jtcc/740x416/6 740w, //images.fastspot.com/jtcc/980x552/6 980w" alt="">
</span>
<noscript>
<img class="collage_item_image" src="https://images.fastspot.com/jtcc/980x552/6" srcset="//images.fastspot.com/jtcc/980x552/6 980w, //images.fastspot.com/jtcc/740x416/6 740w, //images.fastspot.com/jtcc/500x282/6 500w" sizes="100vw" alt="">
</noscript>
</span>
<figcaption class="collage_item_figcaption">
<span class="collage_item_figcaption_inner">Madeline Chase teaching in her cozy corner reading. nook.</span>
</figcaption>
</figure>
</div>
<div class="collage_item">
<figure class="collage_item_figure">
<span class="collage_item_media">
<span class="lazy_image_wrapper collage_item_image_wrapper">
<img class="js-lazy js-lazyload collage_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/334x500/5" data-srcset="//images.fastspot.com/jtcc/334x500/5 334w, //images.fastspot.com/jtcc/494x740/5 494w, //images.fastspot.com/jtcc/654x980/5 654w" alt="">
</span>
<noscript>
<img class="collage_item_image" src="https://images.fastspot.com/jtcc/654x980/5" srcset="//images.fastspot.com/jtcc/654x980/5 654w, //images.fastspot.com/jtcc/494x740/5 494w, //images.fastspot.com/jtcc/334x500/5 334w" sizes="100vw" alt="">
</noscript>
</span>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collage layout_{{ format }} {% if flipped %} layout_flipped{% endif %}">
<div class="fs-row">
<div class="fs-cell">
<div class="collage_inner">
<div class="collage_header">
<h2 class="collage_title">{{ title }}</h2>
</div>
<div class="collage_rows">
{% for row in rows %}
<div class="collage_items">
{% for item in row %}
<div class="collage_item">
<figure class="collage_item_figure">
<span class="collage_item_media">
{% if format == "equal" %}
{% render "@partial-image" with {
class: "collage_item",
alt: "",
image: item.image,
sources: [
img("wide").med,
img("wide").sml,
img("wide").xsml
]
} %}
{% elseif format == "vertical_only" %}
{% render "@partial-image" with {
class: "collage_item",
alt: "",
image: item.image,
sources: [
img("portraitFull").med,
img("portraitFull").sml,
img("portraitFull").xsml
]
} %}
{% else %}
{% if loop.index % 2 == 0 %}
{% render "@partial-image" with {
class: "collage_item",
alt: "",
image: item.image,
sources: [
img("portraitClassic").med,
img("portraitClassic").sml,
img("portraitClassic").xsml
]
} %}
{% else %}
{% render "@partial-image" with {
class: "collage_item",
alt: "",
image: item.image,
sources: [
img("wide").med,
img("wide").sml,
img("wide").xsml
]
} %}
{% endif %}
{% endif %}
</span>
{% if item.caption %}
<figcaption class="collage_item_figcaption">
<span class="collage_item_figcaption_inner">{{ item.caption }}</span>
</figcaption>
{% endif %}
</figure>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
No notes defined.