<!-- blog Row -->
<div class="blog_list">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="blog_list_inner">
                <div class="blog js-blog-item theme_history has_image" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
                    <div class="blog_inner">
                        <figure class="blog_figure" aria-hidden="true">

                            <img class="blog_image" srcset="https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
                        </figure>
                        <div class="blog_wrapper">
                            <div class="blog_header">
                                <h2 class="blog_title">From Pickles to Planes: Women Lead Glider Production for Heinz During WWII</h2>
                            </div>
                            <div class="blog_body">
                                <div class="blog_description">
                                    <p>They came from all walks of life. Margaret Evans was an artist’s model from Greentree. Mrs. Grace Winters was a widow with three small children. Mrs. Louise Hamilton came from a farm in Moon Run, accompanied by her daughter Louise. </p>
                                </div>
                            </div>
                            <div class="blog_link_wrapper">

                                <a href="#" class="blog_link">
                                    <span class="blog_link_inner">
                                        <span class="blog_link_label">Read the Article</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blog js-blog-item theme_sports has_image" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
                    <div class="blog_inner">
                        <figure class="blog_figure" aria-hidden="true">

                            <img class="blog_image" srcset="https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">
                        </figure>
                        <div class="blog_wrapper">
                            <div class="blog_header">
                                <h2 class="blog_title">The McGinnis Sisters Special Food Stores: Remembering a Connection Between Mother and Daughters</h2>
                            </div>
                            <div class="blog_body">
                                <div class="blog_description">
                                    <p>Local businesses become part of the fabric of a community, especially those related to food and groceries. Customers sample new products, exchange recipes, and pick up ingredients needed for cherished family traditions, year after year. Such places aren’t just part of the community, they create their own community.</p>
                                </div>
                            </div>
                            <div class="blog_link_wrapper">

                                <a href="#" class="blog_link">
                                    <span class="blog_link_inner">
                                        <span class="blog_link_label">Read the Article</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blog js-blog-item theme_meadowcroft" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
                    <div class="blog_inner">
                        <div class="blog_wrapper">
                            <div class="blog_header">
                                <h2 class="blog_title">Rev. LeRoy Patrick: Advocate for Equality</h2>
                            </div>
                            <div class="blog_body">
                                <div class="blog_description">
                                    <p>After arriving in Pittsburgh in 1951, Rev. LeRoy Patrick dove headfirst into the fight to integrate the city’s public swimming pools. Though Blacks were not prevented by law from using any city pool, a culture of de facto segregation, enforced by intimidation and outright violence by whites, prohibited them from using certain locations. </p>
                                </div>
                            </div>
                            <div class="blog_link_wrapper">

                                <a href="#" class="blog_link">
                                    <span class="blog_link_inner">
                                        <span class="blog_link_label">Read the Article</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blog js-blog-item theme_fort has_image" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
                    <div class="blog_inner">
                        <figure class="blog_figure" aria-hidden="true">

                            <img class="blog_image" srcset="https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
                        </figure>
                        <div class="blog_wrapper">
                            <div class="blog_header">
                                <h2 class="blog_title">From Pickles to Planes: Women Lead Glider Production for Heinz During WWII</h2>
                            </div>
                            <div class="blog_body">
                                <div class="blog_description">
                                    <p>They came from all walks of life. Margaret Evans was an artist’s model from Greentree. Mrs. Grace Winters was a widow with three small children. Mrs. Louise Hamilton came from a farm in Moon Run, accompanied by her daughter Louise. </p>
                                </div>
                            </div>
                            <div class="blog_link_wrapper">

                                <a href="#" class="blog_link">
                                    <span class="blog_link_inner">
                                        <span class="blog_link_label">Read the Article</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blog js-blog-item theme_history" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
                    <div class="blog_inner">
                        <div class="blog_wrapper">
                            <div class="blog_header">
                                <h2 class="blog_title">The McGinnis Sisters Special Food Stores: Remembering a Connection Between Mother and Daughters</h2>
                            </div>
                            <div class="blog_body">
                                <div class="blog_description">
                                    <p>Local businesses become part of the fabric of a community, especially those related to food and groceries. Customers sample new products, exchange recipes, and pick up ingredients needed for cherished family traditions, year after year. Such places aren’t just part of the community, they create their own community.</p>
                                </div>
                            </div>
                            <div class="blog_link_wrapper">

                                <a href="#" class="blog_link">
                                    <span class="blog_link_inner">
                                        <span class="blog_link_label">Read the Article</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="blog js-blog-item theme_sports" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
                    <div class="blog_inner">
                        <div class="blog_wrapper">
                            <div class="blog_header">
                                <h2 class="blog_title">Rev. LeRoy Patrick: Advocate for Equality</h2>
                            </div>
                            <div class="blog_body">
                                <div class="blog_description">
                                    <p>After arriving in Pittsburgh in 1951, Rev. LeRoy Patrick dove headfirst into the fight to integrate the city’s public swimming pools. Though Blacks were not prevented by law from using any city pool, a culture of de facto segregation, enforced by intimidation and outright violence by whites, prohibited them from using certain locations. </p>
                                </div>
                            </div>
                            <div class="blog_link_wrapper">

                                <a href="#" class="blog_link">
                                    <span class="blog_link_inner">
                                        <span class="blog_link_label">Read the Article</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Pagination -->
                <div class="pagination">
                    <nav class="pagination_nav" aria-label="Events Pagination">
                        <a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
                            <span class="pagination_arrow_icon">
                                <svg class="icon icon_chevron_left">
                                    <use href="/images/icons.svg#chevron_left" />
                                </svg>
                            </span>
                            <span class="pagination_arrow_label">Previous Page</span>
                        </a>
                        <a class="pagination_arrow pagination_arrow_right" href="#">
                            <span class="pagination_arrow_label">Next Page</span>
                            <span class="pagination_arrow_icon">
                                <svg class="icon icon_chevron_right">
                                    <use href="/images/icons.svg#chevron_right" />
                                </svg>
                            </span>
                        </a>
                    </nav>
                    <form class="pagination_form" action="#" method="get">
                        <div class="pagination_form_inner">
                            <label class="pagination_form_label" for="pagination_form_select">Page</label>
                            <div class="pagination_form_select_wrapper">
                                <select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                    <option value="25">25</option>
                                    <option value="26">26</option>
                                    <option value="27">27</option>
                                    <option value="28">28</option>
                                    <option value="29">29</option>
                                    <option value="30">30</option>
                                    <option value="31">31</option>
                                    <option value="32">32</option>
                                    <option value="33">33</option>
                                    <option value="34">34</option>
                                    <option value="35">35</option>
                                    <option value="36">36</option>
                                    <option value="37">37</option>
                                    <option value="38">38</option>
                                    <option value="39">39</option>
                                    <option value="40">40</option>
                                    <option value="41">41</option>
                                    <option value="42">42</option>
                                    <option value="43">43</option>
                                    <option value="44">44</option>
                                    <option value="45">45</option>
                                    <option value="46">46</option>
                                    <option value="47">47</option>
                                    <option value="48">48</option>
                                    <option value="49">49</option>
                                    <option value="50">50</option>
                                </select>
                                <span class="pagination_form_select_icon">
                                    <svg class="icon icon_chevron_down">
                                        <use href="/images/icons.svg#chevron_down" />
                                    </svg>
                                </span>
                            </div>
                            <span class="pagination_form_suffix">of 50</span>
                            <button class="pagination_form_button" type="submit" aria-label="View Page">Go</button>
                        </div>
                    </form>
                </div>
                <!-- END: Pagination -->
            </div>
        </div>
    </div>
