<footer id="example-footer--dark" class="cwf-footer cwf-footer--dark">
    <div class="cwf-footer__container">
        <div class="cwf-footer__controller">
            <div class="cwf-footer__column cwf-footer__column--top cwf-footer__column--left cwf-footer__column--seal">
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--seal" href="https://www.vcu.edu" title="Virginia Commonwealth University seal" aria-label="Visit vcu.edu through the University seal">
                        <span class="cwf-footer__seal"></span>
                    </a>
                </div>
            </div>
            <div class="cwf-footer__column cwf-footer__column--top cwf-footer__column--middle"></div>
            <div class="cwf-footer__column cwf-footer__column--top cwf-footer__column--right"></div>
            <div class="cwf-footer__column cwf-footer__column--left">
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--university" href="https://www.vcu.edu" title="Virginia Commonwealth University" aria-label="Visit vcu.edu">
                        Virginia Commonwealth University
                    </a>
                </div>
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--division" href="https://compass.vcu.edu" title="Compass Web Framework">
                        Compass Web Framework
                    </a>
                </div>
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--department" href="/" title="Example Site">
                        Example Site
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--address">
                    <address class="cwf-footer__address">
                        123 Main Street<br />
                        Box 842041<br />
                        Richmond,
                        Virginia
                        23284-2041 </address>
                </div>
                <div class="cwf-footer__item">
                    <i class="fas fa-phone" aria-hidden="true"></i>
                    <a class="cwf-footer__link cwf-footer__link--telephone" href="tel:(804) 828-1463" title="Contact us by telephone">
                        (804) 828-1463
                    </a>
                </div>
                <div class="cwf-footer__item">
                    <i class="fas fa-envelope" aria-hidden="true"></i>
                    <a class="cwf-footer__link" href="mailto:email@vcu.edu" title="Contact us by email">
                        email@vcu.edu
                    </a>
                </div>
            </div>
            <div class="cwf-footer__column cwf-footer__column--middle">
                <div class="cwf-footer__item cwf-footer__item--wysiwyg">
                    <h2>
                        Helpful links
                    </h2>
                    <ul>
                        <li>
                            <a href="https://remington.net" target="_blank">
                                ut minima culpa veniam
                            </a>
                        </li>
                        <li>
                            <a href="http://ansley.info" target="_blank">
                                sequi aspernatur fugit laudantium
                            </a>
                        </li>
                        <li>
                            <a href="https://keven.org" target="_blank">
                                culpa quas rerum quidem
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cwf-footer__column cwf-footer__column--right">
                <div class="cwf-footer__item cwf-footer__item--social-list">
                    <div class="cwf-footer__social-item">
                        <a class="cwf-footer__link cwf-footer__link--social" href="https://facebook.com/virginiacommonwealthuniversity">
                            <i class="fab fa-facebook-f">
                                <span class="sr-only">
                                    Visit Facebook for VCU
                                </span>
                            </i>
                        </a>
                    </div>
                    <div class="cwf-footer__social-item">
                        <a class="cwf-footer__link cwf-footer__link--social" href="https://instragram.com/vcu">
                            <i class="fab fa-instagram">
                                <span class="sr-only">
                                    Visit Instagram for VCU
                                </span>
                            </i>
                        </a>
                    </div>
                    <div class="cwf-footer__social-item">
                        <a class="cwf-footer__link cwf-footer__link--social" href="https://snapchat.com/add/vcu">
                            <i class="fab fa-snapchat-ghost">
                                <span class="sr-only">
                                    Visit Snapchat for VCU
                                </span>
                            </i>
                        </a>
                    </div>
                    <div class="cwf-footer__social-item">
                        <a class="cwf-footer__link cwf-footer__link--social" href="https://twitter.com/VCU">
                            <i class="fab fa-twitter">
                                <span class="sr-only">
                                    Visit Twitter for VCU
                                </span>
                            </i>
                        </a>
                    </div>
                </div>
            </div>

            <div class="cwf-footer__standards">
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards" title="VCU privacy statement" href="https://www.vcu.edu/vcu/privacy-statement.html" target="_blank" rel="noreferrer">
                        Privacy
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards" title="Accessibility at VCU" href="https://accessibility.vcu.edu/" target="_blank" rel="noreferrer">
                        Accessibility
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards" title="Contact the VCU webmaster" href="mailto:webmaster@vcu.edu" target="_blank" rel="noreferrer">
                        Webmaster
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards" href="https://text.vcu.edu/tt/referrer">
                        View text version
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards" href="" title="Compass: The University Web Framework">
                        Compass: The University Web Framework
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards" class="t4Edit-page" href="">
                        Updated
                    </a>: 2/20/2020
                </div>
            </div>
        </div>
    </div>
