<!DOCTYPE html>

<head>

<title>Staying Relevant in an AI Age – For Adults 50+</title>

<style>

:root {

--navy: #0d1f35;

--deep: #0a1628;

--gold: #c9a84c;

--gold-light: #e8c87a;

--cream: #f5f0e8;

--warm: #ede8df;

--text: #1a1a2e;

--muted: #5a5a6e;

--white: #ffffff;

--teal: #2a7f7f;

--teal-light: #3d9e9e;

}

- { margin: 0; padding: 0; box-sizing: border-box; }

body {

font-family: ‘Source Serif 4’, Georgia, serif;

background: var(–cream);

color: var(–text);

line-height: 1.7;

}

/* HERO */

.hero {

background: var(–navy);

color: var(–white);

padding: 70px 40px 60px;

position: relative;

overflow: hidden;

}

.hero::before {

content: ‘’;

position: absolute;

top: -80px; right: -80px;

width: 380px; height: 380px;

border-radius: 50%;

background: radial-gradient(circle, rgba(201,168,76,0.12) 0%, transparent 70%);

}

.hero::after {

content: ‘’;

position: absolute;

bottom: -60px; left: -40px;

width: 280px; height: 280px;

border-radius: 50%;

background: radial-gradient(circle, rgba(42,127,127,0.1) 0%, transparent 70%);

}

.badge {

display: inline-block;

background: var(–gold);

color: var(–navy);

font-family: ‘Source Serif 4’, serif;

font-size: 0.72rem;

font-weight: 600;

letter-spacing: 0.12em;

text-transform: uppercase;

padding: 6px 16px;

border-radius: 2px;

margin-bottom: 24px;

}

.hero h1 {

font-family: ‘Playfair Display’, Georgia, serif;

font-size: clamp(2rem, 5vw, 3.2rem);

font-weight: 700;

line-height: 1.2;

margin-bottom: 12px;

max-width: 640px;

}

.hero h1 span {

color: var(–gold-light);

display: block;

}

.hero-sub {

font-size: 1.05rem;

color: rgba(255,255,255,0.72);

font-weight: 300;

font-style: italic;

margin-bottom: 32px;

max-width: 520px;

}

.hero-meta {

display: flex;

gap: 28px;

flex-wrap: wrap;

align-items: center;

}

.meta-item {

display: flex;

align-items: center;

gap: 8px;

font-size: 0.9rem;

color: rgba(255,255,255,0.85);

}

.meta-item .icon {

width: 32px; height: 32px;

background: rgba(201,168,76,0.18);

border-radius: 50%;

display: flex; align-items: center; justify-content: center;

font-size: 1rem;

}

.price-tag {

background: var(–gold);

color: var(–navy);

padding: 10px 22px;

border-radius: 4px;

font-family: ‘Playfair Display’, serif;

font-size: 1.4rem;

font-weight: 700;

}

/* SECTIONS */

.container {

max-width: 760px;

margin: 0 auto;

padding: 0 24px;

}

section {

padding: 48px 0;

}

section + section {

border-top: 1px solid rgba(0,0,0,0.08);

}

.section-label {

font-size: 0.7rem;

font-weight: 600;

letter-spacing: 0.15em;

text-transform: uppercase;

color: var(–gold);

margin-bottom: 10px;

}

h2 {

font-family: ‘Playfair Display’, serif;

font-size: 1.65rem;

font-weight: 600;

color: var(–navy);

margin-bottom: 18px;

line-height: 1.3;

}

p {

font-size: 1rem;

color: #3a3a4a;

margin-bottom: 14px;

}

/* BULLET LISTS */

.bullet-list {

list-style: none;

margin: 20px 0;

display: flex;

flex-direction: column;

gap: 12px;

}

.bullet-list li {

display: flex;

align-items: flex-start;

gap: 14px;

font-size: 0.97rem;

color: #2a2a3a;

line-height: 1.55;

}

