// html
<!DOCTYPE html>
<html lang="en" style="--bg: #f5f5f5; --accent: #5f0110; --accent-2: #5f0110;"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The $1 Breakthrough</title>
<style>
:root {
--bg: #f5f5f5;
--panel: #ffffff;
--text: #0f172a;
--muted: #475569;
--border: #e2e8f0;
--accent: #5f0110;
--accent-2: #5f0110;
--ok: #166534;
--ok-bg: #dcfce7;
--bad: #991b1b;
--bad-bg: #fee2e2;
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: linear-gradient(180deg, #0a2352 0%, #f5f5f5 100%);
color: var(--text);
min-height: 100vh;
}
.wrap { width: min(900px, calc(100% - 28px)); margin: 28px auto 0; padding-bottom: 80px; }
.hero { background: var(--panel); border: 1px solid #dbe7ff; border-radius: 24px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.eyebrow { font-size: .85rem; color: var(--accent); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.squeeze-page { display: block; }
.squeeze-card {
max-width: 760px;
margin: 150px auto 28px;
background: var(--panel);
border: 1px solid #dbe7ff;
border-radius: 24px;
padding: 34px 28px;
box-shadow: 0 10px 30px rgba(0,0,0,.16);
text-align: center;
}
.squeeze-card h1,
.squeeze-card h2,
.squeeze-card p,
.squeeze-card div {
text-align: center;
}
.squeeze-card h2 {
font-size: clamp(1.2rem, 2.6vw, 1.55rem);
line-height: 1.45;
color: var(--muted);
font-weight: 600;
margin-bottom: 0;
}
.squeeze-embed-box {
margin-top: 24px;
min-height: 160px;
border: 2px dashed #bfdbfe;
border-radius: 18px;
background: #f8fbff;
padding: 18px;
text-align: center;
font: 500 15px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
color: #64748b;
word-break: break-word;
overflow-wrap: anywhere;
}
.squeeze-embed-box.is-empty::before {
content: attr(data-placeholder);
display: block;
color: #64748b;
white-space: pre-wrap;
}
.intro-page { display: block; margin-top: 18px; }
.intro-card { background: var(--panel); border: 1px solid #dbe7ff; border-radius: 24px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,.16); transition: transform .2s ease; }
.intro-card:hover { transform: translateY(-2px); }
.hero + .intro-card { margin-top: 40px; }
.intro-message { font-size:17px; line-height:1.7; max-width:680px; margin:0 auto; text-align:center; }
.intro-divider { width:60px; height:2px; background:rgba(0,0,0,.08); margin:12px auto 18px; border-radius:2px; }
.course-time { display:flex; align-items:center; justify-content:center; gap:6px; margin:20px 0 10px; color:#111827; }
.course-time-icon { font-size:18px; opacity:.8; }
.course-time-value { font-weight:600; font-size:14px; line-height:1; color:inherit; }
.course-time-label { font-weight:600; font-size:14px; opacity:.7; }
.intro-start-wrap { text-align:center; margin-top:22px; }
.hero .muted { opacity:.82; }
.nav-btn.primary { transition: all .2s ease; }
.nav-btn.primary:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.15); }
h1, h2, h3, h4 { margin: 0 0 10px; line-height: 1.2; }
h1 { font-size: clamp(2rem, 4vw, 2.8rem); }
p, li { line-height: 1.6; }
.muted { color: var(--muted); }
.progress-wrap { margin-top: 16px; position: static; background: rgba(255,255,255,.92); backdrop-filter: blur(8px); border: 1px solid #dbe7ff; border-radius: 18px; padding: 14px; box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.progress-bar { width: 100%; height: 12px; background: #dbeafe; border-radius: 999px; overflow: hidden; }
.progress-fill { height: 100%; width: 0%; background: linear-gradient(90deg, var(--accent), #38bdf8); transition: width .25s ease; }
.progress-text { margin-top: 8px; font-size: .92rem; color: var(--muted); font-weight: 600; }
.lesson { display: none; margin-top: 18px; background: var(--panel); border: 1px solid #dbe7ff; border-radius: 24px; padding: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.16); min-height: 420px; }
.lesson.active { display: block; }
.step { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #dbeafe; color: #1d4ed8; font-weight: 700; font-size: .85rem; margin-bottom: 10px; }
.lesson-counter { float:right; color: var(--muted); font-size: .9rem; font-weight: 700; }
.summary { color: var(--muted); }
.module-image-wrap { margin-top: 18px; text-align: center; }
.module-image { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; display: block; margin: 0 auto; border: 1px solid var(--border); }
.box, .quiz { margin-top: 16px; border: 1px solid var(--border); border-radius: 18px; padding: 18px; background: #fff; }
.quiz .options { display: grid; gap: 10px; margin-top: 12px; }
.option-btn, .nav-btn, .cta-btn {
appearance: none; border: 0; border-radius: 12px; padding: 12px 16px; font: inherit; font-weight: 700; cursor: pointer; transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease;
}
.option-btn { background: #eff6ff; color: #1e3a8a; text-align: left; border: 1px solid #bfdbfe; }
.nav-row { display: flex; justify-content: space-between; gap: 12px; margin-top: 22px; }
.nav-btn { background: transparent; color: #0f172a; border: 2px solid #0f2f6b; }
.nav-btn.primary, .cta-btn { background: linear-gradient(180deg, var(--accent), var(--accent-2)); color: white; border: 0; box-shadow: 0 10px 20px rgba(37,99,235,.22); }
.nav-btn:hover, .cta-btn:hover, .option-btn:hover { transform: translateY(-1px); }
.nav-btn:disabled { opacity: .5; cursor: not-allowed; }
.feedback { margin-top: 12px; border-radius: 12px; padding: 10px 12px; background: #f8fafc; border: 1px solid var(--border); }
.feedback.good { background: var(--ok-bg); color: var(--ok); border-color: #86efac; }
.feedback.bad { background: var(--bad-bg); color: var(--bad); border-color: #fca5a5; }
.complete { display: none; margin-top: 18px; background: var(--panel); border: 1px solid #dbe7ff; border-radius: 24px; padding: 28px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,.16); }
.small { font-size: .92rem; }
@media (max-width: 640px) {
.nav-row { flex-direction: column; }
.nav-btn { width: 100%; }
}
/* Paragraph spacing fix for lesson modules and course complete section */
.lesson .box p,
.complete p {
margin: 0 0 18px;
line-height: 1.65;
}
.lesson .box p:last-child,
.complete p:last-child {
margin-bottom: 0;
}
.lesson .box ul,
.lesson .box ol,
.complete ul,
.complete ol {
margin-top: 10px;
margin-bottom: 18px;
padding-left: 1.4rem;
}
.lesson .box li,
.complete li {
margin-bottom: 8px;
line-height: 1.6;
}
.cta-button a, .cta-button button { text-decoration:none !important; }
/* Force button text to stay white */
.cta-btn,
.cta-btn:visited,
.cta-btn:hover,
.cta-btn:active {
color: #ffffff !important;
}
.nav-btn.primary,
.nav-btn.primary:visited,
.nav-btn.primary:hover,
.nav-btn.primary:active {
color: #ffffff !important;
}
.complete .nav-btn {
color: #ffffff !important;
background: linear-gradient(180deg, var(--accent), var(--accent-2));
border: 0;
}
</style>
</head>
<body data-course-file="5j084e6t3b.html" data-has-squeeze="0" spellcheck="true" style="background: linear-gradient(rgb(10, 35, 82) 0%, rgb(245, 245, 245) 100%);">
<div class="wrap">
<section class="intro-page" id="introPage" style="display: none;">
<section class="hero">
<div class="eyebrow">Interactive mini-course</div>
<h1>The $1 Breakthrough</h1>
<p class="muted">How to Make Your First $1 Online (Even If You're Starting From Scratch)</p>
</section>
<section class="intro-card" id="introCard">
<div class="intro-divider"></div>
<p class="intro-message">Welcome! In this course, you'll build a clear understanding of The $1 Breakthrough, and by the end you'll be in a strong position to apply what you learn with confidence.</p>
<div class="course-time">
<span class="course-time-icon">◷</span>
<span class="course-time-value">28</span>
<span class="course-time-label">minutes</span>
</div>
<div class="intro-start-wrap">
<button class="nav-btn primary" onclick="beginCourse()">Let's Get Started - Click Here To Begin</button>
</div>
</section>
</section>
<div class="progress-wrap" id="progressWrap" style="display: block;">
<div class="progress-bar"><div class="progress-fill" id="progressFill" style="background: rgb(95, 1, 16); width: 100%;"></div></div>
<div class="progress-text" id="progressText">Complete</div>
</div>
<section class="lesson" data-index="0">
<div class="lesson-top">
<span class="step">Module 1</span>
<span class="lesson-counter">1 / 5</span>
<h2>Why Your First Dollar Matters More Than Your First Thousand</h2>
<p class="summary">Understand why making your first dollar online is the key to building confidence and momentum.</p>
</div>
<div class="module-image-wrap">
<img class="module-image" src="https://content.app-sources.com/s/272143374468175221/uploads/Images/why-your-first-dollar-matters-more-than-your-first-thousand-9651403.webp" data-export-src="https://content.app-sources.com/s/272143374468175221/uploads/Images/why-your-first-dollar-matters-more-than-your-first-thousand-9651403.webp" alt="Why Your First Dollar Matters More Than Your First Thousand" data-editor-resizable="1">
</div>
<div class="box">
<h3>What you'll learn</h3>
<ul><li>Large income goals can feel overwhelming and paralyzing.</li><li>Earning your first dollar is proof you can make money online.</li><li>Small wins help you build unstoppable confidence.</li></ul>
</div>
<div class="box">
<h3>Module 1</h3>
<p>When we think about earning money online, it's easy to get stuck imagining thousands of dollars pouring in overnight. This kind of thinking can actually make starting much harder than it needs to be. Big goals often create a sense of overwhelm: where do you even begin? If you expect a massive outcome right away, you might never take the first step, and that's where most people stop.</p><p><b>Here’s the truth:</b> your very first dollar is the most important one you’ll ever earn online. </p><p>It isn’t about the amount... it’s about what it means. </p><p>That first dollar acts as proof that you can do this. It tells your brain, <i><b>“See, it’s possible for me too!”</b></i> </p><p>When you shift your focus from making a fortune to simply making your first $1, you take away all the pressure. Small, achievable goals are far more powerful than big, intimidating ones because they make action feel light and doable.</p><p>Let me give you an example... </p><p>Imagine Jane, who wanted to make some extra money online. Instead of worrying about how to earn $500 a month, she set her goal to earn her first $1 by recommending a favorite book through an online affiliate program. When she received her first commission—no matter how small—her confidence skyrocketed. Suddenly, everything felt achievable because she had actual proof.</p><p>A common mistake is thinking you’re failing unless you see big numbers. People forget that every big journey starts with a single step. Focusing only on the <i>“finish line”</i> can keep you scrolling through endless advice, feeling defeated before you start.</p><p>Instead, commit to the belief that your next goal is just to prove to yourself that earning money online is possible, even in the smallest way. </p><p>As you see your progress, your belief and confidence build, making the next step easier. For now, your only job is to get that first small win. Once you do, everything changes.</p>
</div>
<div class="quiz">
<h4>Quick Check</h4>
<p>Why is earning your first dollar online such an important milestone?</p>
<div class="options">
<button class="option-btn" data-correct="1" onclick="checkAnswer(this)">It shows you that making money online is possible.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It means you’re guaranteed future success.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It’s enough to retire on right away.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It requires complex business skills.</button>
</div>
<div class="feedback small">Choose an answer.</div>
</div>
<div class="box recap">
<h3>Recap</h3>
<ul><li>Big goals create overwhelm... start small.</li><li>Your first dollar online is proof it’s possible.</li><li>Small wins build unshakable confidence.</li></ul>
</div>
<div class="nav-row">
<button class="nav-btn" onclick="prevLesson()" disabled="">Previous</button>
<button class="nav-btn primary" onclick="nextLesson()">Next Module</button>
</div>
</section>
<section class="lesson" data-index="1">
<div class="lesson-top">
<span class="step">Module 2</span>
<span class="lesson-counter">2 / 5</span>
<h2>Pick One Simple Income Path</h2>
<p class="summary">Learn how to cut through confusion by choosing just one easy way to get started online.</p>
</div>
<div class="module-image-wrap">
<img class="module-image" src="https://content.app-sources.com/s/272143374468175221/uploads/Images/pick-one-simple-income-path-9651431.webp" data-export-src="https://content.app-sources.com/s/272143374468175221/uploads/Images/pick-one-simple-income-path-9651431.webp" alt="Pick One Simple Income Path" data-editor-resizable="1">
</div>
<div class="box">
<h3>What you'll learn</h3>
<ul><li>Trying multiple methods at once leads to overwhelm and slow progress.</li><li>Clear focus helps you take action and learn faster.</li><li>You only need one beginner-friendly path to get results.</li></ul>
</div>
<div class="box">
<h3>Module 2</h3>
<p>Online income can look like a maze, especially when advice comes from every direction. </p><p>There are countless methods: selling things, writing content, sharing products, creating resources, and more. Many newcomers jump from idea to idea, thinking they need to try everything at once. But this often leads to frustration and no real progress. </p><p>The solution? <b>Focus on just one simple path for now.</b></p><p>Here’s why...</p><p>When you put all your energy into one direction, you make it much easier to learn, take action, and see results... even if they’re small at first. You avoid the stress of comparing dozens of strategies and instead make real progress where it counts. </p><p>For beginners, the simplest paths often include things like sharing helpful information online <i>(content creation)</i>, recommending useful products <i>(affiliate marketing)</i>, offering easy online services <i>(like proofreading)</i>, or creating a straightforward digital resource.</p><p>For example, Ted decided to choose affiliate marketing as his first path. He didn’t try to set up a full website, a YouTube channel, and freelancing gigs all at once. By focusing only on recommending products he used and liked, he actually got started. When his first small commission rolled in, he had proof his path worked.</p><p>A common misconception is that you need a complicated business to start making money. This isn’t true! </p><p>In fact, too many options just lead to overthinking and giving up before you begin. Instead, commit to one approach and trust yourself to see it through long enough to reach a first result.</p><p>Next, write down <b>the path you feel most comfortable starting with</b>. </p><p>Remember, there’s no <i>“perfect”</i> choice. The best path is the one you actually start. As you build confidence, you can always explore more options later—but for now, just pick one, and get excited about where it can take you.</p>
</div>
<div class="quiz">
<h4>Quick Check</h4>
<p>What is the main reason to choose just one online income path at the start?</p>
<div class="options">
<button class="option-btn" data-correct="1" onclick="checkAnswer(this)">Focusing helps you take real action without overwhelm.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It guarantees instant riches.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It requires advanced internet skills.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Everyone else is doing it.</button>
</div>
<div class="feedback small">Choose an answer.</div>
</div>
<div class="box recap">
<h3>Recap</h3>
<ul><li>Chasing too many strategies leads to confusion.</li><li>Focusing on one path builds faster, clearer progress.</li><li>Start simple... one step is all you need right now.</li></ul>
</div>
<div class="nav-row">
<button class="nav-btn" onclick="prevLesson()">Previous</button>
<button class="nav-btn primary" onclick="nextLesson()">Next Module</button>
</div>
</section>
<section class="lesson" data-index="2">
<div class="lesson-top">
<span class="step">Module 3</span>
<span class="lesson-counter">3 / 5</span>
<h2>Find Your First Dollar Opportunity</h2>
<p class="summary">Uncover simple ways your chosen path could help you earn your first online dollar.</p>
</div>
<div class="module-image-wrap">
<img class="module-image" src="https://content.app-sources.com/s/272143374468175221/uploads/Images/find-your-first-dollar-opportunity-9651431.webp" data-export-src="https://content.app-sources.com/s/272143374468175221/uploads/Images/find-your-first-dollar-opportunity-9651431.webp" alt="Find Your First Dollar Opportunity" data-editor-resizable="1">
</div>
<div class="box">
<h3>What you'll learn</h3>
<ul><li>Success online begins by helping others solve simple problems.</li><li>Opportunities are often easier and closer than you think.</li><li>Looking for possibilities creates progress.</li></ul>
</div>
<div class="box">
<h3>Module 3</h3>
<p>With your path chosen, the next step is to spot specific opportunities where you can help others and, in return, earn your first dollar. </p><p>Earning online isn't about inventing something new or being an expert. It's about offering value... often in small, simple ways. Opportunities are everywhere once you know where to look.</p><p>Think about your chosen path. </p><p>If you picked <b>content creation</b>, you might share tips you've learned or answer common questions to help others. </p><p>If you chose <b>affiliate marketing</b>, you might recommend a product you love and include your referral link when talking about it. </p><p>If you’re <b>offering a service</b>, maybe someone needs a quick resume review or proofreading... something you already know how to do! Digital products can be anything from a single-page checklist to a basic guide you create in a word processor.</p><p>What’s important is to start looking for ways that your actions could be <b>valuable to someone else</b>. The internet rewards helpfulness and simplicity. </p><p>For example, Susan joined a group about gardening and offered a quick troubleshooting guide for free. Later, when she mentioned a tool she used <i>(with her affiliate link)</i>, people thanked her and a few made purchases. Her real opportunity came from helping first, not selling.</p><p>A mistake many make is waiting for the <i>“perfect idea”</i> before starting. The truth is, there’s rarely a perfect moment or opportunity. Most progress comes simply by spotting where you can help, jumping in <i>(even if it feels small)</i>, and learning as you go.</p><p>Write down three realistic ways your chosen path could help you earn your first dollar—by recommending something useful, sharing a helpful tip, offering a small service, or creating a simple resource. </p><p>Don’t worry about being perfect. </p><p>The goal is to start seeing real, practical possibilities, not just theories.</p>
</div>
<div class="quiz">
<h4>Quick Check</h4>
<p>What makes it most likely you'll spot your first dollar opportunity online?</p>
<div class="options">
<button class="option-btn" data-correct="1" onclick="checkAnswer(this)">Looking for practical ways to help others right now.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Waiting for the ideal business idea to appear.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Copying what everyone else is doing, even if you dislike it.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Only trying things that require advanced technology.</button>
</div>
<div class="feedback small">Choose an answer.</div>
</div>
<div class="box recap">
<h3>Recap</h3>
<ul><li>Opportunities are found by helping others in simple ways.</li><li>Small steps create more progress than over-planning.</li><li>List three ways your chosen path could earn your first dollar.</li></ul>
</div>
<div class="nav-row">
<button class="nav-btn" onclick="prevLesson()">Previous</button>
<button class="nav-btn primary" onclick="nextLesson()">Next Module</button>
</div>
</section>
<section class="lesson" data-index="3">
<div class="lesson-top">
<span class="step">Module 4</span>
<span class="lesson-counter">4 / 5</span>
<h2>Take the Action Most People Avoid</h2>
<p class="summary">Take a real, simple step on your chosen path... action builds confidence faster than planning.</p>
</div>
<div class="module-image-wrap">
<img class="module-image" src="https://content.app-sources.com/s/272143374468175221/uploads/Images/take-the-action-most-people-avoid-9651432.webp" data-export-src="https://content.app-sources.com/s/272143374468175221/uploads/Images/take-the-action-most-people-avoid-9651432.webp" alt="Take the Action Most People Avoid" data-editor-resizable="1">
</div>
<div class="box">
<h3>What you'll learn</h3>
<ul><li>Taking imperfect action is more powerful than waiting for perfect conditions.</li><li>Most people endlessly prepare but never start.</li><li>Your first real step will boost your confidence and momentum.</li></ul>
</div>
<div class="box">
<h3>Module 4</h3>
<p>It’s time to move from thinking to doing. This is the moment most people put off, waiting until they feel absolutely ready. </p><p>But the truth is, confidence comes after action... not before it. Most people stay stuck because they plan and learn endlessly but don’t actually take the first small step. </p><p>Today you’re going to do what most never do: <b>take real action</b>, no matter how simple.</p><p>Why does this matter? </p><p>Action is where learning truly happens. </p><p>When you post your first recommendation, publish your first paragraph, join your first program, or offer your first simple service, you tell yourself: <b><i>'I can do this.'</i></b> </p><p>Even if your first effort isn’t perfect, you’ll gain experience. And that experience, no matter the result, builds confidence faster than a dozen how-to guides ever could.</p><p>Here’s an example...</p><p>Bob thought about recommending a favorite kitchen gadget online for weeks but worried nobody would care. One day he wrote a short post in a Facebook group describing how it made his life easier and included his affiliate link. Only one person responded... but he felt a huge sense of achievement. The fear faded and momentum grew.</p><p>A common myth is that you need to be <i>‘ready’</i> before acting. But waiting often just leads to more waiting. You’ll never be 100% certain. Instead, embrace imperfect action. The world doesn’t reward people for their perfect plans... it rewards those who are willing to move forward, learn, and adjust as they go.</p><p>Take your chosen path and <b>complete one real action</b>: publish a post, join an affiliate program, offer your service in a group, or create a basic resource. </p><p>Don’t overthink it. </p><p>When you finish, notice how your confidence shifts. You are now among the few who actually move forward.</p>
</div>
<div class="quiz">
<h4>Quick Check</h4>
<p>Why does actually taking action (rather than just learning) matter so much?</p>
<div class="options">
<button class="option-btn" data-correct="1" onclick="checkAnswer(this)">It builds real confidence and experience.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It guarantees huge instant profits.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It impresses everyone online.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">It avoids needing to help anyone.</button>
</div>
<div class="feedback small">Choose an answer.</div>
</div>
<div class="box recap">
<h3>Recap</h3>
<ul><li>Action creates confidence... waiting does not.</li><li>Imperfect steps move you forward.</li><li>Every small action builds real momentum.</li></ul>
</div>
<div class="nav-row">
<button class="nav-btn" onclick="prevLesson()">Previous</button>
<button class="nav-btn primary" onclick="nextLesson()">Next Module</button>
</div>
</section>
<section class="lesson" data-index="4">
<div class="lesson-top">
<span class="step">Module 5</span>
<span class="lesson-counter">5 / 5</span>
<h2>The Real Breakthrough</h2>
<p class="summary">Recognize the real win: choosing a path, taking action, and building belief... before the first dollar even arrives.</p>
</div>
<div class="module-image-wrap">
<img class="module-image" src="https://content.app-sources.com/s/272143374468175221/uploads/Images/the-real-breakthrough-9651432.webp" data-export-src="https://content.app-sources.com/s/272143374468175221/uploads/Images/the-real-breakthrough-9651432.webp" alt="The Real Breakthrough" data-editor-resizable="1">
</div>
<div class="box">
<h3>What you'll learn</h3>
<ul><li>Success online often starts with momentum, not money.</li><li>You’ve already accomplished more than most by taking real action.</li><li>Progress continues when you keep choosing small next steps.</li></ul>
</div>
<div class="box">
<h3>Module 5</h3>
<p>By completing the last lesson, you’ve already done what most people never do: you picked a path, took focused action, and proved to yourself that earning money online is possible. </p><p>The <b>biggest breakthrough</b> isn’t the dollar itself... it’s that you’ve moved from hoping to knowing that you can do this.</p><p>Understand that your first dollar might not arrive immediately. That’s perfectly normal, not a sign of failure. </p><p>What matters most is the shift that’s already happened inside you. Now, <b>you have momentum</b>. You’ve stopped wishing and started doing. </p><p>Every time you repeat these steps, it gets easier and you learn more. Over time, a series of small, simple steps can create bigger and bigger results.</p><p>Mary, a recent retiree, spent months researching how to earn online but never took any action. After focusing on a single path and taking her first step, she suddenly realized she didn’t have to know everything before earning. </p><p>Her second and third steps felt much easier... and eventually, her first online dollar arrived. The breakthrough was building belief and momentum, not the size of her first payment.</p><p>A common misconception is that you can’t celebrate progress until you hit certain major milestones.</p><p><b>The truth? </b></p><p>Every action you take moves you closer to your goal. Don’t wait to feel accomplished. You’ve tackled the hardest part: starting. Celebrate that!</p><p>To keep your momentum, decide your very next step and commit to doing it within 24 hours. Remember, real success is built on continued small actions. You may not see instant results, but you are already far ahead of where you started. </p><p>Keep going, celebrate your progress, and remind yourself: <b><i>'If I can take the first step, I can take the next one too.'</i></b></p>
</div>
<div class="quiz">
<h4>Quick Check</h4>
<p>What is the 'real breakthrough' according to this course?</p>
<div class="options">
<button class="option-btn" data-correct="1" onclick="checkAnswer(this)">Building belief and momentum by taking action, even if money hasn’t arrived yet.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Waiting until you’re absolutely ready before doing anything.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Making your first thousand dollars overnight.</button>
<button class="option-btn" data-correct="0" onclick="checkAnswer(this)">Choosing the most complicated online strategy possible.</button>
</div>
<div class="feedback small">Choose an answer.</div>
</div>
<div class="box recap">
<h3>Recap</h3>
<ul><li>Breakthrough happens before your first dollar appears.</li><li>Momentum and belief come from taking action.</li><li>Keep going... each step matters more than you think.</li></ul>
</div>
<div class="nav-row">
<button class="nav-btn" onclick="prevLesson()">Previous</button>
<button class="nav-btn primary" onclick="nextLesson()">Now Click Here To Complete This Course</button>
</div>
</section>
<section class="complete" id="completeCard" style="display: block;">
<h2>Course Complete</h2>
<p>Congratulations! You've taken the first step toward earning your first dollar online. By taking consistent, simple steps, you’ve laid the foundation for future success. The journey gets easier with each action you take. </p><p>If you'd like a simple path to follow so you can keep building momentum without getting overwhelmed, click below and I'll show you what helped me get started.</p>
<p class="muted small">Use the button below to take the next step or start over and run through the course again.</p>
<a class="cta-btn" style="text-decoration:none; margin-top: 18px; display:inline-block;" href="https://thehba.app/turnkey?aff_id=12589" target="_blank" rel="noopener noreferrer">👉 Show Me How to Keep Going</a>
<div class="nav-row" style="justify-content:center; margin-top: 18px;">
<button class="nav-btn" onclick="restartCourse()">Start Over</button>
</div>
<hr style="margin: 24px 0; border:0; border-top:1px solid #d1d5db;">
<p class="muted small" style="text-align:center; margin-bottom: 12px;">Download the information in this course to keep and refer back to</p>
<div style="text-align:center;">
<a class="cta-btn pdf-download-btn" style="text-decoration:none; display:inline-block;" href="course.pdf" target="_blank" rel="noopener noreferrer">Download a PDF of This Course Here</a>
</div>
</section>
</div>
<script id="courseRuntimeScript">
let currentLesson = 0;
const lessons = [...document.querySelectorAll('.lesson')];
const progressFill = document.getElementById('progressFill');
const progressText = document.getElementById('progressText');
const progressWrap = document.getElementById('progressWrap');
const completeCard = document.getElementById('completeCard');
const introPage = document.getElementById('introPage');
const squeezePage = document.getElementById('squeezePage');
function beginCourse() {
if (introPage) introPage.style.display = 'none';
if (squeezePage) squeezePage.style.display = 'none';
if (progressWrap) progressWrap.style.display = 'block';
completeCard.style.display = 'none';
renderLesson();
}
function renderLesson() {
lessons.forEach((lesson, index) => lesson.classList.toggle('active', index === currentLesson));
if (progressFill && progressText) {
const pct = ((currentLesson + 1) / lessons.length) * 100;
progressFill.style.width = pct + '%';
progressText.textContent = 'Module ' + (currentLesson + 1) + ' of ' + lessons.length;
}
completeCard.style.display = 'none';
window.scrollTo({ top: 0, behavior: 'smooth' });
}
function nextLesson() {
if (currentLesson < lessons.length - 1) {
currentLesson += 1;
renderLesson();
} else {
lessons.forEach(l => l.classList.remove('active'));
if (progressFill && progressText) {
progressFill.style.width = '100%';
progressText.textContent = 'Complete';
}
completeCard.style.display = 'block';
window.scrollTo({ top: 0, behavior: 'smooth' });
}
}
function prevLesson() {
if (currentLesson > 0) {
currentLesson -= 1;
renderLesson();
}
}
function resetQuiz(btn) {
const wrap = btn.closest('.quiz');
const feedback = wrap.querySelector('.feedback');
wrap.querySelectorAll('.option-btn').forEach(b => b.disabled = false);
feedback.textContent = 'Choose an answer.';
feedback.className = 'feedback small';
const retryBtn = wrap.querySelector('.retry-btn');
if (retryBtn) retryBtn.remove();
}
function checkAnswer(btn) {
const wrap = btn.closest('.quiz');
const feedback = wrap.querySelector('.feedback');
wrap.querySelectorAll('.option-btn').forEach(b => b.disabled = true);
const oldRetry = wrap.querySelector('.retry-btn');
if (oldRetry) oldRetry.remove();
if (btn.dataset.correct === '1') {
feedback.textContent = 'Correct.';
feedback.className = 'feedback good';
} else {
feedback.textContent = 'Not quite. Review the lesson and try again.';
feedback.className = 'feedback bad';
const retryBtn = document.createElement('button');
retryBtn.className = 'nav-btn retry-btn';
retryBtn.style.marginTop = '12px';
retryBtn.textContent = 'Start quiz again';
retryBtn.onclick = function() { resetQuiz(retryBtn); };
feedback.insertAdjacentElement('afterend', retryBtn);
}
}
function restartCourse() {
currentLesson = 0;
document.querySelectorAll('.quiz').forEach(wrap => {
const feedback = wrap.querySelector('.feedback');
wrap.querySelectorAll('.option-btn').forEach(b => b.disabled = false);
if (feedback) {
feedback.textContent = 'Choose an answer.';
feedback.className = 'feedback small';
}
const retryBtn = wrap.querySelector('.retry-btn');
if (retryBtn) retryBtn.remove();
});
lessons.forEach(l => l.classList.remove('active'));
if (introPage) introPage.style.display = 'block';
if (squeezePage) squeezePage.style.display = 'block';
if (progressWrap) progressWrap.style.display = 'none';
completeCard.style.display = 'none';
window.scrollTo({ top: 0, behavior: 'smooth' });
}
restartCourse();
</script>
</body></html>