diff options
-rw-r--r-- | templates/web/borsetshire/front/footer-marketing.html | 6 | ||||
-rw-r--r-- | web/cobrands/borsetshire/base.scss | 23 | ||||
-rw-r--r-- | web/cobrands/borsetshire/layout.scss | 20 |
3 files changed, 49 insertions, 0 deletions
diff --git a/templates/web/borsetshire/front/footer-marketing.html b/templates/web/borsetshire/front/footer-marketing.html new file mode 100644 index 000000000..78b4fa89b --- /dev/null +++ b/templates/web/borsetshire/front/footer-marketing.html @@ -0,0 +1,6 @@ +<div class="fms-pro-promo"> + <h2>FixMyStreet Professional</h2> + <p class="lead">The one-stop street reporting service for councils.</p> + <p>Integrate FixMyStreet with your council system for smooth, end-to-end report fullfilment.</p> + <p><a href="/about/professional" class="btn--borsetshire">Learn more</a></p> +</div> diff --git a/web/cobrands/borsetshire/base.scss b/web/cobrands/borsetshire/base.scss index ab74f59c7..a92d54427 100644 --- a/web/cobrands/borsetshire/base.scss +++ b/web/cobrands/borsetshire/base.scss @@ -92,3 +92,26 @@ body.authpage { margin-top: 0.5em; } } + +.fms-pro-promo { + margin: 2em -1em; + padding: 1em; + background: $primary; + color: $primary_text; + + .lead { + font-weight: bold; + } + + & > :first-child { + margin-top: 0; + } + + & > :last-child { + margin-bottom: 0; + } +} + +.btn--borsetshire { + @include button-reset($text: #000, $hover-text: #000); +} diff --git a/web/cobrands/borsetshire/layout.scss b/web/cobrands/borsetshire/layout.scss index 3f056a385..66d1bb692 100644 --- a/web/cobrands/borsetshire/layout.scss +++ b/web/cobrands/borsetshire/layout.scss @@ -82,3 +82,23 @@ body.authpage { margin-top: 0; } } + +.fms-pro-promo { + margin: 1em 0 3em 0; + padding: 2em; + + p { + font-size: 1.2em; + max-width: 26em; + } + + h2 { + font-family: inherit; + font-weight: bold; + font-size: 2em; + } + + @media (min-width: 60em) { + padding: 3em; + } +} |