From b5eea1257967ab5bc02183ded4b39b34e18f4cf9 Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Sun, 8 Feb 2026 13:38:47 -0500 Subject: [PATCH] Add footer with navigation links, CTAs, and copyright --- common.css | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 49 ++++++++++++++++++++++ 2 files changed, 168 insertions(+) diff --git a/common.css b/common.css index 101c2b7..8d6a4e3 100644 --- a/common.css +++ b/common.css @@ -663,3 +663,122 @@ textarea.markup-editor-textarea { padding: 20px; } } + +/* ============================================ + FOOTER + ============================================ */ + +.mps-footer { + background-color: #F9F9FA; + border-top: 2px solid #e0e0e0; + margin-top: 40px; + padding: 40px 40px 24px; + font-family: helvetica; +} + +.mps-footer-grid { + max-width: 100%; + margin: 0 auto 32px; + display: grid; + grid-template-columns: 1fr; + gap: 28px; +} + +.mps-footer-brand { + display: flex; + flex-direction: column; + gap: 8px; +} + +.mps-footer-logo { + font-size: 1.4em; + font-weight: 550; + color: #0b0b0b; + text-decoration: none; +} + +.mps-footer-logo:hover { + color: #5871ad; +} + +.mps-footer-tagline { + color: #777; + font-size: 14px; + max-width: 320px; + line-height: 1.5; +} + +.mps-footer-group { + display: flex; + flex-direction: column; + gap: 10px; +} + +.mps-footer-group-title { + font-size: 13px; + font-weight: 600; + color: #0b0b0b; + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.mps-footer-links { + display: flex; + flex-direction: column; + gap: 8px; +} + +.mps-footer-links a { + color: #777; + font-size: 14px; + font-weight: 400; + text-decoration: none; +} + +.mps-footer-links a:hover { + color: #a3c765; +} + +.mps-footer-ctas { + max-width: 100%; + margin: 0 auto 24px; + display: flex; + align-items: center; + gap: 12px; + padding: 20px 0; + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; + flex-wrap: wrap; +} + +.mps-footer-ctas a.mps-button { + min-width: 160px; + font-size: 14px; + padding-top: 10px; + padding-bottom: 10px; +} + +.mps-footer-bottom { + text-align: center; + color: #999; + font-size: 12px; + max-width: 100%; + margin: 0 auto; +} + +.mps-footer-bottom a { + color: #999; + text-decoration: underline; + font-weight: 400; +} + +.mps-footer-bottom a:hover { + color: #a3c765; +} + +@media (min-width: 800px) { + .mps-footer-grid { + grid-template-columns: 2fr 1fr 1fr 1fr; + gap: 32px; + } +} diff --git a/index.html b/index.html index bc82e66..6237578 100644 --- a/index.html +++ b/index.html @@ -436,5 +436,54 @@ Perfect, just leave a message in the comment box below and make sure to verify y + +