<!– WordPress Custom HTML Block: Custom Hoodies Landing Page –>
<section class=”hoodies-landing”>
<style>
.hoodies-landing {
font-family: Arial, Helvetica, sans-serif;
color: #10213f;
background: #ffffff;
overflow: hidden;
}

.hoodies-hero {
background: linear-gradient(135deg, #123b8c 0%, #4f8df7 55%, #eaf3ff 100%);
color: #ffffff;
padding: 70px 20px;
text-align: center;
border-radius: 0 0 34px 34px;
}

.hoodies-hero h1 {
font-size: clamp(34px, 6vw, 68px);
line-height: 1.05;
margin: 0 0 18px;
font-weight: 900;
}

.hoodies-hero h1 span,
.discount-highlight {
color: #ffe45c;
}

.hoodies-hero p {
font-size: clamp(18px, 2.5vw, 26px);
max-width: 900px;
margin: 0 auto 30px;
font-weight: 600;
}

.hoodies-btn {
display: inline-block;
background: #ffe45c;
color: #10213f;
padding: 18px 34px;
border-radius: 50px;
text-decoration: none;
font-weight: 900;
font-size: 18px;
box-shadow: 0 12px 25px rgba(0,0,0,0.22);
}

.hoodies-btn:hover {
background: #ffffff;
color: #123b8c;
}

.hoodies-section {
max-width: 1200px;
margin: 0 auto;
padding: 55px 20px;
}

.hoodies-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
align-items: stretch;
}

.hoodies-card {
background: #ffffff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 12px 34px rgba(16,33,63,0.14);
border: 1px solid #e7edf7;
}

.hoodies-card img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
}

.hoodies-card-content {
padding: 24px;
}

.hoodies-card h2,
.hoodies-card h3 {
margin: 0 0 12px;
color: #123b8c;
font-size: 24px;
}

.hoodies-card p,
.hoodies-text p,
.hoodies-list li {
font-size: 17px;
line-height: 1.65;
color: #24344f;
}

.hoodies-offer {
background: #10213f;
color: #ffffff;
border-radius: 30px;
padding: 44px 28px;
text-align: center;
box-shadow: 0 18px 45px rgba(16,33,63,0.24);
}

.hoodies-offer h2 {
font-size: clamp(30px, 5vw, 54px);
margin: 0 0 14px;
color: #ffffff;
}

.hoodies-offer p {
font-size: 21px;
margin: 0 auto 28px;
max-width: 850px;
color: #edf4ff;
line-height: 1.55;
}

.hoodies-features {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 35px;
}

.hoodies-feature {
background: #f3f7ff;
padding: 24px;
border-radius: 20px;
text-align: center;
border: 1px solid #dce8fb;
}

.hoodies-feature strong {
display: block;
font-size: 20px;
color: #123b8c;
margin-bottom: 8px;
}

.hoodies-feature span {
color: #24344f;
font-size: 15px;
line-height: 1.5;
}

.hoodies-split {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 36px;
align-items: center;
}

.hoodies-split img {
width: 100%;
border-radius: 28px;
box-shadow: 0 14px 36px rgba(16,33,63,0.18);
}

.hoodies-text h2 {
font-size: clamp(30px, 4vw, 48px);
margin: 0 0 18px;
color: #123b8c;
}

.hoodies-list {
padding-left: 20px;
margin: 20px 0 28px;
}