</footer>
<footer id="{{ id ?? 'cwf-footer' }}"
    class="cwf-footer cwf-footer--{{ theme }}">
    <div class="cwf-footer__container">
        <div class="cwf-footer__controller">
            <div class="cwf-footer__column cwf-footer__column--top cwf-footer__column--left cwf-footer__column--seal">
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--seal"
                        href="https://www.vcu.edu"
                        title="Virginia Commonwealth University seal"
                        aria-label="Visit vcu.edu through the University seal">
                        <span class="cwf-footer__seal"></span>
                    </a>
                </div>
            </div>
            <div class="cwf-footer__column cwf-footer__column--top cwf-footer__column--middle"></div>
            <div class="cwf-footer__column cwf-footer__column--top cwf-footer__column--right"></div>
            <div class="cwf-footer__column cwf-footer__column--left">
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--university"
                        href="https://www.vcu.edu"
                        title="Virginia Commonwealth University"
                        aria-label="Visit vcu.edu">
                        Virginia Commonwealth University
                    </a>
                </div>
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--division"
                        href="{{ parent.url }}"
                        title="{{ parent.name }}">
                        {{ parent.name }}
                    </a>
                </div>
                <div class="cwf-footer__item">
                    <a class="cwf-footer__link cwf-footer__link--department"
                        href="{{ unit.url }}"
                        title="{{ unit.name }}">
                        {{ unit.name }}
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--address">
                    <address class="cwf-footer__address">
                        {% if contact.address.street %}
                            {{ contact.address.street }}<br />
                        {% endif -%} {%- if contact.address.box %}
                            {{ contact.address.box }}<br />
                        {% endif %} {% if contact.address.city %}
                            {{ contact.address.city }},
                        {% endif -%} {%- if contact.address.state %}
                            {{ contact.address.state }}
                        {% endif -%} {%- if contact.address.zip %}
                            {{ contact.address.zip }}
                        {%- endif %}
                    </address>
                </div>
                {%- if contact.phone %}
                    <div class="cwf-footer__item">
                        <i class="fas fa-phone" aria-hidden="true"></i>
                        <a class="cwf-footer__link cwf-footer__link--telephone"
                            href="tel:{{ contact.phone }}"
                            title="Contact us by telephone">
                            {{ contact.phone }}
                        </a>
                    </div>
                {%- endif %} {%- if contact.email %}
                    <div class="cwf-footer__item">
                        <i class="fas fa-envelope" aria-hidden="true"></i>
                        <a class="cwf-footer__link"
                            href="mailto:{{ contact.email }}"
                            title="Contact us by email">
                            {{ contact.email }}
                        </a>
                    </div>
                {%- endif %}
            </div>
            <div class="cwf-footer__column cwf-footer__column--middle">
                {{ middle_content }}
            </div>
            <div class="cwf-footer__column cwf-footer__column--right">
                <div class="cwf-footer__item cwf-footer__item--social-list">
                    {% for social in socials %}
                        <div class="cwf-footer__social-item">
                            <a class="cwf-footer__link cwf-footer__link--social"
                                href="{{ social.url }}">
                                <i class="fab {{ social.icon }}">
                                    <span class="sr-only">
                                        Visit {{ social.type|capitalize }} for VCU
                                    </span>
                                </i>
                            </a>
                        </div>
                    {% endfor %}
                </div>
            </div>

            <div class="cwf-footer__standards">
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards"
                        title="VCU privacy statement"
                        href="https://www.vcu.edu/vcu/privacy-statement.html"
                        target="_blank"
                        rel="noreferrer">
                        Privacy
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards"
                        title="Accessibility at VCU"
                        href="https://accessibility.vcu.edu/"
                        target="_blank"
                        rel="noreferrer">
                        Accessibility
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards"
                        title="Contact the VCU webmaster"
                        href="mailto:webmaster@vcu.edu"
                        target="_blank"
                        rel="noreferrer">
                        Webmaster
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards"
                        href="https://text.vcu.edu/tt/referrer">
                        View text version
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards"
                        href=""
                        title="Compass: The University Web Framework">
                        Compass: The University Web Framework
                    </a>
                </div>
                <div class="cwf-footer__item cwf-footer__item--standards">
                    <a class="cwf-footer__link cwf-footer__link--standards"
                        class="t4Edit-page"
                        href="">
                        Updated
                    </a>: {{ last_updated }}
                </div>
            </div>
        </div>
    </div>
