08 — CONTACT US CODE
VERIFIED CURRENT MASTER ✓WHAT THIS CONTROLS
Live location: Contact Us Page → Unyson RAW Code
Captured: 22 September 2026
Master size: 1,053 lines / 18,294 bytes
Contains: Contact introduction, contact/social options, registered office and storage addresses, Google map, travel information, bank transfer details, online shops, responsive rules and charity number.
DEPENDENCIES / DO NOT CHANGE BLINDLY
Navigation: CONTACT US sits beneath MORE. The MORE parent and its desktop/mobile behaviour are controlled by HEADER-NAV V01 and documented separately under 07.
External services: map, social, contact and online-shop destinations are embedded in this page master. Preserve verified destinations when editing layout.
Sensitive operational content: this master contains organisation addresses and bank-transfer information. Do not alter those details as part of a visual/layout change.
Responsive behaviour: page-specific desktop/mobile rules are contained within the master. Check the full source before changing spacing or layout.
Rollback rule: never overwrite this verified master. Future alterations become CONTACT-RAW V02, V03, etc.
VIEW / COPY COMPLETE VERIFIED MASTER CODE
<style>
/* ========================================
SUSSEX HOMELESS SUPPORT
CONTACT PAGE
======================================== */
#shs-contact {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 10px 25px 35px 25px;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}
/* ========================================
INTRODUCTION
======================================== */
#shs-contact .contact-intro {
max-width: 800px;
margin: 0 auto 35px auto;
text-align: center;
}
#shs-contact .contact-intro h1 {
margin: 0 0 18px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 34px;
line-height: 1.2;
font-weight: 700;
color: #333333;
}
#shs-contact .contact-intro p {
margin: 0;
font-size: 17px;
line-height: 1.6;
color: #555555;
}
/* ========================================
GET IN TOUCH
======================================== */
#shs-contact .get-in-touch {
margin: 0 0 25px 0;
padding: 35px 30px;
text-align: center;
background: #f7f7f7;
border: 1px solid #e5e5e5;
}
#shs-contact .get-in-touch h2 {
margin: 0 0 10px 0;
font-size: 24px;
font-weight: 700;
color: #333333;
}
#shs-contact .get-in-touch > p {
margin: 0 0 25px 0;
font-size: 16px;
line-height: 1.6;
color: #555555;
}
/* ========================================
CONTACT OPTIONS
======================================== */
#shs-contact .contact-options {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
max-width: 900px;
margin: 0 auto;
}
#shs-contact .contact-option {
min-height: 135px;
padding: 20px 12px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background: #ffffff;
border: 1px solid #e5e5e5;
text-decoration: none !important;
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
#shs-contact .contact-option:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}
/* EMAIL / FACEBOOK SIMPLE ICONS */
#shs-contact .contact-symbol {
height: 52px;
display: flex;
align-items: center;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 34px;
line-height: 1;
font-weight: 700;
color: #333333;
}
/* INSTAGRAM / X UPLOADED LOGOS */
#shs-contact .contact-icon {
height: 52px;
display: flex;
align-items: center;
justify-content: center;
}
#shs-contact .contact-icon img {
display: block;
width: auto;
height: auto;
max-width: 50px;
max-height: 50px;
object-fit: contain;
}
/* CONTACT LABEL */
#shs-contact .contact-option-label {
display: block;
margin-top: 12px;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
color: #f28c28;
text-align: center;
text-transform: uppercase;
}
/* ========================================
ADDRESS CARDS
======================================== */
#shs-contact .contact-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin-bottom: 25px;
}
#shs-contact .contact-card {
background: #ffffff;
border: 1px solid #e5e5e5;
border-top: 4px solid #f28c28;
padding: 30px;
box-sizing: border-box;
}
#shs-contact .contact-card h2 {
margin: 0 0 18px 0;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
color: #333333;
}
#shs-contact .contact-card p {
margin: 0;
font-size: 16px;
line-height: 1.7;
color: #555555;
}
#shs-contact .storage-link {
display: block;
color: #555555 !important;
text-decoration: none !important;
}
#shs-contact .storage-link:hover {
color: #f28c28 !important;
}
#shs-contact .map-link,
#shs-contact .travel-link {
display: inline-block;
margin-top: 12px;
color: #f28c28 !important;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
text-transform: uppercase;
}
#shs-contact .map-link:hover,
#shs-contact .travel-link:hover {
text-decoration: underline !important;
}
/* ========================================
INTERACTIVE MAP
======================================== */
#shs-contact .map-panel {
width: 100%;
margin: 0;
border: 1px solid #e5e5e5;
box-sizing: border-box;
overflow: hidden;
background: #f5f5f5;
}
#shs-contact .map-panel iframe {
display: block;
width: 100%;
height: 380px;
border: 0;
}
/* ========================================
HOW TO FIND US
======================================== */
#shs-contact .travel-panel {
margin: 25px 0;
padding: 35px 30px;
background: #ffffff;
border: 1px solid #e5e5e5;
border-top: 4px solid #f28c28;
box-sizing: border-box;
}
#shs-contact .travel-panel > h2 {
margin: 0 0 10px 0;
text-align: center;
font-size: 24px;
font-weight: 700;
color: #333333;
}
#shs-contact .travel-intro {
max-width: 750px;
margin: 0 auto 28px auto;
text-align: center;
font-size: 16px;
line-height: 1.6;
color: #555555;
}
#shs-contact .travel-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
#shs-contact .travel-column {
padding: 25px;
background: #f7f7f7;
box-sizing: border-box;
}
#shs-contact .travel-column h3 {
margin: 0 0 15px 0;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
color: #333333;
}
#shs-contact .travel-column p {
margin: 0 0 12px 0;
font-size: 15px;
line-height: 1.65;
color: #555555;
}
#shs-contact .bus-numbers {
margin: 15px 0;
}
#shs-contact .bus-number {
display: inline-block;
min-width: 38px;
margin: 0 5px 6px 0;
padding: 7px 9px;
box-sizing: border-box;
background: #f28c28;
color: #ffffff;
font-size: 14px;
line-height: 1;
font-weight: 700;
text-align: center;
}
/* ========================================
BANK TRANSFER
======================================== */
#shs-contact .bank-panel {
margin: 25px 0;
padding: 35px;
text-align: center;
background: #f7f7f7;
border-top: 4px solid #f28c28;
}
#shs-contact .bank-panel h2 {
margin: 0 0 10px 0;
font-size: 24px;
font-weight: 700;
color: #333333;
}
#shs-contact .bank-intro {
margin: 0 0 22px 0;
font-size: 16px;
line-height: 1.6;
color: #555555;
}
#shs-contact .bank-details {
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
}
#shs-contact .bank-detail {
min-width: 180px;
}
#shs-contact .bank-label {
display: block;
margin-bottom: 5px;
font-size: 12px;
font-weight: 700;
color: #777777;
text-transform: uppercase;
}
#shs-contact .bank-value {
display: block;
font-size: 18px;
font-weight: 700;
color: #333333;
}
/* ========================================
ONLINE SHOPS
======================================== */
#shs-contact .shop-panel {
margin-top: 25px;
padding: 40px 30px;
text-align: center;
background: #ffffff;
border: 1px solid #e5e5e5;
}
#shs-contact .shop-panel h2 {
margin: 0 0 10px 0;
font-size: 24px;
font-weight: 700;
color: #333333;
}
#shs-contact .shop-intro {
max-width: 700px;
margin: 0 auto 30px auto;
font-size: 16px;
line-height: 1.6;
color: #555555;
}
#shs-contact .shop-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
align-items: stretch;
}
#shs-contact .shop-card {
min-height: 220px;
padding: 25px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eeeeee;
}
#shs-contact .shop-logo {
width: 100%;
height: 110px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
#shs-contact .shop-logo img {
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 100px;
object-fit: contain;
}
#shs-contact .shop-button {
display: block;
width: 100%;
max-width: 240px;
padding: 13px 15px;
box-sizing: border-box;
background: #f28c28;
color: #ffffff !important;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition:
background 0.25s ease,
transform 0.25s ease;
}
#shs-contact .shop-button:hover {
background: #d97618;
color: #ffffff !important;
transform: translateY(-2px);
}
#shs-contact .shop-button.inactive {
background: #aaaaaa;
cursor: default;
}
#shs-contact .shop-button.inactive:hover {
background: #aaaaaa;
transform: none;
}
/* ========================================
LEGAL CHARITY NUMBER
======================================== */
#shs-contact .legal-charity {
margin-top: 25px;
padding-top: 18px;
border-top: 1px solid #eeeeee;
text-align: center;
font-size: 12px;
line-height: 1.4;
color: #888888;
}
/* ========================================
TABLET
======================================== */
@media only screen and (max-width: 900px) {
#shs-contact .contact-options {
grid-template-columns: repeat(2, 1fr);
}
}
/* ========================================
MOBILE
======================================== */
@media only screen and (max-width: 767px) {
#shs-contact {
padding-left: 15px;
padding-right: 15px;
}
#shs-contact .contact-intro {
margin-bottom: 25px;
}
#shs-contact .contact-intro h1 {
font-size: 27px;
}
#shs-contact .contact-intro p {
font-size: 15px;
}
#shs-contact .contact-columns,
#shs-contact .travel-columns {
grid-template-columns: 1fr;
gap: 15px;
}
#shs-contact .contact-card {
padding: 25px 20px;
}
#shs-contact .map-panel iframe {
height: 300px;
}
#shs-contact .travel-panel,
#shs-contact .get-in-touch,
#shs-contact .bank-panel,
#shs-contact .shop-panel {
padding: 28px 20px;
}
#shs-contact .travel-column {
padding: 22px 20px;
}
#shs-contact .bank-details {
display: block;
}
#shs-contact .bank-detail {
margin-bottom: 20px;
}
#shs-contact .bank-detail:last-child {
margin-bottom: 0;
}
#shs-contact .shop-grid {
grid-template-columns: 1fr;
max-width: 400px;
margin: 0 auto;
}
}
/* SMALL MOBILE */
@media only screen and (max-width: 480px) {
#shs-contact .contact-options {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
#shs-contact .contact-option {
min-height: 120px;
padding: 16px 8px;
}
}
</style>
<div id="shs-contact">
<!-- ========================================
CONTACT INTRO
======================================== -->
<div class="contact-intro">
<h1>CONTACT US</h1>
<p>
There are lots of ways to get in touch with Sussex Homeless Support,
keep up to date with our work, support us or find out more about what we do.
</p>
</div>
<!-- ========================================
GET IN TOUCH
======================================== -->
<div class="get-in-touch">
<h2>GET IN TOUCH</h2>
<p>
Contact us directly or keep up to speed with Sussex Homeless Support online.
</p>
<div class="contact-options">
<!-- EMAIL -->
<a class="contact-option"
href="mailto:support@urs3x.com">
<div class="contact-symbol">
✉
</div>
<span class="contact-option-label">
EMAIL US
</span>
</a>
<!-- FACEBOOK -->
<a class="contact-option"
href="https://www.facebook.com/groups/sussexhomelesssupport"
target="_blank"
rel="noopener">
<div class="contact-symbol">
f
</div>
<span class="contact-option-label">
FACEBOOK
</span>
</a>
<!-- INSTAGRAM -->
<a class="contact-option"
href="https://www.instagram.com/sussexhomelesssupport/"
target="_blank"
rel="noopener">
<div class="contact-icon">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/instagram-black-logo-on-transparent-background-free-vector.jpg"
alt="Instagram">
</div>
<span class="contact-option-label">
INSTAGRAM
</span>
</a>
<!-- X -->
<a class="contact-option"
href="https://x.com/SussexHomeless"
target="_blank"
rel="noopener">
<div class="contact-icon">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/X-Logo.png"
alt="X">
</div>
<span class="contact-option-label">
X
</span>
</a>
</div>
</div>
<!-- ========================================
ADDRESSES
======================================== -->
<div class="contact-columns">
<!-- REGISTERED OFFICE -->
<div class="contact-card">
<h2>REGISTERED OFFICE</h2>
<p>
Sussex Homeless Support<br>
45 Goodwood Way<br>
Brighton<br>
BN2 4PW
</p>
</div>
<!-- STORAGE -->
<div class="contact-card">
<h2>STORAGE</h2>
<a class="storage-link"
href="https://www.google.com/maps/search/?api=1&query=Unit+3+Saxon+Works+Olive+Road+Hove+BN3+5LE"
target="_blank"
rel="noopener">
Unit 3 Saxon Works<br>
Olive Rd<br>
Hove<br>
BN3 5LE
</a>
<a class="map-link"
href="https://www.google.com/maps/search/?api=1&query=Unit+3+Saxon+Works+Olive+Road+Hove+BN3+5LE"
target="_blank"
rel="noopener">
OPEN IN GOOGLE MAPS
</a>
</div>
</div>
<!-- ========================================
GOOGLE MAP
======================================== -->
<div class="map-panel">
<iframe
src="https://www.google.com/maps?q=Unit%203%20Saxon%20Works%2C%20Olive%20Road%2C%20Hove%2C%20BN3%205LE&z=16&output=embed"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
title="Sussex Homeless Support Storage - Unit 3 Saxon Works">
</iframe>
</div>
<!-- ========================================
HOW TO FIND US
======================================== -->
<div class="travel-panel">
<h2>HOW TO FIND US</h2>
<p class="travel-intro">
Our storage unit is at Unit 3 Saxon Works, Olive Road, Hove, BN3 5LE.
</p>
<div class="travel-columns">
<!-- BY ROAD -->
<div class="travel-column">
<h3>BY ROAD</h3>
<p>
Saxon Works is located on Olive Road in Hove, just off Portland Road.
Use postcode <strong>BN3 5LE</strong> in your sat nav or mapping app.
</p>
<p>
<strong>From Brighton / the east:</strong><br>
Approach Hove from the Brighton side towards Portland Road and turn
into Olive Road for Saxon Works.
</p>
<p>
<strong>From Portslade / Shoreham / the west:</strong><br>
Approach along the Portland Road corridor towards Hove and turn
into Olive Road for Saxon Works.
</p>
<a class="travel-link"
href="https://www.google.com/maps/dir/?api=1&destination=Unit+3+Saxon+Works+Olive+Road+Hove+BN3+5LE"
target="_blank"
rel="noopener">
GET DRIVING DIRECTIONS
</a>
</div>
<!-- BY BUS -->
<div class="travel-column">
<h3>BY BUS</h3>
<p>
The nearest bus stops are <strong>Olive Road</strong> on Portland Road,
a short walk from Saxon Works.
</p>
<p>
<strong>Bus services serving the Olive Road stops include:</strong>
</p>
<div class="bus-numbers">
<span class="bus-number">2</span>
<span class="bus-number">25</span>
<span class="bus-number">46</span>
<span class="bus-number">49</span>
<span class="bus-number">93</span>
<span class="bus-number">95</span>
<span class="bus-number">95A</span>
</div>
<p>
<strong>From Brighton / the east:</strong><br>
Use a suitable westbound service along Portland Road and get off
at the Olive Road stop.
</p>
<p>
<strong>From Portslade / Shoreham / the west:</strong><br>
Use a suitable eastbound service towards Hove and Brighton and get
off at the Olive Road stop.
</p>
<a class="travel-link"
href="https://www.buses.co.uk/directions"
target="_blank"
rel="noopener">
PLAN YOUR BUS JOURNEY
</a>
</div>
</div>
</div>
<!-- ========================================
BANK TRANSFER
======================================== -->
<div class="bank-panel">
<h2>DONATE BY BANK TRANSFER</h2>
<p class="bank-intro">
If you would like to support Sussex Homeless Support directly,
you can make a donation using the following bank details.
</p>
<div class="bank-details">
<div class="bank-detail">
<span class="bank-label">
Bank
</span>
<span class="bank-value">
Royal Bank of Scotland
</span>
</div>
<div class="bank-detail">
<span class="bank-label">
Sort Code
</span>
<span class="bank-value">
83-04-25
</span>
</div>
<div class="bank-detail">
<span class="bank-label">
Account Number
</span>
<span class="bank-value">
19332059
</span>
</div>
</div>
</div>
<!-- ========================================
SUPPORT US ONLINE
======================================== -->
<div class="shop-panel">
<h2>SUPPORT US ONLINE</h2>
<p class="shop-intro">
Support Sussex Homeless Support by visiting our online shops.
</p>
<div class="shop-grid">
<!-- EBAY -->
<div class="shop-card">
<div class="shop-logo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/ebay-shs-shop-logo-new-1.jpg"
alt="Sussex Homeless Support eBay Shop">
</div>
<a class="shop-button"
href="https://www.ebay.co.uk/str/homelesshelpcharityshop"
target="_blank"
rel="noopener">
VISIT OUR EBAY SHOP
</a>
</div>
<!-- WHATNOT -->
<div class="shop-card">
<div class="shop-logo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Whatnot-Logo-Lockup-Warm-Black.png"
alt="Whatnot">
</div>
<a class="shop-button"
href="https://www.whatnot.com/en-GB/user/homeless_help"
target="_blank"
rel="noopener">
VISIT US ON WHATNOT
</a>
</div>
<!-- VINTED -->
<div class="shop-card">
<div class="shop-logo">
<img
src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/vinted-logo-new.png"
alt="Vinted">
</div>
<span class="shop-button inactive">
VINTED
</span>
</div>
</div>
</div>
<!-- ========================================
LEGAL CHARITY NUMBER
======================================== -->
<div class="legal-charity">
Registered Charity Number 1175229
</div>
</div>