Skip to main content

Official Website

of the Commonwealth of Pennsylvania

    The .gov means its official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "pa.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 
    Components

    Footer

    The footer is placed at the bottom of a page. It helps users navigate and find policies and legal information that apply across the entire website.

    Overview

    The footer is placed at the bottom of a page. It helps users navigate and find policies and legal information that apply across the entire website.

    The footer component includes the Commonwealth of Pennsylvania logo, navigational links, official social media accounts, and required legal links.

    Formatting

    Anatomy

    Accordion anatomy diagram
    1. Return to top button: Scrolls to the top of the page.
    2. Commonwealth of Pennsylvania logo: Links to the PA.gov homepage and is a required branding element in the footer. The logo should not be altered.
    3. Text
    4. Social share buttons
    5. Copyright and legal information
    6. Link group heading: The link group heading is present for all link groups.
    7. Footer link: The default footer links should not be changed.

    Behavior

    The footer spans the full width of the viewport. It's the last element in the browser window. The footer elements persist throughout the online experience. The footer is fully responsive.

    Large breakpoint

    If the browser is wider than the max breakpoint of 1440px, the footer and all other page content will center and extra margin will appear on either side of the page layout.

    Accordion anatomy diagram

    Small and x-small breakpoints

    At the small and extra-small breakpoints, the link groups stack vertically. 

    Accordion anatomy diagram