</footer>
{
  "parent": {
    "name": "Compass Web Framework",
    "url": "https://compass.vcu.edu"
  },
  "unit": {
    "name": "Example Site",
    "url": "/"
  },
  "contact": {
    "address": {
      "box": "Box 842041",
      "city": "Richmond",
      "state": "Virginia",
      "street": "123 Main Street",
      "zip": "23284-2041"
    },
    "email": "email@vcu.edu",
    "phone": "(804) 828-1463"
  },
  "last_updated": "2/20/2020",
  "socials": [
    {
      "icon": "fa-facebook-f",
      "type": "facebook",
      "url": "https://facebook.com/virginiacommonwealthuniversity"
    },
    {
      "icon": "fa-instagram",
      "type": "instagram",
      "url": "https://instragram.com/vcu"
    },
    {
      "icon": "fa-snapchat-ghost",
      "type": "snapchat",
      "url": "https://snapchat.com/add/vcu"
    },
    {
      "icon": "fa-twitter",
      "type": "twitter",
      "url": "https://twitter.com/VCU"
    }
  ],
  "theme": "dark",
  "id": "example-footer--dark",
  "middle_content": "<div class=\"cwf-footer__item cwf-footer__item--wysiwyg\">\n    <h2>\n        Helpful links\n    </h2>\n    <ul>\n        <li>\n            <a href=\"https://remington.net\" target=\"_blank\">\n                ut minima culpa veniam\n            </a>\n        </li>\n        <li>\n            <a href=\"http://ansley.info\" target=\"_blank\">\n                sequi aspernatur fugit laudantium\n            </a>\n        </li>\n        <li>\n            <a href=\"https://keven.org\" target=\"_blank\">\n                culpa quas rerum quidem\n            </a>\n        </li>\n    </ul>\n</div>"
}
  • Content:
    // Footer component styles
    
    @import "../../shared/animation";
    @import "../../shared/media";
    @import "../../shared/style";
    
    .cwf-footer {
        background-color: var(--cwf-footer--background-color);
        color: var(--cwf-footer--color);
    }
    
    // Footer dark colors
    $footer--dark--background-color: style__color(black) !default;
    $footer--dark--color: style__color(white) !default;
    $footer--dark__column--middle--border-color: lighten(
        style__color(black),
        6.5%
    ) !default; // #111111
    $footer--dark__a--color: style__color(gold) !default;
    $footer--dark__a--standards--color: darken(
        style__color(white-darkest),
        13.5%
    ) !default; // #aaaaaa
    $footer--dark__address--color: darken(
        style__color(white-darkest),
        13.5%
    ) !default; // #aaaaaa
    
    // Footer light colors
    $footer--light--background-color: lighten(
        style__color(white-darkest),
        9.75%
    ) !default; // #e5e5e5
    $footer--light--color: style__color(gray-darkest) !default;
    $footer--light__column--middle--border-color: darken(
        style__color(white-darkest),
        2.75%
    ) !default; // #c5c5c5
    $footer--light__a--color: style__color(blue, accent) !default;
    $footer--light__a--standards--color: style__color(blue, accent) !default;
    $footer--light__address--color: style__color(gray-darkest) !default;
    
    // Footer themes
    $footer__themes: (
        dark: (
            background-color: $footer--dark--background-color,
            color: $footer--dark--color,
            column-middle-border-color: $footer--dark__column--middle--border-color,
            a-color: $footer--dark__a--color,
            a-standards-color: $footer--dark__a--standards--color,
            address-color: $footer--dark__address--color
        ),
        light: (
            background-color: $footer--light--background-color,
            color: $footer--light--color,
            column-middle-border-color: $footer--light__column--middle--border-color,
            a-color: $footer--light__a--color,
            a-standards-color: $footer--light__a--standards--color,
            address-color: $footer--light__address--color
        )
    );
    
    @mixin footer__theme($instructions) {
        .cwf-footer--#{map-get($instructions, theme)} {
            --cwf-footer--background-color: #{map-get(
                    $instructions,
                    background-color
                )};
            --cwf-footer--color: #{map-get($instructions, color)};
            --cwf-footer__column--middle--border-color: #{map-get(
                    $instructions,
                    column-middle-border-color
                )};
            --cwf-footer__a--color: #{map-get($instructions, a-color)};
            --cwf-footer__a--standards--color: #{map-get(
                    $instructions,
                    a-standards-color
                )};
            --cwf-footer__address--color: #{map-get($instructions, address-color)};
        }
    }
    
    @mixin footer__theme--official($theme) {
        $colors: map-get($footer__themes, $theme);
    
        $instructions: map-merge(
            $colors,
            (
                theme: $theme
            )
        );
    
        @include footer__theme($instructions);
    }
    
    @each $theme, $colors in $footer__themes {
        @include footer__theme--official($theme);
    }
    
    .cwf-footer__container {
        @include media__contain;
    }
    
    .cwf-footer__controller {
        @include media__breakpoint {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    .cwf-footer__address {
        font-style: normal;
        color: var(--cwf-footer__address--color);
    }
    
    .cwf-footer__column {
        margin-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    
        @include media__breakpoint {
            margin-bottom: 0;
        }
    }
    
    .cwf-footer__column--middle {
        @include media__breakpoint {
            margin-top: 0;
            margin-bottom: 1rem;
            border-left: 1px solid var(--cwf-footer__column--middle--border-color);
            border-right: 1px solid var(--cwf-footer__column--middle--border-color);
        }
    }
    
    .cwf-footer__column--top.cwf-footer__column--middle {
        margin-bottom: 0;
        @include media__breakpoint {
            margin-top: 2rem;
        }
    }
    
    .cwf-footer__column--top {
        margin-bottom: 0;
    }
    
    .cwf-footer__column--seal {
        padding-top: 2rem;
    }
    
    .cwf-footer__item {
        line-height: 1.625rem;
    }
    
    .cwf-footer__item--address {
        margin-bottom: 2rem;
    }
    
    .cwf-footer__item--social-list {
        @include media__breakpoint {
            text-align: right;
        }
    }
    
    .cwf-footer__item--wysiwyg {
        & > *:first-child {
            margin-top: 0;
            padding-top: 0;
        }
    
        & > *:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }
    
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 1.222rem;
            line-height: 1.625rem;
            margin-top: 0;
        }
    
        a {
            color: var(--cwf-footer__a--color);
            font-weight: 700;
            &:active,
            &:focus,
            &:hover {
                text-decoration: none;
            }
        }
    }
    
    .cwf-footer__link {
        font-weight: 700;
        color: var(--cwf-footer__a--color);
        @include animation__transition(color);
        &:active,
        &:hover,
        &:focus {
            text-decoration: none;
        }
    }
    
    .cwf-footer__link--department,
    .cwf-footer__link--division,
    .cwf-footer__link--university {
        &:active,
        &:hover,
        &:focus {
            text-decoration: underline;
        }
    }
    
    .cwf-footer--dark .cwf-footer__link {
        color: var(--cwf-footer--color);
        &:active,
        &:hover,
        &:focus {
            color: var(--cwf-footer__a--color);
        }
    }
    
    .cwf-footer--dark .cwf-footer__link--department,
    .cwf-footer--dark .cwf-footer__link--division,
    .cwf-footer--dark .cwf-footer__link--university {
        color: var(--cwf-footer__a--color);
    }
    
    // Footer link social colors
    $footer__link--social--border-color: style__color(gray-light) !default;
    $footer__link--social--active--background-color: style__color(gold) !default;
    $footer__link--social--active--color: style__color(black) !default;
    
    .cwf-footer__link--social {
        border: 2px solid var(--cwf-footer__link--social--border-color);
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 1.5rem;
        height: 2.75rem;
        width: 2.75rem;
        color: var(--cwf-footer--color);
        text-decoration: none;
        @include animation__transition(background-color, color);
        --cwf-footer__link--social--border-color: #{$footer__link--social--border-color};
        --cwf-footer__link--social--active--background-color: #{$footer__link--social--active--background-color};
        --cwf-footer__link--social--active--color: #{$footer__link--social--active--color};
    
        &:active,
        &:hover,
        &:focus {
            background-color: var(
                --cwf-footer__link--social--active--background-color
            );
            color: var(--cwf-footer__link--social--active--color) !important;
        }
    }
    
    .cwf-footer__link--social-2 {
        font-size: 1.5rem;
    }
    
    .cwf-footer__link--social-2 .fa-stack {
        border-radius: 50%;
    }
    
    .cwf-footer__link--department {
        font-size: 1rem;
        text-decoration: none;
    }
    
    .cwf-footer__link--division {
        font-size: 1.125rem;
        text-decoration: none;
    }
    
    .cwf-footer__link--seal {
        display: block;
        font-size: 1.222rem;
        text-decoration: none;
    }
    
    .cwf-footer__link--university {
        font-size: 1.222rem;
        text-decoration: none;
    }
    
    .cwf-footer__link--standards {
        color: var(--cwf-footer__a--standards--color) !important;
    }
    
    .cwf-footer__seal {
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        height: 80px;
        margin-bottom: 0.5rem;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        vertical-align: top;
        width: 256px;
    }
    
    // Footer images
    $footer__seal--path: "/img/" !default;
    $footer__seal--simple: "vcu-simple-seal.svg" !default;
    $footer__seal: "vcu-seal.svg" !default;
    $footer--dark__seal--simple: "vcu-simple-seal--dark.svg" !default;
    $footer--dark__seal: "vcu-seal--dark.svg" !default;
    
    .cwf-footer--dark .cwf-footer__seal {
        background-image: url($footer__seal--path + $footer__seal--simple);
    
        @include media__breakpoint {
            background-image: url($footer__seal--path + $footer__seal);
        }
    }
    
    .cwf-footer--light .cwf-footer__seal {
        background-image: url($footer__seal--path + $footer--dark__seal--simple);
    
        @include media__breakpoint {
            background-image: url($footer__seal--path + $footer--dark__seal);
        }
    }
    
    .cwf-footer__social-item {
        display: inline-block;
        font-size: 0;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }
    
    .cwf-footer__social-item:first-child {
        padding-left: 0;
    }
    
    .cwf-footer__standards {
        display: flex;
        flex-direction: column;
        grid-column: span 3;
        justify-content: center;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin-top: 1rem;
    
        @include media__breakpoint {
            flex-direction: row;
            padding-bottom: 1rem;
            font-size: 0.75rem;
        }
    }
    
    // Footer item standards colors
    $footer__item--standards--separator-color: darken(
        style__color(white-darkest),
        13.5%
    ) !default; // #aaaaaa
    
    .cwf-footer__item--standards {
        color: var(--cwf-footer__a--standards--color);
        --cwf-footer__item--standards--separator-color: #{$footer__item--standards--separator-color};
    
        &:after {
            @include media__breakpoint {
                content: "";
                display: inline-block;
                height: 1em;
                margin-left: 0.5rem;
                margin-right: 0.5rem;
                border-right: 0.1em solid
                    var(--cwf-footer__item--standards--separator-color);
                transform: rotate(20deg);
                position: relative;
                top: 0.15em;
            }
        }
    }
    
    .cwf-footer__item--standards:last-child:after {
        border-right: none;
        margin-left: 0;
        margin-right: 0;
    }
    
    .cwf-footer--dark .cwf-footer__column--left .fas {
        color: var(--cwf-footer__a--color);
    }
    
  • URL: /components/raw/footer/_index.scss
  • Filesystem Path: components/footer/_index.scss
  • Size: 9.8 KB