</div>
<!-- END: blog Row -->
{#
	{% include '@component-blog-row' with {
		title: 'Title',
		description: 'Description',
		items: [
			{
				title: 'Item Title',
				image: '1',
				description: 'Item Description',
				links: [
					{
						title: 'Link Title',
						url: '#',
						icon: 'caret_right'
					}
				]
			}
		]
	} %}
#}

<!-- blog Row -->
<div class="blog_list">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="blog_list_inner">
				{% for item in items %}
					<div class="blog js-blog-item{% if item.theme %} theme_{{ item.theme }}{% endif %}{% if item.image %} has_image{% endif %}" data-checkpoint-intersect="center-top" data-checkpoint-offset="-200">
						<div class="blog_inner">
							{% if item.image %}
								<figure class="blog_figure" aria-hidden="true">
									{% include '@partial-image' with {
										class: 'blog',
										alt: '',
										image: item.image,
										loading: 'lazy',
										sources: [
											img.full.sml,
											img.full.xsml,
											img.full.xxsml
										]
									} %}
								</figure>
							{% endif %}
							<div class="blog_wrapper">
								<div class="blog_header">
									{% if title %}
										<h3 class="blog_title">{{ item.title }}</h3>
									{% else %}
										<h2 class="blog_title">{{ item.title }}</h2>
									{% endif %}
								</div>
								<div class="blog_body">
									<div class="blog_description">
										<p>{{ item.description }}</p>
									</div>
								</div>
								{% if item.link %}
									<div class="blog_link_wrapper">
										{% include '@partial-link' with {
											class: 'blog',
											title: item.link.title,
											url: item.link.url,
											icon: item.link.icon
										} %}
									</div>
								{% endif %}
							</div>
						</div>
					</div>
				{% endfor %}
				{% include '@partial-pagination' with {
					title: 'Events Pagination',
					pages: 50
				} %}
			</div>
		</div>
	</div>
</div>
<!-- END: blog Row -->

No notes defined.