From 8514b203d15b2e6bee718cda608ba085e8b162c2 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Fri, 20 Jun 2025 15:57:43 +0100
Subject: [PATCH] Style the "get in touch" slice

---
 assets/css/app.css | 16 ++++++++++++++++
 index.html         |  4 ++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 3395084..c30e33a 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -120,10 +120,26 @@ h1, h2, h3, h4, h5, h6 {
   background-color: var(--cotech-light-grey);
 }
 
+.slice--blue {
+  background-color: var(--cotech-blue);
+}
+
 .slice-subtitle {
   color: var(--cotech-light-grey);
 }
 
+.slice--blue .slice_title {
+  color: var(--cotech-white);
+}
+
+.slice p {
+  max-width: 70ch;
+}
+
+.slice--blue p {
+  color: var(--cotech-white);
+}
+
 .metadata {
   display: flex;
   gap: var(--space-xl);
diff --git a/index.html b/index.html
index ae2feb7..115677c 100644
--- a/index.html
+++ b/index.html
@@ -55,8 +55,8 @@ layout: home
 
 </section>
 
-<section>
-  <h2>Get In Touch</h2>
+<section class="slice slice--blue">
+  <h2 class="slice_title">Get In Touch</h2>
   <p>All the members of CoTech are available to hire, and each has
   different specialisms. We vary in size from 2 people to 40+
   people. Browse the <a href="#members">members</a> and get in touch