</main>
<!-- END: Page -->

<!-- Footer -->
<footer class="footer" id="footer">
    <div class="footer_primary">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_primary_inner">

                    <div class="meta_info" id="meta_info">
                        <script type="application/ld+json">
                            {
                                "@context": "http://schema.org",
                                "@type": "Organization",
                                "name": "Framework",
                                "logo": "//example.dev.fastspot.com/site/images/logo-schema.png",
                                "address": {
                                    "@type": "PostalAddress",
                                    "streetAddress": "2980 Falls Road",
                                    "addressLocality": "Baltimore",
                                    "addressRegion": "MD",
                                    "postalCode": "21211"
                                },
                                "email": "info@fastspot.com",
                                "telephone": "(410) 537-5007",
                                "url": "//example.dev.fastspot.com/site",
                                "sameAs": [
                                    "//www.facebook.com",
                                    "//www.twitter.com",
                                    "//www.instagram.com",
                                    "//www.youtube.com",
                                    "//www.linkedin.com"
                                ]
                            }
                        </script>
                        <div class="meta_info_details">
                            <div class="meta_info_detail meta_info_detail_address">
                                <span class="meta_info_detail_icon">
                                    <svg class="icon icon_place">
                                        <use href="/images/icons.svg#place" />
                                    </svg>
                                </span>
                                <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                                    <span class="meta_info_address_street">2980 Falls Road,</span>
                                    <span class="meta_info_address_group">
                                        <span class="meta_info_address_city">Baltimore,</span>
                                        <span class="meta_info_address_state">MD</span>
                                        <span class="meta_info_address_zip">21211</span>
                                    </span>
                                </a>
                            </div>
                            <div class="meta_info_detail meta_info_detail_email">
                                <span class="meta_info_detail_icon">
                                    <svg class="icon icon_mail">
                                        <use href="/images/icons.svg#mail" />
                                    </svg>
                                </span>
                                <a class="meta_info_detail_label meta_info_detail_link" href="mailto:info@fastspot.com">info@fastspot.com</a>
                            </div>
                            <div class="meta_info_detail meta_info_detail_phone">
                                <span class="meta_info_detail_icon">
                                    <svg class="icon icon_phone">
                                        <use href="/images/icons.svg#phone" />
                                    </svg>
                                </span>
                                <a class="meta_info_detail_label meta_info_detail_link" href="tel:4105375007">P<span class="meta_info_detail_label_hint">hone</span>:
                                    (410) 537-5007</a>
                            </div>
                            <div class="meta_info_detail meta_info_detail_fax">
                                <span class="meta_info_detail_icon">
                                    <svg class="icon icon_fax">
                                        <use href="/images/icons.svg#fax" />
                                    </svg>
                                </span>
                                <a class="meta_info_detail_label meta_info_detail_link" href="tel:4105375008">F<span class="meta_info_detail_label_hint">ax</span>:
                                    (410) 537-5008</a>
                            </div>
                        </div>
                    </div>

                    <nav class="js-nav js-footer-nav nav footer_nav" aria-labelledby="footer_nav_title">
                        <div class="nav_header footer_nav_header">
                            <h2 class="nav_title footer_nav_title" id="footer_nav_title">Footer</h2>
                        </div>
                        <ul class="js-nav-list js-footer-nav-list nav_list footer_nav_list" aria-labelledby="footer_nav_title">
                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-1 nav_item footer_nav_item">
                                <div class="nav_item_inner footer_nav_item_inner">
                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                        <span class="nav_link_label footer_nav_link_label">Make a Gift</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-2 nav_item footer_nav_item">
                                <div class="nav_item_inner footer_nav_item_inner">
                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                        <span class="nav_link_label footer_nav_link_label">Library & Information Technology</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-3 nav_item footer_nav_item">
                                <div class="nav_item_inner footer_nav_item_inner">
                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                        <span class="nav_link_label footer_nav_link_label">Offices & Services</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-4 nav_item footer_nav_item">
                                <div class="nav_item_inner footer_nav_item_inner">
                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                        <span class="nav_link_label footer_nav_link_label">Bookstore</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-footer-nav-item js-footer-nav-item-5 nav_item footer_nav_item">
                                <div class="nav_item_inner footer_nav_item_inner">
                                    <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                        <span class="nav_link_label footer_nav_link_label">Apply Now</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </nav>

                    <div class="social_nav">
                        <div class="social_nav_header">
                            <h2 class="social_nav_title" id="social_nav_title">Social</h2>
                        </div>
                        <ul class="social_nav_list" aria-labelledby="social_nav_title">
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <svg class="icon icon_facebook">
                                            <use href="/images/icons.svg#facebook" />
                                        </svg>
                                    </span>
                                    <span class="social_nav_label">Facebook</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <svg class="icon icon_twitter">
                                            <use href="/images/icons.svg#twitter" />
                                        </svg>
                                    </span>
                                    <span class="social_nav_label">Twitter</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <svg class="icon icon_instagram">
                                            <use href="/images/icons.svg#instagram" />
                                        </svg>
                                    </span>
                                    <span class="social_nav_label">Instagram</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <svg class="icon icon_youtube">
                                            <use href="/images/icons.svg#youtube" />
                                        </svg>
                                    </span>
                                    <span class="social_nav_label">Youtube</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <svg class="icon icon_linkedin">
                                            <use href="/images/icons.svg#linkedin" />
                                        </svg>
                                    </span>
                                    <span class="social_nav_label">Linkedin</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_ribbon">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_ribbon_inner">

                    <nav class="js-nav js-utility-nav nav utility_nav" aria-labelledby="utility_nav_title">
                        <div class="nav_header utility_nav_header">
                            <h2 class="nav_title utility_nav_title" id="utility_nav_title">Utility</h2>
                        </div>
                        <ul class="js-nav-list js-utility-nav-list nav_list utility_nav_list" aria-labelledby="utility_nav_title">
                            <li class="js-nav-item js-utility-nav-item js-utility-nav-item-1 nav_item utility_nav_item">
                                <div class="nav_item_inner utility_nav_item_inner">
                                    <a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
                                        <span class="nav_link_label utility_nav_link_label">Accessibility</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-utility-nav-item js-utility-nav-item-2 nav_item utility_nav_item">
                                <div class="nav_item_inner utility_nav_item_inner">
                                    <a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
                                        <span class="nav_link_label utility_nav_link_label">Contact Us</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-utility-nav-item js-utility-nav-item-3 nav_item utility_nav_item">
                                <div class="nav_item_inner utility_nav_item_inner">
                                    <a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
                                        <span class="nav_link_label utility_nav_link_label">Employment Opportunities</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-utility-nav-item js-utility-nav-item-4 nav_item utility_nav_item">
                                <div class="nav_item_inner utility_nav_item_inner">
                                    <a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
                                        <span class="nav_link_label utility_nav_link_label">Maps & Directions</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-utility-nav-item js-utility-nav-item-5 nav_item utility_nav_item">
                                <div class="nav_item_inner utility_nav_item_inner">
                                    <a class="js-nav-link js-utility-nav-link nav_link utility_nav_link" href="#">
                                        <span class="nav_link_label utility_nav_link_label">Privacy Policy</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </nav>

                    <p class="copyright">
                        <span class="copyright_icon">&copy;</span>
                        <span class="copyright_holder">
                            <span class="copyright_holder_name">Framework</span>
                        </span>
                        <span class="copyright_year">2021</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- END: Footer -->
</main>
<!-- END: Page -->

<!-- Footer -->
<footer class="footer" id="footer">
	<div class="footer_primary">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_primary_inner">
					{% if page.alert == true %}
						<div class="alert_open_wrapper">
							<button class="js-alert-open alert_open">
								<span class="alert_open_inner">
									<span class="alert_open_icon" aria-hidden="true">
										<span class="alert_open_icon_inner">{{ icon("plus") }}</span>
									</span>
									<span class="alert_open_label">Open site alert</span>
								</span>
							</button>
						</div>
					{% endif %}

					{% render "@partial-meta" %}

					{% include "@navigation-basic" with {
						class: "footer_nav",
						modifier: "",
						title: "Footer",
						toggle_icon: "",
						active_index: "",
						links: navigation.footer
					} %}

					{% include "@navigation-social" with {
						title: "Social",
						links: navigation.social
					} %}
				</div>
			</div>
		</div>
	</div>
	<div class="footer_ribbon">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_ribbon_inner">
					{% include "@navigation-basic" with {
						class: "utility_nav",
						modifier: "",
						title: "Utility",
						toggle_icon: "",
						active_index: "",
						links: navigation.utility
					} %}

					{% render "@partial-copyright" %}
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- END: Footer -->

No notes defined.