<!-- 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_social_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_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_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_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 class="footer_footer_nav">
<nav class="footer_nav" aria-labelledby="basic_nav_title-9">
<div class="footer_nav_header">
<h2 class="footer_nav_title" id="basic_nav_title-9">Footer</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="basic_nav_title-9">
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">About</span>
</div>
</a>
</li>
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Careers & Internships</span>
</div>
</a>
</li>
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Media Inquiries</span>
</div>
</a>
</li>
<li class="footer_nav_item theme_default">
<a class="footer_nav_link " href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Our Supporters</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="footer_secondary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_secondary_inner">
<div class="footer_meta">
<div class="footer_secondary_col_title">Address</div>
<div class="footer_secondary_col_content">
<div class="meta_info" id="meta_info">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Organization',
'name': 'Children and Screens',
'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@childrenandscreens.org',
'telephone': '+1 410 . 537 . 5007',
'url': '//example.dev.fastspot.com/site',
'sameAs': [
'//www.facebook.com',
'//www.instagram.com',
'//www.twitter.com',
'//www.youtube.com',
'//www.linkedin.com'
]
}
</script>
<div class="meta_info_address_wrap">
<address class="meta_info_address">
2980 Falls Road<br />
Baltimore, MD 21211
</address>
</div>
<div class="meta_info_details">
<div class="meta_info_detail meta_info_detail_email">
<span class="meta_info_detail_icon">
<svg class="icon icon_letter_e">
<use href="/images/icons.svg#letter_e" />
</svg>
</span>
<span class="meta_info_detail_content">
<a class="meta_info_detail_label meta_info_detail_link" href="mailto:info@childrenandscreens.org">info@childrenandscreens.org</a>
</span>
</div>
<div class="meta_info_detail meta_info_detail_phone">
<span class="meta_info_detail_icon">
<svg class="icon icon_letter_p">
<use href="/images/icons.svg#letter_p" />
</svg>
</span>
<span class="meta_info_detail_content">
<a class="meta_info_detail_label meta_info_detail_link" href="tel:1410.537.5007">
<span class="meta_info_detail_label_hint">home: </span>+1 410 . 537 . 5007</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer_statement">
<div class="footer_secondary_col_title">Statement on Bipartisanship</div>
<div class="footer_secondary_col_content">
<div class="footer_secondary_col_content_text">
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
</div>
</div>
</div>
<div class="footer_newsletter">
<div class="footer_secondary_col_title" id="form_newsletter_title">Join Our Newsletter</div>
<div class="footer_secondary_col_content">
<div class="footer_form">
<div class="gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework" data-form-theme="gravity-theme" data-form-index="0" id="gform_wrapper_2">
<div class="gform_heading">
<p class="gform_description"></p>
</div>
<form method="post" enctype="multipart/form-data" id="gform_2" action="/" data-formid="2">
<div class="gform-body gform_body">
<div id="gform_fields_2" class="gform_fields top_label form_sublabel_below description_below">
<div id="field_2_1" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below gfield_visibility_hide" data-js-reload="field_2_1">
<label class="gfield_label gform-field-label" for="input_2_1">Email<span class="gfield_required">
<span class="gfield_required gfield_required_text">(Required)</span>
</span>
</label>
<div class="ginput_container ginput_container_email">
<input name="input_1" id="input_2_1" type="text" value="" class="large" aria-required="true" aria-invalid="false" placeholder="Your@Email">
</div>
</div>
</div>
</div>
<div class="gform_footer">
<button type="submit" id="gform_submit_button_2" class="gform_button button theme_yellow" value="Submit" onclick="" data-conditional-logic="visible">
<span class="button_inner">
<span class="button_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_long">
<use href="/images/icons.svg#arrow_right_long" />
</svg>
</span>
<span class="button_text">Submit</span>
</span>
</button>
<input type="hidden" class="gform_hidden" name="is_submit_2" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="2">
<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_2" value="WyJbXSIsIjI2YTAyNDAyMzkxYTg2OWZjM2VhNjhjMjcxNTU0MmIxIl0=">
<input type="hidden" class="gform_hidden" name="gform_target_page_number_2" id="gform_target_page_number_2" value="0">
<input type="hidden" class="gform_hidden" name="gform_source_page_number_2" id="gform_source_page_number_2" value="1">
<input type="hidden" name="gform_field_values" value="">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_utility_nav">
<nav class="utility_nav" aria-labelledby="basic_nav_title-10">
<div class="utility_nav_header">
<h2 class="utility_nav_title" id="basic_nav_title-10">Utility</h2>
</div>
<ul class="utility_nav_list" aria-labelledby="basic_nav_title-10">
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Accessibility</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Cookie Settings</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Diversity, Equity, & Inclusion</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Privacy Policy</span>
</div>
</a>
</li>
<li class="utility_nav_item theme_default">
<a class="utility_nav_link " href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Terms</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer_copyright">
<p class="copyright">
<span class="copyright_icon">© Copyright</span>
<span class="copyright_year">2024</span>
<span class="copyright_holder">
<span class="copyright_holder_name">Children and Screens</span>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
</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">
<div class="footer_social_nav">
{% include '@navigation-social' with {
title: 'Social',
links: navigation.social
} %}
</div>
<div class="footer_footer_nav">
{% include '@navigation-basic' with {
class: 'footer',
modifier: '',
title: 'Footer',
active_index: '',
links: navigation.footer
} %}
</div>
</div>
</div>
</div>
</div>
<div class="footer_secondary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_secondary_inner">
<div class="footer_meta">
<div class="footer_secondary_col_title">Address</div>
<div class="footer_secondary_col_content">
{% render '@partial-meta' %}
</div>
</div>
<div class="footer_statement">
<div class="footer_secondary_col_title">Statement on Bipartisanship</div>
<div class="footer_secondary_col_content">
<div class="footer_secondary_col_content_text">
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
</div>
</div>
</div>
<div class="footer_newsletter">
<div class="footer_secondary_col_title" id="form_newsletter_title">Join Our Newsletter</div>
<div class="footer_secondary_col_content">
{% render '@partial-footer-newsletter' %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_utility_nav">
{% include '@navigation-basic' with {
class: 'utility',
modifier: '',
title: 'Utility',
active_index: '',
links: navigation.utility
} %}
</div>
<div class="footer_copyright">
{% render '@partial-copyright' %}
</div>
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
{% if page.alert == true %}
{% set alert_path = page.alert_path|default('/components/render/partial-alert') %}
<!-- WordPress / Drupal, use AlertURL to target the script that returns this content. For BigTree, enter the alert markup here. -->
<script>
var AlertURL = "{{ alert_path|path }}";
</script>
{% endif %}
</div>
</footer>
<!-- END: Footer -->
No notes defined.