Skip to content
Indiana University Logo
Rivet Design System
  • Components Add-ons Content guide Migration guide
  • What is Rivet? Blog Changelog
  1. May 4, 2022

    Rivet 2.0.0-beta.4 release

    The fourth Rivet 2 beta release introduces design updates to several components and a new responsive table wrapper element.

  2. March 30, 2022

    Rivet 2.0.0-beta.3 release

    The third Rivet 2 beta release updates accordion, badge, and button styles.

  3. February 9, 2022

    Rivet 2.0.0-beta.2 release

    The latest Rivet 2 beta release introduces the link hub component, adds new utility classes, and refactors component JavaScript.

More posts Get updates in your inbox
Install via NPM Download CSS & JS Hosted assets
Navigation
    • Components
    • Add-ons
    • Content guide
    • What is Rivet?
    • Blog
    • Roadmap
    • Changelog
  • Use Rivet
Resources
  • User Experience Office
  • Accessibility Evaluations
  • Rivet Software Design System
  • IU Framework for WCMS
Rivet 1 has been retired and will no longer receive updates. The v1 source code has been archived here. Please migrate to Rivet 2 as soon as possible.
Version 1.8.3
  • Information
    • Changelog
    • Component status
    • Contributing
  • Getting started
    • Install with NPM
    • Rivet Sass
  • Layout
    • Box
    • Grid
    • Panels
    • Spacing
    • Typography
  • Page content
    • Badges
    • Links
    • Lists
    • Media Object
    • Step Indicator
    • Tables
    • Tabs This component requires JS
    • Timeline
  • Forms
    • Buttons
    • Segmented Buttons
    • Checkboxes
    • File input This component requires JS
    • Input group
    • Radio buttons
    • Select element
    • Text inputs
  • Navigation
    • Breadcrumb
    • Dropdown This component requires JS
    • Footer
    • Header This component requires JS
    • Menu
    • Pagination
  • Overlays & Feedback
    • Alerts This component requires JS
    • Loading indicator
    • Modals This component requires JS
  • Utilities
    • Border
    • Display
    • Flex
    • Text
    • Visibility
    • Width
    • z-index
Ready Added in 1.0.0

Footer

The base footer provides consistent branding in a condensed space below all of your application content.

Migrating to Rivet 2

This version of Rivet is deprecated. View the footer documentation on the Rivet 2 website.

About the footer

The Rivet footer contains and provides styles for the IU trident, copyright notice, and any supplemental links needed by your application, such as a privacy notice.

Lockup change

The previous version of the footer wrapped the IU trident and copyright in a div with the class .rivet-footer__copyright-lockup. Due to the change in placement of the copyright details, this div and class are no longer necessary.

We have deprecated the .rivet-footer__copyright-lockup class. We recommend updating your application to use the latest version of the footer.

  • Accessibility
  • Privacy Notice
  • Copyright © 2019 The Trustees of Indiana University
<footer class="rvt-footer" role="contentinfo">
    <div class="rvt-footer__trident">
        <svg alt="" xmlns="http://www.w3.org/2000/svg" width="20" height="25" viewBox="0 0 20 25">
            <polygon points="13.33 3.32 13.33 5.21 14.76 5.21 14.76 15.64 11.9 15.64 11.9 1.9 13.33 1.9 13.33 0 6.67 0 6.67 1.9 8.09 1.9 8.09 15.64 5.24 15.64 5.24 5.21 6.67 5.21 6.67 3.32 0 3.32 0 5.21 1.43 5.21 1.43 17.47 3.7 19.91 8.09 19.91 8.09 22.76 6.67 22.76 6.67 25.13 13.33 25.13 13.33 22.76 11.9 22.76 11.9 19.91 16.1 19.91 18.56 17.47 18.56 5.21 20 5.21 20 3.32 13.33 3.32" fill="#900"/>
        </svg>
    </div>
    <ul class="rvt-footer__aux-links">
        <li class="rvt-footer__aux-item">
            <a href="https://accessibility.iu.edu/assistance/">Accessibility</a>
        </li>
        <li class="rvt-footer__aux-item">
            <!-- You can learn more about privacy policies and generate one
                 for your site here:
                 https://protect.iu.edu/online-safety/tools/privacy-notice/index.html -->
            <a href="#0">Privacy Notice</a>
        </li>
        <li class="rvt-footer__aux-item">
            <a href="https://www.iu.edu/copyright/index.html">Copyright</a> &copy; 2019 The Trustees of <a href="https://www.iu.edu/">Indiana University</a>
        </li>
    </ul>
</footer>

On this page

  • About the footer
  • Accessibility
  • Privacy Notice
  • Copyright © The Trustees of Indiana University