.bullet-list li .dot {

width: 22px; height: 22px;

min-width: 22px;

background: var(–navy);

border-radius: 50%;

display: flex; align-items: center; justify-content: center;

margin-top: 2px;

}

.bullet-list li .dot::after {

content: ‘’;

width: 7px; height: 7px;

background: var(–gold);

border-radius: 50%;

}

.bullet-list.teal li .dot {

background: var(–teal);

}

/* CALLOUT BOX */

.callout {

background: var(–navy);

color: var(–white);

border-radius: 8px;

padding: 36px 32px;

margin: 16px 0;

position: relative;

overflow: hidden;

}

.callout::before {

content: ‘”’;

position: absolute;

top: -10px; left: 20px;

font-family: ‘Playfair Display’, serif;

font-size: 8rem;

color: rgba(201,168,76,0.15);

line-height: 1;

}

.callout p {

color: rgba(255,255,255,0.9);

font-style: italic;

font-size: 1.08rem;

position: relative;

z-index: 1;

margin: 0;

}

/* WHO IS THIS FOR */

.who-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 14px;

margin-top: 20px;

}

.who-card {

background: var(–white);

border: 1px solid rgba(0,0,0,0.08);

border-radius: 6px;

padding: 18px 20px;

display: flex;

align-items: flex-start;

gap: 12px;

}

.who-card .emoji {

font-size: 1.4rem;

line-height: 1;

margin-top: 2px;

}

.who-card p {

font-size: 0.9rem;

margin: 0;

color: #3a3a4a;

}

/* OUTCOME STRIP */

.outcome-strip {

background: var(–navy);

padding: 44px 40px;

color: var(–white);

}

.outcome-strip .section-label {

color: var(–gold-light);

}

.outcome-strip h2 {

color: var(–white);

}

.outcome-strip .bullet-list li {

color: rgba(255,255,255,0.88);

}

.outcome-strip .bullet-list li .dot {

background: rgba(201,168,76,0.25);

border: 1px solid var(–gold);

}

/* CTA */

.cta-section {

background: var(–warm);

border-top: 3px solid var(–gold);

padding: 48px 40px;

text-align: center;

}

.cta-section h2 {

font-family: ‘Playfair Display’, serif;

font-size: 1.8rem;

color: var(–navy);

margin-bottom: 10px;

}

.cta-section p {

color: var(–muted);

margin-bottom: 28px;

font-style: italic;

}

.cta-price {

font-family: ‘Playfair Display’, serif;

font-size: 2.4rem;

font-weight: 700;

color: var(–navy);

margin-bottom: 6px;

}

.cta-note {

font-size: 0.82rem;

color: var(–muted);

margin-bottom: 28px;

}

.btn {

display: inline-block;

background: var(–navy);

color: var(–white);

padding: 14px 36px;

border-radius: 4px;

font-family: ‘Source Serif 4’, serif;

font-size: 0.95rem;

font-weight: 600;

letter-spacing: 0.05em;

text-decoration: none;

transition: background 0.2s;

}

.btn:hover {

background: var(–teal);

}

/* RESPONSIVE */

@media (max-width: 560px) {

.hero { padding: 50px 24px 44px; }

.who-grid { grid-template-columns: 1fr; }

.outcome-strip { padding: 40px 24px; }

.cta-section { padding: 40px 24px; }

}

</style>

</head>

<body>

<div class="badge">One-Day Workshop · Adults 50+</div>

<h1>Staying Relevant<span>in an AI Age</span></h1>

<p class="hero-sub">Built for people who want to understand AI on their own terms — no jargon, no pressure, no prior experience needed.</p>

Full Day Workshop

</div>

Ages 50 & Over

</div>

No Tech Experience Required

</div>

</div>

<div class="section-label">About This Course</div>

<h2>Technology is changing fast. You deserve to understand it.</h2>

