Footer
Definition
The <footer> HTML element represents a footer for its nearest
ancestor sectioning content or sectioning root element. A <footer> typically contains information about the author of the section, copyright data
or links to related documents.
Description
The footer will stick to the bottom of the screen (min-height: 100vh) with
the main content element given the class of .body-content.
This footer is a section at the bottom of ICPSR pages that holds information
like social media links, legal copy, and links. Footers can technically
exist in other containing elements, so we need to add a .site-footer on the footer element to specify the main site footer. There is
an optional section for extra information.
There are specific classes for sections of the footer for the correct styling. See the code example for specifics, but the high level sections are:
-
.footer-action-barrequired.footer-social-
.footer-linksrequired - newsletter link
.btn
-
.footer-contentrequired-
.footer-logos-
.footer-um-logorequired .footer-archive-logos
-
.footer-extra-
.footer-copyrightrequired
-
Examples
Footer Basic
<footer class="site-footer">
<div class="footer-action-bar">
<div class="container">
<ul class="footer-social">
<li>
<a href="https://www.facebook.com/pages/ICPSR/43191688396">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-80 0 500 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
<p class="visually-hidden">facebook</p>
</a>
</li>
<li>
<a href="https://www.instagram.com/theicpsr/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
<p class="visually-hidden">Instagram</p>
</a>
</li>
<li>
<a href="https://www.twitter.com/#!/icpsr">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
<p class="visually-hidden">Twitter</p>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/ICPSR">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
<p class="visually-hidden">LinkedIn</p>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC4__DY4PxAg4Fjspbubd-Pw">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="35 -25 516 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
<p class="visually-hidden">YouTube</p>
</a>
</li>
</ul>
<ul class="footer-links">
<li>
<a href="https://myumi.ch/ICPSRAccessibilityWebFoot">Accessibility</a>
</li>
<li>
<a href="https://myumi.ch/ICPSRPrivacyPolicyWebFoot"
>Privacy Policy</a
>
</li>
<li>
<a href="https://myumi.ch/ICPSRContactUsWebFooter">Contact Us</a>
</li>
</ul>
<a class="btn btn-outline-primary" href="https://myumi.ch/ICPSRAnnounce"
>Sign up for our newsletter</a
>
</div>
</div>
<div class="footer-content container">
<div class="footer-logos">
<div class="footer-um-logo">
<img src="/static/docs/img/icpsr-acronym.svg" alt="ICPSR" height="40" />
</div>
</div>
<p class="footer-copyright">
© 2023 The
<a href="http://regents.umich.edu/"
>Regents of the University of Michigan</a
>. ICPSR is part of the
<a href="http://www.isr.umich.edu/">Institute for Social Research</a>
at the <a href="http://www.umich.edu/">University of Michigan</a>.
</p>
</div>
</footer>Footer No Social
<footer class="site-footer">
<div class="footer-action-bar">
<div class="container">
<ul class="footer-links">
<li>
<a href="https://myumi.ch/ICPSRAccessibilityWebFoot">Accessibility</a>
</li>
<li>
<a href="https://myumi.ch/ICPSRPrivacyPolicyWebFoot"
>Privacy Policy</a
>
</li>
<li>
<a href="https://myumi.ch/ICPSRContactUsWebFooter">Contact Us</a>
</li>
</ul>
<a class="btn btn-outline-primary" href="https://myumi.ch/ICPSRAnnounce"
>Sign up for our newsletter</a
>
</div>
</div>
<div class="footer-content container">
<div class="footer-logos">
<div class="footer-um-logo">
<img src="/static/docs/img/icpsr-acronym.svg" alt="ICPSR" height="40" />
</div>
</div>
<p class="footer-copyright">
© 2023 The
<a href="http://regents.umich.edu/"
>Regents of the University of Michigan</a
>. ICPSR is part of the
<a href="http://www.isr.umich.edu/">Institute for Social Research</a>
at the <a href="http://www.umich.edu/">University of Michigan</a>.
</p>
</div>
</footer>Footer No Newsletter
<footer class="site-footer">
<div class="footer-action-bar">
<div class="container">
<ul class="footer-social">
<li>
<a href="https://www.facebook.com/pages/ICPSR/43191688396">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-80 0 500 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
<p class="visually-hidden">facebook</p>
</a>
</li>
<li>
<a href="https://www.instagram.com/theicpsr/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
<p class="visually-hidden">Instagram</p>
</a>
</li>
<li>
<a href="https://www.twitter.com/#!/icpsr">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
<p class="visually-hidden">Twitter</p>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/ICPSR">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
<p class="visually-hidden">LinkedIn</p>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC4__DY4PxAg4Fjspbubd-Pw">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="35 -25 516 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
<p class="visually-hidden">YouTube</p>
</a>
</li>
</ul>
<ul class="footer-links">
<li>
<a href="https://myumi.ch/ICPSRAccessibilityWebFoot">Accessibility</a>
</li>
<li>
<a href="https://myumi.ch/ICPSRPrivacyPolicyWebFoot"
>Privacy Policy</a
>
</li>
<li>
<a href="https://myumi.ch/ICPSRContactUsWebFooter">Contact Us</a>
</li>
</ul>
</div>
</div>
<div class="footer-content container">
<div class="footer-logos">
<div class="footer-um-logo">
<img src="/static/docs/img/icpsr-acronym.svg" alt="ICPSR" height="40" />
</div>
</div>
<p class="footer-copyright">
© 2023 The
<a href="http://regents.umich.edu/"
>Regents of the University of Michigan</a
>. ICPSR is part of the
<a href="http://www.isr.umich.edu/">Institute for Social Research</a>
at the <a href="http://www.umich.edu/">University of Michigan</a>.
</p>
</div>
</footer>Footer With Archive Logos
<footer class="site-footer">
<div class="footer-action-bar">
<div class="container">
<ul class="footer-social">
<li>
<a href="https://www.facebook.com/pages/ICPSR/43191688396">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-80 0 500 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
<p class="visually-hidden">facebook</p>
</a>
</li>
<li>
<a href="https://www.instagram.com/theicpsr/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
<p class="visually-hidden">Instagram</p>
</a>
</li>
<li>
<a href="https://www.twitter.com/#!/icpsr">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
<p class="visually-hidden">Twitter</p>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/ICPSR">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
<p class="visually-hidden">LinkedIn</p>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC4__DY4PxAg4Fjspbubd-Pw">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="35 -25 516 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
<p class="visually-hidden">YouTube</p>
</a>
</li>
</ul>
<ul class="footer-links">
<li>
<a href="https://myumi.ch/ICPSRAccessibilityWebFoot">Accessibility</a>
</li>
<li>
<a href="https://myumi.ch/ICPSRPrivacyPolicyWebFoot"
>Privacy Policy</a
>
</li>
<li>
<a href="https://myumi.ch/ICPSRContactUsWebFooter">Contact Us</a>
</li>
</ul>
<a class="btn btn-outline-primary" href="https://myumi.ch/ICPSRAnnounce"
>Sign up for our newsletter</a
>
</div>
</div>
<div class="footer-content container">
<div class="footer-logos">
<div class="footer-um-logo">
<img src="/static/docs/img/icpsr-acronym.svg" alt="ICPSR" height="40" />
</div>
<div class="footer-archive-logos">
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
</div>
</div>
<div class="footer-copyright">
<p>
© 2023 The
<a href="http://regents.umich.edu/"
>Regents of the University of Michigan</a
>. ICPSR is part of the
<a href="http://www.isr.umich.edu/">Institute for Social Research</a>
at the <a href="http://www.umich.edu/">University of Michigan</a>.
</p>
</div>
</div>
</footer>Footer with Optional Content
<footer class="site-footer">
<div class="footer-action-bar">
<div class="container">
<ul class="footer-social">
<li>
<a href="https://www.facebook.com/pages/ICPSR/43191688396">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-80 0 500 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
<p class="visually-hidden">facebook</p>
</a>
</li>
<li>
<a href="https://www.instagram.com/theicpsr/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
<p class="visually-hidden">Instagram</p>
</a>
</li>
<li>
<a href="https://www.twitter.com/#!/icpsr">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
<p class="visually-hidden">Twitter</p>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/ICPSR">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
<p class="visually-hidden">LinkedIn</p>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC4__DY4PxAg4Fjspbubd-Pw">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="35 -25 516 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
<p class="visually-hidden">YouTube</p>
</a>
</li>
</ul>
<ul class="footer-links">
<li>
<a href="https://myumi.ch/ICPSRAccessibilityWebFoot">Accessibility</a>
</li>
<li>
<a href="https://myumi.ch/ICPSRPrivacyPolicyWebFoot"
>Privacy Policy</a
>
</li>
<li>
<a href="https://myumi.ch/ICPSRContactUsWebFooter">Contact Us</a>
</li>
</ul>
<a class="btn btn-outline-primary" href="https://myumi.ch/ICPSRAnnounce"
>Sign up for our newsletter</a
>
</div>
</div>
<div class="footer-content container">
<div class="footer-logos">
<div class="footer-um-logo">
<img src="/static/docs/img/icpsr-acronym.svg" alt="ICPSR" height="40" />
</div>
</div>
<div class="footer-extra">
<p>
Need help?<br />
If you are having difficulty accessing information on our website or
have suggestions for improving our accessibility, email us at
[email protected].
</p>
<p>
<strong>Anishinaabe Land Transfer:</strong> The University of Michigan
is located on the traditional territory of the Anishinaabe people. In
1817, the Ojibwe, Odawa, and Bodewadami Nations made the largest single
land transfer to the University of Michigan. This was offered
ceremonially as a gift through the Treaty at the Foot of the Rapids so
that their children could be educated. Through these words of
acknowledgment, their contemporary and ancestral ties to the land and
their contributions to the University are renewed and reaffirmed.
</p>
</div>
<div class="footer-copyright">
<p>
© 2023 The
<a href="http://regents.umich.edu/"
>Regents of the University of Michigan</a
>. ICPSR is part of the
<a href="http://www.isr.umich.edu/">Institute for Social Research</a>
at the <a href="http://www.umich.edu/">University of Michigan</a>.
</p>
</div>
</div>
</footer>Footer with Everything
<footer class="site-footer">
<div class="footer-action-bar">
<div class="container">
<ul class="footer-social">
<li>
<a href="https://www.facebook.com/pages/ICPSR/43191688396">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-80 0 500 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
<p class="visually-hidden">facebook</p>
</a>
</li>
<li>
<a href="https://www.instagram.com/theicpsr/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
</svg>
<p class="visually-hidden">Instagram</p>
</a>
</li>
<li>
<a href="https://www.twitter.com/#!/icpsr">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
<p class="visually-hidden">Twitter</p>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/ICPSR">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path>
</svg>
<p class="visually-hidden">LinkedIn</p>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC4__DY4PxAg4Fjspbubd-Pw">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="35 -25 516 512">
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
<p class="visually-hidden">YouTube</p>
</a>
</li>
</ul>
<ul class="footer-links">
<li>
<a href="https://myumi.ch/ICPSRAccessibilityWebFoot">Accessibility</a>
</li>
<li>
<a href="https://myumi.ch/ICPSRPrivacyPolicyWebFoot"
>Privacy Policy</a
>
</li>
<li>
<a href="https://myumi.ch/ICPSRContactUsWebFooter">Contact Us</a>
</li>
</ul>
<a class="btn btn-outline-primary" href="https://myumi.ch/ICPSRAnnounce"
>Sign up for our newsletter</a
>
</div>
</div>
<div class="footer-content container">
<div class="footer-logos">
<div class="footer-um-logo">
<img src="/static/docs/img/icpsr-acronym.svg" alt="ICPSR" height="40" />
</div>
<div class="footer-archive-logos">
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
<img
src="/static/docs/img/icpsr-acronym-short.svg"
alt="ICPSR"
height="40" />
</div>
</div>
<div class="footer-extra">
<p>
Need help?<br />
If you are having difficulty accessing information on our website or
have suggestions for improving our accessibility, email us at
[email protected].
</p>
<p>
<strong>Anishinaabe Land Transfer:</strong> The University of Michigan
is located on the traditional territory of the Anishinaabe people. In
1817, the Ojibwe, Odawa, and Bodewadami Nations made the largest single
land transfer to the University of Michigan. This was offered
ceremonially as a gift through the Treaty at the Foot of the Rapids so
that their children could be educated. Through these words of
acknowledgment, their contemporary and ancestral ties to the land and
their contributions to the University are renewed and reaffirmed.
</p>
</div>
<div class="footer-copyright">
<p>
© 2023 The
<a href="http://regents.umich.edu/"
>Regents of the University of Michigan</a
>. ICPSR is part of the
<a href="http://www.isr.umich.edu/">Institute for Social Research</a>
at the <a href="http://www.umich.edu/">University of Michigan</a>.
</p>
</div>
</div>
</footer>Variables
CSS Custom Properties
// Padding for the .site-footer links, in the center of the footer action bar
--footer-link-padding-x: 0.5rem;
--footer-link-padding-y: 0.25rem;Bootstrap SCSS Variables
This is a custom component, there are no Bootstrap variables.