.hoodies-cta-bottom {
background: linear-gradient(135deg, #ffe45c 0%, #fff3a6 100%);
text-align: center;
padding: 55px 20px;
border-radius: 34px 34px 0 0;
}

.hoodies-cta-bottom h2 {
margin: 0 0 15px;
font-size: clamp(30px, 4vw, 50px);
color: #10213f;
}

.hoodies-cta-bottom p {
font-size: 20px;
color: #24344f;
margin: 0 auto 26px;
max-width: 800px;
line-height: 1.6;
}

.hoodies-dark-btn {
background: #123b8c;
color: #ffffff;
}

.hoodies-dark-btn:hover {
background: #10213f;
color: #ffe45c;
}

@media (max-width: 900px) {
.hoodies-grid,
.hoodies-features,
.hoodies-split {
grid-template-columns: 1fr;
}

.hoodies-card img {
height: auto;
}
}
</style>

<div class=”hoodies-hero”>
<h1>Custom Hoodies with <span>50% Discounts</span></h1>
<p>Promote your club, team, event or brand with premium printed and embroidered custom hoodies. Free design support available.</p>
<a class=”hoodies-btn” href=”/contact/”>Get Your Hoodie Quote</a>
</div>

<div class=”hoodies-section”>
<div class=”hoodies-grid”>
<div class=”hoodies-card”>
<img src=”/wp-content/uploads/custom-hoodie-model.png” alt=”Premium custom navy hoodie”>
<div class=”hoodies-card-content”>
<h2>Premium Hoodie Quality</h2>
<p>Comfortable heavyweight hoodies, ideal for sports clubs, schools, gyms, charities, staff uniforms and promotional clothing.</p>
</div>
</div>

<div class=”hoodies-card”>
<img src=”/wp-content/uploads/custom-running-club-hoodies-banner.png” alt=”Custom running club hoodies offer banner”>
<div class=”hoodies-card-content”>
<h2>Club & Team Hoodies</h2>
<p>Add your logo, sponsor branding, names, numbers and club colours to create professional custom teamwear.</p>
</div>
</div>

<div class=”hoodies-card”>
<img src=”/wp-content/uploads/custom-hoodie-colours.png” alt=”Custom hoodie colour options”>
<div class=”hoodies-card-content”>
<h2>Multiple Colours</h2>
<p>Choose from black, navy, grey, cream, green and more. We can help match your hoodie design to your brand colours.</p>
</div>
</div>
</div>
</div>

<div class=”hoodies-section”>
<div class=”hoodies-offer”>
<h2><span class=”discount-highlight”>50% OFF</span> Custom Hoodies</h2>
<p>Order custom printed or embroidered hoodies for your sports club, running club, school, business or event and take advantage of our limited 50% discount offer.</p>
<a class=”hoodies-btn” href=”/contact/”>Order Your Hoodies Now</a>
</div>
</div>

<div class=”hoodies-section hoodies-split”>
<div class=”hoodies-text”>
<h2>Custom Hoodies Made for Clubs, Teams & Events</h2>
<p>Our custom hoodie service is perfect for creating professional club clothing that looks smart, feels comfortable and helps promote your organisation.</p>
<ul class=”hoodies-list”>
<li>Printed and embroidered logos</li>
<li>Names, numbers and sponsor branding</li>
<li>Free design service before production</li>
<li>Bulk order discounts for teams and clubs</li>
<li>Great for running clubs, football teams, gyms and schools</li>
</ul>
<a class=”hoodies-btn hoodies-dark-btn” href=”/contact/”>Request a Free Design</a>
</div>
<img src=”/wp-content/uploads/custom-hoodie-colours.png” alt=”Custom hoodie range with logo placement”>
</div>

<div class=”hoodies-section”>
<div class=”hoodies-features”>
<div class=”hoodies-feature”><strong>50% Discounts</strong><span>Excellent savings on bulk hoodie orders.</span></div>
<div class=”hoodies-feature”><strong>Free Design</strong><span>We help prepare your artwork for production.</span></div>
<div class=”hoodies-feature”><strong>Fast Quotes</strong><span>Send your logo and requirements today.</span></div>
<div class=”hoodies-feature”><strong>Club Ready</strong><span>Perfect for teams, events and organisations.</span></div>
</div>
</div>

<div class=”hoodies-cta-bottom”>
<h2>Start Your Custom Hoodie Order Today</h2>
<p>Send your logo, hoodie colours, quantity and sizes. We will prepare a quote and design proof for your approval.</p>
<a class=”hoodies-btn hoodies-dark-btn” href=”/contact/”>Get a Hoodie Quote</a>
</div>
</section>