Southside Star
<!-- InstanceEndEditable -->
<meta
name="description"
content="Cheltenham Association Football League - grassroots football across three divisions."
>
<link
rel="stylesheet"
href="css/style.css"
>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<!-- =========================================================
HEADER
========================================================= -->
<header class="site-header">
<div class="header-inner">
<div class="league-brand">
<a href="index.html">
<img
src="Site%20Images/leaguebadge.jpg"
alt="Cheltenham Association Football League badge"
class="league-badge"
>
</a>
<div class="league-brand-text">
<h1 class="league-name">
Cheltenham Association
</h1>
<p class="league-subtitle">
Football League
</p>
</div>
</div>
</div>
</header>
<!-- =========================================================
MAIN NAVIGATION
========================================================= -->
<nav
class="main-nav"
aria-label="Main navigation"
>
<div class="nav-inner">
<!-- Mobile menu button -->
<button
class="mobile-menu-toggle"
type="button"
aria-expanded="false"
aria-controls="mobile-navigation"
>
<span class="mobile-menu-icon">
☰
</span>
<span class="mobile-menu-label">
Menu
</span>
</button>
<!-- Navigation links -->
<div
class="navigation-links"
id="mobile-navigation"
>
<a href="index.html">
Home
</a>
<a href="premdiv.html">
Premier Division
</a>
<a href="div1.html">
Division 1
</a>
<a href="div2.html">
Division 2
</a>
<a href="history.html">
League History
</a>
<a href="useful-links.html">
Useful Links
</a>
<a href="contacts.html">
Main Contacts
</a>
</div>
</div>
</nav>
<!-- =========================================================
MAIN CONTENT
Individual pages created from this DWT will place their
content inside this editable region.
========================================================= -->
<main class="page-wrapper">
<!-- InstanceBeginEditable name="MainContent" -->
<!-- =========================================================
CLUB PROFILE
========================================================= -->
<section class="club-profile">
<!-- =====================================================
CLUB HERO
===================================================== -->
<section class="club-hero">
<div class="club-hero-image">
<img
src="Club Images/club hero pics/southside.jpg"
alt="Southside home ground"
>
</div>
<div class="club-hero-overlay"></div>
<div class="club-hero-content">
<div class="club-hero-badge">
<img
src="Club Images/badges/Southside Star FC.png"
alt="Southside badge"
>
</div>
<div class="club-hero-copy">
<p class="club-hero-division">
PREMIER DIVISION
</p>
<h1>
Southside Star
</h1>
<p class="club-hero-location">
Cheltenham Association Football League
</p>
<a
href="https://fulltime.thefa.com/displayTeam.html?divisionseason=888564035&teamID=59854760"
target="_blank"
rel="noopener"
class="club-hero-button"
>
Fixtures & Results →
</a>
</div>
</div>
</section>
<!-- =====================================================
CLUB INTRO
===================================================== -->
<section class="club-intro">
<div class="club-intro-heading">
<p class="section-kicker">
THE CLUB
</p>
<h2>
Southside Star
</h2>
</div>
<div class="club-intro-copy">
<p>
Southside Star compete in the Premier Division
of the Cheltenham Association Football League.
</p>
<p>
Find club contact information, playing colours,
home ground details and links to the latest
fixtures and results.
</p>
</div>
</section>
<!-- =====================================================
FEATURED CLUB INFORMATION
===================================================== -->
<section class="club-feature-grid">
<!-- =================================================
CONTACT CARD
================================================= -->
<article class="club-feature-card club-contact-card">
<div class="club-feature-card-top">
<span class="club-feature-number">
01
</span>
<p>
CLUB CONTACT
</p>
</div>
<h3>
Aaron Batsman
</h3>
<p class="club-role">
Club Secretary
</p>
<div class="club-contact-details">
<a href="tel:07816582455">
07816 582455
</a>
<a href="mailto:Southsidestar24@outlook.com">
Southsidestar24@outlook.com
</a>
</div>
<div class="club-secondary-contact">
<span>
Alternative contact
</span>
<strong>
Finn Thom
</strong>
<a href="tel:07881345606">
07881 345606
</a>
</div>
</article>
<!-- =================================================
CLUB IDENTITY CARD
================================================= -->
<article class="club-feature-card club-kit-card">
<div class="club-feature-card-top">
<span class="club-feature-number">
02
</span>
<p>
CLUB IDENTITY
</p>
</div>
<h3>
Playing Colours
</h3>
<p class="club-kit-intro">
Southside Star's playing colours for home and away fixtures.
</p>
<!-- =====================================================
HOME KIT
===================================================== -->
<div class="kit-information">
<div class="kit-information-heading">
<span>
HOME KIT
</span>
</div>
<div class="kit-information-content">
<!-- SHIRT IMAGE -->
<div class="kit-photo">
<img
src="Club Images/shirts/southsh2627.jpg"
alt="AFC Bibury home shirt"
>
</div>
<!-- KIT DESCRIPTION -->
<div class="kit-description">
<div class="kit-item">
<span>
Shirt
</span>
<strong>
Yellow
</strong>
</div>
<div class="kit-item">
<span>
Shorts
</span>
<strong>
Navy
</strong>
</div>
<div class="kit-item">
<span>
Socks
</span>
<strong>
Navy
</strong>
</div>
</div>
</div>
</div>
<!-- =====================================================
AWAY KIT
===================================================== -->
<div class="kit-information">
<div class="kit-information-heading">
<span>
AWAY KIT
</span>
</div>
<div class="kit-information-content">
<!-- SHIRT IMAGE -->
<div class="kit-photo">
<img
src="Club Images/shirts/southsa2627.jpg"
alt="AFC Bibury away shirt"
>
</div>
<!-- KIT DESCRIPTION -->
<div class="kit-description">
<div class="kit-item">
<span>
Shirt
</span>
<strong>
Navy
</strong>
</div>
<div class="kit-item">
<span>
Shorts
</span>
<strong>
White
</strong>
</div>
<div class="kit-item">
<span>
Socks
</span>
<strong>
Navy
</strong>
</div>
</div>
</div>
</div>
</article>
</section>
<!-- =====================================================
MATCH CENTRE
===================================================== -->
<section class="club-match-centre">
<div class="match-centre-content">
<div class="match-centre-copy">
<p class="section-kicker">
MATCH CENTRE
</p>
<h2>
Fixtures and Results</h2>
<p>
All Southside Star's fixtures, results and
league information are maintained through
the FA Full-Time system.
</p>
</div>
<a
href="https://fulltime.thefa.com/index.html?league=516676&selectedSeason=737268231&selectedDivision=875232964&selectedCompetition=0&selectedFixtureGroupKey=1_888564035"
target="_blank"
rel="noopener"
class="match-centre-button"
>
Open FA Full-Time
<span>→</span>
</a>
</div>
</section>
<!-- =====================================================
HOME GROUND
===================================================== -->
<section class="club-ground-section">
<div class="club-ground-heading">
<p class="section-kicker">
VISIT THE CLUB
</p>
<h2>
Home Ground
</h2>
</div>
<div class="club-ground-layout">
<!-- MAP -->
<div class="club-ground-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2456.6333019018753!2d-2.1343189232506954!3d51.99533697192838!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48711d5a43ded7cd%3A0xf1fddc30895f629d!2sTewkesbury%20School%20Sports%20Centre!5e0!3m2!1sen!2suk!4v1751808791907!5m2!1sen!2suk" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- GROUND INFORMATION -->
<div class="club-ground-info">
<div class="ground-marker">
+
</div>
<p class="section-kicker">
HOME VENUE
</p>
<h3>
Southside Star
</h3>
<address>
Tewkesbury Academy Sports Centre<br>
The School House<br>
Ashchurch Road<br> Tewkesbury<br> GL20 8DF
</address>
<a
href="https://www.google.com/maps/search/?api=1&query=Tewkesbury+Academy+Spots+Centre+Ashchurch+Road+GL20+8DF"
target="_blank"
rel="noopener"
class="ground-button"
>
Get Directions →
</a>
</div>
</div>
</section>
<!-- =====================================================
DIVISION LINK
===================================================== -->
<section class="club-division-banner">
<div>
<p class="section-kicker">
CURRENT DIVISION
</p>
<h2>
Premier Division
</h2>
</div>
<a href="premdiv.html">
View Premier Division →
</a>
</section>
</section> <!-- InstanceEndEditable -->
</main>
<!-- =========================================================
FOOTER
========================================================= -->
<footer class="site-footer">
<div class="footer-inner">
<div class="footer-brand">
<p class="footer-title">
Cheltenham Association Football League
</p>
<p>
Grassroots football across three divisions.
</p>
</div>
<div class="footer-links">
<a href="index.html">
Home
</a>
</div>
</div>
<div class="footer-bottom">
<p>
© 2026 Cheltenham Association Football League
</p>
</div>
</footer>
</body>
<!-- InstanceEnd --></html>