Footer

<!-- 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="footer_primary_lockup">

                        <div class="logo logo_header logo_icon">
                            <a class="logo_link" href="page-home.html">
                                <span class="logo_link_label">Zero Deaths Maryland</span>
                                <img class="logo_footer" src="/images/footer_logo.png" alt="">
                            </a>
                        </div>
                    </div>

                    <div class="footer_primary_office">
                        <span class="footer_office">
                            <span class="footer_office_name">
                                MDOT MVA Highway Safety Office
                            </span>
                        </span>

                        <div class="meta_info" id="meta_info">
                            <script type="application/ld+json">
                                {
                                    "@context": "http://schema.org",
                                    "@type": "Organization",
                                    "name": "Zero Deaths Maryland",
                                    "logo": "//example.dev.fastspot.com/site/images/logo.png",
                                    "address": {
                                        "@type": "PostalAddress",
                                        "streetAddress": "6601 Ritchie Highway NE",
                                        "addressLocality": "Glen Burnie",
                                        "addressRegion": "MD",
                                        "postalCode": "21062"
                                    },
                                    "email": "info@zerodeathsmd.com",
                                    "url": "//example.dev.fastspot.com/site",
                                    "sameAs": ["//www.facebook.com",
                                        "//www.twitter.com",
                                        "//www.instagram.com"
                                    ]
                                }
                            </script>
                            <div class="meta_info_details">
                                <div class="meta_info_detail meta_info_detail_address">
                                    <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:Eiw2NjAxIFJpdGNoaWUgSHd5LCBHbGVuIEJ1cm5pZSwgTUQgMjEwNjEsIFVTQSJREk8KNAoyCbtXC2Nm_beJEa1abSvJT0lBGh4LEO7B7qEBGhQKEgnXl2IPoPy3iREsopBx_mjoJQwQyTMqFAoSCbFv337h-7eJEa_RUuV1gMpp" target="_blank" rel="noopener">
                                        <span class="meta_info_address_street">
                                            6601 Ritchie Highway NE,
                                        </span>
                                        <br />
                                        <span class="meta_info_address_group">
                                            <span class="meta_info_address_city">
                                                Glen Burnie,
                                            </span>
                                            <span class="meta_info_address_state">
                                                MD
                                            </span>
                                            <span class="meta_info_address_zip">21062</span>
                                        </span>
                                    </a>
                                </div>
                                <div class="meta_info_detail meta_info_detail_email">
                                    <a class="meta_info_detail_label meta_info_detail_link" href="mailto:info@zerodeathsmd.com">
                                        info@zerodeathsmd.com
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="footer_nav_social">
                        <div class="footer_navigations">

                            <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">About</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">News & Events</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">Contact</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">Email Signup</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>

                        <div class="footer_socials">

                            <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>
                                </ul>
                            </div>
                        </div>
                    </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-footer-utility-nav nav footer_utility_nav" aria-labelledby="footer_utility_nav_title">
                        <div class="nav_header footer_utility_nav_header">
                            <h2 class="nav_title footer_utility_nav_title" id="footer_utility_nav_title">Utility</h2>
                        </div>
                        <ul class="js-nav-list js-footer-utility-nav-list nav_list footer_utility_nav_list" aria-labelledby="footer_utility_nav_title">
                            <li class="js-nav-item js-footer-utility-nav-item js-footer-utility-nav-item-1 nav_item footer_utility_nav_item">
                                <div class="nav_item_inner footer_utility_nav_item_inner">
                                    <a class="js-nav-link js-footer-utility-nav-link nav_link footer_utility_nav_link" href="#">
                                        <span class="nav_link_label footer_utility_nav_link_label">Accessibility</span>
                                    </a>
                                </div>
                            </li>
                            <li class="js-nav-item js-footer-utility-nav-item js-footer-utility-nav-item-2 nav_item footer_utility_nav_item">
                                <div class="nav_item_inner footer_utility_nav_item_inner">
                                    <a class="js-nav-link js-footer-utility-nav-link nav_link footer_utility_nav_link" href="#">
                                        <span class="nav_link_label footer_utility_nav_link_label">Privacy Policy</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- END: Footer -->
<!-- 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 %}

					<div class="footer_primary_lockup">
						{% include '@partial-footer_logo' with {
							modifier: 'header',
							icon: 'logo',
							print: ''
						} %}
					</div>

					<div class="footer_primary_office">
						<span class="footer_office">
							<span class="footer_office_name">
								{{ config.officename }}
							</span>
						</span>
						{% render '@partial-meta' %}
					</div>

					<div class="footer_nav_social">
						<div class="footer_navigations">
							{% include '@navigation-basic' with {
								class: 'footer_nav',
								modifier: '',
								title: 'Footer',
								toggle_icon: '',
								active_index: '',
								links: navigation.footer
							} %}
						</div>

						<div class="footer_socials">
							{% include '@navigation-social' with {
								title: 'Social',
								links: navigation.social
							} %}
						</div>
					</div>
				</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: 'footer_utility_nav',
						title: 'Utility',
						modifier: '',
						toggle_icon: '',
						active_index: '',
						links: navigation.footerutility
					} %}
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- END: Footer -->

No notes defined.