Same day engagement ring resizing, bespoke engagement and wedding rings.
Yoga for Beginners Workshop
Same day ring resizing
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Same-Day Ring Resizing · Hatton Garden</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root {
--gold: #C9A96E;
--gold-light: #E8D5A3;
--gold-dark: #9A7A4A;
--cream: #FAF7F2;
--ink: #1A1612;
--ink-soft: #3D3530;
--ink-muted: #7A6E65;
--border: rgba(201,169,110,0.25);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
font-family: 'DM Sans', sans-serif;
background: var(--cream);
color: var(--ink);
overflow-x: hidden;
}
/* ── NOISE TEXTURE ── */
body::before {
content: '';
position: fixed;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 0;
opacity: 0.4;
}
/* ── NAV ── */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 3rem;
background: rgba(250,247,242,0.88);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border);
}
.nav-logo {
font-family: 'Cormorant Garamond', serif;
font-size: 1.35rem;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--ink);
}
.nav-logo span { color: var(--gold-dark); }
.nav-cta {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: var(--ink);
color: var(--cream);
padding: 0.6rem 1.4rem;
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s, color 0.2s;
}
.nav-cta:hover { background: var(--gold-dark); }
/* ── HERO ── */
.hero {
min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
padding-top: 5rem;
}
.hero-left {
display: flex;
flex-direction: column;
justify-content: center;
padding: 6rem 4rem 6rem 6rem;
position: relative;
z-index: 1;
}
.hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 0.75rem;
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold-dark);
margin-bottom: 2rem;
}
.hero-eyebrow::before {
content: '';
display: block;
width: 2.5rem;
height: 1px;
background: var(--gold);
}
.hero-headline {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(3rem, 5vw, 4.8rem);
font-weight: 300;
line-height: 1.08;
color: var(--ink);
margin-bottom: 1.75rem;
}
.hero-headline em {
font-style: italic;
color: var(--gold-dark);
}
.hero-sub {
font-size: 1.05rem;
font-weight: 300;
color: var(--ink-soft);
line-height: 1.7;
max-width: 38ch;
margin-bottom: 2.5rem;
}
.hero-badges {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 2.75rem;
}
.badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border: 1px solid var(--border);
padding: 0.55rem 1rem;
font-size: 0.78rem;
font-weight: 400;
color: var(--ink-soft);
letter-spacing: 0.02em;
}
.badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--gold);
flex-shrink: 0;
}
.hero-actions {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.btn-primary {
display: inline-flex;
align-items: center;
gap: 0.75rem;
background: var(--ink);
color: var(--cream);
padding: 1rem 2rem;
font-size: 0.85rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.25s;
}
.btn-primary:hover { background: var(--gold-dark); }
.btn-secondary {
font-size: 0.85rem;
color: var(--ink-muted);
text-decoration: none;
letter-spacing: 0.04em;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-color 0.2s;
}
.btn-secondary:hover { color: var(--ink); border-color: var(--ink); }
.hero-right {
position: relative;
overflow: hidden;
background: var(--ink);
}
.hero-right-inner {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
}
/* Decorative ring visual */
.ring-visual {
position: relative;
width: 300px;
height: 300px;
}
.ring-circle {
position: absolute;
border-radius: 50%;
border: 1px solid rgba(201,169,110,0.4);
animation: pulse-ring 3s ease-in-out infinite;
}
.ring-circle:nth-child(1) { inset: 0; animation-delay: 0s; }
.ring-circle:nth-child(2) { inset: -30px; animation-delay: 0.5s; border-color: rgba(201,169,110,0.2); }
.ring-circle:nth-child(3) { inset: -60px; animation-delay: 1s; border-color: rgba(201,169,110,0.1); }
@keyframes pulse-ring {
0%, 100% { opacity: 0.6; transform: scale(1); }
50% { opacity: 1; transform: scale(1.02); }
}
.ring-core {
position: absolute;
inset: 40px;
border-radius: 50%;
border: 8px solid var(--gold);
box-shadow: 0 0 40px rgba(201,169,110,0.3), inset 0 0 40px rgba(201,169,110,0.1);
}
.ring-core::after {
content: '';
position: absolute;
inset: 8px;
border-radius: 50%;
border: 1px solid rgba(201,169,110,0.5);
}
.ring-caption {
position: absolute;
bottom: 2.5rem;
left: 2.5rem;
right: 2.5rem;
text-align: center;
}
.ring-caption p {
font-family: 'Cormorant Garamond', serif;
font-size: 0.95rem;
font-style: italic;
color: rgba(201,169,110,0.7);
letter-spacing: 0.06em;
}
.hero-right-overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(26,22,18,0.95) 0%, rgba(26,22,18,0.7) 100%);
}
/* ── URGENCY BAR ── */
.urgency-bar {
background: var(--gold-dark);
color: var(--cream);
text-align: center;
padding: 0.9rem 2rem;
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.urgency-bar strong { font-weight: 700; }
/* ── PROBLEM SECTION ── */
.problem {
padding: 6rem 6rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
align-items: center;
border-bottom: 1px solid var(--border);
}
.section-label {
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold-dark);
margin-bottom: 1.25rem;
}
.section-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(2rem, 3.5vw, 3rem);
font-weight: 300;
line-height: 1.15;
color: var(--ink);
margin-bottom: 1.5rem;
}
.section-title em { font-style: italic; color: var(--gold-dark); }
.section-body {
font-size: 0.95rem;
font-weight: 300;
color: var(--ink-soft);
line-height: 1.8;
}
.problem-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5px;
background: var(--border);
}
.stat-card {
background: var(--cream);
padding: 2.5rem 2rem;
text-align: center;
}
.stat-number {
font-family: 'Cormorant Garamond', serif;
font-size: 3.5rem;
font-weight: 300;
color: var(--gold-dark);
line-height: 1;
margin-bottom: 0.5rem;
}
.stat-label {
font-size: 0.78rem;
font-weight: 400;
color: var(--ink-muted);
line-height: 1.5;
letter-spacing: 0.02em;
}
/* ── HOW IT WORKS ── */
.how {
padding: 6rem;
background: var(--ink);
color: var(--cream);
}
.how-header {
text-align: center;
margin-bottom: 4rem;
}
.how-header .section-label { color: var(--gold); }
.how-header .section-title { color: var(--cream); }
.steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
position: relative;
}
.steps::before {
content: '';
position: absolute;
top: 2rem;
left: calc(100% / 6);
right: calc(100% / 6);
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.step {
padding: 0 2rem;
text-align: center;
position: relative;
}
.step-number {
width: 4rem;
height: 4rem;
border-radius: 50%;
border: 1px solid var(--gold);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 2rem;
font-family: 'Cormorant Garamond', serif;
font-size: 1.5rem;
font-weight: 300;
color: var(--gold);
background: var(--ink);
position: relative;
z-index: 1;
}
.step-title {
font-family: 'Cormorant Garamond', serif;
font-size: 1.4rem;
font-weight: 400;
color: var(--cream);
margin-bottom: 0.75rem;
}
.step-desc {
font-size: 0.85rem;
font-weight: 300;
color: rgba(250,247,242,0.6);
line-height: 1.7;
}
/* ── TESTIMONIALS ── */
.testimonials {
padding: 6rem;
border-bottom: 1px solid var(--border);
}
.testimonials-header {
text-align: center;
margin-bottom: 3.5rem;
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5px;
background: var(--border);
}
.review {
background: var(--cream);
padding: 2.5rem;
}
.review-stars {
color: var(--gold);
font-size: 0.9rem;
letter-spacing: 0.1em;
margin-bottom: 1.25rem;
}
.review-text {
font-family: 'Cormorant Garamond', serif;
font-size: 1.1rem;
font-weight: 300;
font-style: italic;
color: var(--ink-soft);
line-height: 1.7;
margin-bottom: 1.5rem;
}
.review-author {
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--ink-muted);
}
.review-source {
font-size: 0.72rem;
color: var(--gold-dark);
margin-top: 0.25rem;
letter-spacing: 0.04em;
}
/* ── CTA SECTION ── */
.cta-section {
padding: 7rem 6rem;
text-align: center;
background: linear-gradient(180deg, var(--cream) 0%, #F2ECE0 100%);
position: relative;
overflow: hidden;
}
.cta-section::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60vw;
height: 60vw;
border-radius: 50%;
border: 1px solid rgba(201,169,110,0.15);
pointer-events: none;
}
.cta-section::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40vw;
height: 40vw;
border-radius: 50%;
border: 1px solid rgba(201,169,110,0.1);
pointer-events: none;
}
.cta-inner { position: relative; z-index: 1; }
.cta-section .section-title { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.cta-address {
display: inline-flex;
align-items: center;
gap: 0.75rem;
margin: 2rem 0;
font-size: 0.85rem;
font-weight: 400;
color: var(--ink-muted);
letter-spacing: 0.06em;
}
.cta-address::before, .cta-address::after {
content: '';
display: block;
width: 3rem;
height: 1px;
background: var(--border);
}
.cta-buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
margin-top: 2.5rem;
}
.btn-large {
padding: 1.1rem 2.5rem;
font-size: 0.9rem;
letter-spacing: 0.08em;
}
/* ── FOOTER ── */
footer {
background: var(--ink);
color: rgba(250,247,242,0.5);
text-align: center;
padding: 2rem;
font-size: 0.75rem;
letter-spacing: 0.06em;
}
footer strong { color: var(--gold); }
/* ── ANIMATIONS ── */
@keyframes fade-up {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-eyebrow { animation: fade-up 0.6s ease both; }
.hero-headline { animation: fade-up 0.6s 0.15s ease both; }
.hero-sub { animation: fade-up 0.6s 0.25s ease both; }
.hero-badges { animation: fade-up 0.6s 0.35s ease both; }
.hero-actions { animation: fade-up 0.6s 0.45s ease both; }
/* ── RESPONSIVE ── */
@media (max-width: 900px) {
nav { padding: 1rem 1.5rem; }
.hero { grid-template-columns: 1fr; min-height: auto; }
.hero-left { padding: 6rem 2rem 3rem; }
.hero-right { height: 300px; }
.problem { grid-template-columns: 1fr; gap: 3rem; padding: 4rem 2rem; }
.how { padding: 4rem 2rem; }
.steps { grid-template-columns: 1fr; gap: 2.5rem; }
.steps::before { display: none; }
.testimonials { padding: 4rem 2rem; }
.reviews-grid { grid-template-columns: 1fr; }
.cta-section { padding: 5rem 2rem; }
.problem-stats { grid-template-columns: 1fr 1fr; }
}
</style>
</head>
<body>
<nav>
<div class="nav-logo">Hatton Garden <span>Ring Resizing</span></div>
<a href="#visit" class="nav-cta">Walk In Today</a>
</nav>
<section class="hero">
<div class="hero-left">
<div class="hero-eyebrow">Hatton Garden, London</div>
<h1 class="hero-headline">
Your ring arrived.<br>
It <em>doesn't quite</em><br>
fit. We can fix that.
</h1>
<p class="hero-sub">
Ordered your engagement ring online? Most rings need resizing. We're master jewellers in the heart of Hatton Garden — same-day service, usually ready in an hour.
</p>
<div class="hero-badges">
<div class="badge"><span class="badge-dot"></span> Ready in ~1 hour</div>
<div class="badge"><span class="badge-dot"></span> Same-day service</div>
<div class="badge"><span class="badge-dot"></span> All metals & stones</div>
<div class="badge"><span class="badge-dot"></span> Walk-ins welcome</div>
</div>
<div class="hero-actions">
<a href="#visit" class="btn-primary">Find Us in Hatton Garden →</a>
<a href="#how" class="btn-secondary">How it works</a>
</div>
</div>
<div class="hero-right">
<div class="hero-right-overlay"></div>
<div class="hero-right-inner">
<div class="ring-visual">
<div class="ring-circle"></div>
<div class="ring-circle"></div>
<div class="ring-circle"></div>
<div class="ring-core"></div>
</div>
</div>
<div class="ring-caption">
<p>A perfect fit, the same day</p>
</div>
</div>
</section>
<div class="urgency-bar">
<strong>Open today</strong> · Walk in, no appointment needed · Most resizes completed within the hour
</div>
<section class="problem">
<div>
<div class="section-label">The online ring problem</div>
<h2 class="section-title">Bought online?<br><em>Sizing is hard.</em></h2>
<p class="section-body">
Whether you guessed, surprised your partner, or the ring just arrived slightly off — it's one of the most common things that happens when buying a ring online. It doesn't make the ring any less beautiful, or the moment any less special. It just needs a small adjustment from someone who knows what they're doing.
<br><br>
We resize rings from all major online retailers including Vashi, Taylor & Hart, Monica Vinader, Etsy sellers, and more. Bring your ring in, and we'll have it fitting perfectly — usually before you've finished lunch.
</p>
</div>
<div class="problem-stats">
<div class="stat-card">
<div class="stat-number">1 in 3</div>
<div class="stat-label">online rings need resizing after delivery</div>
</div>
<div class="stat-card">
<div class="stat-number">~1hr</div>
<div class="stat-label">typical turnaround for most resizes</div>
</div>
<div class="stat-card">
<div class="stat-number">Same<br>day</div>
<div class="stat-label">service, walk in any time we're open</div>
</div>
<div class="stat-card">
<div class="stat-number">All</div>
<div class="stat-label">metals: gold, platinum, silver & more</div>
</div>
</div>
</section>
<section class="how" id="how">
<div class="how-header">
<div class="section-label">The process</div>
<h2 class="section-title" style="color:var(--cream)">Three steps to a<br><em style="color:var(--gold-light)">perfect fit</em></h2>
</div>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<div class="step-title">Walk In</div>
<p class="step-desc">No appointment needed. Just bring your ring to our workshop in Hatton Garden. We'll take a look and give you a free quote on the spot.</p>
</div>
<div class="step">
<div class="step-number">2</div>
<div class="step-title">We Get to Work</div>
<p class="step-desc">Our master jewellers resize your ring with precision. For most resizes, we'll have it ready within the hour — pop out, grab a coffee, come back.</p>
</div>
<div class="step">
<div class="step-number">3</div>
<div class="step-title">Perfect Fit</div>
<p class="step-desc">Try it on. If it's not exactly right, we'll adjust it again until it is. You leave with a ring that fits the way it should.</p>
</div>
</div>
</section>
<section class="testimonials">
<div class="testimonials-header">
<div class="section-label">What customers say</div>
<h2 class="section-title">Real stories,<br><em>real fits</em></h2>
</div>
<div class="reviews-grid">
<div class="review">
<div class="review-stars">★★★★★</div>
<p class="review-text">"My ring arrived from an online retailer two sizes too big. I was devastated. Came here on a Saturday, had it back in 45 minutes. Incredible work — you can't tell it was ever touched."</p>
<div class="review-author">Sarah M.</div>
<div class="review-source">Google Review</div>
</div>
<div class="review">
<div class="review-stars">★★★★★</div>
<p class="review-text">"Proposed with a ring I'd ordered online — she said yes but the ring was too small. Came straight here the next day. Done in an hour, looks exactly the same. Couldn't recommend more highly."</p>
<div class="review-author">James T.</div>
<div class="review-source">Google Review</div>
</div>
<div class="review">
<div class="review-stars">★★★★★</div>
<p class="review-text">"Platinum ring with a pavé band — I was nervous anyone would even touch it. They were so careful, explained everything, and it fits perfectly. This is the only place I'll ever go."</p>
<div class="review-author">Priya K.</div>
<div class="review-source">Trustpilot</div>
</div>
</div>
</section>
<section class="cta-section" id="visit">
<div class="cta-inner">
<div class="section-label">Come and see us</div>
<h2 class="section-title">We're open today.<br><em>Walk right in.</em></h2>
<p class="section-body" style="max-width:40ch;margin:1.5rem auto 0;text-align:center">
No appointment. No waiting weeks. Just bring your ring to Hatton Garden and leave with it fitting perfectly.
</p>
<div class="cta-address">Hatton Garden, London EC1N</div>
<div class="cta-buttons">
<a href="https://maps.google.com/?q=Hatton+Garden+London" target="_blank" class="btn-primary btn-large">Get Directions →</a>
<a href="+442071234567" class="btn-primary btn-large" style="background:var(--gold-dark)">Call Us</a>
</div>
<p style="margin-top:2rem;font-size:0.78rem;color:var(--ink-muted);letter-spacing:0.04em">
Mon–Sat · 9am–6pm · Walk-ins always welcome
</p>
</div>
</section>
<footer>
<strong>Hatton Garden Ring Resizing</strong> · Hatton Garden, London EC1N · Master jewellers since [year]
</footer>
</body>
</html>
Who is the workshop for?
The workshop is for anyone who is interested in starting a yoga practice. You don't need any prior experience - we'll start from the very basics. Whether you're looking to improve your flexibility, reduce stress, or just try something new, you're welcome to join us!
What will you learn?
Over the course of the workshop, you'll learn basic yoga poses and breathing techniques. You'll also learn how to modify poses to suit your individual needs and limitations. We'll also cover the basics of yoga philosophy and how to incorporate mindfulness into your practice.
When and where is the workshop?
The workshop meets once a week for 4 weeks. We offer both in-person and online options, so you can choose the one that works best for you. Our in-person workshops are held in Los Angeles, and our online workshops are held via Zoom.
Who will be teaching the workshop?
Our instructors are experienced yoga teachers who are passionate about making yoga accessible to everyone. They'll be there to guide you every step of the way and answer any questions you have.
How much does the workshop cost?
The workshop costs $200 for the 4-week program. We offer a limited number of scholarships for students and those in financial need. Contact us to learn more.
Welcome to Our World
We believe in creating meaningful experiences that inspire and connect. Let us help you bring your vision to life.
Quality First
We deliver exceptional results in everything we do, ensuring your satisfaction at every step.
Expert Care
Our experienced team brings skill and passion to every project, no matter the size.
Real Results
Proven outcomes that speak for themselves and make a meaningful difference for your business.
Hello
Discover the Power of D & S Jewellery Workshop
Experience a transformative journey with D & S Jewellery Workshop Workshop. Our expert facilitators will guide you through immersive sessions on {keyword1}, {keyword2}, and {keyword3}. Come explore the possibilities with us!