<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>SAT Mastery – EDITABLE VERSION</title>
<link href=”https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap” rel=”stylesheet”>
<style>
:root {
–navy: #1a4a7a;
–gold: #c9a84c;
–gold-light: #e8c97a;
–cream: #f8f4ec;
–white: #ffffff;
–gray: #6b7280;
–light-gray: #f3f0ea;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: ‘DM Sans’, sans-serif;
background: #e8e4dc;
color: var(–navy);
min-height: 100vh;
padding: 20px;
}
/* TOOLBAR */
.toolbar {
max-width: 780px;
margin: 0 auto 16px;
background: #fff;
border-radius: 8px;
padding: 14px 20px;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
flex-wrap: wrap;
gap: 10px;
}
.toolbar-hint {
font-size: 13px;
color: #555;
display: flex;
align-items: center;
gap: 8px;
}
.dot { width: 10px; height: 10px; border-radius: 50%; background: var(–gold); flex-shrink: 0; }
.btn {
padding: 8px 18px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
border: none;
font-family: ‘DM Sans’, sans-serif;
}
.btn-save { background: var(–navy); color: #fff; }
.btn-save:hover { background: #153c64; }
.btn-print { background: var(–gold); color: var(–navy); }
.btn-print:hover { background: #b8943e; }
#save-msg {
font-size: 12px;
color: #2a7a2a;
font-weight: 500;
min-height: 16px;
}
/* EDITABLE */
[contenteditable] {
outline: none;
cursor: text;
border-radius: 3px;
transition: background 0.15s, box-shadow 0.15s;
}
[contenteditable]:hover { background: rgba(201,168,76,0.15); }
[contenteditable]:focus { background: rgba(201,168,76,0.25); box-shadow: 0 0 0 2px rgba(201,168,76,0.5); }
/* FLYER */
.page {
max-width: 780px;
margin: 0 auto;
background: var(–white);
box-shadow: 0 0 60px rgba(0,0,0,0.15);
}
.header {
background: var(–navy);
padding: 52px 52px 44px;
position: relative;
overflow: hidden;
}
.header::before {
content: ”; position: absolute;
top: -60px; right: -60px;
width: 280px; height: 280px;
border-radius: 50%;
border: 2px solid rgba(201,168,76,0.18);
pointer-events: none;
}
.header::after {
content: ”; position: absolute;
top: -30px; right: -30px;
width: 180px; height: 180px;
border-radius: 50%;
border: 2px solid rgba(201,168,76,0.12);
pointer-events: none;
}
.org-label {
font-weight: 500; font-size: 11px;
letter-spacing: 3px; text-transform: uppercase;
color: var(–gold); margin-bottom: 16px; display: block;
}
.main-title {
font-family: ‘Playfair Display’, serif;
font-size: 54px; font-weight: 900;
line-height: 1.05; color: var(–white); margin-bottom: 8px;
}
.main-title span { color: var(–gold); }
.subtitle {
font-size: 15px; color: rgba(255,255,255,0.55);
font-weight: 300; letter-spacing: 1px; margin-top: 10px;
}
.gold-rule { width: 60px; height: 3px; background: var(–gold); margin: 20px 0 0; }
.intro-band {
background: var(–gold); padding: 14px 52px;
display: flex; align-items: center; gap: 12px;
}
.intro-band p { font-size: 13px; font-weight: 600; color: var(–navy); letter-spacing: 0.5px; }
.badge {
background: var(–navy); color: var(–gold);
font-size: 10px; font-weight: 700; letter-spacing: 2px;
text-transform: uppercase; padding: 4px 10px;
border-radius: 2px; white-space: nowrap;
}
.body { padding: 44px 52px; }
.section-label {
font-size: 10px; font-weight: 700; letter-spacing: 3px;
text-transform: uppercase; color: var(–gold); margin-bottom: 16px;
}
.section-title {
font-family: ‘Playfair Display’, serif;
font-size: 26px; font-weight: 700;
color: var(–navy); margin-bottom: 24px;
}
.mastery-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 12px; margin-bottom: 48px;
}
.mastery-card {
background: var(–light-gray); border-left: 3px solid var(–gold);
padding: 16px 18px; border-radius: 0 4px 4px 0;
}
.mastery-card h4 { font-size: 13px; font-weight: 700; color: var(–navy); margin-bottom: 4px; }
.mastery-card p { font-size: 12px; color: var(–gray); line-height: 1.5; font-weight: 300; }
.why-section { margin-bottom: 48px; }
.why-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.why-list li {
display: flex; align-items: flex-start; gap: 14px;
font-size: 14px; color: var(–navy); font-weight: 400; line-height: 1.5;
}
.why-list li::before { content: ‘◆’; color: var(–gold); font-size: 9px; margin-top: 4px; flex-shrink: 0; }
.why-list li strong { font-weight: 600; }
.schedule-section { margin-bottom: 48px; }
.schedule-box { background: var(–navy); border-radius: 6px; padding: 28px 32px; color: var(–white); }
.schedule-dates { font-family: ‘Playfair Display’, serif; font-size: 18px; color: var(–gold); margin-bottom: 20px; font-weight: 700; }
.schedule-rows { display: flex; flex-direction: column; gap: 14px; }
.schedule-row { display: flex; align-items: center; gap: 16px; }
.time-pill {
background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.35);
border-radius: 20px; padding: 5px 14px; font-size: 12px; font-weight: 600;
color: var(–gold-light); white-space: nowrap;
}
.schedule-detail { font-size: 13px; color: rgba(255,255,255,0.75); font-weight: 300; }
.location-line {
margin-top: 20px; padding-top: 20px;
border-top: 1px solid rgba(255,255,255,0.1);
display: flex; align-items: center; gap: 10px;
font-size: 13px; color: rgba(255,255,255,0.6);
}
.location-line strong { color: var(–white); font-weight: 600; }
.bottom-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 44px; }
.tuition-box {
border: 2px solid var(–gold); border-radius: 6px; padding: 24px;
text-align: center; display: flex; flex-direction: column;
align-items: center; justify-content: center;
}
.tuition-label { font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(–gray); margin-bottom: 8px; }
.tuition-price { font-family: ‘Playfair Display’, serif; font-size: 52px; font-weight: 900; color: var(–navy); line-height: 1; }
.tuition-note { font-size: 11px; color: var(–gray); margin-top: 8px; font-weight: 300; }
.pay-btn {
display: inline-block; margin-top: 14px; padding: 9px 20px;
background: var(–navy); color: #fff; font-size: 12px;
font-weight: 600; letter-spacing: 1px; text-decoration: none; border-radius: 4px;
}
.enroll-box {
background: var(–light-gray); border-radius: 6px; padding: 24px;
display: flex; flex-direction: column; justify-content: center;
}
.enroll-box h4 { font-family: ‘Playfair Display’, serif; font-size: 17px; color: var(–navy); margin-bottom: 10px; font-weight: 700; }
.enroll-box p { font-size: 13px; color: var(–gray); line-height: 1.6; font-weight: 300; }
/* CONTACT STRIP */
.contact-strip {
background: var(–light-gray); padding: 16px 52px;
display: flex; align-items: center; justify-content: center;
gap: 32px; flex-wrap: wrap;
border-top: 2px solid var(–gold);
}
.contact-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(–navy); }
.contact-item a { color: var(–navy); text-decoration: none; font-weight: 500; }
.contact-icon { color: var(–gold); font-size: 14px; }
.footer {
background: var(–navy); padding: 22px 52px;
display: flex; align-items: center; justify-content: space-between;
}
.footer-brand { font-family: ‘Playfair Display’, serif; color: var(–white); font-size: 15px; font-weight: 700; }
.footer-brand span { color: var(–gold); }
.footer-contact { font-size: 12px; color: rgba(255,255,255,0.45); font-weight: 300; text-align: right; }
@media print {
.toolbar { display: none; }
body { background: white; padding: 0; }
.page { box-shadow: none; }
[contenteditable]:hover, [contenteditable]:focus { background: transparent; box-shadow: none; }
}
@media (max-width: 600px) {
.header, .body, .footer, .contact-strip { padding-left: 24px; padding-right: 24px; }
.intro-band { padding-left: 24px; padding-right: 24px; }
.main-title { font-size: 36px; }
.mastery-grid, .bottom-row { grid-template-columns: 1fr; }
.footer { flex-direction: column; gap: 10px; text-align: center; }
.contact-strip { gap: 16px; }
}
</style>
</head>
<body>
<!– TOOLBAR –>
<div class=”toolbar”>
<div class=”toolbar-hint”>
<div class=”dot”></div>
<span>Click any text to edit. When done, save your updated file.</span>
</div>
<div style=”display:flex; align-items:center; gap:14px; flex-wrap:wrap;”>
<span id=”save-msg”></span>
<button class=”btn btn-save” onclick=”saveFile()”>⬇ Save Updated File</button>
<button class=”btn btn-print” onclick=”window.print()”>🖨 Print / PDF</button>
</div>
</div>
<!– FLYER –>
<div class=”page” id=”flyer”>
<div class=”header”>
<span class=”org-label” contenteditable=”true”>The Learning Consultants · Connecticut Shoreline</span>
<div class=”main-title”>SAT <span contenteditable=”true”>Mastery</span></div>
<div class=”main-title” style=”font-size:32px; color:rgba(255,255,255,0.55); font-weight:700; margin-top:4px;” contenteditable=”true”>Summer Program</div>
<div class=”gold-rule”></div>
<div class=”subtitle” contenteditable=”true”>Complete SAT Preparation · Summer 2026</div>
</div>
<div class=”intro-band”>
<div class=”badge”>Top-Rated</div>
<p contenteditable=”true”>Recognized as the premier SAT Test Prep Program on the Connecticut Shoreline. Elite Instruction and Design.</p>
</div>
<div class=”body”>
<div class=”section-label”>Happy and Successful Students</div>
<div class=”section-title” contenteditable=”true”>Help Your Child Succeed</div>
<div style=”font-size:16px; font-weight:700; color:var(–navy); margin-top:-16px; margin-bottom:22px; letter-spacing:0.3px;” contenteditable=”true”>The Best Practices Advantage</div>
<div class=”mastery-grid”>
<div class=”mastery-card”>
<h4 contenteditable=”true”>Reading Comprehension</h4>
<p contenteditable=”true”>Advanced passage analysis, inference, and pattern recognition</p>
</div>
<div class=”mastery-card”>
<h4 contenteditable=”true”>Grammar & Writing</h4>
<p contenteditable=”true”>Core rules, stylistic clarity, and high-frequency SAT structures</p>
</div>
<div class=”mastery-card”>
<h4 contenteditable=”true”>Math Level 1 — Foundations</h4>
<p contenteditable=”true”>Linear equations, ratios, algebraic fluency, and accuracy</p>
</div>
<div class=”mastery-card”>
<h4 contenteditable=”true”>Math Level 2 — Advanced</h4>
<p contenteditable=”true”>Functions, higher-level algebra, and problem-solving strategies</p>
</div>
<div class=”mastery-card”>
<h4 contenteditable=”true”>Test-Taking Strategies</h4>
<p contenteditable=”true”>Timing, pacing, and strategic decision-making under pressure</p>
</div>
<div class=”mastery-card”>
<h4 contenteditable=”true”>Performance Coaching</h4>
<p contenteditable=”true”>Psychological techniques to help with test-taking anxiety, boredom, and distraction.</p>
</div>
<div class=”mastery-card” style=”grid-column: 1 / -1;”>
<h4 contenteditable=”true”>Motivation</h4>
<p contenteditable=”true”>Daryl Capuano is known as the master of motivation for college bound students.</p>
</div>
</div>
<div class=”why-section”>
<div class=”section-label”>Happy and Successful Students</div>
<div class=”section-title” contenteditable=”true”>Built for Results</div>
<ul class=”why-list”>
<li><span contenteditable=”true”><strong>Expert Instruction</strong> — Taught by Daryl Capuano, with 25+ years of elite test preparation experience</span></li>
<li><span contenteditable=”true”><strong>Highly Structured & Results-Oriented</strong> — Every session is purposeful, sequenced, and measurable</span></li>
<li><span contenteditable=”true”><strong>Flexible by Design</strong> — Built-in make-up session ensures no student falls behind</span></li>
<li><span contenteditable=”true”><strong>Limited Enrollment</strong> — Small groups maintained to ensure individualized attention and real progress</span></li>
</ul>
</div>
<div class=”schedule-section”>
<div class=”section-label”>Schedule & Format</div>
<div class=”section-title” contenteditable=”true”>Saturdays, July–August</div>
<div class=”schedule-box”>
<div class=”schedule-dates” contenteditable=”true”>July 18 – August 15 + August 22 (Flex / Make-Up)</div>
<p style=”font-style:italic; font-size:12px; color:rgba(255,255,255,0.65); margin-bottom:18px; line-height:1.6;” contenteditable=”true”>Maximum flexibility. Students can attend either the virtual or in-person class on any given weekend, no notice needed. Almost all students miss a weekend. We have a make-up weekend on August 22 and ways to ensure full training is provided regardless.</p>
<div class=”schedule-rows”>
<div class=”schedule-row”>
<div class=”time-pill” contenteditable=”true”>9:00 – 10:30 AM</div>
<div class=”schedule-detail” contenteditable=”true”>Virtual Instruction</div>
</div>
<div class=”schedule-row”>
<div class=”time-pill” contenteditable=”true”>10:30 AM – 12:00 PM</div>
<div class=”schedule-detail” contenteditable=”true”>In-Person Session · Old Saybrook</div>
</div>
</div>
<div class=”location-line”>
<span>📍</span>
<span contenteditable=”true”><strong>121 Main Street, Third Floor</strong>, Old Saybrook, CT</span>
</div>
</div>
</div>
<div class=”bottom-row”>
<div class=”tuition-box”>
<div class=”tuition-label”>Tuition</div>
<div class=”tuition-price” contenteditable=”true”>$495</div>
<div class=”tuition-note” contenteditable=”true”>Full program · all sessions included</div>
<a href=”https://www.tutoringandtestmastery.com/payments/” target=”_blank” class=”pay-btn”>Enroll & Pay Now</a>
</div>
<div class=”enroll-box”>
<h4 contenteditable=”true”>Enrollment</h4>
<p contenteditable=”true”>Space is intentionally limited to maintain a high-quality, individualized experience. Secure your spot early — seats fill quickly each summer.</p>
</div>
</div>
</div>
<!– CONTACT STRIP –>
<div class=”contact-strip”>
<div class=”contact-item”>
<span class=”contact-icon”>📞</span>
<a href=”tel:8605100410″ contenteditable=”true”>(860) 510-0410</a>
</div>
<div class=”contact-item”>
<span class=”contact-icon”>✉</span>
<a href=”mailto:dcapuano@learningconsultantsgroup.com” contenteditable=”true”>dcapuano@learningconsultantsgroup.com</a>
</div>
<div class=”contact-item”>
<span class=”contact-icon”>🌐</span>
<a href=”https://www.learningconsultantsgroup.com” target=”_blank” contenteditable=”true”>learningconsultantsgroup.com</a>
</div>
</div>
<div class=”footer”>
<div class=”footer-brand”>The Learning <span>Consultants</span></div>
<div class=”footer-contact” contenteditable=”true”>Connecticut Shoreline · Summer 2026</div>
</div>
</div>
<script>
function saveFile() {
const html = document.documentElement.outerHTML;
const blob = new Blob([html], { type: ‘text/html’ });
const a = document.createElement(‘a’);
a.href = URL.createObjectURL(blob);
a.download = ‘sat_mastery_flyer_edited.html’;
a.click();
const msg = document.getElementById(‘save-msg’);
msg.textContent = ‘✓ Saved!’;
setTimeout(() => msg.textContent = ”, 3000);
}
</script>
</body>
</html>
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.