[Warwickshire] New cobrand design

18 files changed, 322 insertions, 6 deletions

diff --git a/templates/email/warwickshire/_email_color_overrides.html b/templates/email/warwickshire/_email_color_overrides.html
index 6528f0a5c..81369720f 100644
--- a/templates/email/warwickshire/_email_color_overrides.html
+++ b/templates/email/warwickshire/_email_color_overrides.html
@@ -1,7 +1,9 @@
 [%
 
-color_warwickshire_green = '#006d3c'
-color_warwickshire_pale_green = '#F9FFF8'
+color_warwickshire_green = '#096f48'
+color_warwickshire_pale_green = '#e6ecea'
+
+body_background_color = '#f6f6f6'
 
 header_background_color = color_warwickshire_green
 header_text_color = color_white
diff --git a/templates/web/warwickshire/header_extra.html b/templates/web/warwickshire/header_extra.html
new file mode 100644
index 000000000..bb44856a7
--- /dev/null
+++ b/templates/web/warwickshire/header_extra.html
@@ -0,0 +1,12 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/cobrands/warwickshire/images/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/cobrands/warwickshire/images/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/cobrands/warwickshire/images/favicon-16x16.png">
+<link rel="manifest" href="/cobrands/warwickshire/images/site.webmanifest">
+<link rel="mask-icon" href="/cobrands/warwickshire/images/safari-pinned-tab.svg" color="#076440">
+<link rel="shortcut icon" href="/cobrands/warwickshire/images/favicon.ico">
+<meta name="apple-mobile-web-app-title" content="Warwickshire County Council">
+<meta name="application-name" content="Warwickshire County Council">
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="theme-color" content="#ffffff">
+
+<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700" rel="stylesheet">
diff --git a/web/cobrands/warwickshire/_colours.scss b/web/cobrands/warwickshire/_colours.scss
index c3a4b365b..aac759179 100644
--- a/web/cobrands/warwickshire/_colours.scss
+++ b/web/cobrands/warwickshire/_colours.scss
@@ -6,13 +6,21 @@ $warwickshire-orange: #d43900;
 $warwickshire-blue: #0f4880;
 $warwickshire-purple: #591d77;
 $warwickshire-light-grey: #f6f6f6;
+$warwickshire-yellow: #ffc848;
 
-$primary: $warwickshire-green;
-$primary_b: #000000;
-$primary_text: #fff;
+$body-font: "Nunito Sans", sans-serif;
+$meta-font: $body-font;
+$heading-font: $body-font;
+
+$primary: $warwickshire-light-grey;
+$primary_b: #333;
+$primary_text: #333;
+
+$link-color: $warwickshire-green;
+$link-hover-color: $link-color;
 
 $base_bg: #fff;
-$base_fg: #000;
+$base_fg: #333;
 
 $nav_background_colour: $warwickshire-green;
 $nav_colour: #fff;
@@ -21,3 +29,6 @@ $nav_hover_background_colour: lighten($warwickshire-green, 5%);
 $col_click_map: $warwickshire-purple;
 
 $header-top-border: false;
+$mappage-header-height: 5em;
+
+$container-max-width: 78em;
diff --git a/web/cobrands/warwickshire/base.scss b/web/cobrands/warwickshire/base.scss
index b2a46a966..d3560e0a4 100644
--- a/web/cobrands/warwickshire/base.scss
+++ b/web/cobrands/warwickshire/base.scss
@@ -3,3 +3,186 @@
 @import "../sass/mixins";
 
 @import "../sass/base";
+
+#site-logo {
+    padding: 0.5em 0;
+    width: (313px * 0.7);
+    height: (51px * 0.7);
+    @include svg-background-image('/cobrands/warwickshire/images/logo');
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    background-size: (313px * 0.7) (51px * 0.7);
+}
+
+#front-main {
+    text-align: $left;
+    background: $primary;
+    color: $primary_text;
+    margin: 0;
+    padding: 2em 1em;
+
+    h1 {
+        margin-top: 0;
+    }
+
+    #postcodeForm {
+        margin: 0;
+        padding: 0;
+        color: inherit;
+        background: transparent;
+
+        div {
+            display: block;
+            width: auto;
+            background: #fff;
+            border: none;
+
+            margin-top: 0.5em;
+            max-width: 24em;
+
+            @include flex-container();
+            @include flex-align(stretch);
+
+            box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
+
+            input#pc {
+                display: block;
+                margin: 0;
+                padding: 0.5em;
+                font-family: inherit;
+                color: $primary_text;
+
+                &:focus {
+                    outline: 3px solid $warwickshire-yellow;
+                }
+            }
+
+            input#sub {
+                display: block;
+                height: auto;
+                width: 40px;
+                background-color: transparent;
+                @include svg-background-image('/cobrands/warwickshire/images/search');
+                background-repeat: no-repeat;
+                background-position: 50% 50%;
+                background-size: 20px 20px;
+
+                // TODO: I'd really prefer to do padding-top/overflow:hidden
+                // here, but that doesn't work with flex children. Maybe we
+                // should just update the markup to include the image directly,
+                // or wrap the text content in an element we can hide?
+                text-indent: -9000px;
+
+                &:hover {
+                    background-color: $primary;
+                    @include svg-background-image('/cobrands/warwickshire/images/search');
+                    background-repeat: no-repeat;
+                    background-position: 50% 50%;
+                    background-size: 20px 20px;
+                }
+
+                // TODO: Because of our text-indent, this draws a
+                // gigantic yellow box off the screen!!!
+                &:focus {
+                    outline: 3px solid $warwickshire-yellow;
+                }
+            }
+        }
+    }
+
+    a#geolocate_link {
+        padding: 0;
+        background: transparent;
+        font-size: 1em;
+        color: $link-color;
+        margin-top: 0.5em;
+
+        &:hover {
+            background-color: transparent;
+            color: $link-hover-color;
+        }
+
+        &:focus {
+            outline: 3px solid $warwickshire-yellow;
+        }
+
+        &.loading,
+        &.loading:hover {
+            background: transparent url("/cobrands/warwickshire/images/spinner-f6f6f6-333333.gif") 100% 50% no-repeat;
+            padding: 0 1.5em 0 0;
+            border: none;
+        }
+    }
+
+}
+
+.box-warning {
+    background-color: mix(#fff, $warwickshire-orange, 80%);
+}
+
+.site-footer {
+    background: #000;
+    color: #fff;
+    padding: 2em 0;
+
+    a {
+        color: #fff;
+    }
+
+    li {
+        list-style: inherit;
+    }
+
+    .identity__logo {
+        display: block;
+        height: 45px;
+        max-width: 100%;
+        width: 264px;
+        @include svg-background-image('/cobrands/warwickshire/images/logo');
+        background-repeat: no-repeat;
+        background-position: 50% 50%;
+        background-size: contain;
+    }
+
+    .visually-hidden {
+        border: 0;
+        clip: rect(0 0 0 0);
+        height: 1px;
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        width: 1px;
+    }
+}
+
+.site-footer__container {
+    @include flex-container();
+    @include flex-wrap(wrap);
+}
+
+.site-footer__text {
+    font-size: 0.875em;
+    margin: 1rem 0 .75rem;
+}
+
+.site-footer__navigation {
+    .list {
+        line-height: 1.3;
+        list-style: none;
+        margin-left: 0;
+        margin-top: 0;
+        -webkit-column-gap: 2rem;
+        column-gap: 2rem;
+        -webkit-columns: 2;
+        columns: 2;
+    }
+
+    .list__item {
+        -webkit-column-break-inside: avoid;
+        break-inside: avoid-column;
+        margin: 0;
+        padding: .2rem 0 .75rem;
+        font-size: 0.875em;
+    }
+}
diff --git a/web/cobrands/warwickshire/images/android-chrome-192x192.png b/web/cobrands/warwickshire/images/android-chrome-192x192.png
new file mode 100644
index 000000000..6ab5b34c8
--- /dev/null
+++ b/web/cobrands/warwickshire/images/android-chrome-192x192.png
diff --git a/web/cobrands/warwickshire/images/android-chrome-256x256.png b/web/cobrands/warwickshire/images/android-chrome-256x256.png
new file mode 100644
index 000000000..2e5900c59
--- /dev/null
+++ b/web/cobrands/warwickshire/images/android-chrome-256x256.png
diff --git a/web/cobrands/warwickshire/images/apple-touch-icon.png b/web/cobrands/warwickshire/images/apple-touch-icon.png
new file mode 100644
index 000000000..4ba5663b3
--- /dev/null
+++ b/web/cobrands/warwickshire/images/apple-touch-icon.png
diff --git a/web/cobrands/warwickshire/images/favicon-16x16.png b/web/cobrands/warwickshire/images/favicon-16x16.png
new file mode 100644
index 000000000..d212416d3
--- /dev/null
+++ b/web/cobrands/warwickshire/images/favicon-16x16.png
diff --git a/web/cobrands/warwickshire/images/favicon-32x32.png b/web/cobrands/warwickshire/images/favicon-32x32.png
new file mode 100644
index 000000000..dc6a9640d
--- /dev/null
+++ b/web/cobrands/warwickshire/images/favicon-32x32.png
diff --git a/web/cobrands/warwickshire/images/favicon.ico b/web/cobrands/warwickshire/images/favicon.ico
new file mode 100644
index 000000000..904cb23ea
--- /dev/null
+++ b/web/cobrands/warwickshire/images/favicon.ico
diff --git a/web/cobrands/warwickshire/images/logo.png b/web/cobrands/warwickshire/images/logo.png
new file mode 100644
index 000000000..574bec405
--- /dev/null
+++ b/web/cobrands/warwickshire/images/logo.png
diff --git a/web/cobrands/warwickshire/images/logo.svg b/web/cobrands/warwickshire/images/logo.svg
new file mode 100644
index 000000000..14a5e221d
--- /dev/null
+++ b/web/cobrands/warwickshire/images/logo.svg
@@ -0,0 +1 @@
+<svg width="313" height="51" viewBox="0 0 313 51" xmlns="http://www.w3.org/2000/svg"><path d="M8.1 20v-4.2l2-2v-3H9v1.3h-.9V7.8l-1-1H5.5v9.3h-.7v-1.3H3.5V17l1.3 1.4V24h-.5v1.3h-1V24H2.2v2.4L4.8 29v6.8h-.5v1.5h-1v-1.5H1.7V39l1.9 1.8v6.6l1 1h4l1-1V36l2-2v-3H9.6v1.5h-.9v-1.5h-.5v-9l-1.1-1v-1.5h1v.6h-.4v.6l2.2 2.1h1.4l1.3 1.3h5.6l4-4h1v.8h-.7l-4 4h-.6V27l.6.6V31l1.3 1.3V34l1.4-1.4v-.6h.8v.9l-4.1 4.1v7.4l-2.7 2.3V48l.4.4h5.6l.4-.4v-7l3.2-3.2h.6v.5l-.7.7v6.2l-1.3 1.3v.1h-.7v-1l1-.8v-4.2l-1 .9v8l-.2-.2-.7.7h-7L13.4 49v-3l2.7-2.1V36l2-2v-1.3L17 31.4v-3l-.5-.5v-2.3h-4.8l-1.2-1.3h-.7v5H13v5.5l-2 2v11.5L9.4 50H3.5L2 48.3v-6.6L0 40v-5.6h3.2v-4.4L.6 27.3v-4.9h2.6v-3L2 18v-4.8h2V5H8L9.9 7v2h1.8v5.7l-1.9 2v1.7h5l2.2-2.2v-1l1.5-1.5-.8-.9V12l-.7-.7h-1.4L13.2 9V6.2l1.6-1.5h1.1l1-1h.2l1.3-1.2h1.2l.6-.6V0h2.3L25 2.6v.7l1 1v.6l.7.7v.9l.8.7v2.5l2 2v2.6l.8.8v.7l.4.5v12.4l.7.7v7l-.6.6v2l-.4.4v9.2L29 50h-5.9l-.4-.4v-3h.6v1.5l.3.4h4.9l.3-.4v-9.5l.4-.4v-2l.7-.6v-5.4l-.7-.6V17l-.6-.6v-.7l-.7-.6v-2.7l-1.7-1.7H24l-3.8 3.8v-1l3.5-3.5H26V8l-.6-.6v-.9l-.7-.6v-.7l-1-1v-.7l-2-2v1.1l-1.5 1.6H19l-.8.8H18l-1.2 1.2h-1.1l-.8.8v1.1l1.5 1.5h1.3l1.6 1.6v.7l1.1 1.1v1.5l-1.7 1.7v.9l-3 3-7.5-.1zM42.6 0h-1v50h1V0zM58 33.5l2.2-9.1 2.2 9h2l4-13.7h-2.5l-2.5 9.6-2.3-9.6h-1.8l-2.4 9.6-2.4-9.6h-2.6l4 13.8h2zM77 23v1.4l-.2-.2a4 4 0 0 0-3.2-1.4 5 5 0 0 0-3.5 1.3 5.3 5.3 0 0 0-1.7 4.1c0 1.4.4 2.7 1.3 3.7a5 5 0 0 0 3.9 1.7h.5c1.2-.1 2.2-.7 2.9-1.6v1.4h2.3V23H77zm-1.3 2.6a3 3 0 0 1 1.2 2.7c0 .7-.3 1.5-.7 2-.6.7-1.4 1-2.3 1-.6 0-1.2-.1-1.7-.5a2.8 2.8 0 0 1-1.3-2.5c0-.7.2-1.4.5-2 .5-.8 1.5-1.3 2.5-1.2a3 3 0 0 1 1.8.5zm7.9 7.8v-5.8c0-1.6.7-2.4 2.2-2.4v-2.4h-1c-.6.3-1.1.7-1.4 1.3v-1H81v10.3h2.5zm8 0l2-6.7 2 6.7h1.6l3.7-10.4h-2.7l-1.8 6.3-1.7-6.3h-2L91 29.4l-1.8-6.3h-2.7l3.7 10.4h1.5zm13-11.5v-2.3h-2.4V22h2.5zm0 11.5V23h-2.4v10.4h2.5zM114 30c-.5.8-1.4 1.3-2.3 1.3a3 3 0 0 1-1.8-.5 3 3 0 0 1-1.2-2.6c0-.7.2-1.3.5-1.8.5-.9 1.5-1.4 2.4-1.3 1 0 2 .5 2.4 1.4h2.8v-.3c-.4-.8-.8-1.4-1.4-2-1-.9-2.4-1.4-3.8-1.4s-2.7.5-3.7 1.5a5.4 5.4 0 0 0-.2 7.6 5.7 5.7 0 0 0 5.9 1.3 5.2 5.2 0 0 0 3.3-3.2H114zm6.9 3.4v-4.9l3.5 4.9h3.3l-4.2-5.3 3.7-5h-3l-3.3 4.8v-8.3h-2.5v13.8h2.5zm7.8-1.2l.2.3c.8.7 1.8 1.1 2.8 1 1 .1 1.7-.2 2.4-.7.9-.6 1.4-1.7 1.3-2.7 0-.9-.3-1.7-1-2.2-.5-.4-1.2-.7-1.9-.8l-1.2-.5a.7.7 0 0 1-.5-.6v-.4a1 1 0 0 1 1.9.3h2.4a3 3 0 0 0-.7-2 3.4 3.4 0 0 0-2.7-1.1c-.7 0-1.5.2-2.1.7-.8.5-1.3 1.4-1.3 2.4 0 .4 0 .8.2 1.1a4 4 0 0 0 2.7 2c.4 0 .9.3 1.3.5a1 1 0 0 1 .3 1.2 1 1 0 0 1-1 .6h-.2c-.5 0-1-.5-1.1-1.2H128c0 .7.3 1.4.7 2zm10.6 1.2v-5.3c0-.7 0-1.4.3-2 .4-.7 1.1-1 1.9-1h.5l.5.2c.6.3 1 1.2 1 2.8v5.2h2.4v-6c0-1-.2-2-.7-2.9-.7-1-2-1.7-3.3-1.6-1 0-2 .3-2.6 1v-4.2h-2.5v13.8h2.5zM150.4 22v-2.3H148V22h2.4zm0 11.4V23.1H148v10.4h2.4zm4.5 0v-5.7c0-1.6.7-2.4 2.2-2.4v-2.4h-1c-.6.3-1 .7-1.4 1.3v-1h-2.3v10.3h2.5zm13.4-5c0-1.4-.4-2.7-1.4-3.8a5 5 0 0 0-4-1.7 5.4 5.4 0 0 0-5.4 5.4A5 5 0 0 0 159 32c1 1.1 2.6 1.7 4 1.7a5.2 5.2 0 0 0 5-3.3h-2.7l-.2.2c-.6.6-1.3.9-2 .8-.5 0-.8 0-1.2-.2-.9-.2-1.5-1-1.7-1.8h8v-1zm-8-1.4c.3-1.2 1.5-2 2.7-1.8h.5c1.1 0 2.1.8 2.3 2h-5.7l.1-.2zm24.5 3a4.4 4.4 0 0 1-6 0c-1-1-1.6-2.2-1.6-3.5 0-1.1.5-2.2 1.2-3 .8-1 2-1.7 3.4-1.6h.5c1.2 0 2.4.7 3 1.7h3l-.3-.5c-.4-.8-1-1.5-1.7-2a7 7 0 0 0-4.6-1.7h-.6a7.1 7.1 0 0 0-6.4 7v.6c0 1.8.9 3.4 2.2 4.6 2.2 2 5.3 2.6 8 1.3a6.5 6.5 0 0 0 3.3-3.4h-3l-.4.6zm6-5.6a5.3 5.3 0 0 0-.1 7.6c1 1.1 2.4 1.7 3.9 1.7 1.4 0 2.8-.6 3.8-1.6a5 5 0 0 0 1.7-3.8 5.5 5.5 0 0 0-9.3-3.9zm5.7 1.4a3 3 0 0 1 1.1 2.5c0 .7-.2 1.4-.7 2-.5.7-1.4 1.1-2.3 1.1-.6 0-1.3-.2-1.8-.6a3.3 3.3 0 0 1-.5-4.5c.5-.7 1.4-1.2 2.3-1.1.7 0 1.4.2 1.9.6zm11.7-2.7V28c0 .8 0 1.7-.4 2.5a2 2 0 0 1-1.9 1c-.6 0-1.1-.2-1.4-.7-.5-.8-.6-1.7-.5-2.6v-5h-2.5V29.4c0 1 .2 2 .8 2.9.7 1 1.9 1.6 3 1.5h.7c.9-.1 1.7-.5 2.3-1.2v1h2.3V23h-2.4zm7 10.3v-5c-.1-.8 0-1.6.3-2.3.4-.6 1.1-1 1.8-1 .6 0 1.2.3 1.5.7.4.8.6 1.7.5 2.6v5h2.5v-5.5-.8c0-1-.2-1.9-.7-2.7-.8-1-2-1.6-3.2-1.5h-.4c-1 .1-1.8.5-2.5 1.2v-1h-2.3v10.3h2.4zm11.5 0v-8h1.4v-2.3h-1.4v-3.4h-2.5v3.4H223v2.3h1.2v8h2.5zM233 37l6-13.8h-2.8l-2.5 6.7-2.3-6.7h-2.8l3.7 9.4-2 4.4h2.7zm22-6.8a4.4 4.4 0 0 1-6-.1c-1-.9-1.5-2.1-1.5-3.4 0-1.2.5-2.2 1.1-3.1.9-1 2.2-1.6 3.5-1.6h.5c1.2.1 2.3.8 3 1.8h3l-.3-.5a7 7 0 0 0-6.3-3.7h-.6c-1.8.1-3.4 1-4.6 2.2-1.2 1.3-1.9 3-1.9 4.8v.6a7.3 7.3 0 0 0 10.3 6 6.5 6.5 0 0 0 3.3-3.5h-3l-.4.5zm6-5.6a5.3 5.3 0 0 0 0 7.6 5.5 5.5 0 0 0 7.7 0 5 5 0 0 0 1.7-3.7 5.5 5.5 0 0 0-9.3-4zm5.8 1.3a3 3 0 0 1 1 2.5c0 .7-.1 1.4-.6 2-.5.7-1.3 1.1-2.2 1.1-.7 0-1.3-.2-1.8-.6a3 3 0 0 1-1.2-2.5c0-.8.2-1.5.7-2 .5-.8 1.4-1.2 2.3-1.1.7 0 1.3.2 1.8.6zm11.7-2.7V28c0 .8 0 1.7-.4 2.5a2 2 0 0 1-1.9 1c-.6 0-1.1-.2-1.4-.7-.5-.8-.6-1.7-.6-2.6v-5h-2.4V29.4c0 1 .2 2 .7 2.9.7 1 2 1.5 3.2 1.5h.6c.9-.1 1.7-.6 2.3-1.2v1h2.4V23h-2.5zm7 10.4v-5.1c-.1-.8 0-1.6.3-2.3.4-.6 1.1-1 1.8-1 .6 0 1.2.3 1.5.7.4.8.6 1.7.5 2.6v5h2.5V28v-.8c0-1-.2-1.9-.7-2.7-.8-1-2-1.6-3.3-1.5h-.3c-1 .1-1.9.5-2.6 1.2v-1H283v10.3h2.4zm16-3.4c-.6.8-1.5 1.3-2.4 1.3a3 3 0 0 1-1.8-.5 3 3 0 0 1-1.2-2.6c0-.7.2-1.3.5-1.8.5-.9 1.5-1.4 2.4-1.3 1 0 2 .5 2.4 1.4h2.8v-.3c-.3-.8-.8-1.4-1.3-2-1-.9-2.4-1.4-3.8-1.4s-2.8.5-3.8 1.5a5.4 5.4 0 0 0 3.9 9.3l1.8-.3a5.2 5.2 0 0 0 3.3-3.3h-2.8zm7-8v-2.4h-2.6V22h2.5zm0 11.4V23h-2.6v10.4h2.5zm4.4 0V19.7h-2.5v13.8h2.5z" fill="#FFF" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/web/cobrands/warwickshire/images/safari-pinned-tab.svg b/web/cobrands/warwickshire/images/safari-pinned-tab.svg
new file mode 100644
index 000000000..e5041e88b
--- /dev/null
+++ b/web/cobrands/warwickshire/images/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="346.667" height="346.667" viewBox="0 0 260.000000 260.000000"><path d="M152.9 1.7c0 .5-.2 2.7-.2 5-.2 5.1-1.5 6.5-6 6.8-2.3.2-4.6 1.4-7 3.6-6.1 5.8-9.4 7.9-12.4 7.9-2 0-3.9 1.2-6.5 4-3.6 3.7-3.8 4.4-4 11l-.2 7 6.3 6.4c5.2 5.2 6.8 6.3 9.2 6.1 3.6-.3 7.9 2.8 7.9 5.8 0 1.1.9 3.1 2.1 4.3l2 2.1-4 3.9c-3 2.8-4 4.4-3.7 6.1.4 1.8-.9 3.7-5.7 8.3l-6.2 6-12.5-.2-12.4-.3-.1-4c-.1-3.5.5-4.7 4.8-9.2l4.9-5.2V64.3c0-19 .5-17.1-4.9-17.5l-4.7-.3.2-4.5c.3-4.2 0-4.9-4.7-9.8L90.2 27H68.5v41.5l-5.2.3-5.2.3v12.6L58 94.2l3.5 3.2c3.4 3.2 3.5 3.4 3.5 10.9 0 5.4-.4 7.7-1.2 7.8-.7.1-3.8.2-6.8.3l-5.5.1-.1 12.5-.1 12.5 6.9 6.9 6.8 7v22.2l-7.5-.2c-4.2 0-7.9.4-8.2.9-.3.6-.6 7.3-.6 14.9l.1 13.9 4.6 4.7c3.9 3.9 4.6 5.3 4.7 8.7 0 2.2 0 9.9.1 17.2v13.2l4.5 4 4.4 4.1h30.2l4.3-4.5 4.3-4.4v-25.3-29.5c.1-3.7.7-4.9 5.1-9.4l5-5.2V152H99v-12.5c0-14.1.5-14.9 6.2-9.5 3.3 3.2 3.8 3.3 20.1 3l7.7-.1v5.8c0 3.7.6 6.7 1.5 7.9.9 1.3 1.4 4.4 1.5 9.5 0 7.3.1 7.6 3.5 10.9 5.2 5.1 4.8 8.2-1.8 14.8l-5.3 5.2.1 19.7v19.6l-7 5.9-7.1 5.8.1 7.5c.1 6.8.4 7.8 3 10.5l2.9 3h18.5c15.8 0 18.7-.2 20.3-1.7 1.7-1.5 1.9-1.5 3.6 0 1.6 1.4 4.3 1.7 17.1 1.7h15.3l3.4-3.4 3.4-3.4v-23.5c0-17.5.3-24.1 1.3-26 .8-1.4 1.2-4.3 1-6.3-.1-2.5.3-4.4 1.4-5.6 2.5-2.7 2.3-36.3-.2-40.1-1.5-2.3-1.7-6.3-1.7-34.6-.1-25.1-.4-32.3-1.4-33.2-.7-.6-1.1-1.6-.8-2.3.3-.7-.5-2.5-1.8-4.1-1.8-2.3-2.3-4.2-2.3-9.2-.1-6.3-.2-6.4-5.3-11.5-5.1-5-5.2-5.2-5.2-11.2 0-4.5-.6-6.8-2-8.6-1.1-1.4-2-3.5-2-4.6 0-1.2-.7-2.7-1.5-3.4-.8-.7-1.5-2-1.5-2.9 0-1-1.3-3-2.9-4.5-1.6-1.6-2.7-3.5-2.4-4.2.3-.9-2.3-4.2-6.4-8.4l-7-7h-6.1c-3.4 0-6.2.3-6.3.7zm13.9 13.4c2.3 2.2 4.2 4.9 4.2 5.9 0 1.1 1.1 3 2.5 4.4 1.4 1.4 2.5 3.3 2.5 4.2 0 1 .7 2.5 1.6 3.5.8.9 1.7 2.9 1.8 4.3.2 1.5 1.1 3.5 2 4.5.9 1 1.6 3.5 1.6 5.8v4.1l-6 .4-6 .4-8.1 8.2c-4.5 4.5-8.6 8.2-9.1 8.2s-.7-.4-.4-.9c.3-.4-.8-2-2.4-3.5-1.7-1.4-3-3.4-3-4.3 0-1-1.9-3.7-4.2-6-3.2-3.3-5-4.3-7.4-4.3-4.4 0-11.4-6.2-11.2-9.9.2-3.9 3.6-7.1 7.4-7.1 2 0 3.8-.7 4.6-1.8 3-3.9 9.7-8.2 13-8.2 2.7 0 4.2-.9 7.6-4.5 2.6-2.8 3.9-5 3.6-6-1.1-2.7 1.2-1.6 5.4 2.6zM88.3 38.8c1.9 1.9 2.1 3.4 2.3 12.4.2 13.7.1 13 2.7 12.6 1.7-.2 2.2-1 2.2-3.3.1-2.5.5-3.1 2.8-3.3l2.8-.3-.3 7.7-.2 7.8-5.1 5.2-5 5.2V100.5l-2.7.3c-2.5.3-2.8.7-2.8 4.1 0 2.8.7 4.4 2.9 6.5l2.9 2.8v21.1c.1 26.7 0 25.9 1.1 25.3 1.1-.7 2.1 2.9 1.6 5.5-.3 1.7.1 2 2.3 1.7 2.3-.3 2.7-.7 2.6-3.6 0-1.7.2-3.2.5-3.3.8-.2 6.4-.2 7.8 0 .8.1 1.2 2.4 1.1 7.3l-.1 7.3-5.2 5.5-5.2 5.5.2 29.5.1 29.5-2.7 2.7c-2.6 2.5-3.3 2.7-12.1 2.7-7.9-.1-9.8-.4-12.5-2.2l-3.3-2.2v-34.6l-4.7-5-4.7-5-.1-8-.1-7.9h4.3c4.3 0 4.3 0 4.3 3.7 0 3.3.3 3.8 2.5 3.9 2.3.2 2.5-.2 2.5-3.7 0-2.7.4-3.9 1.4-3.9 1.2 0 1.4-3.2 1.5-17.6v-17.6l-6.9-7.1-7-7.2v-5.7c0-5.7 0-5.8 2.9-5.8 2.6 0 3 .4 3.3 3.2.2 2.5.8 3.4 2.6 3.6 1.9.3 2.2-.1 2.2-3.1 0-1.9.6-3.7 1.3-4 .9-.3 1.3-4 1.2-14.5V96.1l-3.3-3.4c-2.9-3-3.2-3.9-3.2-9.5V77l3 .2c2.7.2 3 .6 3 3.4 0 3 2 5.1 3.4 3.7.3-.4.6-11.1.6-23.9 0-16.6.3-23.3 1.1-23.6 3-1 8.2 0 10.2 2zM188.6 61c4.3 4.3 4.4 4.5 4.4 11.1 0 4.8.5 7.2 1.6 8.3.8.9 1.7 2.4 1.9 3.5.2 1.1 1 3 1.8 4.3 1.2 1.9 1.5 8 1.4 34.1 0 28.6.2 31.9 1.7 33 1.4 1 1.7 3.2 1.7 15.1 0 11.1-.3 14.2-1.6 15.6-1 1.1-1.5 3.6-1.5 7.2 0 3.3-.5 5.8-1.1 6-.9.3-1.2 7.4-1.2 24.8 0 13.5-.3 25-.8 25.6-.6.7-5.5 1.1-13.5 1.2-11.9 0-12.6-.1-13.4-2.2-1.4-3.7-.3-7.7 3.3-11.5l3.4-3.6-.1-15.4c-.2-12.5.1-15.7 1.3-16.9.8-.8 1.6-2.3 1.8-3.3.6-3.9-3.4-1.7-11.4 6.5l-8.3 8.3v18c0 13.2-.3 18.3-1.3 19.1-1.6 1.3-28.8 1.3-30.4 0-1.9-1.6-1.6-8.1.5-9.8.9-.8 4.1-3.5 7-5.8l5.2-4.4v-38.3l10.1-10c10.9-10.9 12.2-12.6 11.3-14.9-.9-2.3-3.3-1.9-4.3.6-.5 1.3-2.2 3.5-3.8 5.1l-2.9 2.7-.1-3.9c-.1-3.1-.8-4.7-3.5-7.3-3.3-3.4-3.4-3.6-3.3-11.6.1-6.7-.2-8.6-1.7-10.2-2.6-2.7-2.6-13 0-13 .9 0 6.2-4.5 11.7-10 5.5-5.5 10.8-10 11.8-10 1.8 0 3.5-2.6 2.4-3.7-.4-.3-1.7-.7-3-.8-1.9-.2-4.7 2-12.8 10.1L142.5 125h-28.6l-3.2-3.3c-2.5-2.4-4.3-3.3-7.3-3.5-3.3-.2-4.8-1.1-9.8-6.3-3.2-3.3-5.6-6.3-5.2-6.6.4-.4 9.8-.7 21.1-.8l20.3-.1 7.6-7.5c4.8-4.8 7.6-8.4 7.6-9.8 0-1.4 4.7-6.8 14.3-16.4l14.3-14.3 5.3.1c4.9.1 5.6.4 9.7 4.5zm-18.1 161.4c-.1 8.5-.3 9.9-2.3 11.8l-2.2 2.2v-10.3c0-8.3.3-10.8 1.6-12.2.9-1 2-1.7 2.3-1.4.4.2.7 4.7.6 9.9z"/></svg>
\ No newline at end of file
diff --git a/web/cobrands/warwickshire/images/search.png b/web/cobrands/warwickshire/images/search.png
new file mode 100644
index 000000000..fc50684d0
--- /dev/null
+++ b/web/cobrands/warwickshire/images/search.png
diff --git a/web/cobrands/warwickshire/images/search.svg b/web/cobrands/warwickshire/images/search.svg
new file mode 100644
index 000000000..63a7395f3
--- /dev/null
+++ b/web/cobrands/warwickshire/images/search.svg
@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M19.8 18.3l-5.3-5.2a8.1 8.1 0 1 0-1.4 1.4l5.2 5.3a1 1 0 0 0 1.5-1.5zM8.1 2.1a6 6 0 1 1 0 12 6 6 0 0 1 0-12z" fill="#096F48" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/web/cobrands/warwickshire/images/site.webmanifest b/web/cobrands/warwickshire/images/site.webmanifest
new file mode 100644
index 000000000..187efcf5b
--- /dev/null
+++ b/web/cobrands/warwickshire/images/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Warwickshire CC",
+    "short_name": "Warwickshire CC",
+    "icons": [
+        {
+            "src": "/cobrands/warwickshire/images/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/cobrands/warwickshire/images/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/web/cobrands/warwickshire/images/spinner-f6f6f6-333333.gif b/web/cobrands/warwickshire/images/spinner-f6f6f6-333333.gif
new file mode 100644
index 000000000..0ae69eb9e
--- /dev/null
+++ b/web/cobrands/warwickshire/images/spinner-f6f6f6-333333.gif
diff --git a/web/cobrands/warwickshire/layout.scss b/web/cobrands/warwickshire/layout.scss
index 69e455aa5..cf98ba32a 100644
--- a/web/cobrands/warwickshire/layout.scss
+++ b/web/cobrands/warwickshire/layout.scss
@@ -1,2 +1,88 @@
 @import "_colours";
 @import "../sass/layout";
+
+#site-logo {
+    padding: 0.9em 0;
+    width: 313px;
+    height: 51px;
+    background-size: 313px 51px;
+}
+
+#front-main {
+    // background: transparent;
+    // color: inherit;
+    padding: 3em 0;
+
+    h1 {
+        font-size: 3em;
+        line-height: 1.3;
+        margin-bottom: 0.1em;
+    }
+
+    #front-main-container {
+        padding: 0 1em;
+        max-width: $container-max-width;
+    }
+
+    #postcodeForm {
+        margin-right: 0;
+        overflow: visible;
+
+        div {
+            width: auto;
+            max-width: 38em;
+            margin-left: 0;
+            margin-right: 0;
+            overflow: visible;
+
+            @include flex-container();
+
+            input#pc {
+                width: 100%;
+                height: auto;
+                margin: 0;
+                max-width: none;
+                padding: 0.5em;
+            }
+
+            input#sub {
+                width: 40px;
+                height: auto;
+                padding-top: 0;
+            }
+        }
+
+        label {
+            margin: 1.5em 0 0.5em 0;
+        }
+    }
+
+    a#geolocate_link {
+        color: $link-color;
+
+        &:hover {
+            color: $link-hover-color;
+        }
+
+        &:focus {
+            outline: 3px solid $warwickshire-yellow;
+        }
+    }
+}
+
+.site-footer__section {
+    @include box-sizing(border-box);
+    float: left;
+    padding: 0 1em;
+    width: 25%;
+
+    &:first-child {
+        @include flex-container();
+        @include flex-direction(column);
+        @include justify-content(space-between);
+    }
+
+    &:nth-child(2) {
+        width: 50%;
+    }
+}
\ No newline at end of file