Footer on Version 2.16
Preview this component (Custom Element; v1.1.0; 4/26/2021)
Guidelines using the component
Description
The Illinois Components Footer defines an area at the bottom of the page which should contain (at a minimum) the site’s contact information and University-wide footer links. Additional features like social media icons, extra site navigation, and special highlighted content can be added either in columns or in a two-thirds-wide freeform area.
Customizations and notes
Structured additions: Social media, University footer links
- Social media section: The following sites’ URLs will be recognized and automatically replaced with the correct icon when contained in a Social Media div. (See the Syntax guide for more details.)
- YouTube
- University standard footer elements: The following tags will automatically populate with the University-wide link for these items.
- Cookies management (necessary for GDPR compliance)
- Privacy statement
- Copyright statement
- Accessibility statement
Columns or freeform space
- You can choose between a multi-column layout or a freeform space in the right two-thirds of the footer.
- Any standard HTML is allowed in this space, though it is recommended to focus on information of site-wide importance that doesn’t fit in the header.
- For sites with multiple sponsorships, this is a common location to collect up the iconography of the various sponsors.
Component Display
Change Your Content and Options
Template -- enter raw HTML here
Important Classes
N/A
Classes
N/A
Attributes
N/A
Advanced Options
These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.
Custom Style Tag before text
N/A
How to add it to your page
Copy and paste this in your page. Remember
- Make sure you have updated your component to make sure the below code is completed.
- Make sure you have the Header code in your header.
Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.