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>
More complex footers may inlcude heading(s) and list(s) of links.
</p>
<p>
CMS always uses <a href="../detail/s-footer--thick.html" target="_parent">thick</a> footer.
</p>
<p>
This pattern is not protected from Bootstrap side-effects (e.g. heading margin).
</p>
</main>
<footer class="s-footer s-footer--thick">
<div style="text-align:left;">
<h4>About</h4>
<p>
<a href="#">About TACC</a><br>
<a href="#">Jobs at TACC</a><br>
<a href="#">Contact</a><br>
<a href="#">Staff Directory</a><br>
<a href="#">Tours</a><br>
<a href="#">Citing TACC</a><br>
<a href="#">Security and Compliance</a><br>
<a href="#">Help</a>
</p>
<hr>
<a href="#" class="c-button c-button--primary">Button</a>
</div>
</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": "thick",
"isComplex": true,
"bodyContent": "More complex footers may inlcude heading(s) and list(s) of links.",
"shouldLoadCMS": true,
"shouldLoadBootstrap": true
}