<p>Millions of adults over 50 are being left behind as AI becomes part of everyday life — from the NHS and banking to shopping and news. This course was created specifically for you.</p>

<p>No laptops required from day one. No scary jargon. Just calm, honest guidance to help you make sense of what AI is, what it isn't, and how it affects your world.</p>

```

<p>The Government recognises that many adults over 50 are disengaged from new technology — not because of ability, but because of confidence. This course is designed to change that, one conversation at a time.</p>

</div>

```

</section>

<h2>This course is made for you if…</h2>

<p>You hear about AI in the news and want to actually understand what it means</p>

</div>

<p>You're still working and worried about how AI might affect your job or role</p>

</div>

<p>You're retired or semi-retired and want to stay connected and informed</p>

</div>

<p>You feel left behind or anxious about technology — and want that to change</p>

</div>

<p>Your family talks about AI and you want to join the conversation confidently</p>

</div>

<p>You're curious, switched on, and simply haven't had the right starting point</p>

</div>

</section>

<div class="section-label">What We Cover</div>

<h2>A clear, practical day — built around your questions</h2>

<li><span class="dot"></span><span><strong>What AI actually is</strong> — in plain English, with real-world examples you'll recognise from daily life</span></li>

<li><span class="dot"></span><span><strong>Where AI already affects you</strong> — from healthcare and pension services to supermarket apps and customer support</span></li>

<li><span class="dot"></span><span><strong>Separating fact from fear</strong> — why much of what the media says about AI is misleading, and what the real picture looks like</span></li>

<li><span class="dot"></span><span><strong>Hands-on, guided exploration</strong> — you'll try AI tools for yourself in a calm, supported environment with no pressure</span></li>

<li><span class="dot"></span><span><strong>Protecting yourself online</strong> — how to spot AI-generated content, scams, and misinformation that target older adults</span></li>

<li><span class="dot"></span><span><strong>Using AI to make life easier</strong> — writing letters, getting health information, staying in touch, managing admin</span></li>

<li><span class="dot"></span><span><strong>Where AI doesn't belong</strong> — building your own judgement about when to trust it and when not to</span></li>

<li><span class="dot"></span><span><strong>Leaving with a personal plan</strong> — a simple, honest picture of how AI fits into your life at your own pace</span></li>

</ul>

</section>

</div>

<li><span class="dot"></span><span>A clear, confident understanding of what AI is and how it works</span></li>

<li><span class="dot"></span><span>The ability to use at least one AI tool independently and safely</span></li>

<li><span class="dot"></span><span>Reduced anxiety and a grounded, realistic view of the technology</span></li>

<li><span class="dot"></span><span>Practical skills to protect yourself from AI-related misinformation and scams</span></li>

<li><span class="dot"></span><span>Confidence to continue learning and exploring at your own pace</span></li>

<li><span class="dot"></span><span>A take-home reference guide to revisit everything covered on the day</span></li>

</ul>

</div>

<div class="section-label">Our Approach</div>

<h2>No pressure. No jargon. Just clarity.</h2>

<li><span class="dot"></span><span>Delivered by experienced trainers who understand how to work with adult learners</span></li>

<li><span class="dot"></span><span>Small group sizes to ensure every participant gets the support they need</span></li>

<li><span class="dot"></span><span>Fully accessible — no prior technology knowledge or devices needed</span></li>

<li><span class="dot"></span><span>Paced to the group — no rushing, no leaving anyone behind</span></li>

<li><span class="dot"></span><span>Refreshments included, with plenty of time for questions and discussion</span></li>

</ul>

</section>

</div>

<div class="section-label" style="color: var(--gold);">Book Your Place</div>

<h2>Ready to feel in control again?</h2>

<p>One day. One step forward. On your own terms.</p>

<div class="cta-price">£450 per person</div>

<p class="cta-note">Full-day workshop · Refreshments included · Take-home guide provided</p>

<a href="#" class="btn">Reserve Your Place →</a>

</div>

</body>

</html>