<a class="skip-link" href="#main-content">Skip To Main Content</a>
<div class="off-canvas">
<div class="max-bound">
<main id="main-content">
<div class="outer-pad">
<div class="text-content">
<h2>Footer Tests</h2>
</div>
</div>
</main>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
</ul>
</div>
<nav class="site-footer__primary-nav" aria-label="Footer Primary">
<ul>
<li>
<a href="#">Footer Link 1</a>
</li>
<li>
<a href="#">Footer Link 2</a>
</li>
<li>
<a href="#">Footer Link 3</a>
</li>
<li>
<a href="#">Footer Link 4</a>
</li>
<li>
<a href="#">Footer Link 5</a>
</li>
<li>
<a href="#">Footer Link 6</a>
</li>
<li>
<a href="#">Footer Link 7</a>
</li>
<li>
<a href="#">Footer Link 8</a>
</li>
<li>
<a href="#">Footer Link 9</a>
</li>
<li>
<a href="#">Footer Link 10</a>
</li>
<li>
<a href="#">Footer Link 11</a>
</li>
<li>
<a href="#">Footer Link 12</a>
</li>
<li>
<a href="#">Footer Link 13</a>
</li>
<li>
<a href="#">Footer Link 14</a>
</li>
<li>
<a href="#">Footer Link 15</a>
</li>
<li>
<a href="#">Footer Link 16</a>
</li>
<li>
<a href="#">Footer Link 17</a>
</li>
<li>
<a href="#">Footer Link 18</a>
</li>
</ul>
</nav>
<nav class="site-footer__secondary-nav" aria-label="Footer Secondary">
<h2 class="site-footer__section-label">Quick Links</h2>
<ul>
<li>
<a href="#">Voluptate laboris tempor esse eu</a>
</li>
<li>
<a href="#">Minim adipiscing reprehenderit sint</a>
</li>
<li>
<a href="#">Sint culpa occaecat elit quis ex</a>
</li>
<li>
<a href="#">Et minim minim velit</a>
</li>
<li>
<a href="#">Aliqua deserunt labore fugiat nisi</a>
</li>
<li>
<a href="#">Dolore dolor fugiat ullamco laborum</a>
</li>
<li>
<a href="#">Id eu dolore in incididunt sunt</a>
</li>
<li>
<a href="#">Ad veniam consequat</a>
</li>
</ul>
</nav>
<div class="site-footer__site-org-contact-info">
<h2 class="site-footer__section-label">Site Name/Org Name Lorem Ipsum</h2>
<div class="site-footer__site-org-contact-address">
<p>
Building<br> 12345 Street Address<br> Ames, IA 50011</p>
</div>
<div class="site-footer__site-org-contact-email-phone-wrap">
<div class="site-footer__site-org-contact-phone">
<p>
<abbr title="Phone">P</abbr>: (515) 294-4347</p>
</div>
<div class="site-footer__site-org-contact-email">
<p>
Undergrad:
<a href="mailto:email@iastate.edu">email@iastate.edu</a>
</p>
<p>
<a href="mailto:email@iastate.edu">email@iastate.edu</a>
</p>
<p>
<a href="mailto:email2@iastate.edu">email2@iastate.edu</a>
</p>
<p>
<a href="mailto:email3@iastate.edu">email3@iastate.edu</a>
</p>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
<br>
<br>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
</ul>
</div>
<nav class="site-footer__primary-nav" aria-label="Footer Primary">
<ul>
<li>
<a href="#">Teams Discussion Forum</a>
</li>
<li>
<a href="#">WordPress Package Help</a>
</li>
</ul>
</nav>
<nav class="site-footer__secondary-nav" aria-label="Footer Secondary">
<ul class="site-footer__secondary-nav-short">
<li>
<a href="#">Strategic Relations and Communications</a>
</li>
<li>
<a href="#">Web Development Services</a>
</li>
</ul>
</nav>
<div class="site-footer__site-org-contact-info">
<h2 class="site-footer__section-label">Site Name/Org Name Lorem Ipsum</h2>
<div class="site-footer__site-org-contact-address">
<p>
Building<br> 12345 Street Address<br> Ames, IA 50011</p>
</div>
<div class="site-footer__site-org-contact-email-phone-wrap">
<div class="site-footer__site-org-contact-phone">
<p>
<abbr title="Phone">P</abbr>: (515) 294-4347</p>
</div>
<div class="site-footer__site-org-contact-email">
<p>
Theme Support (longer title):
<a href="mailto:email@iastate.edu">email@iastate.edu</a>
</p>
<p>
Erin Rosacker, project manager:
<a href="mailto:edavison@iastate.edu">edavison@iastate.edu</a>
</p>
<p>
<a href="mailto:email2@iastate.edu">email2@iastate.edu</a>
</p>
<p>
<a href="mailto:email3@iastate.edu">email3@iastate.edu</a>
</p>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
<br>
<br>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
<li>
<a href="#" target="_blank">
<i class="fak fa-iastate22-instagram" aria-hidden="true"></i>
<span class="visible-for-screen-readers">Instagram</span>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="fa-brands fa-youtube" aria-hidden="true"></i>
<span class="visible-for-screen-readers">YouTube</span>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="fa-brands fa-facebook" aria-hidden="true"></i>
<span class="visible-for-screen-readers">Facebook</span>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
<span class="visible-for-screen-readers">Twitter</span>
</a>
</li>
</ul>
</div>
<nav class="site-footer__primary-nav" aria-label="Footer Primary">
<ul>
<li>
<a href="#">Staff Directory</a>
</li>
</ul>
</nav>
<nav class="site-footer__secondary-nav" aria-label="Footer Secondary">
<h2 class="site-footer__section-label">Quick Links</h2>
<ul>
<li>
<a href="#">A-Z Index</a>
</li>
<li>
<a href="#">Directory</a>
</li>
<li>
<a href="#">Events</a>
</li>
<li>
<a href="#">President's Council</a>
</li>
<li>
<a href="#">President's Leadership Class</a>
</li>
<li>
<a href="#">Committee for the Consideration of Removing Names from University Property</a>
</li>
</ul>
</nav>
<div class="site-footer__site-org-contact-info">
<h2 class="site-footer__section-label">Office of the President</h2>
<div class="site-footer__site-org-contact-address">
<p>
1750 Beardshear Hall<br> 515 Morrill Road<br> Ames, IA 50011</p>
</div>
<div class="site-footer__site-org-contact-email-phone-wrap">
<div class="site-footer__site-org-contact-phone">
<p>
<abbr title="Phone">P</abbr>: 515-294-2042
</p>
<p>
<abbr title="Fax">F</abbr>: 515-294-0566
</p>
</div>
<div class="site-footer__site-org-contact-email">
<p>
<a href="mailto:president@iastate.edu">president@iastate.edu</a>
</p>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
<br>
<br>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
</ul>
</div>
<div class="site-footer__site-org-contact-info">
<h2 class="site-footer__section-label">Site Name/Org Name Lorem Ipsum</h2>
<div class="site-footer__site-org-contact-email-phone-wrap">
<div class="site-footer__site-org-contact-phone">
<p>
<abbr title="Phone">P</abbr>: 515-294-2042
</p>
<p>
<abbr title="Fax">F</abbr>: 515-294-0566
</p>
</div>
<div class="site-footer__site-org-contact-email">
<p>
<a href="mailto:president@iastate.edu">president@iastate.edu</a>
</p>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
<br>
<br>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
</ul>
</div>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
</div>
</div>
<div class="privacy-consent" hidden>
<div class="privacy-consent__content">
This website uses cookies to measure traffic and improve your experience. Declining tracking cookies will set a single cookie to remember your preference. You can manage your cookie preference at any time and learn more by visiting our <a href="/privacy-policy">Privacy Policy</a>.
</div>
<div class="privacy-consent__buttons">
<button class="iastate22-button iastate22-button--reverse privacy-consent__accept" type="button">Accept<span class="arrow"></span></button>
<button class="iastate22-button iastate22-button--reverse privacy-consent__decline" type="button">Decline<span class="arrow"></span></button>
</div>
</div>
{% extends "@page" %}
{% block header %}{% endblock %}
{% block content %}
<div class="outer-pad">
<div class="text-content">
<h2>Footer Tests</h2>
</div>
</div>
{% endblock %}
{% block footer %}
{% include "@site-footer--ecosystem" with footer_test_one %}
<br>
<br>
{% include "@site-footer--ecosystem" with footer_test_two %}
<br>
<br>
{% include "@site-footer--ecosystem" with footer_test_three %}
<br>
<br>
{% include "@site-footer--ecosystem" with footer_test_four %}
<br>
<br>
{% include "@site-footer--ecosystem" with footer_test_five %}
{% endblock %}
{
"footer_test_one": {
"social_links": {
"instagram": "",
"youtube": "",
"facebook": "",
"twitter": "",
"linkedin": "",
"flickr": ""
},
"footer_nav": [
{
"title": "Footer Link 1",
"url": "#"
},
{
"title": "Footer Link 2",
"url": "#"
},
{
"title": "Footer Link 3",
"url": "#"
},
{
"title": "Footer Link 4",
"url": "#"
},
{
"title": "Footer Link 5",
"url": "#"
},
{
"title": "Footer Link 6",
"url": "#"
},
{
"title": "Footer Link 7",
"url": "#"
},
{
"title": "Footer Link 8",
"url": "#"
},
{
"title": "Footer Link 9",
"url": "#"
},
{
"title": "Footer Link 10",
"url": "#"
},
{
"title": "Footer Link 11",
"url": "#"
},
{
"title": "Footer Link 12",
"url": "#"
},
{
"title": "Footer Link 13",
"url": "#"
},
{
"title": "Footer Link 14",
"url": "#"
},
{
"title": "Footer Link 15",
"url": "#"
},
{
"title": "Footer Link 16",
"url": "#"
},
{
"title": "Footer Link 17",
"url": "#"
},
{
"title": "Footer Link 18",
"url": "#"
}
],
"footer_secondary_nav": [
{
"title": "Voluptate laboris tempor esse eu",
"url": "#"
},
{
"title": "Minim adipiscing reprehenderit sint",
"url": "#"
},
{
"title": "Sint culpa occaecat elit quis ex",
"url": "#"
},
{
"title": "Et minim minim velit",
"url": "#"
},
{
"title": "Aliqua deserunt labore fugiat nisi",
"url": "#"
},
{
"title": "Dolore dolor fugiat ullamco laborum",
"url": "#"
},
{
"title": "Id eu dolore in incididunt sunt",
"url": "#"
},
{
"title": "Ad veniam consequat",
"url": "#"
}
],
"site_org_contact": {
"name": "Site Name/Org Name Lorem Ipsum",
"email": [
{
"label": "Undergrad",
"email_address": "email@iastate.edu"
},
{
"email_address": "email@iastate.edu"
},
{
"email_address": "email2@iastate.edu"
},
{
"email_address": "email3@iastate.edu"
}
],
"phone": [
{
"label": "<abbr title=\"Phone\">P</abbr>",
"phone_number": "(515) 294-4347"
}
],
"address": {
"building": "Building",
"street": "12345 Street Address",
"city_state_zip": "Ames, IA 50011"
}
},
"footer_utility_nav": [
{
"title": "Privacy Policy",
"url": "https://www.iastate.edu/disclaimers-and-terms"
},
{
"title": "Non-discrimination Policy",
"url": "https://www.policy.iastate.edu/policy/discrimination"
},
{
"title": "Digital Access and Accessibility",
"url": "https://www.digitalaccess.iastate.edu/"
},
{
"title": "Consumer Information",
"url": "https://www.iastate.edu/consumer-information"
}
]
},
"footer_test_two": {
"social_links": {
"instagram": "",
"youtube": "",
"facebook": "",
"twitter": "",
"linkedin": "",
"flickr": ""
},
"footer_nav": [
{
"title": "Teams Discussion Forum",
"url": "#"
},
{
"title": "WordPress Package Help",
"url": "#"
}
],
"footer_secondary_nav": [
{
"title": "Strategic Relations and Communications",
"url": "#"
},
{
"title": "Web Development Services",
"url": "#"
}
],
"site_org_contact": {
"name": "Site Name/Org Name Lorem Ipsum",
"email": [
{
"label": "Theme Support (longer title)",
"email_address": "email@iastate.edu"
},
{
"label": "Erin Rosacker, project manager",
"email_address": "edavison@iastate.edu"
},
{
"email_address": "email2@iastate.edu"
},
{
"email_address": "email3@iastate.edu"
}
],
"phone": [
{
"label": "<abbr title=\"Phone\">P</abbr>",
"phone_number": "(515) 294-4347"
}
],
"address": {
"building": "Building",
"street": "12345 Street Address",
"city_state_zip": "Ames, IA 50011"
}
},
"footer_utility_nav": [
{
"title": "Privacy Policy",
"url": "https://www.iastate.edu/disclaimers-and-terms"
},
{
"title": "Non-discrimination Policy",
"url": "https://www.policy.iastate.edu/policy/discrimination"
},
{
"title": "Digital Access and Accessibility",
"url": "https://www.digitalaccess.iastate.edu/"
},
{
"title": "Consumer Information",
"url": "https://www.iastate.edu/consumer-information"
}
]
},
"footer_test_three": {
"social_links": {
"instagram": "#",
"youtube": "#",
"facebook": "#",
"twitter": "#",
"linkedin": "",
"flickr": ""
},
"footer_nav": [
{
"title": "Staff Directory",
"url": "#"
}
],
"footer_secondary_nav": [
{
"title": "A-Z Index",
"url": "#"
},
{
"title": "Directory",
"url": "#"
},
{
"title": "Events",
"url": "#"
},
{
"title": "President's Council",
"url": "#"
},
{
"title": "President's Leadership Class",
"url": "#"
},
{
"title": "Committee for the Consideration of Removing Names from University Property",
"url": "#"
}
],
"site_org_contact": {
"name": "Office of the President",
"email": [
{
"label": "",
"email_address": "president@iastate.edu"
}
],
"phone": [
{
"label": "<abbr title=\"Phone\">P</abbr>",
"phone_number": "515-294-2042"
},
{
"label": "<abbr title=\"Fax\">F</abbr>",
"phone_number": "515-294-0566"
}
],
"address": {
"building": "1750 Beardshear Hall",
"street": "515 Morrill Road",
"city_state_zip": "Ames, IA 50011"
}
},
"footer_utility_nav": [
{
"title": "Privacy Policy",
"url": "https://www.iastate.edu/disclaimers-and-terms"
},
{
"title": "Non-discrimination Policy",
"url": "https://www.policy.iastate.edu/policy/discrimination"
},
{
"title": "Digital Access and Accessibility",
"url": "https://www.digitalaccess.iastate.edu/"
},
{
"title": "Consumer Information",
"url": "https://www.iastate.edu/consumer-information"
}
]
},
"footer_test_four": {
"social_links": {
"instagram": "",
"youtube": "",
"facebook": "",
"twitter": "",
"linkedin": "",
"flickr": ""
},
"footer_nav": [],
"footer_secondary_nav": [],
"site_org_contact": {
"name": "Site Name/Org Name Lorem Ipsum",
"email": [
{
"label": "",
"email_address": "president@iastate.edu"
}
],
"phone": [
{
"label": "<abbr title=\"Phone\">P</abbr>",
"phone_number": "515-294-2042"
},
{
"label": "<abbr title=\"Fax\">F</abbr>",
"phone_number": "515-294-0566"
}
],
"address": {
"building": "",
"street": "",
"city_state_zip": ""
}
},
"footer_utility_nav": [
{
"title": "Privacy Policy",
"url": "https://www.iastate.edu/disclaimers-and-terms"
},
{
"title": "Non-discrimination Policy",
"url": "https://www.policy.iastate.edu/policy/discrimination"
},
{
"title": "Digital Access and Accessibility",
"url": "https://www.digitalaccess.iastate.edu/"
},
{
"title": "Consumer Information",
"url": "https://www.iastate.edu/consumer-information"
}
]
},
"footer_test_five": {
"social_links": {
"instagram": "",
"youtube": "",
"facebook": "",
"twitter": "",
"linkedin": "",
"flickr": ""
},
"footer_nav": [],
"footer_secondary_nav": [],
"site_org_contact": {
"name": "",
"email": [],
"phone": [],
"address": {
"building": "",
"street": "",
"city_state_zip": ""
}
},
"footer_utility_nav": [
{
"title": "Privacy Policy",
"url": "https://www.iastate.edu/disclaimers-and-terms"
},
{
"title": "Non-discrimination Policy",
"url": "https://www.policy.iastate.edu/policy/discrimination"
},
{
"title": "Digital Access and Accessibility",
"url": "https://www.digitalaccess.iastate.edu/"
},
{
"title": "Consumer Information",
"url": "https://www.iastate.edu/consumer-information"
}
]
}
}
There are no notes for this item.