02 — HOME PAGE CODE
VERIFIED CURRENT MASTER ✓WHAT THIS CONTROLS
Live location: Home Page → Unyson RAW Code
Captured: 22 September 2026
Master size: 1,897 lines / 31,995 bytes
Contains: New Homepage 2026 styling and structure, hero, About, impact statistics, photography, quote, How Can You Help, corporate partnership, Explore, donation CTA, tablet/mobile responsive rules and compact mobile overrides.
DEPENDENCIES / DO NOT CHANGE BLINDLY
Header/navigation: site-wide Header & Navigation is controlled separately by HEADER-NAV V01. Do not duplicate or replace that Theme Script from this page.
Responsive behaviour: this Home master contains its own tablet/mobile rules and compact mobile overrides. A desktop-only adjustment can therefore be overridden at smaller breakpoints.
Page spacing: the master also contains mobile rules affecting Home page main/page-builder clearance above the footer. Check the full source before altering page-height or footer spacing.
Rollback rule: never overwrite this verified master. Any future alteration becomes HOME-RAW V02, V03, etc.
VIEW / COPY COMPLETE VERIFIED MASTER CODE
<style>
/* =========================================================
SUSSEX HOMELESS SUPPORT
NEW HOMEPAGE 2026
========================================================= */
#shs-home-new,
#shs-home-new * {
box-sizing: border-box;
}
#shs-home-new {
width: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}
#shs-home-new img {
display: block;
width: 100%;
}
/* =========================================================
HERO
========================================================= */
#shs-home-new .shs-hero {
position: relative;
width: 100%;
min-height: 610px;
display: flex;
align-items: center;
overflow: hidden;
background-image:
linear-gradient(
90deg,
rgba(0,0,0,0.72) 0%,
rgba(0,0,0,0.48) 42%,
rgba(0,0,0,0.08) 75%
),
url('https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.05.11.jpeg');
background-size: cover;
background-position: center center;
}
#shs-home-new .shs-hero-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 70px 45px;
}
#shs-home-new .shs-hero-copy {
max-width: 680px;
}
#shs-home-new .shs-hero-kicker {
display: inline-block;
margin-bottom: 18px;
padding: 8px 13px;
background: #f47421;
color: #ffffff;
font-size: 13px;
line-height: 1;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#shs-home-new .shs-hero h1 {
margin: 0 0 20px 0;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 64px;
line-height: 0.98;
font-weight: 700;
letter-spacing: -2px;
}
#shs-home-new .shs-hero p {
max-width: 590px;
margin: 0 0 28px 0;
color: #ffffff;
font-size: 20px;
line-height: 1.5;
}
#shs-home-new .shs-hero-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
#shs-home-new .shs-button {
display: inline-block;
padding: 15px 25px;
background: #f47421;
color: #ffffff !important;
border: 2px solid #f47421;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
transition:
background 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}
#shs-home-new .shs-button:hover {
background: #d95f10;
border-color: #d95f10;
color: #ffffff !important;
transform: translateY(-2px);
}
#shs-home-new .shs-button-outline {
background: transparent;
border-color: #ffffff;
}
#shs-home-new .shs-button-outline:hover {
background: #ffffff;
border-color: #ffffff;
color: #222222 !important;
}
/* =========================================================
GENERAL SECTION
========================================================= */
#shs-home-new .shs-section {
width: 100%;
padding: 80px 30px;
}
#shs-home-new .shs-container {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
#shs-home-new .shs-eyebrow {
display: block;
margin-bottom: 12px;
color: #f47421;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#shs-home-new .shs-section h2 {
margin: 0 0 25px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 42px;
line-height: 1.08;
font-weight: 700;
color: #222222;
}
/* =========================================================
ABOUT
========================================================= */
#shs-home-new .shs-about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
#shs-home-new .shs-about-copy p {
margin: 0 0 18px 0;
font-size: 17px;
line-height: 1.7;
color: #555555;
}
#shs-home-new .shs-about-copy .shs-lead {
font-size: 21px;
line-height: 1.55;
font-weight: 700;
color: #333333;
}
#shs-home-new .shs-about-image {
position: relative;
}
#shs-home-new .shs-about-image img {
width: 100%;
height: 460px;
object-fit: cover;
object-position: center;
border-bottom: 8px solid #f47421;
}
/* =========================================================
IMPACT
========================================================= */
#shs-home-new .shs-impact {
background: #f47421;
padding: 48px 30px;
}
#shs-home-new .shs-impact-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
max-width: 1050px;
margin: 0 auto;
}
#shs-home-new .shs-impact-item {
padding: 10px 25px;
text-align: center;
border-right: 1px solid rgba(255,255,255,0.35);
}
#shs-home-new .shs-impact-item:last-child {
border-right: none;
}
#shs-home-new .shs-impact-number {
display: block;
margin-bottom: 5px;
color: #ffffff;
font-size: 43px;
line-height: 1;
font-weight: 700;
}
#shs-home-new .shs-impact-label {
display: block;
color: #ffffff;
font-size: 13px;
line-height: 1.3;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
/* =========================================================
PHOTO STORY
========================================================= */
#shs-home-new .shs-photo-section {
padding: 80px 30px;
background: #f5f5f5;
}
#shs-home-new .shs-photo-heading {
max-width: 700px;
margin: 0 auto 40px auto;
text-align: center;
}
#shs-home-new .shs-photo-heading p {
margin: 0;
color: #666666;
font-size: 17px;
line-height: 1.6;
}
#shs-home-new .shs-photo-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
grid-template-rows: 240px 240px;
gap: 12px;
}
#shs-home-new .shs-photo {
overflow: hidden;
background: #dddddd;
}
#shs-home-new .shs-photo-large {
grid-row: 1 / span 2;
}
#shs-home-new .shs-photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
#shs-home-new .shs-photo:hover img {
transform: scale(1.035);
}
/* =========================================================
QUOTE
========================================================= */
#shs-home-new .shs-quote-section {
padding: 75px 30px;
background: #222222;
text-align: center;
}
#shs-home-new .shs-quote {
max-width: 900px;
margin: 0 auto;
}
#shs-home-new .shs-quote-mark {
display: block;
height: 45px;
color: #f47421;
font-family: Georgia, serif;
font-size: 75px;
line-height: 1;
}
#shs-home-new .shs-quote p {
margin: 10px 0 0 0;
color: #ffffff;
font-size: 30px;
line-height: 1.4;
font-weight: 700;
font-style: italic;
}
/* =========================================================
HOW CAN YOU HELP
========================================================= */
#shs-home-new .shs-help {
background: #ffffff;
}
#shs-home-new .shs-help-heading {
max-width: 700px;
margin: 0 auto 42px auto;
text-align: center;
}
#shs-home-new .shs-help-heading p {
margin: 0;
color: #666666;
font-size: 17px;
line-height: 1.6;
}
#shs-home-new .shs-help-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
#shs-home-new .shs-help-card {
position: relative;
min-height: 300px;
padding: 35px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #f5f5f5;
border-top: 5px solid #f47421;
text-decoration: none !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
background 0.25s ease;
}
#shs-home-new .shs-help-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 28px rgba(0,0,0,0.10);
background: #ffffff;
}
#shs-home-new .shs-help-number {
color: #dddddd;
font-size: 55px;
line-height: 1;
font-weight: 700;
}
#shs-home-new .shs-help-card h3 {
margin: 25px 0 10px 0;
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
line-height: 1.15;
font-weight: 700;
}
#shs-home-new .shs-help-card p {
margin: 0;
color: #666666;
font-size: 15px;
line-height: 1.55;
}
#shs-home-new .shs-help-link {
display: block;
margin-top: 25px;
color: #f47421;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
/* =========================================================
CORPORATE PARTNERSHIP
========================================================= */
#shs-home-new .shs-corporate {
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
background: #222222;
}
#shs-home-new .shs-corporate-image {
min-height: 470px;
background-image:
linear-gradient(
rgba(0,0,0,0.08),
rgba(0,0,0,0.08)
),
url('https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451016241_26356456807278801_1319990030760202933_n.jpg');
background-size: cover;
background-position: center;
}
#shs-home-new .shs-corporate-copy {
padding: 65px;
display: flex;
flex-direction: column;
justify-content: center;
}
#shs-home-new .shs-corporate-copy .shs-eyebrow {
color: #f47421;
}
#shs-home-new .shs-corporate-copy h2 {
margin: 0 0 20px 0;
color: #ffffff;
font-size: 40px;
line-height: 1.1;
}
#shs-home-new .shs-corporate-copy p {
max-width: 520px;
margin: 0 0 28px 0;
color: #dddddd;
font-size: 17px;
line-height: 1.65;
}
/* =========================================================
MORE PHOTOS
========================================================= */
#shs-home-new .shs-more-photos {
padding: 12px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
background: #ffffff;
}
#shs-home-new .shs-more-photo {
height: 250px;
overflow: hidden;
}
#shs-home-new .shs-more-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* =========================================================
EXPLORE
========================================================= */
#shs-home-new .shs-explore {
padding: 75px 30px;
background: #f5f5f5;
}
#shs-home-new .shs-explore-heading {
margin-bottom: 35px;
text-align: center;
}
#shs-home-new .shs-explore-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
#shs-home-new .shs-explore-card {
padding: 30px;
background: #ffffff;
border-bottom: 4px solid #f47421;
text-decoration: none !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
#shs-home-new .shs-explore-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}
#shs-home-new .shs-explore-card h3 {
margin: 0 0 10px 0;
color: #222222;
font-size: 20px;
line-height: 1.2;
font-weight: 700;
}
#shs-home-new .shs-explore-card p {
margin: 0 0 18px 0;
color: #666666;
font-size: 15px;
line-height: 1.55;
}
#shs-home-new .shs-explore-card span {
color: #f47421;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
/* =========================================================
FINAL DONATION CTA
========================================================= */
#shs-home-new .shs-final {
padding: 85px 30px;
background: #f47421;
text-align: center;
}
#shs-home-new .shs-final-inner {
max-width: 800px;
margin: 0 auto;
}
#shs-home-new .shs-final h2 {
margin: 0 0 15px 0;
color: #ffffff;
font-size: 44px;
line-height: 1.1;
}
#shs-home-new .shs-final p {
margin: 0 auto 28px auto;
color: #ffffff;
font-size: 18px;
line-height: 1.6;
}
#shs-home-new .shs-final .shs-button {
background: #222222;
border-color: #222222;
}
#shs-home-new .shs-final .shs-button:hover {
background: #000000;
border-color: #000000;
}
/* =========================================================
TABLET
========================================================= */
@media only screen and (max-width: 900px) {
#shs-home-new .shs-hero {
min-height: 540px;
}
#shs-home-new .shs-hero h1 {
font-size: 52px;
}
#shs-home-new .shs-about-grid {
gap: 35px;
}
#shs-home-new .shs-help-grid {
gap: 12px;
}
#shs-home-new .shs-corporate-copy {
padding: 45px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media only screen and (max-width: 767px) {
#shs-home-new .shs-hero {
min-height: 520px;
align-items: flex-end;
background-image:
linear-gradient(
0deg,
rgba(0,0,0,0.78) 0%,
rgba(0,0,0,0.42) 52%,
rgba(0,0,0,0.08) 100%
),
url('https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.05.11.jpeg');
background-position: center center;
}
#shs-home-new .shs-hero-inner {
padding: 45px 24px;
}
#shs-home-new .shs-hero h1 {
font-size: 43px;
line-height: 1;
letter-spacing: -1px;
}
#shs-home-new .shs-hero p {
font-size: 17px;
line-height: 1.45;
}
#shs-home-new .shs-hero-buttons {
display: grid;
grid-template-columns: 1fr 1fr;
}
#shs-home-new .shs-button {
padding: 14px 14px;
text-align: center;
font-size: 12px;
}
/* GENERAL */
#shs-home-new .shs-section {
padding: 55px 22px;
}
#shs-home-new .shs-section h2 {
font-size: 32px;
}
/* ABOUT */
#shs-home-new .shs-about-grid {
grid-template-columns: 1fr;
gap: 30px;
}
#shs-home-new .shs-about-copy .shs-lead {
font-size: 19px;
}
#shs-home-new .shs-about-copy p {
font-size: 16px;
}
#shs-home-new .shs-about-image img {
height: 330px;
}
/* IMPACT */
#shs-home-new .shs-impact {
padding: 35px 20px;
}
#shs-home-new .shs-impact-grid {
grid-template-columns: 1fr;
}
#shs-home-new .shs-impact-item {
padding: 22px 10px;
border-right: none;
border-bottom: 1px solid rgba(255,255,255,0.35);
}
#shs-home-new .shs-impact-item:last-child {
border-bottom: none;
}
#shs-home-new .shs-impact-number {
font-size: 37px;
}
/* PHOTO STORY */
#shs-home-new .shs-photo-section {
padding: 55px 15px;
}
#shs-home-new .shs-photo-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: 300px 190px 190px;
}
#shs-home-new .shs-photo-large {
grid-column: 1 / span 2;
grid-row: 1;
}
/* QUOTE */
#shs-home-new .shs-quote-section {
padding: 55px 25px;
}
#shs-home-new .shs-quote p {
font-size: 23px;
}
/* HELP */
#shs-home-new .shs-help-grid {
grid-template-columns: 1fr;
gap: 14px;
}
#shs-home-new .shs-help-card {
min-height: 0;
padding: 28px 25px;
}
#shs-home-new .shs-help-number {
font-size: 40px;
}
#shs-home-new .shs-help-card h3 {
margin-top: 15px;
}
/* CORPORATE */
#shs-home-new .shs-corporate {
grid-template-columns: 1fr;
}
#shs-home-new .shs-corporate-image {
min-height: 320px;
}
#shs-home-new .shs-corporate-copy {
padding: 45px 25px;
}
#shs-home-new .shs-corporate-copy h2 {
font-size: 31px;
}
/* MORE PHOTOS */
#shs-home-new .shs-more-photos {
grid-template-columns: 1fr 1fr;
}
#shs-home-new .shs-more-photo {
height: 180px;
}
/* EXPLORE */
#shs-home-new .shs-explore {
padding: 55px 22px;
}
#shs-home-new .shs-explore-grid {
grid-template-columns: 1fr;
}
/* FINAL CTA */
#shs-home-new .shs-final {
padding: 60px 25px;
}
#shs-home-new .shs-final h2 {
font-size: 34px;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media only screen and (max-width: 420px) {
#shs-home-new .shs-hero h1 {
font-size: 38px;
}
#shs-home-new .shs-hero-buttons {
grid-template-columns: 1fr;
}
#shs-home-new .shs-photo-grid {
display: block;
}
#shs-home-new .shs-photo {
height: 230px;
margin-bottom: 10px;
}
}
</style>
<div id="shs-home-new">
<!-- =====================================================
HERO
===================================================== -->
<section class="shs-hero">
<div class="shs-hero-inner">
<div class="shs-hero-copy">
<span class="shs-hero-kicker">
SUSSEX HOMELESS SUPPORT
</span>
<h1>
TOGETHER<br>
WE CAN HELP
</h1>
<p>
Supporting homeless, vulnerable and people experiencing housing crisis
across Brighton, Hove and Sussex.
</p>
<div class="shs-hero-buttons">
<a class="shs-button"
href="/donate/">
DONATE TODAY
</a>
<a class="shs-button shs-button-outline"
href="/get-involved/">
BECOME A VOLUNTEER
</a>
</div>
</div>
</div>
</section>
<!-- =====================================================
ABOUT
===================================================== -->
<section class="shs-section">
<div class="shs-container">
<div class="shs-about-grid">
<div class="shs-about-copy">
<span class="shs-eyebrow">
WHO WE ARE
</span>
<h2>
ABOUT SUSSEX<br>
HOMELESS SUPPORT
</h2>
<p class="shs-lead">
Sussex Homeless Support is a registered Brighton-based charity.
</p>
<p>
We provide support, advice and outreach to people experiencing
housing crisis across Sussex.
</p>
<p>
Run by volunteers, we rely solely on donations to continue our work.
Every Saturday, we run a Street Kitchen at Old Steine in Brighton,
serving meals and providing clothing, supplies and advice to around
150–175 rough sleepers, homeless and vulnerable people.
</p>
</div>
<div class="shs-about-image">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.28.jpeg"
alt="Sussex Homeless Support volunteers">
</div>
</div>
</div>
</section>
<!-- =====================================================
IMPACT
===================================================== -->
<section class="shs-impact">
<div class="shs-impact-grid">
<div class="shs-impact-item">
<span class="shs-impact-number">
150–175
</span>
<span class="shs-impact-label">
PEOPLE SUPPORTED
</span>
</div>
<div class="shs-impact-item">
<span class="shs-impact-number">
400+
</span>
<span class="shs-impact-label">
HOT MEALS
</span>
</div>
<div class="shs-impact-item">
<span class="shs-impact-number">
1.2 TONNES
</span>
<span class="shs-impact-label">
OF SUPPLIES
</span>
</div>
</div>
</section>
<!-- =====================================================
OUR WORK IN PICTURES
===================================================== -->
<section class="shs-photo-section">
<div class="shs-container">
<div class="shs-photo-heading">
<span class="shs-eyebrow">
OUR COMMUNITY
</span>
<h2>
OUR WORK IN ACTION
</h2>
<p>
Our volunteers give their time, energy and compassion to support
people who need us across Brighton & Hove.
</p>
</div>
<div class="shs-photo-grid">
<div class="shs-photo shs-photo-large">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.34-1.jpeg"
alt="Sussex Homeless Support in action">
</div>
<div class="shs-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451293956_26356457140612101_5346670036951809054_n.jpg"
alt="Sussex Homeless Support volunteers">
</div>
<div class="shs-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451366813_26356457533945395_6023790587680054158_n.jpg"
alt="Sussex Homeless Support community work">
</div>
<div class="shs-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451437642_26356455743945574_6065456325553541944_n.jpg"
alt="Sussex Homeless Support team">
</div>
<div class="shs-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.42.jpeg"
alt="Sussex Homeless Support outreach">
</div>
</div>
</div>
</section>
<!-- =====================================================
QUOTE
===================================================== -->
<section class="shs-quote-section">
<div class="shs-quote">
<span class="shs-quote-mark">
“
</span>
<p>
We won’t turn anyone in need away and we’ll aim to help
in any way that we can.
</p>
</div>
</section>
<!-- =====================================================
HOW CAN YOU HELP
===================================================== -->
<section class="shs-section shs-help">
<div class="shs-container">
<div class="shs-help-heading">
<span class="shs-eyebrow">
GET INVOLVED
</span>
<h2>
HOW CAN YOU HELP?
</h2>
<p>
Every donation, volunteer and supporter helps us continue
providing essential support to vulnerable people.
</p>
</div>
<div class="shs-help-grid">
<a class="shs-help-card"
href="/donate/">
<div>
<span class="shs-help-number">
01
</span>
<h3>
MAKE A DONATION
</h3>
<p>
Your support helps us provide food, clothing, supplies and practical
help to people who need it.
</p>
</div>
<span class="shs-help-link">
DONATE TODAY →
</span>
</a>
<a class="shs-help-card"
href="/get-involved/">
<div>
<span class="shs-help-number">
02
</span>
<h3>
BECOME A VOLUNTEER
</h3>
<p>
Give your time and become part of the team helping people
across Brighton & Hove.
</p>
</div>
<span class="shs-help-link">
GET INVOLVED →
</span>
</a>
<a class="shs-help-card"
href="/contact/">
<div>
<span class="shs-help-number">
03
</span>
<h3>
GET IN TOUCH
</h3>
<p>
Contact Sussex Homeless Support, follow us online or find out
how you can help.
</p>
</div>
<span class="shs-help-link">
CONTACT US →
</span>
</a>
</div>
</div>
</section>
<!-- =====================================================
CORPORATE PARTNERSHIP
===================================================== -->
<section class="shs-corporate">
<div class="shs-corporate-image">
</div>
<div class="shs-corporate-copy">
<span class="shs-eyebrow">
BUSINESSES CAN MAKE A DIFFERENCE
</span>
<h2>
CORPORATE
PARTNERSHIPS
</h2>
<p>
Partner with Sussex Homeless Support and help us deliver practical,
meaningful support to vulnerable people across Brighton & Hove.
</p>
<div>
<a class="shs-button"
href="/corporate-pitch-presentation/">
VIEW OUR PROPOSAL
</a>
</div>
</div>
</section>
<!-- =====================================================
MORE PHOTOGRAPHY
===================================================== -->
<div class="shs-more-photos">
<div class="shs-more-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451437642_26356455743945574_6065456325553541944_n.jpg"
alt="Sussex Homeless Support">
</div>
<div class="shs-more-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451366813_26356457533945395_6023790587680054158_n.jpg"
alt="Sussex Homeless Support volunteers">
</div>
<div class="shs-more-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.42.jpeg"
alt="Sussex Homeless Support community">
</div>
<div class="shs-more-photo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3246.jpg"
alt="Sussex Homeless Support">
</div>
</div>
<!-- =====================================================
EXPLORE
===================================================== -->
<section class="shs-explore">
<div class="shs-container">
<div class="shs-explore-heading">
<span class="shs-eyebrow">
DISCOVER MORE
</span>
<h2>
KEEP UP WITH OUR WORK
</h2>
</div>
<div class="shs-explore-grid">
<a class="shs-explore-card"
href="/blog/">
<h3>
LATEST NEWS
</h3>
<p>
Read our latest news, updates and stories from Sussex Homeless Support.
</p>
<span>
VISIT OUR BLOG →
</span>
</a>
<a class="shs-explore-card"
href="/our-sponsors/">
<h3>
OUR SPONSORS
</h3>
<p>
Meet the businesses, organisations and individuals helping us
continue our work.
</p>
<span>
MEET OUR SUPPORTERS →
</span>
</a>
<a class="shs-explore-card"
href="/contact/">
<h3>
CONTACT US
</h3>
<p>
Find our contact details, social channels, location and ways
to support us online.
</p>
<span>
GET IN TOUCH →
</span>
</a>
</div>
</div>
</section>
<!-- =====================================================
FINAL CTA
===================================================== -->
<section class="shs-final">
<div class="shs-final-inner">
<h2>
TOGETHER WE CAN HELP.
</h2>
<p>
Your support enables Sussex Homeless Support to continue helping
homeless, vulnerable and people experiencing housing crisis.
</p>
<a class="shs-button"
href="/donate/">
DONATE TODAY
</a>
</div>
</section>
</div>
<!-- =========================================================
MOBILE COMPACT OVERRIDES
DESKTOP UNAFFECTED
========================================================= -->
<style>
@media only screen and (max-width: 767px) {
/* GENERAL MOBILE SPACING */
#shs-home-new .shs-section {
padding: 38px 22px;
}
#shs-home-new .shs-section h2 {
font-size: 28px;
line-height: 1.08;
margin-bottom: 18px;
}
#shs-home-new .shs-eyebrow {
font-size: 12px;
margin-bottom: 8px;
letter-spacing: 1.3px;
}
/* HERO */
#shs-home-new .shs-hero {
min-height: 460px;
}
#shs-home-new .shs-hero-inner {
padding: 35px 24px;
}
#shs-home-new .shs-hero-kicker {
font-size: 11px;
margin-bottom: 12px;
padding: 7px 10px;
}
#shs-home-new .shs-hero h1 {
font-size: 38px;
line-height: 0.98;
margin-bottom: 15px;
}
#shs-home-new .shs-hero p {
font-size: 15px;
line-height: 1.4;
margin-bottom: 20px;
}
#shs-home-new .shs-button {
padding: 12px 12px;
font-size: 11px;
}
/* ABOUT */
#shs-home-new .shs-about-grid {
gap: 22px;
}
#shs-home-new .shs-about-copy .shs-lead {
font-size: 17px;
line-height: 1.45;
margin-bottom: 14px;
}
#shs-home-new .shs-about-copy p {
font-size: 14px;
line-height: 1.55;
margin-bottom: 14px;
}
#shs-home-new .shs-about-image img {
height: 270px;
}
/* IMPACT */
#shs-home-new .shs-impact {
padding: 18px 20px;
}
#shs-home-new .shs-impact-item {
padding: 14px 10px;
}
#shs-home-new .shs-impact-number {
font-size: 30px;
}
#shs-home-new .shs-impact-label {
font-size: 10px;
}
/* OUR WORK IN ACTION */
#shs-home-new .shs-photo-section {
padding: 38px 15px;
}
#shs-home-new .shs-photo-heading {
margin-bottom: 25px;
}
#shs-home-new .shs-photo-heading p {
font-size: 14px;
line-height: 1.5;
}
#shs-home-new .shs-photo-grid {
grid-template-rows: 240px 145px 145px;
gap: 8px;
}
/* QUOTE */
#shs-home-new .shs-quote-section {
padding: 38px 22px;
}
#shs-home-new .shs-quote-mark {
height: 32px;
font-size: 55px;
}
#shs-home-new .shs-quote p {
font-size: 19px;
line-height: 1.35;
}
/* HOW CAN YOU HELP */
#shs-home-new .shs-help-heading {
margin-bottom: 25px;
}
#shs-home-new .shs-help-heading p {
font-size: 14px;
line-height: 1.5;
}
#shs-home-new .shs-help-grid {
gap: 10px;
}
#shs-home-new .shs-help-card {
padding: 20px 22px;
min-height: 0;
}
#shs-home-new .shs-help-number {
font-size: 31px;
}
#shs-home-new .shs-help-card h3 {
margin: 10px 0 7px 0;
font-size: 20px;
}
#shs-home-new .shs-help-card p {
font-size: 13px;
line-height: 1.45;
}
#shs-home-new .shs-help-link {
margin-top: 15px;
font-size: 11px;
}
/* CORPORATE PARTNERSHIP */
#shs-home-new .shs-corporate-image {
min-height: 250px;
}
#shs-home-new .shs-corporate-copy {
padding: 32px 24px;
}
#shs-home-new .shs-corporate-copy h2 {
font-size: 28px;
margin-bottom: 14px;
}
#shs-home-new .shs-corporate-copy p {
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
}
/* SMALL PHOTO STRIP */
#shs-home-new .shs-more-photos {
gap: 7px;
padding: 7px;
}
#shs-home-new .shs-more-photo {
height: 135px;
}
/* KEEP UP WITH OUR WORK */
#shs-home-new .shs-explore {
padding: 38px 22px;
}
#shs-home-new .shs-explore-heading {
margin-bottom: 22px;
}
#shs-home-new .shs-explore-heading h2 {
font-size: 28px;
line-height: 1.1;
margin-bottom: 0;
}
#shs-home-new .shs-explore-grid {
gap: 10px;
}
#shs-home-new .shs-explore-card {
padding: 21px;
}
#shs-home-new .shs-explore-card h3 {
font-size: 18px;
margin-bottom: 7px;
}
#shs-home-new .shs-explore-card p {
font-size: 13px;
line-height: 1.45;
margin-bottom: 12px;
}
#shs-home-new .shs-explore-card span {
font-size: 10px;
}
/* FINAL ORANGE DONATION PANEL */
#shs-home-new .shs-final {
padding: 45px 22px;
}
#shs-home-new .shs-final h2 {
font-size: 29px;
margin-bottom: 12px;
}
#shs-home-new .shs-final p {
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 420px) {
#shs-home-new .shs-hero h1 {
font-size: 35px;
}
#shs-home-new .shs-photo {
height: 190px;
margin-bottom: 7px;
}
}
</style>
<style>
@media only screen and (max-width: 767px) {
/* ABOUT SECTION — MORE COMPACT */
#shs-home-new .shs-about {
padding-top: 34px !important;
padding-bottom: 34px !important;
}
#shs-home-new .shs-about h2 {
font-size: 25px !important;
line-height: 1.05 !important;
margin-bottom: 20px !important;
}
#shs-home-new .shs-about .shs-eyebrow {
font-size: 11px !important;
margin-bottom: 8px !important;
}
#shs-home-new .shs-about-copy .shs-lead {
font-size: 16px !important;
line-height: 1.4 !important;
margin-bottom: 14px !important;
}
#shs-home-new .shs-about-copy p {
font-size: 13px !important;
line-height: 1.5 !important;
margin-bottom: 12px !important;
}
#shs-home-new .shs-about-grid {
gap: 18px !important;
}
#shs-home-new .shs-about-image img {
height: 230px !important;
}
}
/* MOBILE - REMOVE EMPTY SPACE ABOVE FOOTER */
@media only screen and (max-width: 767px) {
body.home #main {
min-height: 0 !important;
}
body.home #main .fw-page-builder-content {
min-height: 0 !important;
}
}
</style>