Footer

The footer component, located at the bottom of each page, provides contact information and resource links for your visitors. The footer fulfills most of the content requirements in the VCU Web Standards and Guidelines.

Markup

The footer has three distinct columns:

  1. Left - Required contact information
  2. Middle - Optional HTML content
  3. Right - Optional social media links

On smaller devices, these columns will stack vertically in this order.

The left and right columns of the footer may not be used for purposes other than displaying contact information and social media links. Site authors have the ability use the middle column as they see fit or they can leave it blank. We suggest using to link to related VCU resources under a “Helpful resources” heading.

Social icons

When implementing this component, please use the corresponding Font Awesome social media icon for the platforms below:

  • Facebook: fab fa-facebook-f
  • Instagram: fab fa-instagram
  • LinkedIn: fab fa-linkedin-in
  • Pinterest: fab fa-pinterest-p
  • Snapchat: fab fa-snapchat-ghost
  • Tumblr: fab fa-tumblr
  • Twitter: fab fa-twitter
  • Vimeo: fab fa-vimeo-v
  • Wordpress: fab fa-wordpress-simple
  • YouTube: fab fa-youtube

Please use the fas fa-link icon when linking to a platform not listed above.

VCU standards

Underneath the footer columns is a row of links to:

  • VCU’s privacy statement
  • VCU’s accessibility statement
  • A link to email VCU’s Webmaster (this must be webmaster@vcu.edu as it creates a ticket in the university’s IT Support System)
  • A link to view the current page in a “text-only” version
  • A link to the Compass Web Framework’s homepage
  • A date when the page was last updated

On smaller devices, these links will stack vertically in this order.

Javascript

There is no footer specific javascript included.