TACC UI Pattern Library

S Footer: Thin

The website footer.

To stick footer at bottom of the page, use Sticky Footer.

☞ Remember

Links are not underlined (if client loads core-styles.base.css).

<main>
    <p>
        Thin footer has narrow horizontal padding. <em>You may need to reduce panel width to see this.</em>
    </p>
</main>
<footer class="s-footer s-footer--thin">
    <p>
        ©2023
        <a href="https://www.tacc.utexas.edu/" target="_blank">Texas Advanced Computing Center</a>,
        <a href="https://www.utexas.edu/" target="_blank">The University of Texas at Austin</a>,
        <a href="https://research.utexas.edu/" target="_blank">Office of the Vice President for Research</a>.
    </p>
</footer>
 
{
  "shouldSkipPattern": false,
  "globalStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.demo.css"
    },
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.base.css"
    }
  ],
  "cmsStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.cms.css"
    }
  ],
  "docsStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.docs.css"
    }
  ],
  "portalStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.portal.css"
    }
  ],
  "subdir": "trumps",
  "shouldOmitMainTag": true,
  "supportStyles": [
    "../../assets/elements/sticky-footer.css"
  ],
  "modifier": "thin",
  "bodyContent": "Thin footer has narrow horizontal padding. <em>You may need to reduce panel width to see this.</em>"
}