Functional Footer

Use the functional footer to add information and links at the bottom of your pages.

The footer can use any of the column options listed on the Grids page, and uses default York template text styles that should not be modified.

Items that you can include in a functional footer include:

  • link lists
    • link lists should ideally contain no more than 5-7 links
    • if possible, group related links together and provide a heading for the list using an h2 heading tag
    • examples of uses for link lists: listing main sections of your site, quick links
  • contact information
  • office hours
  • location information and/or embedded Google map

An example of how the functional footer looks:

Example 4-column footer with Contact Us, Hours of Operation, Address, and embedded Google map

How to implement

To add the HTML code for your functional footer, go to the Widgets page, and drag a Text widget to the Page Footer widget area. Insert the HTML code in the Text widget.

The following is an example of HTML code for a 4-column footer:

<div class="mega-footer">
<div class="section group">

<div class="col span_1_of_4 mobile_full">
<h2>Contact Us</h2>
<ul>
<li>Email: <a href="mailto:youremail@yorku.ca">youremail@yorku.ca</a></li>
<li>Telephone: ###-###-####</li>
<li><a href="link.html">Staff Email and Phone Directory</a></li>
</ul>
</div>

<div class="col span_1_of_4 mobile_full">
<h2>Hours of Operation</h2>
<p>Monday-Friday: 8:30am-4:30pm</p>
</div>

<div class="col span_1_of_4 mobile_full">
<h2>Address</h2>
Your Office</br>
Office Address</br>
York University</br>
4700 Keele Street</br>
Toronto, ON</br>
Canada</br>
M3J 1P3
</div>

<div class="col span_1_of_4 mobile_full">
<iframe title="Google Map of ... " src="https://www.google.com/maps/" frameborder="0" style="border:0"></iframe>
</div>

</div><br style="clear: both;" />
</div>

If you have any questions regarding content and design options, please contact Marketing and Communications at mcserv@yorku.ca. If you have implementation issues please contact IDIS at devproj@yorku.ca.