<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-4474625546970502500</atom:id><lastBuildDate>Tue, 09 Jun 2026 13:21:06 +0000</lastBuildDate><category>Assertiveness Training</category><category>Physics</category><category>Relationship</category><category>Cbt Quiz</category><category>Mathematics</category><category>mindfulness</category><category>story telling</category><category>Education</category><category>JAMB</category><category>Chemistry</category><category>Being consistent</category><category>efficacy of words</category><category>God's word</category><category>Edwin Ogie Library</category><category>Electrical Engineering</category><category>God's healing</category><category>Self discovery</category><category>webook</category><category>God's Peace</category><category>Mental Wellness</category><category>boundaries</category><category>aspiration</category><category>JSS mathematics</category><category>History</category><category>WEAC and NECO</category><category>Wisdom</category><category>communication Skills</category><category>your word &amp; you</category><category>English language</category><category>eBook</category><category>Admission</category><category>Examinations</category><category>Health</category><category>communication</category><category>self help</category><category>Amazon kindle ebook</category><category>Benin Bronze</category><category>Faith</category><category>JSS</category><category>Relationship advice</category><category>Waec and NECO</category><category>resilience</category><category>students stories</category><category>Edwin Ogie Library Books</category><category>electrical fault</category><category>restoration</category><category>Electrical Power</category><category>Relationship advise</category><category>body language</category><category>further mathematics</category><category>mental well-being</category><category>personal development</category><category>Amazon kDP</category><category>Electrical Machine</category><category>Finance</category><category>Healing</category><category>Love</category><category>Purpose</category><category>anxiety</category><category>reconciliation</category><category>ss2</category><category>the Benin kingdom</category><category>JSS Two</category><category>The Oba of Benin</category><category>The efficacy of words</category><category>books for sale</category><category>legacy</category><category>marriage</category><category>Post UME</category><category>Scholarship</category><category>Troubleshoot</category><category>advice</category><category>emotional Mastery</category><category>family</category><category>forgiveness</category><category>mindfulness meditation</category><category>safety</category><category>spiritual growth</category><category>wiring</category><category>Affiliate marketing</category><category>Amazon deal</category><category>Basic</category><category>Believe</category><category>Betrayer confidential</category><category>Edwin Ogie Librar</category><category>High School Science</category><category>Hope</category><category>How to handle negative criticism</category><category>Money</category><category>NECO</category><category>News Update</category><category>Nigeria</category><category>Science</category><category>Technology</category><category>The efficacy of word</category><category>Trust</category><category>Update</category><category>WEAC</category><category>business</category><category>chance encounter</category><category>classroom</category><category>comparison</category><category>current Affairs</category><category>human connection</category><category>jss2</category><category>market</category><category>patience</category><category>prayers</category><category>reading</category><category>relationships</category><category>ss1</category><category>vision</category><category>British</category><category>Broadcasting</category><category>Brokenness</category><category>Calm Authority</category><category>Christian dating</category><category>Christianity</category><category>Confidence</category><category>E-Note</category><category>Earthing</category><category>Edwinogie</category><category>Elasticity</category><category>Electrolysis</category><category>Encoding</category><category>Energy efficiency</category><category>Engineering</category><category>Fear</category><category>Heaven</category><category>Hell</category><category>Hook's Law</category><category>Idia</category><category>Narcissist</category><category>Network</category><category>Number Base</category><category>Our Mission</category><category>Parenting</category><category>Personal growth</category><category>Prayer</category><category>Quiz</category><category>Religion</category><category>SS 2</category><category>Study abroad</category><category>Teacher</category><category>University</category><category>basic schools</category><category>cohabitation</category><category>consistent goalgetter</category><category>electrical Repair</category><category>feedback</category><category>geometry</category><category>hurt</category><category>information</category><category>non-fiction</category><category>online safety</category><category>primary school</category><category>scam</category><category>scheme of work</category><category>secod chance</category><category>second term</category><category>st</category><category>the value of you</category><category>trigonometry</category><category>waiting</category><title>EDWIN OGIE LIBRARY</title><description> Edwin Ogie Library is a dynamic platform for education, focused on fostering mindful communication and building positive relationships by eliminating linguistic errors. Our mission is to enhance connections through thoughtful language, emotional regulation, and self-awareness, providing educational resources that inspire personal growth. We aim to promote well-being, peace, and meaningful connections, offering a space for individuals committed to refining their communication skills.</description><link>https://edwinogie.blogspot.com/</link><managingEditor>noreply@blogger.com (Edwin Ogie)</managingEditor><generator>Blogger</generator><openSearch:totalResults>455</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>clean</itunes:explicit><copyright>All Rights Reserved</copyright><itunes:keywords>education,marketing,health</itunes:keywords><itunes:summary>Access to online learning materials, that will recreate your future for successful achievement.</itunes:summary><itunes:subtitle>Learning Turning Point</itunes:subtitle><itunes:category text="Education"><itunes:category text="Educational Technology"/></itunes:category><itunes:author>Edwin Ogie </itunes:author><itunes:owner><itunes:email>noreply@blogger.com</itunes:email><itunes:name>Edwin Ogie </itunes:name></itunes:owner><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-8908274225805615074</guid><pubDate>Tue, 09 Jun 2026 09:31:31 +0000</pubDate><atom:updated>2026-06-09T02:21:06.409-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>The Person You Are Becoming is Watching You Right Now — Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;The Person You Are Becoming is Watching You Right Now — Edwin Ogie Library&lt;/title&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"&gt;
    &lt;style&gt;
        :root {
            --primary: #0a0a1a;
            --accent: #e94560;
            --accent-light: #ff6b6b;
            --gold: #f5a623;
            --text: #0a0a0a;
            --text-light: #222222;
            --bg: #fafafa;
            --card-bg: #ffffff;
            --shadow: 0 4px 20px rgba(0,0,0,0.08);
            --shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
            overflow-x: hidden;
        }

        /* Progress Bar */
        .progress-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(0,0,0,0.05);
            z-index: 1000;
        }
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            width: 0%;
            transition: width 0.1s ease;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&amp;q=80') center/cover;
            opacity: 0.15;
        }

        .particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            animation: float 15s infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(-10vh) rotate(720deg); opacity: 0; }
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 900px;
            padding: 2rem;
        }

        .hero-label {
            display: inline-block;
            padding: 0.5rem 1.5rem;
            background: rgba(233, 69, 96, 0.2);
            border: 1px solid var(--accent);
            color: var(--accent-light);
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            border-radius: 50px;
            margin-bottom: 2rem;
            animation: fadeInDown 1s ease;
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 5rem);
            font-weight: 900;
            color: #fff;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            text-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }

        .hero h1 .highlight {
            color: var(--gold);
            position: relative;
        }

        .typewriter {
            font-family: 'Inter', sans-serif;
            font-size: clamp(1rem, 2vw, 1.3rem);
            color: rgba(255,255,255,0.8);
            font-weight: 300;
            max-width: 600px;
            margin: 0 auto 3rem;
            min-height: 3rem;
        }

        .cursor {
            display: inline-block;
            width: 3px;
            height: 1.2em;
            background: var(--accent);
            margin-left: 2px;
            animation: blink 1s infinite;
            vertical-align: text-bottom;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        .scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
            cursor: pointer;
        }

        .scroll-indicator svg {
            width: 30px;
            height: 30px;
            stroke: rgba(255,255,255,0.6);
            fill: none;
            stroke-width: 2;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-15px); }
            60% { transform: translateX(-50%) translateY(-8px); }
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Main Content */
        .content-wrapper {
            max-width: 800px;
            margin: 0 auto;
            padding: 4rem 2rem;
        }

        .meta-bar {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 3rem;
            padding-bottom: 1.5rem;
            border-bottom: 2px solid #eee;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 1.2rem;
        }

        .meta-info {
            flex: 1;
        }

        .meta-info .name {
            font-weight: 700;
            color: #0a0a1a;
        }

        .meta-info .details {
            font-size: 0.85rem;
            color: #222222;
        }

        .read-time {
            padding: 0.4rem 1rem;
            background: #f0f0f0;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #222222;
        }

        /* Typography — ALL TEXT FORCED DARK FOR VISIBILITY */
        .article p {
            font-size: 1.15rem;
            margin-bottom: 1.8rem;
            color: #0a0a0a !important;
            line-height: 1.9;
            opacity: 1 !important;
        }

        .article p.lead {
            font-size: 1.35rem;
            font-weight: 500;
            color: #0a0a1a !important;
            border-left: 4px solid var(--accent);
            padding-left: 1.5rem;
            margin: 2.5rem 0;
            opacity: 1 !important;
        }

        .article h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: #0a0a1a !important;
            margin: 3.5rem 0 1.5rem;
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .article h2.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .article h2::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            border-radius: 2px;
        }

        .article h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: #0a0a1a !important;
            margin: 2.5rem 0 1rem;
            opacity: 0;
            transform: translateX(-20px);
            transition: all 0.5s ease;
        }

        .article h3.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Story Block — HIGH CONTRAST */
        .story-block {
            background: linear-gradient(135deg, #fff0f3, #ffe8ed);
            border-left: 5px solid var(--accent);
            padding: 2rem 2.5rem;
            border-radius: 0 16px 16px 0;
            margin: 2.5rem 0;
            position: relative;
            box-shadow: 0 4px 15px rgba(233, 69, 96, 0.1);
        }

        .story-block .story-label {
            display: inline-block;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #c41e3a;
            margin-bottom: 0.8rem;
            background: rgba(233, 69, 96, 0.12);
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
        }

        .story-block p {
            font-size: 1.1rem;
            font-style: italic;
            color: #0a0a1a !important;
            margin-bottom: 1rem;
            font-weight: 500;
            opacity: 1 !important;
        }

        .story-block .story-reflection {
            font-style: normal;
            font-size: 1rem;
            color: #1a1a1a !important;
            border-top: 2px dashed #e94560;
            padding-top: 1rem;
            margin: 0;
            font-weight: 400;
            line-height: 1.8;
            opacity: 1 !important;
        }

        /* Interactive Cards */
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 3rem 0;
        }

        .flip-card {
            perspective: 1000px;
            height: 220px;
            cursor: pointer;
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }

        .flip-card.flipped .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 16px;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            box-shadow: var(--shadow);
        }

        .flip-card-front {
            background: var(--card-bg);
            border: 2px solid transparent;
            transition: border-color 0.3s;
        }

        .flip-card:hover .flip-card-front {
            border-color: var(--accent);
        }

        .flip-card-back {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            transform: rotateY(180deg);
        }

        .flip-icon {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .flip-card-front h4 {
            font-size: 1.1rem;
            font-weight: 700;
            color: #0a0a1a !important;
        }

        .flip-card-back p {
            font-size: 0.95rem;
            color: #ffffff !important;
            margin: 0;
            opacity: 1 !important;
        }

        .flip-hint {
            font-size: 0.75rem;
            color: #333333 !important;
            margin-top: 0.5rem;
            opacity: 1 !important;
        }

        /* Quote Block */
        .quote-block {
            background: linear-gradient(135deg, #1a1a2e, #16213e);
            color: white;
            padding: 3rem 2.5rem;
            border-radius: 20px;
            margin: 3rem 0;
            position: relative;
            overflow: hidden;
        }

        .quote-block::before {
            content: '"';
            font-family: 'Playfair Display', serif;
            font-size: 15rem;
            position: absolute;
            top: -3rem;
            left: 1rem;
            color: rgba(255,255,255,0.05);
            line-height: 1;
        }

        .quote-block p {
            font-family: 'Playfair Display', serif;
            font-size: 1.6rem;
            line-height: 1.5;
            color: #ffffff !important;
            margin: 0;
            position: relative;
            z-index: 1;
            opacity: 1 !important;
        }

        .quote-block .quote-author {
            margin-top: 1.5rem;
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            color: #f5a623 !important;
            font-weight: 600;
            opacity: 1 !important;
        }

        /* Numbered List with Animation — FIXED VISIBILITY */
        .truth-list {
            list-style: none;
            padding: 0;
            margin: 2rem 0;
        }

        .truth-item {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: #ffffff;
            border-radius: 16px;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateX(-30px);
            transition: all 0.5s ease;
            border-left: 4px solid transparent;
            border: 1px solid #e0e0e0;
        }

        .truth-item.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .truth-item:hover {
            box-shadow: var(--shadow-hover);
            border-left-color: var(--accent);
            transform: translateX(5px);
        }

        .truth-number {
            min-width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.3rem;
            flex-shrink: 0;
        }

        .truth-content h4 {
            font-size: 1.2rem;
            font-weight: 700;
            color: #0a0a1a !important;
            margin-bottom: 0.5rem;
            opacity: 1 !important;
        }

        .truth-content p {
            font-size: 1rem;
            color: #1a1a1a !important;
            margin: 0;
            opacity: 1 !important;
            line-height: 1.8;
        }

        /* Counter Section */
        .stats-bar {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin: 3rem 0;
            padding: 2rem;
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-radius: 20px;
            border: 1px solid #ddd;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            font-weight: 900;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-label {
            font-size: 0.9rem;
            color: #222222 !important;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            opacity: 1 !important;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(135deg, #1a1a2e, #16213e);
            color: white;
            padding: 4rem 2rem;
            border-radius: 24px;
            text-align: center;
            margin: 4rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .cta-section h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
            color: #ffffff !important;
        }

        .cta-section p {
            font-size: 1.1rem;
            color: #e0e0e0 !important;
            max-width: 500px;
            margin: 0 auto 2rem;
            position: relative;
            z-index: 1;
            opacity: 1 !important;
        }

        .cta-btn {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
            border: none;
            cursor: pointer;
        }

        .cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(233, 69, 96, 0.4);
        }

        /* Share Buttons */
        .share-section {
            text-align: center;
            margin: 3rem 0;
            padding: 2rem;
            border-top: 1px solid #eee;
        }

        .share-title {
            font-size: 0.9rem;
            color: #222222 !important;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1rem;
            opacity: 1 !important;
        }

        .share-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
        }

        .share-btn {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #eee;
            background: white;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
            color: #0a0a0a !important;
        }

        .share-btn:hover {
            background: var(--accent);
            border-color: var(--accent);
            color: white !important;
            transform: translateY(-3px);
        }

        /* Footer Section */
        .footer-section {
            background: linear-gradient(135deg, #1a1a2e, #16213e);
            color: white;
            padding: 3rem 2rem;
            border-radius: 24px;
            text-align: center;
            margin: 3rem 0 1rem;
            position: relative;
            overflow: hidden;
        }

        .footer-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=1920&amp;q=80') center/cover;
            opacity: 0.08;
        }

        .footer-section h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
            color: #ffffff !important;
        }

        .footer-section p {
            font-size: 1rem;
            color: #e0e0e0 !important;
            max-width: 600px;
            margin: 0 auto 1.5rem;
            position: relative;
            z-index: 1;
            opacity: 1 !important;
        }

        .footer-section .amazon-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 1rem 2rem;
            background: linear-gradient(135deg, #ff9900, #f5a623);
            color: #0a0a1a !important;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
        }

        .footer-section .amazon-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(245, 166, 35, 0.4);
        }

        .footer-section .footer-note {
            font-size: 0.85rem;
            color: #aaaaaa !important;
            margin-top: 1.5rem;
            position: relative;
            z-index: 1;
            opacity: 1 !important;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .stats-bar {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            .cards-grid {
                grid-template-columns: 1fr;
            }
            .truth-item {
                flex-direction: column;
                text-align: center;
            }
            .hero h1 {
                font-size: 2.5rem;
            }
            .story-block {
                padding: 1.5rem;
            }
        }

        /* Fade in animation for paragraphs */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Progress Bar --&gt;
    &lt;div class="progress-container"&gt;
        &lt;div class="progress-bar" id="progressBar"&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Hero Section --&gt;
    &lt;section class="hero" id="hero"&gt;
        &lt;div class="particles" id="particles"&gt;&lt;/div&gt;
        &lt;div class="hero-content"&gt;
            &lt;div class="hero-label"&gt;Personal Growth&lt;/div&gt;
            &lt;h1&gt;The Person You Are&lt;br&gt;Becoming is &lt;span class="highlight"&gt;Watching&lt;/span&gt; You&lt;/h1&gt;
            &lt;div class="typewriter" id="typewriter"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="scroll-indicator" onclick="scrollToContent()"&gt;
            &lt;svg viewBox="0 0 24 24"&gt;&lt;path d="M12 5v14M5 12l7 7 7-7"/&gt;&lt;/svg&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Main Content --&gt;
    &lt;div class="content-wrapper"&gt;
        &lt;div class="meta-bar"&gt;
            &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
            &lt;div class="meta-info"&gt;
                &lt;div class="name"&gt;Edwin Ogie&lt;/div&gt;
                &lt;div class="details"&gt;Edwin Ogie Library &amp;bull; June 9, 2026&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="read-time"&gt;7 min read&lt;/div&gt;
        &lt;/div&gt;

        &lt;article class="article"&gt;
            &lt;p class="lead fade-in"&gt;
                &lt;strong&gt;There is a version of you that already exists in the future.&lt;/strong&gt; He is stronger. She is wiser. They are everything you promised yourself you would become. And here is the part no one tells you: that person is not waiting for you at the finish line. They are watching you right now, through every choice you make today. Every scroll. Every excuse. Every "I will start tomorrow." They see it all.
            &lt;/p&gt;

            &lt;p class="fade-in"&gt;This is not motivational poetry. This is the mechanics of identity. &lt;em&gt;You do not become your future self in one dramatic moment. You become them in ten thousand invisible moments — most of which feel like nothing at all.&lt;/em&gt;&lt;/p&gt;

            &lt;h2&gt;The Lie of the Big Break&lt;/h2&gt;

            &lt;p class="fade-in"&gt;We are sold a fantasy. The fantasy says that one day, the alarm will ring differently. One day, motivation will arrive like a UPS package and you will finally become disciplined. One day, the right opportunity will land in your lap and everything will change. That day is a lie. It does not exist. It has never existed for anyone.&lt;/p&gt;

            &lt;p class="fade-in"&gt;The people you admire — the writers, the athletes, the entrepreneurs, the scholars — did not wait for a big break. They built themselves in the dark, while no one was watching, while nothing was happening, while the results were invisible. &lt;strong&gt;They became their future selves one boring, repetitive, unglamorous decision at a time.&lt;/strong&gt;&lt;/p&gt;

            &lt;div class="story-block"&gt;
                &lt;div class="story-label"&gt;The Moment&lt;/div&gt;
                &lt;p&gt;I once met a man in his fifties who had built a multi-million naira business from nothing. I asked him the secret. He laughed and said, "There is no secret. For ten years, I woke up at 5 a.m. while my friends were sleeping. I studied while they partied. I saved while they spent. Everyone thought I was boring. They were right. Boring built the empire."&lt;/p&gt;
                &lt;p class="story-reflection"&gt;He did not become successful on the day the business took off. He became successful on the three hundred mornings he chose work over comfort while no one applauded. Your future self is built in the silence, not the spotlight.&lt;/p&gt;
            &lt;/div&gt;

            &lt;h2&gt;The Compound Interest of Character&lt;/h2&gt;

            &lt;p class="fade-in"&gt;We understand compound interest when it comes to money. Put a little away every month, and eventually it grows into something massive. But we fail to understand that &lt;strong&gt;character works exactly the same way.&lt;/strong&gt; Every time you choose discipline over distraction, you deposit into your identity. Every time you choose honesty over convenience, you deposit into your integrity. Every time you choose courage over comfort, you deposit into your confidence.&lt;/p&gt;

            &lt;p class="fade-in"&gt;And just like money, the early deposits matter most. The person who starts at twenty-five and deposits daily will be unrecognisable by thirty-five. The person who starts at thirty-five will still be ahead by forty-five. But the person who never starts? They wake up one day and wonder why their life feels so small. It feels small because they never made a single deposit. They expected the interest without the principle.&lt;/p&gt;

            &lt;div class="cards-grid"&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;⏰&lt;/div&gt;
                            &lt;h4&gt;The 5 a.m. Choice&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;One morning means nothing. One hundred mornings means a new identity. The alarm clock is not your enemy. It is the voting booth where you cast a ballot for your future self.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128245;&lt;/div&gt;
                            &lt;h4&gt;The Scroll Refusal&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;Every time you pick up your phone to scroll instead of creating, you are voting for the person you are now. Every time you put it down and do the work, you are voting for the person you are becoming.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128683;&lt;/div&gt;
                            &lt;h4&gt;The "No" You Practice&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;Saying no to the wrong opportunity is not loss. It is clarity. Your future self cannot arrive if your present self is crowded with distractions dressed up as chances.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;The Three Votes You Cast Every Day&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Every day, without exception, you cast three votes for the person you are becoming. Not with words. With actions. With habits. With where you place your attention when no one is looking.&lt;/p&gt;

            &lt;ul class="truth-list"&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;1&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;The Vote of Your Morning&lt;/h4&gt;
                        &lt;p&gt;What you do in the first hour of your day is a referendum on your priorities. Scroll social media? You voted for distraction. Exercise? You voted for health. Study? You voted for growth. Plan? You voted for intention. The morning is not a preparation for the day. The morning &lt;em&gt;is&lt;/em&gt; the day. It sets the trajectory everything else follows.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;2&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;The Vote of Your Conversations&lt;/h4&gt;
                        &lt;p&gt;You become the average of the five people you spend the most time with — but more importantly, you become the average of the conversations you allow. Gossip? Complaint? Small talk about nothing? Or ideas, books, dreams, accountability? Every conversation is a vote. Choose your dialogues like your life depends on them, because it does.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;3&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;The Vote of Your Evening&lt;/h4&gt;
                        &lt;p&gt;How you end your day is how you end your life, in miniature. Do you review what you accomplished and plan tomorrow? Or do you numb yourself with entertainment until sleep takes you by force? The evening vote is the most honest one because it happens when willpower is lowest. If you can vote well at night, you can vote well anywhere.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
            &lt;/ul&gt;

            &lt;div class="quote-block"&gt;
                &lt;p&gt;We are what we repeatedly do. Excellence, then, is not an act, but a habit.&lt;/p&gt;
                &lt;div class="quote-author"&gt;— Will Durant (often attributed to Aristotle)&lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;The Cruel Math of Delay&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Here is the mathematics that should terrify you: &lt;strong&gt;one day of delay is not one day lost. It is a day of identity reinforcement in the wrong direction.&lt;/strong&gt; When you skip the gym once, you do not just lose a workout. You reinforce the identity of someone who skips the gym. When you procrastinate on your project once, you do not just lose a day. You reinforce the identity of someone who procrastinates. The cost is never just the time. The cost is the self.&lt;/p&gt;

            &lt;p class="fade-in"&gt;And the reverse is equally true. One day of action is not just one day of progress. It is a day of identity reinforcement in the right direction. The person who writes one page becomes a writer. The person who runs one mile becomes a runner. The person who reads ten pages becomes a reader. &lt;em&gt;Action does not follow identity. Action creates it.&lt;/em&gt;&lt;/p&gt;

            &lt;div class="stats-bar"&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;1%&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Better Every Day&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;37x&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Growth in One Year&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;0&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Excuses That Built Empires&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h3&gt;What Your Future Self Needs From You Today&lt;/h3&gt;

            &lt;p class="fade-in"&gt;Your future self does not need you to be perfect. They need you to be &lt;strong&gt;consistent.&lt;/strong&gt; They do not need grand gestures. They need small deposits. They do not need you to transform overnight. They need you to show up today, even when today feels insignificant.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Your future self needs you to stop negotiating with your excuses. "I am tired" is not a reason. "I do not feel like it" is not a reason. "I will do it later" is the most expensive lie you will ever tell yourself, because later never arrives with better conditions. Later arrives with more regret.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Your future self needs you to understand that &lt;strong&gt;discipline is not punishment. It is love.&lt;/strong&gt; It is the present version of you making sacrifices so the future version of you can breathe easier. It is a conversation across time that says: "I believe in you. I am preparing the ground for your arrival."&lt;/p&gt;

            &lt;div class="cta-section"&gt;
                &lt;h2&gt;Cast One Vote Right Now&lt;/h2&gt;
                &lt;p&gt;Not tomorrow. Not tonight. &lt;strong&gt;Right now.&lt;/strong&gt; Close this article and do one thing your future self will thank you for. Send the email. Read the page. Do the push-up. Write the sentence. Make the call. One vote. One deposit. One step toward the person who is already waiting for you.&lt;/p&gt;
                &lt;button class="cta-btn" onclick="alert('Your future self is watching. Make them proud.')"&gt;I Vote for My Future&lt;/button&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;The mountain does not know you are tired. The future does not care about your excuses. And the person you are becoming? They are not asking for perfection. They are asking for presence. Show up. Do the work. Trust the process. &lt;strong&gt;They are waiting. And they believe in you — because they are you, sharpened by every good choice you make today.&lt;/strong&gt;&lt;/p&gt;

        &lt;/article&gt;

        &lt;!-- Footer Section --&gt;
        &lt;div class="footer-section"&gt;
            &lt;h3&gt;&#128214; Master Your Inner World&lt;/h3&gt;
            &lt;p&gt;If this article moved you, &lt;em&gt;Emotional Mastery&lt;/em&gt; goes deeper — teaching you how to build the inner discipline that makes every vote for your future self automatic, not agonising.&lt;/p&gt;
            &lt;a href="https://www.amazon.com/dp/B0GTLGV8Y8" target="_blank" class="amazon-btn"&gt;
                &#128722; Get It on Amazon
            &lt;/a&gt;
            &lt;p class="footer-note"&gt;Edwin Ogie Library &amp;bull; All rights reserved &amp;bull; &lt;a href="https://edwinogie.blogspot.com/2026/05/emotional-mastery-ebook-now-available.html" style="color: #f5a623; text-decoration: none;"&gt;Blog Edition Also Available&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="share-section"&gt;
            &lt;div class="share-title"&gt;Share this article&lt;/div&gt;
            &lt;div class="share-buttons"&gt;
                &lt;button class="share-btn" title="Share on Twitter"&gt;&#120143;&lt;/button&gt;
                &lt;button class="share-btn" title="Share on Facebook"&gt;f&lt;/button&gt;
                &lt;button class="share-btn" title="Share on LinkedIn"&gt;in&lt;/button&gt;
                &lt;button class="share-btn" title="Copy Link"&gt;&#128279;&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Progress Bar
        window.addEventListener('scroll', () =&gt; {
            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrolled = (winScroll / height) * 100;
            document.getElementById('progressBar').style.width = scrolled + '%';
        });

        // Typewriter Effect
        const text = "Every choice you make today is a vote for the person you will be tomorrow...";
        let i = 0;
        function typeWriter() {
            if (i &lt; text.length) {
                document.getElementById('typewriter').innerHTML = text.substring(0, i+1) + '&lt;span class="cursor"&gt;&lt;/span&gt;';
                i++;
                setTimeout(typeWriter, 50);
            } else {
                document.getElementById('typewriter').innerHTML = text + '&lt;span class="cursor"&gt;&lt;/span&gt;';
            }
        }
        setTimeout(typeWriter, 1000);

        // Scroll to content
        function scrollToContent() {
            document.querySelector('.content-wrapper').scrollIntoView({ behavior: 'smooth' });
        }

        // Generate particles
        const particlesContainer = document.getElementById('particles');
        for (let i = 0; i &lt; 30; i++) {
            const particle = document.createElement('div');
            particle.className = 'particle';
            particle.style.left = Math.random() * 100 + '%';
            particle.style.animationDelay = Math.random() * 15 + 's';
            particle.style.animationDuration = (10 + Math.random() * 10) + 's';
            particlesContainer.appendChild(particle);
        }

        // Intersection Observer for animations
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.fade-in, .article h2, .article h3, .truth-item').forEach(el =&gt; {
            observer.observe(el);
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/06/the-person-you-are-becoming-is-watching.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-7730182030459112225</guid><pubDate>Sun, 07 Jun 2026 17:47:42 +0000</pubDate><atom:updated>2026-06-07T06:53:00.566-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">emotional Mastery</category><category domain="http://www.blogger.com/atom/ns#">resilience</category><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>Stop Letting Your Emotions Run the Show - Master Them Instead.</title><description>&lt;h1 style="text-align: center;"&gt;&lt;span style="color: #cc0000; font-family: georgia;"&gt;Stop Letting Your Emotions Run the Show - Master Them Instead.&lt;/span&gt;&lt;/h1&gt;&lt;div&gt;&lt;span style="color: #cc0000; font-family: georgia;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UAGrw3RGhwJA3KSQ4eT5OsUp6t2nHdj2EJa8ON8ZL6O4_uwpynl2B50s1qzfn7Q7vJPj4Q69AmGn2CzuPqs7lPHg3GPziL8eDJ-Z2eHHDKafwlRjd7C5BMUhxZSAze-lfuLeBqrPEz_VemVMmyfUt-WQU4EybZupyoNxSFvNrlTg8g-7OjJZbhOpY8A/s543/master.jpg" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" data-original-height="543" data-original-width="409" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UAGrw3RGhwJA3KSQ4eT5OsUp6t2nHdj2EJa8ON8ZL6O4_uwpynl2B50s1qzfn7Q7vJPj4Q69AmGn2CzuPqs7lPHg3GPziL8eDJ-Z2eHHDKafwlRjd7C5BMUhxZSAze-lfuLeBqrPEz_VemVMmyfUt-WQU4EybZupyoNxSFvNrlTg8g-7OjJZbhOpY8A/s320/master.jpg" width="241" /&gt;&lt;/a&gt;&lt;/div&gt;Body: Every day, intelligent people make poor decisions, damage important relationships, and abandon their goals because they never learned how to manage the emotional current running beneath their thoughts. Emotional Mastery&amp;nbsp; is not about becoming emotionless. It is about becoming emotionally literate.&lt;/div&gt;&lt;p&gt;In this book, author Edwin Ogie presents a grounded, practical framework for emotional self-leadership. You will learn:&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;How to name what you are actually feeling. Most emotional chaos begins with vague, mislabeled sensations. Clarity is the first step to control.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;How to interrupt the loop. When anger, anxiety, or shame spiral, they follow predictable patterns. This book shows you exactly where to break the cycle.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;How to build emotional resilience. Not through toxic positivity, but through daily practices that strengthen your capacity to handle pressure without collapsing or lashing out.&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;How to use emotion as a tool. Your feelings carry information about your values, boundaries, and unmet needs. Learn to decode that signal and act on it wisely.&lt;/p&gt;&lt;p&gt;Written in clear, direct prose and grounded in real-world application, Emotional Mastery&amp;nbsp; is for anyone who has ever thought, "I wish I hadn't reacted that way."&amp;nbsp;&lt;/p&gt;&lt;p&gt;Ready to change how you respond to life?&lt;/p&gt;&lt;p&gt;&#128073;&amp;nbsp;&lt;a href="https://www.amazon.com/dp/B0GT4TY4MC" target="_blank"&gt;Available on Amazon &lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/06/stop-letting-your-emotions-run-show.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UAGrw3RGhwJA3KSQ4eT5OsUp6t2nHdj2EJa8ON8ZL6O4_uwpynl2B50s1qzfn7Q7vJPj4Q69AmGn2CzuPqs7lPHg3GPziL8eDJ-Z2eHHDKafwlRjd7C5BMUhxZSAze-lfuLeBqrPEz_VemVMmyfUt-WQU4EybZupyoNxSFvNrlTg8g-7OjJZbhOpY8A/s72-c/master.jpg" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-5475468573782359771</guid><pubDate>Thu, 04 Jun 2026 12:16:25 +0000</pubDate><atom:updated>2026-06-04T01:45:21.816-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>Emotional Mastery: The Stories That Forged Me — Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Emotional Mastery: The Stories That Forged Me — Edwin Ogie Library&lt;/title&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"&gt;
    &lt;style&gt;
        :root {
            --primary: #1a1a2e;
            --accent: #e94560;
            --accent-light: #ff6b6b;
            --gold: #f5a623;
            --text: #2d2d2d;
            --text-light: #444444;
            --bg: #fafafa;
            --card-bg: #ffffff;
            --shadow: 0 4px 20px rgba(0,0,0,0.08);
            --shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
            overflow-x: hidden;
        }

        /* Progress Bar */
        .progress-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(0,0,0,0.05);
            z-index: 1000;
        }
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            width: 0%;
            transition: width 0.1s ease;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1920&amp;q=80') center/cover;
            opacity: 0.15;
        }

        .particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            animation: float 15s infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(-10vh) rotate(720deg); opacity: 0; }
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 900px;
            padding: 2rem;
        }

        .hero-label {
            display: inline-block;
            padding: 0.5rem 1.5rem;
            background: rgba(233, 69, 96, 0.2);
            border: 1px solid var(--accent);
            color: var(--accent-light);
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            border-radius: 50px;
            margin-bottom: 2rem;
            animation: fadeInDown 1s ease;
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 5rem);
            font-weight: 900;
            color: #fff;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            text-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }

        .hero h1 .highlight {
            color: var(--gold);
            position: relative;
        }

        .typewriter {
            font-family: 'Inter', sans-serif;
            font-size: clamp(1rem, 2vw, 1.3rem);
            color: rgba(255,255,255,0.8);
            font-weight: 300;
            max-width: 600px;
            margin: 0 auto 3rem;
            min-height: 3rem;
        }

        .cursor {
            display: inline-block;
            width: 3px;
            height: 1.2em;
            background: var(--accent);
            margin-left: 2px;
            animation: blink 1s infinite;
            vertical-align: text-bottom;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        .scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
            cursor: pointer;
        }

        .scroll-indicator svg {
            width: 30px;
            height: 30px;
            stroke: rgba(255,255,255,0.6);
            fill: none;
            stroke-width: 2;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-15px); }
            60% { transform: translateX(-50%) translateY(-8px); }
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Main Content */
        .content-wrapper {
            max-width: 800px;
            margin: 0 auto;
            padding: 4rem 2rem;
        }

        .meta-bar {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 3rem;
            padding-bottom: 1.5rem;
            border-bottom: 2px solid #eee;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 1.2rem;
        }

        .meta-info {
            flex: 1;
        }

        .meta-info .name {
            font-weight: 700;
            color: var(--primary);
        }

        .meta-info .details {
            font-size: 0.85rem;
            color: var(--text-light);
        }

        .read-time {
            padding: 0.4rem 1rem;
            background: #f0f0f0;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--text-light);
        }

        /* Typography */
        .article p {
            font-size: 1.15rem;
            margin-bottom: 1.8rem;
            color: var(--text);
            line-height: 1.9;
        }

        .article p.lead {
            font-size: 1.35rem;
            font-weight: 500;
            color: var(--primary);
            border-left: 4px solid var(--accent);
            padding-left: 1.5rem;
            margin: 2.5rem 0;
        }

        .article h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary);
            margin: 3.5rem 0 1.5rem;
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .article h2.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .article h2::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            border-radius: 2px;
        }

        .article h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: var(--primary);
            margin: 2.5rem 0 1rem;
            opacity: 0;
            transform: translateX(-20px);
            transition: all 0.5s ease;
        }

        .article h3.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Story Block — FIXED for blog theme visibility */
        .story-block {
            background: linear-gradient(135deg, #fff0f3, #ffe8ed);
            border-left: 5px solid var(--accent);
            padding: 2rem 2.5rem;
            border-radius: 0 16px 16px 0;
            margin: 2.5rem 0;
            position: relative;
            box-shadow: 0 4px 15px rgba(233, 69, 96, 0.1);
        }

        .story-block .story-label {
            display: inline-block;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--accent);
            margin-bottom: 0.8rem;
            background: rgba(233, 69, 96, 0.1);
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
        }

        .story-block p {
            font-size: 1.1rem;
            font-style: italic;
            color: #1a1a2e;
            margin-bottom: 1rem;
            font-weight: 500;
        }

        .story-block .story-reflection {
            font-style: normal;
            font-size: 1rem;
            color: #333333;
            border-top: 2px dashed #e94560;
            padding-top: 1rem;
            margin: 0;
            font-weight: 400;
            line-height: 1.8;
        }

        /* Interactive Cards */
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 3rem 0;
        }

        .flip-card {
            perspective: 1000px;
            height: 220px;
            cursor: pointer;
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }

        .flip-card.flipped .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 16px;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            box-shadow: var(--shadow);
        }

        .flip-card-front {
            background: var(--card-bg);
            border: 2px solid transparent;
            transition: border-color 0.3s;
        }

        .flip-card:hover .flip-card-front {
            border-color: var(--accent);
        }

        .flip-card-back {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            transform: rotateY(180deg);
        }

        .flip-icon {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .flip-card-front h4 {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--primary);
        }

        .flip-card-back p {
            font-size: 0.95rem;
            color: rgba(255,255,255,0.9);
            margin: 0;
        }

        .flip-hint {
            font-size: 0.75rem;
            color: var(--text-light);
            margin-top: 0.5rem;
        }

        /* Quote Block */
        .quote-block {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            padding: 3rem 2.5rem;
            border-radius: 20px;
            margin: 3rem 0;
            position: relative;
            overflow: hidden;
        }

        .quote-block::before {
            content: '"';
            font-family: 'Playfair Display', serif;
            font-size: 15rem;
            position: absolute;
            top: -3rem;
            left: 1rem;
            color: rgba(255,255,255,0.05);
            line-height: 1;
        }

        .quote-block p {
            font-family: 'Playfair Display', serif;
            font-size: 1.6rem;
            line-height: 1.5;
            color: white;
            margin: 0;
            position: relative;
            z-index: 1;
        }

        .quote-block .quote-author {
            margin-top: 1.5rem;
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            color: var(--gold);
            font-weight: 600;
        }

        /* Numbered List with Animation */
        .truth-list {
            list-style: none;
            padding: 0;
            margin: 2rem 0;
        }

        .truth-item {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: var(--card-bg);
            border-radius: 16px;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateX(-30px);
            transition: all 0.5s ease;
            border-left: 4px solid transparent;
        }

        .truth-item.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .truth-item:hover {
            box-shadow: var(--shadow-hover);
            border-left-color: var(--accent);
            transform: translateX(5px);
        }

        .truth-number {
            min-width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.3rem;
            flex-shrink: 0;
        }

        .truth-content h4 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        .truth-content p {
            font-size: 1rem;
            color: var(--text-light);
            margin: 0;
        }

        /* Counter Section */
        .stats-bar {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin: 3rem 0;
            padding: 2rem;
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-radius: 20px;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            font-weight: 900;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-label {
            font-size: 0.9rem;
            color: var(--text-light);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            padding: 4rem 2rem;
            border-radius: 24px;
            text-align: center;
            margin: 4rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .cta-section h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
        }

        .cta-section p {
            font-size: 1.1rem;
            color: rgba(255,255,255,0.8);
            max-width: 500px;
            margin: 0 auto 2rem;
            position: relative;
            z-index: 1;
        }

        .cta-btn {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
            border: none;
            cursor: pointer;
        }

        .cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(233, 69, 96, 0.4);
        }

        /* Share Buttons */
        .share-section {
            text-align: center;
            margin: 3rem 0;
            padding: 2rem;
            border-top: 1px solid #eee;
        }

        .share-title {
            font-size: 0.9rem;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1rem;
        }

        .share-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
        }

        .share-btn {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #eee;
            background: white;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
        }

        .share-btn:hover {
            background: var(--accent);
            border-color: var(--accent);
            color: white;
            transform: translateY(-3px);
        }

        /* Footer Section */
        .footer-section {
            background: linear-gradient(135deg, #1a1a2e, #16213e);
            color: white;
            padding: 3rem 2rem;
            border-radius: 24px;
            text-align: center;
            margin: 3rem 0 1rem;
            position: relative;
            overflow: hidden;
        }

        .footer-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=1920&amp;q=80') center/cover;
            opacity: 0.08;
        }

        .footer-section h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
        }

        .footer-section p {
            font-size: 1rem;
            color: rgba(255,255,255,0.8);
            max-width: 600px;
            margin: 0 auto 1.5rem;
            position: relative;
            z-index: 1;
        }

        .footer-section .amazon-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 1rem 2rem;
            background: linear-gradient(135deg, #ff9900, #f5a623);
            color: #1a1a2e;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
        }

        .footer-section .amazon-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(245, 166, 35, 0.4);
        }

        .footer-section .footer-note {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.5);
            margin-top: 1.5rem;
            position: relative;
            z-index: 1;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .stats-bar {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            .cards-grid {
                grid-template-columns: 1fr;
            }
            .truth-item {
                flex-direction: column;
                text-align: center;
            }
            .hero h1 {
                font-size: 2.5rem;
            }
            .story-block {
                padding: 1.5rem;
            }
        }

        /* Fade in animation for paragraphs */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Progress Bar --&gt;
    &lt;div class="progress-container"&gt;
        &lt;div class="progress-bar" id="progressBar"&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Hero Section --&gt;
    &lt;section class="hero" id="hero"&gt;
        &lt;div class="particles" id="particles"&gt;&lt;/div&gt;
        &lt;div class="hero-content"&gt;
            &lt;div class="hero-label"&gt;Emotional Mastery&lt;/div&gt;
            &lt;h1&gt;Emotional Mastery:&lt;br&gt;The Stories That &lt;span class="highlight"&gt;Forged&lt;/span&gt; Me&lt;/h1&gt;
            &lt;div class="typewriter" id="typewriter"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="scroll-indicator" onclick="scrollToContent()"&gt;
            &lt;svg viewBox="0 0 24 24"&gt;&lt;path d="M12 5v14M5 12l7 7 7-7"/&gt;&lt;/svg&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Main Content --&gt;
    &lt;div class="content-wrapper"&gt;
        &lt;div class="meta-bar"&gt;
            &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
            &lt;div class="meta-info"&gt;
                &lt;div class="name"&gt;Edwin Ogie&lt;/div&gt;
                &lt;div class="details"&gt;Edwin Ogie Library &amp;bull; June 4, 2026&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="read-time"&gt;8 min read&lt;/div&gt;
        &lt;/div&gt;

        &lt;article class="article"&gt;
            &lt;p class="lead fade-in"&gt;
                &lt;strong&gt;Emotional mastery is not a theory I read in a book. It is a battlefield I walked through barefoot.&lt;/strong&gt; Every principle I teach, every framework I share, every insight I offer — they were all forged in the fire of real failure, real loss, real humiliation, and the slow, stubborn decision to not let any of it define my future. This is not a lecture. This is a testimony.
            &lt;/p&gt;

            &lt;p class="fade-in"&gt;I did not wake up one morning emotionally intelligent. I woke up angry, confused, ashamed, and repeatedly defeated. The journey from that man to the one writing this sentence was not a straight line. It was a spiral of falling, getting up, falling again, and eventually learning that &lt;em&gt;the fall itself was the lesson.&lt;/em&gt;&lt;/p&gt;

            &lt;h2&gt;Story One: The Exam That Broke Me&lt;/h2&gt;

            &lt;p class="fade-in"&gt;I was nineteen, arrogant, and convinced that intelligence was a substitute for discipline. I had breezed through secondary school without studying hard. University, I assumed, would be the same playground. I was wrong in ways that still echo in my memory.&lt;/p&gt;

            &lt;div class="story-block"&gt;
                &lt;div class="story-label"&gt;The Moment&lt;/div&gt;
                &lt;p&gt;I walked into the examination hall for a course I had barely attended. The questions looked like they were written in a language I had never learned. I sat there for three hours, pen in hand, and wrote nothing meaningful. I walked out knowing I had failed. Not almost failed. Completely, irreversibly failed.&lt;/p&gt;
                &lt;p class="story-reflection"&gt;That night, I did not sleep. I stared at the ceiling and felt something crack inside me — not my confidence, but my delusion. For the first time, I understood that raw talent without emotional discipline is a rented sports car with no fuel. It looks impressive. It goes nowhere.&lt;/p&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;That failure became the seed of my first emotional mastery lesson: &lt;strong&gt;your feelings about a situation are not the situation.&lt;/strong&gt; I felt like a failure. That feeling was real. But it was not the truth. The truth was that I had made poor choices. The truth was fixable. The feeling wanted me to believe I was unfixable. Emotional mastery is the ability to separate the feeling from the fact, and then act on the fact.&lt;/p&gt;

            &lt;h2&gt;Story Two: The Job I Lost Because of My Tongue&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Three years later, I landed a position I thought I deserved. I was young, eager, and — unfortunately — emotionally reactive. When a senior colleague corrected my work publicly, I did not hear feedback. I heard an attack. I defended myself with sarcasm, raised my voice, and turned a professional moment into a personal war.&lt;/p&gt;

            &lt;div class="story-block"&gt;
                &lt;div class="story-label"&gt;The Aftermath&lt;/div&gt;
                &lt;p&gt;By the end of that week, I was called into an office and told, politely but firmly, that my services were no longer required. I was not fired for incompetence. I was fired for emotional immaturity. I could do the job. I simply could not manage myself while doing it.&lt;/p&gt;
                &lt;p class="story-reflection"&gt;Walking out of that building, I felt a cocktail of rage and shame so potent I could taste it. I wanted to blame the colleague, the system, the unfairness of it all. But deep down, a quieter voice asked: "What if you had simply said, 'Thank you, I will fix it'?" That quiet voice was the beginning of my emotional education.&lt;/p&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;Here is what I learned: &lt;strong&gt;emotional mastery is not about suppressing what you feel. It is about delaying your reaction long enough to choose a better one.&lt;/strong&gt; In that moment, I felt attacked. That feeling demanded an immediate counter-attack. But if I had paused — even for ten seconds — I would have recognised that my colleague was not my enemy. My untamed ego was.&lt;/p&gt;

            &lt;h2&gt;Story Three: The Night I Almost Gave Up on Writing&lt;/h2&gt;

            &lt;p class="fade-in"&gt;I had spent six months writing what I believed was my best work. A manuscript I poured my soul into. I sent it to a publisher I admired. The rejection letter arrived on a rainy Tuesday afternoon. It was not a gentle rejection. It was detailed, clinical, and devastating. Every flaw I had secretly feared was confirmed in black and white.&lt;/p&gt;

            &lt;div class="story-block"&gt;
                &lt;div class="story-label"&gt;The Breaking Point&lt;/div&gt;
                &lt;p&gt;I sat on the floor of my room, the letter in my hand, and cried. Not dignified tears. Ugly, heaving, soul-deep sobs. I told myself I was not a writer. I told myself I had wasted six months. I told myself I would never try again. And for three days, I believed every word.&lt;/p&gt;
                &lt;p class="story-reflection"&gt;On the fourth day, I re-read the rejection letter. This time, I read it without the filter of my wounded pride. The publisher had actually given me specific, actionable feedback. They had not said I was talentless. They had said the work was not ready. There is a canyon of difference between those two statements. I had filled that canyon with my own despair.&lt;/p&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;That experience taught me the third pillar of emotional mastery: &lt;strong&gt;your interpretation of an event shapes your response more than the event itself.&lt;/strong&gt; The rejection was the same letter on Tuesday and Friday. But my emotional state had changed, and so had my ability to see opportunity inside the pain. The master is not someone who never feels pain. The master is someone who refuses to let pain have the final word.&lt;/p&gt;

            &lt;div class="cards-grid"&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#129504;&lt;/div&gt;
                            &lt;h4&gt;The Exam Failure&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal lesson&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;Feelings are not facts. You can feel like a failure and still be one decision away from a comeback. Separate the emotion from the reality, then act on reality.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128293;&lt;/div&gt;
                            &lt;h4&gt;The Job Loss&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal lesson&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;Emotional mastery is not suppression — it is a strategic pause. Ten seconds of silence can save ten years of regret. The gap between stimulus and response is where freedom lives.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;✍️&lt;/div&gt;
                            &lt;h4&gt;The Rejection&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal lesson&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;Your interpretation is more powerful than the event. The same rain can ruin a picnic or nourish a farm. You decide what the storm means.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;The Four Pillars of Emotional Mastery&lt;/h2&gt;

            &lt;p class="fade-in"&gt;From these stories — and dozens more like them — I distilled a framework that has become the backbone of my teaching. These are not abstract concepts. They are survival tools I have tested in the trenches of my own life.&lt;/p&gt;

            &lt;ul class="truth-list"&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;1&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Radical Self-Awareness&lt;/h4&gt;
                        &lt;p&gt;You cannot master what you cannot name. Most people are emotionally illiterate — they feel anger but call it stress. They feel fear but call it caution. Emotional mastery begins with the honest, sometimes painful act of naming exactly what is happening inside you. No euphemisms. No masks.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;2&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;The Sacred Pause&lt;/h4&gt;
                        &lt;p&gt;Between every stimulus and your response, there is a gap. In that gap lies your power. Most people live as if there is no gap — they react reflexively, habitually, destructively. The master widens that gap through practice. Breathing. Counting. Walking away. The pause is not weakness. It is the strongest move on the board.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;3&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Reframing as a Discipline&lt;/h4&gt;
                        &lt;p&gt;Events are neutral. Your interpretation gives them weight. A layoff can be a catastrophe or a redirection. A breakup can be a loss or a liberation. Reframing is not naive positivity — it is the deliberate choice to interpret your circumstances in a way that empowers action rather than paralyses it.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;4&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Emotional Accountability&lt;/h4&gt;
                        &lt;p&gt;No one makes you angry. You become angry. No one makes you jealous. You become jealous. This is the hardest truth to swallow because it removes the comfort of blame. But it also returns your power. If you created the emotional state, you can uncreate it. That is the ultimate freedom.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
            &lt;/ul&gt;

            &lt;div class="quote-block"&gt;
                &lt;p&gt;Between stimulus and response there is a space. In that space is our power to choose our response. In our response lies our growth and our freedom.&lt;/p&gt;
                &lt;div class="quote-author"&gt;— Viktor Frankl&lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;Why This Matters Now&lt;/h2&gt;

            &lt;p class="fade-in"&gt;We are living in an age of emotional chaos. Social media has turned our inner lives into public performance art. Anxiety is marketed. Outrage is monetised. Everyone is reacting to everything, all the time, and calling it authenticity. It is not authenticity. It is emotional anarchy.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Emotional mastery is the antidote. It is not about becoming cold or robotic. It is about becoming &lt;strong&gt;sovereign&lt;/strong&gt; — the ruler of your own internal kingdom. When you master your emotions, you stop being a puppet of circumstance. You become the author of your responses. And that changes everything: your relationships, your work, your health, your peace.&lt;/p&gt;

            &lt;div class="stats-bar"&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;90%&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Of Decisions Are Emotional&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;10s&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Pause That Changes Everything&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;1&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Master: You&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h3&gt;Where Do You Begin?&lt;/h3&gt;

            &lt;p class="fade-in"&gt;You begin with one conversation — the one you have with yourself when no one is watching. Ask yourself: &lt;em&gt;What emotion have I been avoiding naming? What reaction keeps repeating in my life? What story am I telling myself that might not be true?&lt;/em&gt; These are not comfortable questions. But comfort is the enemy of mastery.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Then, practice the sacred pause. For one week, commit to waiting ten seconds before responding to anything that triggers you. An email. A comment. A disappointment. Ten seconds. You will be shocked how many battles you win simply by not showing up for them.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Finally, read. Study. Immerse yourself in the wisdom of those who walked this path before you. Emotional mastery is not a destination. It is a practice. And like any practice, it deepens with repetition, with study, and with the courage to keep going when it feels impossible.&lt;/p&gt;

            &lt;div class="cta-section"&gt;
                &lt;h2&gt;Master Your Emotions, Master Your Life&lt;/h2&gt;
                &lt;p&gt;The stories I shared are not unique. They are universal. The exam. The job. The rejection. The despair. The comeback. &lt;strong&gt;You have your own versions.&lt;/strong&gt; The question is not whether life will test you. The question is whether you will meet those tests as a victim or as a master.&lt;/p&gt;
                &lt;button class="cta-btn" onclick="alert('Start today. Name one emotion you have been avoiding. That is your first step.')"&gt;I Begin Today&lt;/button&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;I wrote &lt;em&gt;Emotional Mastery&lt;/em&gt; because I needed it before I wrote it. Every page is a conversation with the younger version of myself — the angry boy, the reactive young man, the defeated writer — telling him what I wish someone had told me: &lt;strong&gt;your emotions are not your enemy. They are your raw material. Forge them into something unshakable.&lt;/strong&gt;&lt;/p&gt;

        &lt;/article&gt;

        &lt;!-- Footer Section --&gt;
        &lt;div class="footer-section"&gt;
            &lt;h3&gt;&#128214; Get the Complete Guide&lt;/h3&gt;
            &lt;p&gt;&lt;em&gt;Emotional Mastery&lt;/em&gt; is now available on Amazon. If this article resonated with you, the book goes deeper — with frameworks, exercises, and the full story of how emotional discipline transformed every area of my life.&lt;/p&gt;
            &lt;a href="https://www.amazon.com/dp/B0GTLGV8Y8" target="_blank" class="amazon-btn"&gt;
                &#128722; Get It on Amazon
            &lt;/a&gt;
            &lt;p class="footer-note"&gt;Edwin Ogie Library &amp;bull; All rights reserved &amp;bull; &lt;a href="https://edwinogie.blogspot.com/2026/05/emotional-mastery-ebook-now-available.html" style="color: var(--gold); text-decoration: none;"&gt;Blog Edition Also Available&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="share-section"&gt;
            &lt;div class="share-title"&gt;Share this article&lt;/div&gt;
            &lt;div class="share-buttons"&gt;
                &lt;button class="share-btn" title="Share on Twitter"&gt;&#120143;&lt;/button&gt;
                &lt;button class="share-btn" title="Share on Facebook"&gt;f&lt;/button&gt;
                &lt;button class="share-btn" title="Share on LinkedIn"&gt;in&lt;/button&gt;
                &lt;button class="share-btn" title="Copy Link"&gt;&#128279;&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Progress Bar
        window.addEventListener('scroll', () =&gt; {
            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrolled = (winScroll / height) * 100;
            document.getElementById('progressBar').style.width = scrolled + '%';
        });

        // Typewriter Effect
        const text = "Your emotions are not your enemy. They are your raw material. Forge them into something unshakable...";
        let i = 0;
        function typeWriter() {
            if (i &lt; text.length) {
                document.getElementById('typewriter').innerHTML = text.substring(0, i+1) + '&lt;span class="cursor"&gt;&lt;/span&gt;';
                i++;
                setTimeout(typeWriter, 50);
            } else {
                document.getElementById('typewriter').innerHTML = text + '&lt;span class="cursor"&gt;&lt;/span&gt;';
            }
        }
        setTimeout(typeWriter, 1000);

        // Scroll to content
        function scrollToContent() {
            document.querySelector('.content-wrapper').scrollIntoView({ behavior: 'smooth' });
        }

        // Generate particles
        const particlesContainer = document.getElementById('particles');
        for (let i = 0; i &lt; 30; i++) {
            const particle = document.createElement('div');
            particle.className = 'particle';
            particle.style.left = Math.random() * 100 + '%';
            particle.style.animationDelay = Math.random() * 15 + 's';
            particle.style.animationDuration = (10 + Math.random() * 10) + 's';
            particlesContainer.appendChild(particle);
        }

        // Intersection Observer for animations
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.fade-in, .article h2, .article h3, .truth-item').forEach(el =&gt; {
            observer.observe(el);
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/06/emotional-mastery-stories-that-forged.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-3849416005960397911</guid><pubDate>Wed, 03 Jun 2026 17:48:55 +0000</pubDate><atom:updated>2026-06-03T06:48:55.966-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>The Invisible Tax of "Almost" - Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;The Invisible Tax of "Almost" — Edwin Ogie Library&lt;/title&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"&gt;
    &lt;style&gt;
        :root {
            --primary: #1a1a2e;
            --accent: #e94560;
            --accent-light: #ff6b6b;
            --gold: #f5a623;
            --text: #2d2d2d;
            --text-light: #666;
            --bg: #fafafa;
            --card-bg: #ffffff;
            --shadow: 0 4px 20px rgba(0,0,0,0.08);
            --shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
            overflow-x: hidden;
        }

        /* Progress Bar */
        .progress-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(0,0,0,0.05);
            z-index: 1000;
        }
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            width: 0%;
            transition: width 0.1s ease;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&amp;q=80') center/cover;
            opacity: 0.15;
        }

        .particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            animation: float 15s infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(-10vh) rotate(720deg); opacity: 0; }
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 900px;
            padding: 2rem;
        }

        .hero-label {
            display: inline-block;
            padding: 0.5rem 1.5rem;
            background: rgba(233, 69, 96, 0.2);
            border: 1px solid var(--accent);
            color: var(--accent-light);
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            border-radius: 50px;
            margin-bottom: 2rem;
            animation: fadeInDown 1s ease;
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 5rem);
            font-weight: 900;
            color: #fff;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            text-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }

        .hero h1 .highlight {
            color: var(--gold);
            position: relative;
        }

        .typewriter {
            font-family: 'Inter', sans-serif;
            font-size: clamp(1rem, 2vw, 1.3rem);
            color: rgba(255,255,255,0.8);
            font-weight: 300;
            max-width: 600px;
            margin: 0 auto 3rem;
            min-height: 3rem;
        }

        .cursor {
            display: inline-block;
            width: 3px;
            height: 1.2em;
            background: var(--accent);
            margin-left: 2px;
            animation: blink 1s infinite;
            vertical-align: text-bottom;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        .scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
            cursor: pointer;
        }

        .scroll-indicator svg {
            width: 30px;
            height: 30px;
            stroke: rgba(255,255,255,0.6);
            fill: none;
            stroke-width: 2;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-15px); }
            60% { transform: translateX(-50%) translateY(-8px); }
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Main Content */
        .content-wrapper {
            max-width: 800px;
            margin: 0 auto;
            padding: 4rem 2rem;
        }

        .meta-bar {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 3rem;
            padding-bottom: 1.5rem;
            border-bottom: 2px solid #eee;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 1.2rem;
        }

        .meta-info {
            flex: 1;
        }

        .meta-info .name {
            font-weight: 700;
            color: var(--primary);
        }

        .meta-info .details {
            font-size: 0.85rem;
            color: var(--text-light);
        }

        .read-time {
            padding: 0.4rem 1rem;
            background: #f0f0f0;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--text-light);
        }

        /* Typography */
        .article p {
            font-size: 1.15rem;
            margin-bottom: 1.8rem;
            color: var(--text);
            line-height: 1.9;
        }

        .article p.lead {
            font-size: 1.35rem;
            font-weight: 500;
            color: var(--primary);
            border-left: 4px solid var(--accent);
            padding-left: 1.5rem;
            margin: 2.5rem 0;
        }

        .article h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary);
            margin: 3.5rem 0 1.5rem;
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .article h2.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .article h2::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            border-radius: 2px;
        }

        .article h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: var(--primary);
            margin: 2.5rem 0 1rem;
            opacity: 0;
            transform: translateX(-20px);
            transition: all 0.5s ease;
        }

        .article h3.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Interactive Cards */
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 3rem 0;
        }

        .flip-card {
            perspective: 1000px;
            height: 200px;
            cursor: pointer;
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }

        .flip-card.flipped .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 16px;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            box-shadow: var(--shadow);
        }

        .flip-card-front {
            background: var(--card-bg);
            border: 2px solid transparent;
            transition: border-color 0.3s;
        }

        .flip-card:hover .flip-card-front {
            border-color: var(--accent);
        }

        .flip-card-back {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            transform: rotateY(180deg);
        }

        .flip-icon {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .flip-card-front h4 {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--primary);
        }

        .flip-card-back p {
            font-size: 0.95rem;
            color: rgba(255,255,255,0.9);
            margin: 0;
        }

        .flip-hint {
            font-size: 0.75rem;
            color: var(--text-light);
            margin-top: 0.5rem;
        }

        /* Quote Block */
        .quote-block {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            padding: 3rem 2.5rem;
            border-radius: 20px;
            margin: 3rem 0;
            position: relative;
            overflow: hidden;
        }

        .quote-block::before {
            content: '"';
            font-family: 'Playfair Display', serif;
            font-size: 15rem;
            position: absolute;
            top: -3rem;
            left: 1rem;
            color: rgba(255,255,255,0.05);
            line-height: 1;
        }

        .quote-block p {
            font-family: 'Playfair Display', serif;
            font-size: 1.6rem;
            line-height: 1.5;
            color: white;
            margin: 0;
            position: relative;
            z-index: 1;
        }

        .quote-block .quote-author {
            margin-top: 1.5rem;
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            color: var(--gold);
            font-weight: 600;
        }

        /* Numbered List with Animation */
        .truth-list {
            list-style: none;
            padding: 0;
            margin: 2rem 0;
        }

        .truth-item {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: var(--card-bg);
            border-radius: 16px;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateX(-30px);
            transition: all 0.5s ease;
            border-left: 4px solid transparent;
        }

        .truth-item.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .truth-item:hover {
            box-shadow: var(--shadow-hover);
            border-left-color: var(--accent);
            transform: translateX(5px);
        }

        .truth-number {
            min-width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.3rem;
            flex-shrink: 0;
        }

        .truth-content h4 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        .truth-content p {
            font-size: 1rem;
            color: var(--text-light);
            margin: 0;
        }

        /* Counter Section */
        .stats-bar {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin: 3rem 0;
            padding: 2rem;
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-radius: 20px;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            font-weight: 900;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-label {
            font-size: 0.9rem;
            color: var(--text-light);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            padding: 4rem 2rem;
            border-radius: 24px;
            text-align: center;
            margin: 4rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .cta-section h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
        }

        .cta-section p {
            font-size: 1.1rem;
            color: rgba(255,255,255,0.8);
            max-width: 500px;
            margin: 0 auto 2rem;
            position: relative;
            z-index: 1;
        }

        .cta-btn {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
            border: none;
            cursor: pointer;
        }

        .cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(233, 69, 96, 0.4);
        }

        /* Share Buttons */
        .share-section {
            text-align: center;
            margin: 3rem 0;
            padding: 2rem;
            border-top: 1px solid #eee;
        }

        .share-title {
            font-size: 0.9rem;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1rem;
        }

        .share-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
        }

        .share-btn {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #eee;
            background: white;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
        }

        .share-btn:hover {
            background: var(--accent);
            border-color: var(--accent);
            color: white;
            transform: translateY(-3px);
        }

        /* Footer Link Section */
        .footer-promo {
            background: linear-gradient(135deg, #fff5f5, #fffbeb);
            border: 2px dashed var(--accent);
            border-radius: 20px;
            padding: 2rem;
            margin: 3rem 0;
            text-align: center;
        }

        .footer-promo p {
            font-size: 1.1rem;
            color: var(--primary);
            margin-bottom: 1rem;
        }

        .footer-promo a {
            display: inline-block;
            color: var(--accent);
            font-weight: 700;
            text-decoration: none;
            border-bottom: 2px solid var(--accent);
            transition: all 0.3s ease;
        }

        .footer-promo a:hover {
            color: var(--gold);
            border-bottom-color: var(--gold);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .stats-bar {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            .cards-grid {
                grid-template-columns: 1fr;
            }
            .truth-item {
                flex-direction: column;
                text-align: center;
            }
            .hero h1 {
                font-size: 2.5rem;
            }
        }

        /* Fade in animation for paragraphs */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Progress Bar --&gt;
    &lt;div class="progress-container"&gt;
        &lt;div class="progress-bar" id="progressBar"&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Hero Section --&gt;
    &lt;section class="hero" id="hero"&gt;
        &lt;div class="particles" id="particles"&gt;&lt;/div&gt;
        &lt;div class="hero-content"&gt;
            &lt;div class="hero-label"&gt;Personal Growth&lt;/div&gt;
            &lt;h1&gt;The Invisible Tax&lt;br&gt;of &lt;span class="highlight"&gt;"Almost"&lt;/span&gt;&lt;/h1&gt;
            &lt;div class="typewriter" id="typewriter"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="scroll-indicator" onclick="scrollToContent()"&gt;
            &lt;svg viewBox="0 0 24 24"&gt;&lt;path d="M12 5v14M5 12l7 7 7-7"/&gt;&lt;/svg&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Main Content --&gt;
    &lt;div class="content-wrapper"&gt;
        &lt;div class="meta-bar"&gt;
            &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
            &lt;div class="meta-info"&gt;
                &lt;div class="name"&gt;Edwin Ogie&lt;/div&gt;
                &lt;div class="details"&gt;Edwin Ogie Library &amp;bull; June 3, 2026&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="read-time"&gt;7 min read&lt;/div&gt;
        &lt;/div&gt;

        &lt;article class="article"&gt;
            &lt;p class="lead fade-in"&gt;
                &lt;strong&gt;There is a quiet tragedy that never makes the headlines:&lt;/strong&gt; the man who almost started the business. The woman who almost wrote the book. The student who almost passed the exam. The athlete who almost trained hard enough. They all paid the same price as the ones who succeeded — sleepless nights, sacrificed weekends, strained relationships, bruised pride — but they stopped one inch short of the finish line. And that one inch cost them everything.
            &lt;/p&gt;

            &lt;p class="fade-in"&gt;We do not talk about the &lt;em&gt;invisible tax of "almost"&lt;/em&gt; because it is too painful to measure. But if you have ever been there, you know exactly what it feels like. It is the heaviest debt a human soul can carry.&lt;/p&gt;

            &lt;h2&gt;The Mathematics of Almost&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Here is the brutal arithmetic that life operates on: &lt;strong&gt;almost finished is the same as never started.&lt;/strong&gt; Almost qualified is the same as unqualified. Almost ready is the same as unprepared. The world does not grade on effort. It grades on completion. It does not care how close you came. It only cares what you crossed the line with.&lt;/p&gt;

            &lt;p class="fade-in"&gt;We convince ourselves that "almost" is a form of progress. We tell our friends, "I almost got it," as if the word "almost" is a badge of honour. But the truth is harsher: &lt;em&gt;almost is a comfortable lie we tell ourselves so we do not have to face the fact that we quit.&lt;/em&gt;&lt;/p&gt;

            &lt;div class="cards-grid"&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128293;&lt;/div&gt;
                            &lt;h4&gt;The Almost Entrepreneur&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;"I had the business plan, the logo, the website. I just needed one more week to launch." That week became a month. That month became a year. The idea is now someone else's empire.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128218;&lt;/div&gt;
                            &lt;h4&gt;The Almost Graduate&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;"I completed all my courses except one. I told myself I'd retake it next semester." Five years later, the transcript still says 'incomplete.' The dream deferred became the dream denied.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128170;&lt;/div&gt;
                            &lt;h4&gt;The Almost Fit&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Tap to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;"I went to the gym for three months straight. Then life got busy. I almost had the body I wanted." Almost healthy is not healthy. Almost strong is not strong. The body keeps the score.&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;Why We Stop at Almost&lt;/h2&gt;

            &lt;p class="fade-in"&gt;The human mind is a master of self-deception. It will craft elegant excuses for why stopping was the rational choice. &lt;em&gt;"The timing was wrong." "The market shifted." "I discovered it wasn't really my passion."&lt;/em&gt; These are not reasons. They are exit strategies dressed up as wisdom.&lt;/p&gt;

            &lt;p class="fade-in"&gt;We stop at almost because almost feels safe. Almost protects our ego. If you almost succeed, you can still claim you had the talent. If you never fully fail, you never have to face the full weight of your limitations. &lt;strong&gt;Almost is the halfway house between ambition and mediocrity.&lt;/strong&gt;&lt;/p&gt;

            &lt;div class="quote-block"&gt;
                &lt;p&gt;The graveyard is the richest place on earth. It is here that you will find all the hopes and dreams that were never fulfilled, the books that were never written, the songs that were never sung, the inventions that were never shared, the cures that were never discovered, all because someone was too afraid to take that last step.&lt;/p&gt;
                &lt;div class="quote-author"&gt;— Les Brown&lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;The Three Laws of Completion&lt;/h2&gt;

            &lt;ul class="truth-list"&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;1&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Finished Beats Perfect&lt;/h4&gt;
                        &lt;p&gt;A mediocre book that is published changes more lives than a masterpiece that lives in a drawer. A flawed business that is launched teaches more than a perfect plan that is never executed. Completion is a skill. Perfection is a prison.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;2&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;The Last 10% Is Where Legends Are Made&lt;/h4&gt;
                        &lt;p&gt;Anyone can start. The crowd is thick at the starting line. But watch how thin it gets at mile twenty. The last 10% of any project requires 50% of the total effort. That is why so few finish. That is why finishing is so valuable.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;3&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Regret Weighs More Than Failure&lt;/h4&gt;
                        &lt;p&gt;Failure is an event. Regret is a lifestyle. You can recover from failure. You cannot recover from the person you become when you habitually leave things unfinished. The tax of almost compounds with interest.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
            &lt;/ul&gt;

            &lt;h2&gt;The True Cost&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Let us be honest about what "almost" really costs you. It costs you &lt;strong&gt;self-trust.&lt;/strong&gt; Every time you say you will do something and do not finish, you teach yourself that your word is negotiable. Eventually, you stop believing yourself altogether.&lt;/p&gt;

            &lt;p class="fade-in"&gt;It costs you &lt;strong&gt;momentum.&lt;/strong&gt; The energy required to restart something is always greater than the energy required to finish it. Almost is a momentum killer. It forces you to pay the startup cost again and again without ever reaching the reward.&lt;/p&gt;

            &lt;p class="fade-in"&gt;And most painfully, it costs you &lt;strong&gt;the future you.&lt;/strong&gt; The person you would have become if you had crossed that finish line. That version of you — more confident, more capable, more complete — is the greatest casualty of almost. They never get to exist.&lt;/p&gt;

            &lt;div class="stats-bar"&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;92%&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Of Goals Never Finished&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;1&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Step Makes You a Finisher&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number"&gt;0&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Regret When You Complete&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h3&gt;How to Escape the Trap&lt;/h3&gt;

            &lt;p class="fade-in"&gt;Escaping the tax of almost requires a new covenant with yourself. It starts with &lt;strong&gt;radical honesty.&lt;/strong&gt; Stop calling unfinished projects "works in progress" if you have not touched them in months. Stop calling abandoned dreams "on hold" if you have no plan to resume them. Call them what they are: incomplete. And incomplete is not a status. It is a decision.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Next, embrace &lt;strong&gt;ugly completion.&lt;/strong&gt; Your first draft will be terrible. Your first product will be flawed. Your first speech will be awkward. Finish it anyway. The world does not reward elegance at the starting blocks. It rewards the runner who crosses the line, even if they are bleeding, even if they are crawling, even if they are ugly.&lt;/p&gt;

            &lt;p class="fade-in"&gt;Finally, make &lt;strong&gt;public commitments.&lt;/strong&gt; Tell someone you respect that you will finish by a specific date. Shame is a powerful motivator. Use it. Let the fear of disappointing someone else override your comfort with disappointing yourself.&lt;/p&gt;

            &lt;div class="cta-section"&gt;
                &lt;h2&gt;Finish One Thing This Week&lt;/h2&gt;
                &lt;p&gt;Not ten. Not five. &lt;strong&gt;One.&lt;/strong&gt; Pick the project that has been haunting you. The one that is 80% done. The one that whispers your name at midnight. Give it two more hours. Cross the line. Feel what completion tastes like. It is sweeter than you remember.&lt;/p&gt;
                &lt;button class="cta-btn" onclick="alert('Now go finish it. The mountain is waiting.')"&gt;I Will Finish&lt;/button&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;The mountain does not know you are tired. And it certainly does not care that you &lt;em&gt;almost&lt;/em&gt; climbed it. It only knows who stands at the summit. &lt;strong&gt;Be that person.&lt;/strong&gt; Pay the price not of almost, but of absolutely. The view from the top belongs to finishers. Always has. Always will.&lt;/p&gt;

            &lt;!-- Footer Promo --&gt;
            &lt;div class="footer-promo"&gt;
                &lt;p&gt;&#128214; &lt;strong&gt;Ready to master your emotions and finish what you start?&lt;/strong&gt;&lt;/p&gt;
                &lt;p&gt;Get your copy of &lt;a href="https://edwinogie.blogspot.com/2026/05/emotional-mastery-ebook-now-available.html" target="_blank"&gt;Emotional Mastery&lt;/a&gt; — the definitive guide to building unshakable inner discipline.&lt;/p&gt;
            &lt;/div&gt;

        &lt;/article&gt;

        &lt;div class="share-section"&gt;
            &lt;div class="share-title"&gt;Share this article&lt;/div&gt;
            &lt;div class="share-buttons"&gt;
                &lt;button class="share-btn" title="Share on Twitter"&gt;&#120143;&lt;/button&gt;
                &lt;button class="share-btn" title="Share on Facebook"&gt;f&lt;/button&gt;
                &lt;button class="share-btn" title="Share on LinkedIn"&gt;in&lt;/button&gt;
                &lt;button class="share-btn" title="Copy Link"&gt;&#128279;&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Progress Bar
        window.addEventListener('scroll', () =&gt; {
            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrolled = (winScroll / height) * 100;
            document.getElementById('progressBar').style.width = scrolled + '%';
        });

        // Typewriter Effect
        const text = "The heaviest debt a human soul can carry is the weight of what was almost achieved...";
        let i = 0;
        function typeWriter() {
            if (i &lt; text.length) {
                document.getElementById('typewriter').innerHTML = text.substring(0, i+1) + '&lt;span class="cursor"&gt;&lt;/span&gt;';
                i++;
                setTimeout(typeWriter, 50);
            } else {
                document.getElementById('typewriter').innerHTML = text + '&lt;span class="cursor"&gt;&lt;/span&gt;';
            }
        }
        setTimeout(typeWriter, 1000);

        // Scroll to content
        function scrollToContent() {
            document.querySelector('.content-wrapper').scrollIntoView({ behavior: 'smooth' });
        }

        // Generate particles
        const particlesContainer = document.getElementById('particles');
        for (let i = 0; i &lt; 30; i++) {
            const particle = document.createElement('div');
            particle.className = 'particle';
            particle.style.left = Math.random() * 100 + '%';
            particle.style.animationDelay = Math.random() * 15 + 's';
            particle.style.animationDuration = (10 + Math.random() * 10) + 's';
            particlesContainer.appendChild(particle);
        }

        // Intersection Observer for animations
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.fade-in, .article h2, .article h3, .truth-item').forEach(el =&gt; {
            observer.observe(el);
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/06/the-invisible-tax-of-almost-edwin-ogie.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-5867586020144279098</guid><pubDate>Wed, 03 Jun 2026 16:04:54 +0000</pubDate><atom:updated>2026-06-03T05:04:54.238-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>The Mountain Does Not Know You Are Tired — Edwin Ogie</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;The Mountain Does Not Know You Are Tired — Edwin Ogie&lt;i&gt;&lt;/i&gt; Library&lt;/title&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"&gt;
    &lt;style&gt;
        :root {
            --primary: #1a1a2e;
            --accent: #e94560;
            --accent-light: #ff6b6b;
            --gold: #f5a623;
            --text: #2d2d2d;
            --text-light: #666;
            --bg: #fafafa;
            --card-bg: #ffffff;
            --shadow: 0 4px 20px rgba(0,0,0,0.08);
            --shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
            overflow-x: hidden;
        }

        /* Progress Bar */
        .progress-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(0,0,0,0.05);
            z-index: 1000;
        }
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            width: 0%;
            transition: width 0.1s ease;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=1920&amp;q=80') center/cover;
            opacity: 0.15;
        }

        .particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            animation: float 15s infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(-10vh) rotate(720deg); opacity: 0; }
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 900px;
            padding: 2rem;
        }

        .hero-label {
            display: inline-block;
            padding: 0.5rem 1.5rem;
            background: rgba(233, 69, 96, 0.2);
            border: 1px solid var(--accent);
            color: var(--accent-light);
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            border-radius: 50px;
            margin-bottom: 2rem;
            animation: fadeInDown 1s ease;
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 5rem);
            font-weight: 900;
            color: #fff;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            text-shadow: 0 4px 30px rgba(0,0,0,0.3);
        }

        .hero h1 .highlight {
            color: var(--gold);
            position: relative;
        }

        .typewriter {
            font-family: 'Inter', sans-serif;
            font-size: clamp(1rem, 2vw, 1.3rem);
            color: rgba(255,255,255,0.8);
            font-weight: 300;
            max-width: 600px;
            margin: 0 auto 3rem;
            min-height: 3rem;
        }

        .cursor {
            display: inline-block;
            width: 3px;
            height: 1.2em;
            background: var(--accent);
            margin-left: 2px;
            animation: blink 1s infinite;
            vertical-align: text-bottom;
        }

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

        .scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
            cursor: pointer;
        }

        .scroll-indicator svg {
            width: 30px;
            height: 30px;
            stroke: rgba(255,255,255,0.6);
            fill: none;
            stroke-width: 2;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-15px); }
            60% { transform: translateX(-50%) translateY(-8px); }
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Main Content */
        .content-wrapper {
            max-width: 800px;
            margin: 0 auto;
            padding: 4rem 2rem;
        }

        .meta-bar {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 3rem;
            padding-bottom: 1.5rem;
            border-bottom: 2px solid #eee;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 1.2rem;
        }

        .meta-info {
            flex: 1;
        }

        .meta-info .name {
            font-weight: 700;
            color: var(--primary);
        }

        .meta-info .details {
            font-size: 0.85rem;
            color: var(--text-light);
        }

        .read-time {
            padding: 0.4rem 1rem;
            background: #f0f0f0;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--text-light);
        }

        /* Typography */
        .article p {
            font-size: 1.15rem;
            margin-bottom: 1.8rem;
            color: var(--text);
            line-height: 1.9;
        }

        .article p.lead {
            font-size: 1.35rem;
            font-weight: 500;
            color: var(--primary);
            border-left: 4px solid var(--accent);
            padding-left: 1.5rem;
            margin: 2.5rem 0;
        }

        .article h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary);
            margin: 3.5rem 0 1.5rem;
            position: relative;
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .article h2.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .article h2::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), var(--gold));
            border-radius: 2px;
        }

        .article h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: var(--primary);
            margin: 2.5rem 0 1rem;
            opacity: 0;
            transform: translateX(-20px);
            transition: all 0.5s ease;
        }

        .article h3.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Interactive Cards */
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 3rem 0;
        }

        .flip-card {
            perspective: 1000px;
            height: 200px;
            cursor: pointer;
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }

        .flip-card.flipped .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 16px;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            box-shadow: var(--shadow);
        }

        .flip-card-front {
            background: var(--card-bg);
            border: 2px solid transparent;
            transition: border-color 0.3s;
        }

        .flip-card:hover .flip-card-front {
            border-color: var(--accent);
        }

        .flip-card-back {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            transform: rotateY(180deg);
        }

        .flip-icon {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .flip-card-front h4 {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--primary);
        }

        .flip-card-back p {
            font-size: 0.95rem;
            color: rgba(255,255,255,0.9);
            margin: 0;
        }

        .flip-hint {
            font-size: 0.75rem;
            color: var(--text-light);
            margin-top: 0.5rem;
        }

        /* Quote Block */
        .quote-block {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            padding: 3rem 2.5rem;
            border-radius: 20px;
            margin: 3rem 0;
            position: relative;
            overflow: hidden;
        }

        .quote-block::before {
            content: '"';
            font-family: 'Playfair Display', serif;
            font-size: 15rem;
            position: absolute;
            top: -3rem;
            left: 1rem;
            color: rgba(255,255,255,0.05);
            line-height: 1;
        }

        .quote-block p {
            font-family: 'Playfair Display', serif;
            font-size: 1.6rem;
            line-height: 1.5;
            color: white;
            margin: 0;
            position: relative;
            z-index: 1;
        }

        .quote-block .quote-author {
            margin-top: 1.5rem;
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            color: var(--gold);
            font-weight: 600;
        }

        /* Numbered List with Animation */
        .truth-list {
            list-style: none;
            padding: 0;
            margin: 2rem 0;
        }

        .truth-item {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: var(--card-bg);
            border-radius: 16px;
            box-shadow: var(--shadow);
            opacity: 0;
            transform: translateX(-30px);
            transition: all 0.5s ease;
            border-left: 4px solid transparent;
        }

        .truth-item.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .truth-item:hover {
            box-shadow: var(--shadow-hover);
            border-left-color: var(--accent);
            transform: translateX(5px);
        }

        .truth-number {
            min-width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.3rem;
            flex-shrink: 0;
        }

        .truth-content h4 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        .truth-content p {
            font-size: 1rem;
            color: var(--text-light);
            margin: 0;
        }

        /* Counter Section */
        .stats-bar {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin: 3rem 0;
            padding: 2rem;
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border-radius: 20px;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            font-weight: 900;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-label {
            font-size: 0.9rem;
            color: var(--text-light);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(135deg, var(--primary), #16213e);
            color: white;
            padding: 4rem 2rem;
            border-radius: 24px;
            text-align: center;
            margin: 4rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .cta-section h2 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
        }

        .cta-section p {
            font-size: 1.1rem;
            color: rgba(255,255,255,0.8);
            max-width: 500px;
            margin: 0 auto 2rem;
            position: relative;
            z-index: 1;
        }

        .cta-btn {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: linear-gradient(135deg, var(--accent), var(--gold));
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
            border: none;
            cursor: pointer;
        }

        .cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(233, 69, 96, 0.4);
        }

        /* Share Buttons */
        .share-section {
            text-align: center;
            margin: 3rem 0;
            padding: 2rem;
            border-top: 1px solid #eee;
        }

        .share-title {
            font-size: 0.9rem;
            color: var(--text-light);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1rem;
        }

        .share-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
        }

        .share-btn {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #eee;
            background: white;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
        }

        .share-btn:hover {
            background: var(--accent);
            border-color: var(--accent);
            color: white;
            transform: translateY(-3px);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .stats-bar {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            .cards-grid {
                grid-template-columns: 1fr;
            }
            .truth-item {
                flex-direction: column;
                text-align: center;
            }
            .hero h1 {
                font-size: 2.5rem;
            }
        }

        /* Fade in animation for paragraphs */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Progress Bar --&gt;
    &lt;div class="progress-container"&gt;
        &lt;div class="progress-bar" id="progressBar"&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Hero Section --&gt;
    &lt;section class="hero" id="hero"&gt;
        &lt;div class="particles" id="particles"&gt;&lt;/div&gt;
        &lt;div class="hero-content"&gt;
            &lt;div class="hero-label"&gt;Personal Growth&lt;/div&gt;
            &lt;h1&gt;The Mountain Does Not&lt;br&gt;Know You Are &lt;span class="highlight"&gt;Tired&lt;/span&gt;&lt;/h1&gt;
            &lt;div class="typewriter" id="typewriter"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="scroll-indicator" onclick="scrollToContent()"&gt;
            &lt;svg viewBox="0 0 24 24"&gt;&lt;path d="M12 5v14M5 12l7 7 7-7"/&gt;&lt;/svg&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Main Content --&gt;
    &lt;div class="content-wrapper"&gt;
        &lt;div class="meta-bar"&gt;
            &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
            &lt;div class="meta-info"&gt;
                &lt;div class="name"&gt;Edwin Ogie&lt;/div&gt;
                &lt;div class="details"&gt;Edwin Ogie Library &amp;bull; June 3, 2026&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="read-time"&gt;6 min read&lt;/div&gt;
        &lt;/div&gt;

        &lt;article class="article"&gt;
            &lt;p class="lead fade-in"&gt;
                &lt;strong&gt;There is a secret that every successful person knows but rarely says out loud:&lt;/strong&gt; the mountain does not know you are tired. The exam does not care that you studied until 2 a.m. The business does not care that you failed before. The body you want does not care about your past injuries. The life you dream of does not negotiate with your excuses.
            &lt;/p&gt;

            &lt;p class="fade-in"&gt;At first, this sounds cruel. But if you sit with it long enough, it becomes &lt;em&gt;the most liberating truth you will ever learn.&lt;/em&gt;&lt;/p&gt;

            &lt;h2&gt;The Lie We Tell Ourselves&lt;/h2&gt;

            &lt;p class="fade-in"&gt;We are taught to believe that life rewards &lt;em&gt;effort&lt;/em&gt; — that if we simply try hard enough, someone will notice, someone will rescue us, someone will make the path easier. But life does not reward effort. Life rewards &lt;strong&gt;outcomes built from relentless, imperfect, stubborn effort over time.&lt;/strong&gt;&lt;/p&gt;

            &lt;p class="fade-in"&gt;I have seen brilliant students drop out because the first exam humbled them. I have seen talented writers quit because the first rejection stung. I have seen people with incredible potential settle for average because average did not demand as much pain.&lt;/p&gt;

            &lt;p class="fade-in"&gt;And here is what breaks my heart: &lt;strong&gt;they were all closer than they thought.&lt;/strong&gt;&lt;/p&gt;

            &lt;!-- Interactive Cards --&gt;
            &lt;div class="cards-grid"&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#127919;&lt;/div&gt;
                            &lt;h4&gt;The Exam&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Click to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;"It does not care that you studied until 2 a.m. It only cares what you produce when the clock starts."&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#128188;&lt;/div&gt;
                            &lt;h4&gt;The Business&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Click to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;"It does not care that you failed before. It only cares if you are willing to fail again — smarter."&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="flip-card" onclick="this.classList.toggle('flipped')"&gt;
                    &lt;div class="flip-card-inner"&gt;
                        &lt;div class="flip-card-front"&gt;
                            &lt;div class="flip-icon"&gt;&#127956;️&lt;/div&gt;
                            &lt;h4&gt;The Mountain&lt;/h4&gt;
                            &lt;span class="flip-hint"&gt;Click to reveal&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class="flip-card-back"&gt;
                            &lt;p&gt;"It does not know you are tired. It only knows if you keep climbing or if you turn back."&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;The Story of the Second Wind&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Marathon runners talk about a phenomenon called &lt;strong&gt;"hitting the wall."&lt;/strong&gt; It usually happens around mile 20. Your legs feel like concrete. Your lungs burn. Your mind screams, &lt;em&gt;"Stop. You have done enough. No one will blame you."&lt;/em&gt;&lt;/p&gt;

            &lt;div class="quote-block"&gt;
                &lt;p&gt;The body lies. The mind lies. Only action tells the truth.&lt;/p&gt;
                &lt;div class="quote-author"&gt;— The Unwritten Rule of Endurance&lt;/div&gt;
            &lt;/div&gt;

            &lt;p class="fade-in"&gt;But the runners who break through that wall do not find some magical reserve of energy. They discover something better: &lt;strong&gt;they were always capable of more than their pain told them.&lt;/strong&gt;&lt;/p&gt;

            &lt;p class="fade-in"&gt;Your goals are the same. That wall you are facing? It is not a stop sign. It is a filter. It exists to separate the committed from the curious.&lt;/p&gt;

            &lt;!-- Stats --&gt;
            &lt;div class="stats-bar"&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number" data-target="80"&gt;0&lt;/div&gt;
                    &lt;div class="stat-label"&gt;% Quit at the Wall&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number" data-target="100"&gt;0&lt;/div&gt;
                    &lt;div class="stat-label"&gt;% Who Persist, Win&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="stat-item"&gt;
                    &lt;div class="stat-number" data-target="1"&gt;0&lt;/div&gt;
                    &lt;div class="stat-label"&gt;Day It Takes to Start&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;h2&gt;What Obstacles Actually Are&lt;/h2&gt;

            &lt;p class="fade-in"&gt;We treat obstacles as punishments. They are not. &lt;strong&gt;Obstacles are questions.&lt;/strong&gt; They ask you:&lt;/p&gt;

            &lt;ul class="truth-list"&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;1&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;How badly do you want this?&lt;/h4&gt;
                        &lt;p&gt;Desire is tested not when things are easy, but when every voice tells you to quit.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;2&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Are you willing to learn what you do not yet know?&lt;/h4&gt;
                        &lt;p&gt;Humility is the price of admission to every next level of your life.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;3&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Can you endure the discomfort of becoming someone new?&lt;/h4&gt;
                        &lt;p&gt;Growth is not comfortable. It is the deliberate destruction of your former self.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
                &lt;li class="truth-item"&gt;
                    &lt;div class="truth-number"&gt;4&lt;/div&gt;
                    &lt;div class="truth-content"&gt;
                        &lt;h4&gt;Will you keep going when no one is clapping?&lt;/h4&gt;
                        &lt;p&gt;The most important work you will ever do happens in total silence.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/li&gt;
            &lt;/ul&gt;

            &lt;p class="fade-in"&gt;Every obstacle is an interview. And most people fail it not because they lack talent, but because they &lt;strong&gt;stop answering.&lt;/strong&gt;&lt;/p&gt;

            &lt;h2&gt;The Permission You Have Been Waiting For&lt;/h2&gt;

            &lt;p class="fade-in"&gt;Let me save you time: &lt;strong&gt;no one is coming to validate your struggle.&lt;/strong&gt; There will be no parade for your late nights. No certificate for your tears. No medal for getting out of bed when depression made it feel like lifting a car.&lt;/p&gt;

            &lt;p class="fade-in"&gt;But that is not bad news. It is &lt;strong&gt;freedom.&lt;/strong&gt;&lt;/p&gt;

            &lt;p class="fade-in"&gt;If no one is watching, you are free to fail without shame. If no one is grading your process, you are free to do it your way. If the mountain does not care about your excuses, then &lt;strong&gt;your excuses no longer matter.&lt;/strong&gt; Only the climb matters.&lt;/p&gt;

            &lt;h2&gt;Three Truths to Carry With You&lt;/h2&gt;

            &lt;h3&gt;1. Progress is quiet.&lt;/h3&gt;
            &lt;p class="fade-in"&gt;The most important changes in your life will happen in silence. The early mornings. The extra chapter. The uncomfortable conversation. The saved dollar. No one will tweet about it. &lt;strong&gt;Do it anyway.&lt;/strong&gt;&lt;/p&gt;

            &lt;h3&gt;2. Comparison is a thief that only steals from you.&lt;/h3&gt;
            &lt;p class="fade-in"&gt;Someone will always be ahead. Someone will always make it look easier. But their journey is not your journey. &lt;strong&gt;Your only competition is the person you were yesterday.&lt;/strong&gt; Beat that person by one percent. That is enough.&lt;/p&gt;

            &lt;h3&gt;3. You are not behind. You are just getting started.&lt;/h3&gt;
            &lt;p class="fade-in"&gt;There is no universal timeline for success. The 25-year-old millionaire and the 55-year-old graduate are both winning. &lt;strong&gt;Your pace is not a measure of your potential.&lt;/strong&gt; Your direction is.&lt;/p&gt;

            &lt;h2&gt;The Final Word&lt;/h2&gt;

            &lt;p class="fade-in"&gt;The mountain does not know you are tired. But &lt;em&gt;you&lt;/em&gt; know something the mountain does not: &lt;strong&gt;you are still climbing.&lt;/strong&gt;&lt;/p&gt;

            &lt;p class="fade-in"&gt;And that — that stubborn, irrational, beautiful refusal to quit — is what turns ordinary people into unstoppable forces.&lt;/p&gt;

            &lt;p class="fade-in"&gt;So rest if you must. Cry if you need to. But do not descend. &lt;strong&gt;The view at the top is not just scenery. It is proof of who you became to get there.&lt;/strong&gt;&lt;/p&gt;
        &lt;/article&gt;

        &lt;!-- CTA Section --&gt;
        &lt;div class="cta-section"&gt;
            &lt;h2&gt;Keep Climbing&lt;/h2&gt;
            &lt;p&gt;What obstacle are you currently facing? Write it down. Name it. Then take one small step toward it today.&lt;/p&gt;
            &lt;button class="cta-btn" onclick="scrollToTop()"&gt;Read Again &amp;uarr;&lt;/button&gt;
        &lt;/div&gt;

        &lt;!-- Share Section --&gt;
        &lt;div class="share-section"&gt;
            &lt;div class="share-title"&gt;Share This Post&lt;/div&gt;
            &lt;div class="share-buttons"&gt;
                &lt;button class="share-btn" onclick="shareTo('twitter')" title="Share on Twitter"&gt;&#120143;&lt;/button&gt;
                &lt;button class="share-btn" onclick="shareTo('facebook')" title="Share on Facebook"&gt;f&lt;/button&gt;
                &lt;button class="share-btn" onclick="shareTo('linkedin')" title="Share on LinkedIn"&gt;in&lt;/button&gt;
                &lt;button class="share-btn" onclick="copyLink()" title="Copy Link"&gt;&#128279;&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        // Particle Animation
        function createParticles() {
            const container = document.getElementById('particles');
            for (let i = 0; i &lt; 30; i++) {
                const particle = document.createElement('div');
                particle.className = 'particle';
                particle.style.left = Math.random() * 100 + '%';
                particle.style.animationDelay = Math.random() * 15 + 's';
                particle.style.animationDuration = (10 + Math.random() * 10) + 's';
                particle.style.width = (2 + Math.random() * 4) + 'px';
                particle.style.height = particle.style.width;
                container.appendChild(particle);
            }
        }
        createParticles();

        // Typewriter Effect
        const typeText = "An inspiring reflection on why your obstacles do not care about your excuses — and why that is the most liberating truth you will ever learn.";
        const typewriter = document.getElementById('typewriter');
        let charIndex = 0;

        function typeWriter() {
            if (charIndex &lt; typeText.length) {
                typewriter.innerHTML = typeText.substring(0, charIndex + 1) + '&lt;span class="cursor"&gt;&lt;/span&gt;';
                charIndex++;
                setTimeout(typeWriter, 40);
            } else {
                typewriter.innerHTML = typeText + '&lt;span class="cursor"&gt;&lt;/span&gt;';
            }
        }
        setTimeout(typeWriter, 1000);

        // Scroll Progress Bar
        window.addEventListener('scroll', () =&gt; {
            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrolled = (winScroll / height) * 100;
            document.getElementById('progressBar').style.width = scrolled + '%';
        });

        // Scroll to Content
        function scrollToContent() {
            document.querySelector('.content-wrapper').scrollIntoView({ behavior: 'smooth' });
        }

        function scrollToTop() {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }

        // Intersection Observer for Animations
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, observerOptions);

        // Observe all animated elements
        document.querySelectorAll('.fade-in, .article h2, .article h3, .truth-item').forEach(el =&gt; {
            observer.observe(el);
        });

        // Animated Counter
        const counterObserver = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    const target = parseInt(entry.target.getAttribute('data-target'));
                    animateCounter(entry.target, target);
                    counterObserver.unobserve(entry.target);
                }
            });
        }, { threshold: 0.5 });

        document.querySelectorAll('.stat-number').forEach(el =&gt; {
            counterObserver.observe(el);
        });

        function animateCounter(element, target) {
            let current = 0;
            const increment = target / 50;
            const timer = setInterval(() =&gt; {
                current += increment;
                if (current &gt;= target) {
                    element.textContent = target + (target === 1 ? '' : target === 100 ? '%' : '%');
                    clearInterval(timer);
                } else {
                    element.textContent = Math.floor(current) + (target === 1 ? '' : target === 100 ? '%' : '%');
                }
            }, 30);
        }

        // Share Functions
        function shareTo(platform) {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent("The Mountain Does Not Know You Are Tired - an inspiring read from Edwin Ogie Library");
            let shareUrl = '';

            switch(platform) {
                case 'twitter':
                    shareUrl = `https://twitter.com/intent/tweet?url=${url}&amp;text=${text}`;
                    break;
                case 'facebook':
                    shareUrl = `https://www.facebook.com/sharer/sharer.php?u=${url}`;
                    break;
                case 'linkedin':
                    shareUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${url}`;
                    break;
            }
            if (shareUrl) window.open(shareUrl, '_blank', 'width=600,height=400');
        }

        function copyLink() {
            navigator.clipboard.writeText(window.location.href).then(() =&gt; {
                alert('Link copied to clipboard!');
            });
        }

        // Parallax effect for hero
        window.addEventListener('scroll', () =&gt; {
            const scrolled = window.pageYOffset;
            const hero = document.querySelector('.hero');
            if (hero &amp;&amp; scrolled &lt; window.innerHeight) {
                hero.style.transform = `translateY(${scrolled * 0.5}px)`;
            }
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/06/the-mountain-does-not-know-you-are.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-8100908790848263628</guid><pubDate>Sat, 23 May 2026 05:36:01 +0000</pubDate><atom:updated>2026-05-22T18:48:37.059-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><category domain="http://www.blogger.com/atom/ns#">non-fiction</category><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>The Space Between Feeling and Speaking </title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;The Space Between Feeling and Speaking | Edwin Ogie&lt;/title&gt;
    &lt;meta name="description" content="Edwin Ogie explores the critical gap between emotion and response—and why most people never learn to see it."&gt;
    &lt;meta name="author" content="Edwin Ogie"&gt;
    &lt;meta name="copyright" content="© 2026 Edwin Ogie. All rights reserved."&gt;
    &lt;style&gt;
        /* === ADAPTED FOR LIGHT GREEN BLOGGER THEME === */
        :root {
            --gold: #B8860B;
            --gold-light: #D4A843;
            --dark-text: #1A1A1A;
            --medium-text: #333333;
            --muted-text: #555555;
            --light-bg: #F0FFF4;
            --card-bg: #FFFFFF;
            --border-color: #D4A843;
        }

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

        body {
            font-family: Georgia, 'Times New Roman', serif;
            background: transparent;
            color: var(--dark-text);
            line-height: 1.8;
            font-size: 18px;
        }

        /* Progress Bar */
        .progress-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(0,0,0,0.1);
            z-index: 1000;
        }

        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--gold), #C9782A);
            width: 0%;
            transition: width 0.1s ease;
        }

        /* Header */
        .post-header {
            background: linear-gradient(180deg, #1A1A1A 0%, #2D2D2D 100%);
            padding: 60px 20px 50px;
            text-align: center;
            border-bottom: 3px solid var(--gold);
            margin: -15px -15px 0 -15px;
        }

        .post-tag {
            display: inline-block;
            font-family: Arial, sans-serif;
            font-size: 11px;
            font-weight: bold;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--gold-light);
            border: 1px solid var(--gold-light);
            padding: 8px 20px;
            margin-bottom: 25px;
        }

        .post-header h1 {
            font-size: clamp(1.8rem, 5vw, 3rem);
            font-weight: bold;
            line-height: 1.2;
            max-width: 800px;
            margin: 0 auto 20px;
            color: #FFFFFF;
        }

        .post-header .gold {
            color: var(--gold-light);
        }

        .post-subtitle {
            font-size: 1.1rem;
            color: #CCCCCC;
            max-width: 600px;
            margin: 0 auto;
            font-family: Arial, sans-serif;
        }

        .post-meta {
            margin-top: 25px;
            font-size: 14px;
            color: #AAAAAA;
            font-family: Arial, sans-serif;
        }

        .post-meta a {
            color: var(--gold-light);
            text-decoration: none;
        }

        /* Copyright Notice */
        .copyright-bar {
            background: #2D2D2D;
            padding: 12px 20px;
            text-align: center;
            font-size: 12px;
            color: #AAAAAA;
            font-family: Arial, sans-serif;
            border-bottom: 1px solid rgba(212, 168, 67, 0.2);
            margin: 0 -15px;
        }

        .copyright-bar strong {
            color: var(--gold-light);
        }

        /* Content */
        .content {
            max-width: 720px;
            margin: 0 auto;
            padding: 40px 15px;
        }

        .content p {
            margin-bottom: 25px;
            color: var(--medium-text);
        }

        .content p.lead {
            font-size: 1.25rem;
            color: var(--dark-text);
            line-height: 1.6;
        }

        .content h2 {
            font-size: 1.7rem;
            font-weight: bold;
            color: var(--dark-text);
            margin: 45px 0 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--border-color);
        }

        .content strong {
            color: var(--dark-text);
        }

        /* Pull Quote */
        .pull-quote {
            background: linear-gradient(145deg, #FFFFFF 0%, #F8F8F8 100%);
            border-left: 4px solid var(--gold);
            padding: 30px;
            margin: 35px 0;
            font-size: 1.25rem;
            font-style: italic;
            color: var(--dark-text);
            line-height: 1.5;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        .pull-quote .highlight {
            color: var(--gold);
            font-weight: bold;
        }

        /* Problem Box */
        .problem-box {
            background: linear-gradient(145deg, #FFFFFF 0%, #F5F5F5 100%);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 35px;
            margin: 35px 0;
            position: relative;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
        }

        .problem-label {
            position: absolute;
            top: -12px;
            left: 25px;
            background: var(--gold);
            color: #FFFFFF;
            font-family: Arial, sans-serif;
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 2px;
            padding: 5px 15px;
            text-transform: uppercase;
            border-radius: 3px;
        }

        .problem-box h4 {
            color: var(--gold);
            font-size: 1.1rem;
            margin-bottom: 15px;
        }

        .problem-box p {
            margin-bottom: 12px;
            font-size: 1rem;
            color: var(--medium-text);
        }

        /* Teaser Grid */
        .teaser-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin: 35px 0;
        }

        .teaser-card {
            background: #FFFFFF;
            border: 1px solid rgba(212, 168, 67, 0.2);
            border-radius: 8px;
            padding: 25px;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }

        .teaser-card:hover {
            border-color: var(--gold);
            transform: translateY(-3px);
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }

        .teaser-card h3 {
            color: var(--gold);
            font-size: 1.05rem;
            margin-bottom: 12px;
        }

        .teaser-card p {
            font-size: 0.95rem;
            margin: 0;
            color: var(--muted-text);
        }

        /* Hook Section */
        .hook-section {
            background: linear-gradient(145deg, #FFFFFF 0%, #F8F8F8 100%);
            border: 1px solid rgba(212, 168, 67, 0.15);
            border-radius: 8px;
            padding: 40px;
            margin: 45px 0;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.04);
        }

        .hook-section h3 {
            color: var(--gold);
            font-size: 1.3rem;
            margin-bottom: 20px;
        }

        .hook-section p {
            max-width: 600px;
            margin: 0 auto;
            font-size: 1.05rem;
            color: var(--medium-text);
        }

        /* Author Note */
        .author-note {
            background: #FFFFFF;
            border: 1px solid rgba(212, 168, 67, 0.15);
            border-radius: 8px;
            padding: 30px;
            margin: 45px 0;
            display: flex;
            gap: 20px;
            align-items: flex-start;
            box-shadow: 0 2px 10px rgba(0,0,0,0.04);
        }

        .author-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--gold), #C9782A);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: bold;
            color: #FFFFFF;
            flex-shrink: 0;
        }

        .author-note-content h4 {
            color: var(--gold);
            margin-bottom: 10px;
            font-size: 1.05rem;
        }

        .author-note-content p {
            font-size: 0.95rem;
            margin: 0;
            color: var(--muted-text);
        }

        .author-note-content a {
            color: var(--gold);
            text-decoration: none;
            font-weight: bold;
        }

        /* Comment Prompt */
        .comment-prompt {
            background: linear-gradient(145deg, #FFFFFF 0%, #F8F8F8 100%);
            border: 2px solid var(--gold);
            border-radius: 8px;
            padding: 35px;
            margin: 45px 0;
            text-align: center;
            box-shadow: 0 2px 15px rgba(0,0,0,0.06);
        }

        .comment-prompt h4 {
            color: var(--gold);
            font-size: 1.2rem;
            margin-bottom: 20px;
        }

        .comment-prompt p {
            color: var(--medium-text);
            margin-bottom: 15px;
            font-size: 1rem;
        }

        .comment-prompt .options {
            text-align: left;
            max-width: 500px;
            margin: 20px auto;
            color: var(--medium-text);
        }

        .comment-prompt .options div {
            padding: 8px 0;
            border-bottom: 1px dashed rgba(0,0,0,0.1);
        }

        .comment-prompt .options div:last-child {
            border-bottom: none;
        }

        .comment-prompt .cta-text {
            color: var(--gold);
            font-weight: bold;
            font-style: italic;
            margin-top: 20px;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(180deg, #2D2D2D 0%, #1A1A1A 100%);
            padding: 60px 20px;
            text-align: center;
            margin: 0 -15px;
        }

        .cta-section h2 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            color: #FFFFFF;
        }

        .cta-section .gold {
            color: var(--gold-light);
        }

        .cta-section p {
            max-width: 500px;
            margin: 0 auto 30px;
            color: #CCCCCC;
        }

        .btn {
            display: inline-block;
            font-family: Arial, sans-serif;
            font-weight: bold;
            font-size: 14px;
            padding: 16px 40px;
            border-radius: 4px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .btn-primary {
            background: var(--gold);
            color: #FFFFFF;
        }

        .btn-primary:hover {
            background: var(--gold-light);
            transform: translateY(-2px);
        }

        .btn-secondary {
            background: transparent;
            color: #FFFFFF;
            border: 1px solid rgba(255,255,255,0.3);
            margin-left: 15px;
        }

        .btn-secondary:hover {
            border-color: var(--gold-light);
            color: var(--gold-light);
        }

        /* Share */
        .share-bar {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 35px 0;
        }

        .share-btn {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: #FFFFFF;
            border: 1px solid rgba(0,0,0,0.1);
            color: var(--muted-text);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 18px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }

        .share-btn:hover {
            border-color: var(--gold);
            color: var(--gold);
            transform: translateY(-2px);
        }

        /* Footer */
        .post-footer {
            padding: 30px 20px;
            text-align: center;
            background: #1A1A1A;
            margin: 0 -15px -15px -15px;
        }

        .post-footer p {
            font-size: 13px;
            color: #888888;
            font-family: Arial, sans-serif;
        }

        .post-footer a {
            color: var(--gold-light);
            text-decoration: none;
        }

        /* Responsive */
        @media (max-width: 600px) {
            .post-header {
                padding: 40px 15px 35px;
            }

            .content {
                padding: 30px 12px;
            }

            .author-note {
                flex-direction: column;
                text-align: center;
            }

            .author-avatar {
                margin: 0 auto;
            }

            .btn-secondary {
                margin-left: 0;
                margin-top: 15px;
            }

            .cta-section .btn {
                display: block;
                width: 90%;
                margin: 10px auto;
            }

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

        /* Fade in */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Progress Bar --&gt;
    &lt;div class="progress-container"&gt;
        &lt;div class="progress-bar" id="progressBar"&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Header --&gt;
    &lt;header class="post-header"&gt;
        &lt;div class="post-tag"&gt;From the Next Book&lt;/div&gt;
        &lt;h1&gt;The Space Between &lt;span class="gold"&gt;Feeling&lt;/span&gt; and &lt;span class="gold"&gt;Speaking&lt;/span&gt;&lt;/h1&gt;
        &lt;p class="post-subtitle"&gt;Why most people never notice the gap-and why those who do, change everything.&lt;/p&gt;
        &lt;div class="post-meta"&gt;
            By &lt;a href="https://amazon.com/author/edwinogie"&gt;Edwin Ogie&lt;/a&gt; · Author of &lt;em&gt;Emotional Mastery&lt;/em&gt; &amp; &lt;em&gt;The Inner Scaffold&lt;/em&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- Copyright Notice --&gt;
    &lt;div class="copyright-bar"&gt;
        &lt;strong&gt;© 2026 Edwin Ogie.&lt;/strong&gt; This essay is an original work. Excerpts may be shared with attribution. 
        The full methodology and frameworks described here will appear in an upcoming book.
    &lt;/div&gt;

    &lt;!-- Content --&gt;
    &lt;article class="content"&gt;

        &lt;p class="lead fade-in"&gt;You said something you regret. Again. The words came out before you could stop them, and now you are living with the consequences.&lt;/p&gt;

        &lt;p class="fade-in"&gt;Not because you are a bad person. Not because you lack self-control. But because no one ever taught you that there is a &lt;strong&gt;space&lt;/strong&gt; between what you feel and what you say—and that space can be built, widened, and fortified.&lt;/p&gt;

        &lt;div class="pull-quote fade-in"&gt;
            "The gap between feeling and speaking is where your life is won or lost. Most people have no structure in that gap. They just react."
        &lt;/div&gt;

        &lt;h2 class="fade-in"&gt;The Problem No One Names&lt;/h2&gt;

        &lt;p class="fade-in"&gt;Self-help tells you to "count to ten" or "take a deep breath." That is not wrong. It is just insufficient. It treats the symptom—explosive reaction—without addressing the architecture that allows the explosion in the first place.&lt;/p&gt;

        &lt;p class="fade-in"&gt;What is missing is an understanding of how emotion moves through the body, how it seeks expression, and how the untrained mouth becomes the easiest exit. Until you see the path, you cannot interrupt it. Until you interrupt it, you cannot choose differently.&lt;/p&gt;

        &lt;div class="problem-box fade-in"&gt;
            &lt;div class="problem-label"&gt;The Unnamed Pattern&lt;/div&gt;
            &lt;h4&gt;Thursday evening. A brutal day.&lt;/h4&gt;
            &lt;p&gt;You walk through the door carrying the weight of deadlines, difficult conversations, and traffic. Your partner asks a simple question. Something innocent.&lt;/p&gt;
            &lt;p&gt;Your chest tightens. Your jaw locks. Words fly out that have nothing to do with the question and everything to do with the accumulated pressure you never discharged.&lt;/p&gt;
            &lt;p&gt;The room changes. The evening is damaged. And you are left wondering why a simple question became a battlefield.&lt;/p&gt;
            &lt;p style="color: var(--muted-text); font-style: italic; margin-top: 20px;"&gt;The question was not the problem. The architecture of your response was.&lt;/p&gt;
        &lt;/div&gt;

        &lt;h2 class="fade-in"&gt;What the Book Will Explore&lt;/h2&gt;

        &lt;p class="fade-in"&gt;My upcoming book is not another manual on "being nice" or "staying calm." It is a structural examination of how humans communicate under pressure—and how to redesign that structure from the inside out.&lt;/p&gt;

        &lt;div class="teaser-grid"&gt;
            &lt;div class="teaser-card fade-in"&gt;
                &lt;h3&gt;The Architecture of a Message&lt;/h3&gt;
                &lt;p&gt;How words, tone, timing, and context combine to create meaning—or destroy it.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="teaser-card fade-in"&gt;
                &lt;h3&gt;Listening as Engineering&lt;/h3&gt;
                &lt;p&gt;Why most people listen to respond, not to understand-and how to reverse that default.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="teaser-card fade-in"&gt;
                &lt;h3&gt;The Pressure Response&lt;/h3&gt;
                &lt;p&gt;What happens in the body and mind when emotion demands an exit, and how to build a better door.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="teaser-card fade-in"&gt;
                &lt;h3&gt;Repair Conversations&lt;/h3&gt;
                &lt;p&gt;How to rebuild what explosive words break-and why repair done well deepens trust beyond the original damage.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="teaser-card fade-in"&gt;
                &lt;h3&gt;Boundary Speech&lt;/h3&gt;
                &lt;p&gt;How to say no, set limits, and maintain connection without collapsing into people-pleasing or exploding into aggression.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="teaser-card fade-in"&gt;
                &lt;h3&gt;The Difficult Conversation&lt;/h3&gt;
                &lt;p&gt;Frameworks for the conversations no one wants to have-but everyone eventually must.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="hook-section fade-in"&gt;
            &lt;h3&gt;Why This Approach Is Different&lt;/h3&gt;
            &lt;p&gt;I spent years maintaining broadcast infrastructure-systems that must keep functioning when storms hit, power fails, and equipment breaks. That same systems-thinking is what I bring to human communication. Not because emotions are machines, but because &lt;strong&gt;clarity is structure&lt;/strong&gt;-and structure is what holds when everything else is unstable.&lt;/p&gt;
        &lt;/div&gt;

        &lt;h2 class="fade-in"&gt;The Invitation&lt;/h2&gt;

        &lt;p class="fade-in"&gt;This essay is a door, not a room. It opens a conversation about how we speak, how we listen, and how we repair what our words break. The full framework—the step-by-step protocols, the case studies, the practice structures—will be in the book.&lt;/p&gt;

        &lt;p class="fade-in"&gt;If this resonates, you are the reader I am writing for. Not the person who has it all figured out. The person who knows they do not-and is willing to build something better.&lt;/p&gt;

        &lt;div class="author-note fade-in"&gt;
            &lt;div class="author-avatar"&gt;E&lt;/div&gt;
            &lt;div class="author-note-content"&gt;
                &lt;h4&gt;About Edwin Ogie&lt;/h4&gt;
                &lt;p&gt;Personal growth author, educator, and content creator from Benin City, Nigeria. Trained in electrical engineering and broadcast technology, I apply structured thinking and practical frameworks to human behavior and life challenges. Founder of &lt;a href="https://edwinogie.blogspot.com"&gt;Edwin Ogie Library&lt;/a&gt; and author of &lt;em&gt;Emotional Mastery&lt;/em&gt;, &lt;em&gt;The Inner Scaffold&lt;/em&gt;, &lt;em&gt;The Value of You&lt;/em&gt;, &lt;em&gt;Your Word &amp; You&lt;/em&gt;, and &lt;em&gt;The Relationship Repair Handbook&lt;/em&gt;.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Comment Prompt --&gt;
        &lt;div class="comment-prompt fade-in"&gt;
            &lt;h4&gt;Which of These Hits Closest to Home?&lt;/h4&gt;
            &lt;div class="options"&gt;
                &lt;div&gt;&lt;strong&gt;A)&lt;/strong&gt; I speak before I think, then regret it for hours.&lt;/div&gt;
                &lt;div&gt;&lt;strong&gt;B)&lt;/strong&gt; I swallow what I feel, then explode later.&lt;/div&gt;
                &lt;div&gt;&lt;strong&gt;C)&lt;/strong&gt; I can stay calm, but my words come out cold.&lt;/div&gt;
                &lt;div&gt;&lt;strong&gt;D)&lt;/strong&gt; I have built the gap—and I am still refining it.&lt;/div&gt;
            &lt;/div&gt;
            &lt;p class="cta-text"&gt;Drop your letter below. Curious where this community stands.&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="share-bar"&gt;
            &lt;div class="share-btn" onclick="sharePost('twitter')" title="Share on X"&gt;&#120143;&lt;/div&gt;
            &lt;div class="share-btn" onclick="sharePost('facebook')" title="Share on Facebook"&gt;f&lt;/div&gt;
            &lt;div class="share-btn" onclick="sharePost('linkedin')" title="Share on LinkedIn"&gt;in&lt;/div&gt;
            &lt;div class="share-btn" onclick="copyLink()" title="Copy Link"&gt;&#128279;&lt;/div&gt;
        &lt;/div&gt;

    &lt;/article&gt;

    &lt;!-- CTA Section --&gt;
    &lt;section class="cta-section"&gt;
        &lt;h2&gt;Build Your &lt;span class="gold"&gt;Inner Scaffold&lt;/span&gt; First&lt;/h2&gt;
        &lt;p&gt;The full communication framework is coming. Until then, strengthen the foundation. My latest book shows you how to build a mind that stays standing when everything external collapses.&lt;/p&gt;
        &lt;div style="margin-top: 25px;"&gt;
            &lt;a href="https://www.amazon.com/dp/B0H1XC77TR" class="btn btn-primary" target="_blank" rel="noopener"&gt;Get The Inner Scaffold&lt;/a&gt;
            &lt;a href="https://amazon.com/author/edwinogie" class="btn btn-secondary" target="_blank" rel="noopener"&gt;See All Books&lt;/a&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Footer --&gt;
    &lt;footer class="post-footer"&gt;
        &lt;p&gt;© 2026 Edwin Ogie · All Rights Reserved · &lt;a href="https://edwinogie.blogspot.com"&gt;Edwin Ogie Library&lt;/a&gt; · &lt;a href="https://amazon.com/author/edwinogie"&gt;Amazon Author Page&lt;/a&gt;&lt;/p&gt;
        &lt;p style="margin-top: 8px; font-size: 11px;"&gt;Unauthorized reproduction or distribution of this content is prohibited.&lt;/p&gt;
    &lt;/footer&gt;

    &lt;script&gt;
        // Progress bar
        window.addEventListener('scroll', () =&gt; {
            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrolled = (winScroll / height) * 100;
            document.getElementById('progressBar').style.width = scrolled + '%';
        });

        // Fade in
        const observer = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) entry.target.classList.add('visible');
            });
        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });

        document.querySelectorAll('.fade-in').forEach(el =&gt; observer.observe(el));

        // Share
        function sharePost(platform) {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent('The Space Between Feeling and Speaking — by Edwin Ogie');
            let shareUrl;
            if (platform === 'twitter') shareUrl = `https://twitter.com/intent/tweet?url=${url}&amp;text=${text}`;
            else if (platform === 'facebook') shareUrl = `https://www.facebook.com/sharer/sharer.php?u=${url}`;
            else if (platform === 'linkedin') shareUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${url}`;
            if (shareUrl) window.open(shareUrl, '_blank', 'width=600,height=400');
        }

        function copyLink() {
            navigator.clipboard.writeText(window.location.href).then(() =&gt; alert('Link copied!'));
        }
    &lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/the-space-between-feeling-and-speaking.html</link><thr:total>1</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-1188444721637810949</guid><pubDate>Fri, 22 May 2026 06:48:30 +0000</pubDate><atom:updated>2026-05-21T20:07:03.794-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Amazon deal</category><category domain="http://www.blogger.com/atom/ns#">Amazon kindle ebook</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>The Inner Scaffold by Edwin Ogie | Build What Keeps You Standing</title><description>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;title&gt;The Inner Scaffold by Edwin Ogie&lt;/title&gt;
&lt;meta name="description" content="When life removes every support, what keeps you standing? A practical framework for building unshakable mental strength."&gt;
&lt;style type="text/css"&gt;
/* Blogger-safe CSS - no external fonts, no complex animations */
body {
    margin: 0;
    padding: 0;
    background: #0D0D0D;
    color: #E8E8E8;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.7;
    font-size: 16px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: #D4A843;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Container */
.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero */
.hero {
    background: linear-gradient(180deg, #0D0D0D 0%, #1A1200 50%, #0D0D0D 100%);
    padding: 60px 0 40px;
    text-align: center;
    border-bottom: 2px solid #D4A843;
}

.hero-tag {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #D4A843;
    border: 1px solid #D4A843;
    padding: 6px 16px;
    margin-bottom: 25px;
}

.hero h1 {
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 15px 0;
    color: #FFFFFF;
}

.hero .gold {
    color: #D4A843;
    display: block;
}

.hero-subtitle {
    font-size: 1.1em;
    color: #999999;
    max-width: 500px;
    margin: 0 auto 30px;
    font-family: Arial, sans-serif;
}

/* Book Image */
.book-section {
    text-align: center;
    padding: 30px 0;
}

.book-image {
    max-width: 280px;
    margin: 0 auto;
    border: 1px solid rgba(212, 168, 67, 0.2);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Buttons */
.btn {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 14px 32px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 8px;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #D4A843;
    color: #0D0D0D;
    border: 2px solid #D4A843;
}

.btn-primary:hover {
    background: #F0D78C;
    border-color: #F0D78C;
    text-decoration: none;
}

.btn-secondary {
    background: transparent;
    color: #E8E8E8;
    border: 1px solid rgba(255,255,255,0.3);
}

.btn-secondary:hover {
    border-color: #D4A843;
    color: #D4A843;
    text-decoration: none;
}

/* Quote */
.quote-section {
    background: #1A1A1A;
    padding: 50px 20px;
    text-align: center;
    border-top: 1px solid rgba(212, 168, 67, 0.1);
    border-bottom: 1px solid rgba(212, 168, 67, 0.1);
}

.quote-text {
    font-size: 1.5em;
    font-style: italic;
    color: #FFFFFF;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.4;
}

.quote-highlight {
    color: #D4A843;
}

/* Sections */
.section {
    padding: 50px 0;
}

.section-title {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFFFFF;
}

.section-title .gold {
    color: #D4A843;
}

.section p {
    margin-bottom: 15px;
    color: #999999;
    font-family: Arial, sans-serif;
}

.section p.lead {
    color: #E8E8E8;
    font-size: 1.1em;
}

/* Lie Box */
.lie-box {
    background: #1A1A1A;
    border-left: 3px solid #D4A843;
    padding: 30px;
    margin: 30px 0;
    position: relative;
}

.lie-label {
    position: absolute;
    top: -10px;
    left: 20px;
    background: #0D0D0D;
    color: #D4A843;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 2px 12px;
    text-transform: uppercase;
}

/* Feature List */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.feature-list li {
    background: #1A1A1A;
    border: 1px solid rgba(212, 168, 67, 0.1);
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.feature-list li:hover {
    border-color: rgba(212, 168, 67, 0.3);
}

.feature-number {
    font-size: 2em;
    font-weight: bold;
    color: rgba(212, 168, 67, 0.3);
    display: block;
    margin-bottom: 8px;
}

.feature-list h3 {
    color: #F0D78C;
    font-size: 1.1em;
    margin: 0 0 10px 0;
}

.feature-list p {
    margin: 0;
    font-size: 0.95em;
    font-family: Arial, sans-serif;
}

/* Audience Tags */
.audience-section {
    background: #1A1A1A;
    padding: 50px 0;
    text-align: center;
}

.audience-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    max-width: 700px;
    margin: 25px auto 0;
}

.tag {
    background: rgba(212, 168, 67, 0.1);
    border: 1px solid rgba(212, 168, 67, 0.2);
    color: #F0D78C;
    padding: 8px 20px;
    border-radius: 20px;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

/* CTA Section */
.cta-section {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(180deg, #1A1A1A 0%, #0D0D0D 100%);
}

.cta-section h2 {
    font-size: 2em;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.cta-section .gold {
    color: #D4A843;
}

/* Footer */
.footer {
    text-align: center;
    padding: 30px 20px;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 13px;
    color: #666666;
    font-family: Arial, sans-serif;
}

/* Responsive */
@media (max-width: 600px) {
    .hero h1 {
        font-size: 1.8em;
    }

    .quote-text {
        font-size: 1.2em;
    }

    .section-title {
        font-size: 1.5em;
    }

    .btn {
        display: block;
        width: 90%;
        margin: 8px auto;
    }

    .book-image {
        max-width: 220px;
    }
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- Hero Section --&gt;
&lt;div class="hero"&gt;
    &lt;div class="container"&gt;
        &lt;div class="hero-tag"&gt;New Release&lt;/div&gt;
        &lt;h1&gt;When Everything Collapses,&lt;br&gt;&lt;span class="gold"&gt;What Keeps You Standing?&lt;/span&gt;&lt;/h1&gt;
        &lt;p class="hero-subtitle"&gt;A practical framework for building unshakable mental strength, self-control, and focus—when life removes every external support.&lt;/p&gt;
        &lt;div style="margin-top: 25px;"&gt;
            &lt;a href="https://www.amazon.com/dp/B0H1XC77TR" class="btn btn-primary" target="_blank" rel="noopener"&gt;Get the Book on Amazon&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimj45GdaW3edfuesufwVUzBfIT4ZNt8QpZa95k1tcgYVpB2uC8cWeh0myVRzeamnMiqX4yP7PBgAJn_nuUqCunLgedMu3KMkDoamNxqSQYPBbFHy8kZj7bbFcFdITl5kgYWcjHjEipWcAgAa9HrFtjtk4DpQePfiNqIKl_1rx_pT1vHGo-6FKjuYbugFA/s1536/copilot_image_1778802011068.jpeg" style="display: block; padding: 1em 0; text-align: center; "&gt;&lt;img alt="" border="0" width="320" data-original-height="1024" data-original-width="1536" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimj45GdaW3edfuesufwVUzBfIT4ZNt8QpZa95k1tcgYVpB2uC8cWeh0myVRzeamnMiqX4yP7PBgAJn_nuUqCunLgedMu3KMkDoamNxqSQYPBbFHy8kZj7bbFcFdITl5kgYWcjHjEipWcAgAa9HrFtjtk4DpQePfiNqIKl_1rx_pT1vHGo-6FKjuYbugFA/s320/copilot_image_1778802011068.jpeg"/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UNZvs-2KZVhRMqoi1VWRxA9BGQyQ26of0hh8Be-mh9CYWZybN2LX-X83myTFzlnh3v5OFKrTMZ5lE8ma2M-IBbhV8yFpzmmsgoQ-VUmySn1qCCReIMPwihXPao0RDWMx9Kq2JzsiWswSGNc4WIFjfD6K342Fcz_EDZtdlB8eEXKCnDk1r7eXKogpXpA/s1536/copilot_image_1778800794891.jpeg" style="display: block; padding: 1em 0; text-align: center; "&gt;&lt;img alt="" border="0" height="320" data-original-height="1536" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UNZvs-2KZVhRMqoi1VWRxA9BGQyQ26of0hh8Be-mh9CYWZybN2LX-X83myTFzlnh3v5OFKrTMZ5lE8ma2M-IBbhV8yFpzmmsgoQ-VUmySn1qCCReIMPwihXPao0RDWMx9Kq2JzsiWswSGNc4WIFjfD6K342Fcz_EDZtdlB8eEXKCnDk1r7eXKogpXpA/s320/copilot_image_1778800794891.jpeg"/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;!-- Quote --&gt;
&lt;div class="quote-section"&gt;
    &lt;div class="container"&gt;
        &lt;p class="quote-text"&gt;Most people build their stability on things they cannot control—jobs, relationships, reputation, circumstances. When those collapse, &lt;span class="quote-highlight"&gt;they collapse with them.&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- The Lie --&gt;
&lt;div class="section"&gt;
    &lt;div class="container"&gt;
        &lt;div class="lie-box"&gt;
            &lt;div class="lie-label"&gt;The Lie&lt;/div&gt;
            &lt;h2 class="section-title"&gt;The Lie We Are &lt;span class="gold"&gt;Sold&lt;/span&gt;&lt;/h2&gt;
            &lt;p class="lead"&gt;Self-help culture loves the idea of resilience. Bounce back. Stay positive. Manifest your way out.&lt;/p&gt;
            &lt;p&gt;But resilience is not a personality trait. It is architecture. And architecture is built deliberately, not wished into existence.&lt;/p&gt;
            &lt;p&gt;If your stability depends on your job title, your relationship status, your bank balance, or other people's opinions of you, then your stability is &lt;strong&gt;rented&lt;/strong&gt;. The landlord can evict you at any time.&lt;/p&gt;
            &lt;p style="color: #E8E8E8; font-size: 1.1em; margin-top: 20px;"&gt;&lt;em&gt;The Inner Scaffold is about building what you own. Something no one can repossess.&lt;/em&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- What You'll Build --&gt;
&lt;div class="section"&gt;
    &lt;div class="container"&gt;
        &lt;h2 class="section-title" style="text-align: center;"&gt;What You Will &lt;span class="gold"&gt;Build&lt;/span&gt;&lt;/h2&gt;
        &lt;p style="text-align: center; max-width: 600px; margin: 0 auto 30px;"&gt;This is not philosophy. It is engineering applied to the mind. Inside the book, you will find:&lt;/p&gt;

        &lt;ul class="feature-list"&gt;
            &lt;li&gt;
                &lt;span class="feature-number"&gt;01&lt;/span&gt;
                &lt;h3&gt;The Anchor Principle&lt;/h3&gt;
                &lt;p&gt;How to root your identity in values that do not shift with circumstance—so you know who you are even when everything else changes.&lt;/p&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;span class="feature-number"&gt;02&lt;/span&gt;
                &lt;h3&gt;Pressure Regulation&lt;/h3&gt;
                &lt;p&gt;Practical techniques for maintaining clarity and self-control when everything around you demands a reaction.&lt;/p&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;span class="feature-number"&gt;03&lt;/span&gt;
                &lt;h3&gt;The Recovery Framework&lt;/h3&gt;
                &lt;p&gt;A step-by-step method for rebuilding after collapse that turns ruin into a foundation stronger than what existed before.&lt;/p&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;span class="feature-number"&gt;04&lt;/span&gt;
                &lt;h3&gt;Sustained Focus&lt;/h3&gt;
                &lt;p&gt;How to keep moving forward when motivation evaporates, using discipline and structure instead of willpower alone.&lt;/p&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;span class="feature-number"&gt;05&lt;/span&gt;
                &lt;h3&gt;Attention Protection&lt;/h3&gt;
                &lt;p&gt;Strategies for filtering noise, managing mental fatigue, and guarding your focus as your most limited resource.&lt;/p&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- Who This Is For --&gt;
&lt;div class="audience-section"&gt;
    &lt;div class="container"&gt;
        &lt;h2 class="section-title"&gt;Who This Is &lt;span class="gold"&gt;For&lt;/span&gt;&lt;/h2&gt;
        &lt;p style="max-width: 600px; margin: 0 auto 25px;"&gt;Not everyone. This book is for the person who has already tried positive thinking and found it insufficient.&lt;/p&gt;
        &lt;div class="audience-tags"&gt;
            &lt;span class="tag"&gt;The exhausted leader&lt;/span&gt;
            &lt;span class="tag"&gt;The silent carrier&lt;/span&gt;
            &lt;span class="tag"&gt;The uncertain student&lt;/span&gt;
            &lt;span class="tag"&gt;The recovering optimist&lt;/span&gt;
            &lt;span class="tag"&gt;The transition-worn&lt;/span&gt;
            &lt;span class="tag"&gt;The self-rebuilder&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- About the Approach --&gt;
&lt;div class="section"&gt;
    &lt;div class="container"&gt;
        &lt;h2 class="section-title"&gt;Why This Approach Is &lt;span class="gold"&gt;Different&lt;/span&gt;&lt;/h2&gt;
        &lt;p class="lead"&gt;I spent years working in broadcast technology, maintaining the invisible infrastructure that keeps signals flowing when storms hit towers and power fails.&lt;/p&gt;
        &lt;p&gt;That same systems-thinking mindset is what I bring to emotional resilience. Not because I have a psychology degree, but because I understand that structures either hold or they do not—and the difference is always in the design.&lt;/p&gt;
        &lt;p&gt;Each chapter is built for application, not admiration. You do not read this book to feel inspired. You read it to &lt;strong&gt;build something&lt;/strong&gt;.&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- Final CTA --&gt;
&lt;div class="cta-section"&gt;
    &lt;div class="container"&gt;
        &lt;h2&gt;Build It Now.&lt;br&gt;&lt;span class="gold"&gt;Stand Later.&lt;/span&gt;&lt;/h2&gt;
        &lt;p style="max-width: 500px; margin: 15px auto 30px; color: #999999;"&gt;The Inner Scaffold is available now on Amazon. Start building what no one can take from you.&lt;/p&gt;
        &lt;a href="https://www.amazon.com/dp/B0H1XC77TR" class="btn btn-primary" target="_blank" rel="noopener" style="font-size: 16px; padding: 16px 40px;"&gt;Get The Inner Scaffold on Amazon&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;!-- Footer --&gt;
&lt;div class="footer"&gt;
    &lt;div class="container"&gt;
        &lt;p&gt;© 2026 Edwin Ogie. All rights reserved. | &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/the-inner-scaffold-by-edwin-ogie-build.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimj45GdaW3edfuesufwVUzBfIT4ZNt8QpZa95k1tcgYVpB2uC8cWeh0myVRzeamnMiqX4yP7PBgAJn_nuUqCunLgedMu3KMkDoamNxqSQYPBbFHy8kZj7bbFcFdITl5kgYWcjHjEipWcAgAa9HrFtjtk4DpQePfiNqIKl_1rx_pT1vHGo-6FKjuYbugFA/s72-c/copilot_image_1778802011068.jpeg" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-1643280018184253745</guid><pubDate>Wed, 20 May 2026 18:46:04 +0000</pubDate><atom:updated>2026-05-20T07:56:27.172-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Amazon kDP</category><category domain="http://www.blogger.com/atom/ns#">Amazon kindle ebook</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><category domain="http://www.blogger.com/atom/ns#">emotional Mastery</category><title>Emotional Mastery Ebook Now Available </title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Emotional Mastery Ebook Now Available | Edwin Ogie Library&lt;/title&gt;
    &lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"&gt;
    &lt;style&gt;
        :root {
            --primary: #1a1a2e;
            --secondary: #16213e;
            --accent: #e94560;
            --accent-light: #ff6b6b;
            --gold: #c9a96e;
            --gold-dark: #a08050;
            --light: #f8f9fa;
            --text: #2d3436;
            --text-light: #636e72;
            --white: #ffffff;
            --shadow: 0 10px 40px rgba(0,0,0,0.1);
            --shadow-hover: 0 20px 60px rgba(0,0,0,0.15);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text);
            line-height: 1.7;
            background: var(--light);
            overflow-x: hidden;
        }

        /* Hero Section */
        .hero {
            min-height: 90vh;
            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, #0f3460 100%);
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: pulse 8s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.1); opacity: 0.8; }
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 900px;
            padding: 2rem;
        }

        .hero-badge {
            display: inline-block;
            background: rgba(201,169,110,0.2);
            border: 1px solid var(--gold);
            color: var(--gold);
            padding: 0.5rem 1.5rem;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 2rem;
            animation: fadeInDown 1s ease;
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            color: var(--white);
            line-height: 1.2;
            margin-bottom: 1.5rem;
            animation: fadeInUp 1s ease 0.3s both;
        }

        .hero h1 span {
            color: var(--gold);
            display: block;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            color: rgba(255,255,255,0.8);
            max-width: 600px;
            margin: 0 auto 2.5rem;
            animation: fadeInUp 1s ease 0.5s both;
        }

        .hero-cta {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: linear-gradient(135deg, var(--accent), var(--accent-light));
            color: var(--white);
            padding: 1rem 2.5rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.1rem;
            transition: all 0.4s ease;
            animation: fadeInUp 1s ease 0.7s both;
            box-shadow: 0 10px 30px rgba(233,69,96,0.4);
        }

        .hero-cta:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(233,69,96,0.5);
        }

        .hero-cta svg {
            width: 20px;
            height: 20px;
            transition: transform 0.3s ease;
        }

        .hero-cta:hover svg {
            transform: translateX(5px);
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Navigation */
        .nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 1rem 2rem;
            transition: all 0.4s ease;
        }

        .nav.scrolled {
            background: rgba(26,26,46,0.95);
            backdrop-filter: blur(20px);
            box-shadow: 0 2px 20px rgba(0,0,0,0.1);
        }

        .nav-inner {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .nav-logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: var(--white);
            text-decoration: none;
            font-weight: 700;
        }

        .nav-logo span {
            color: var(--gold);
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

        .nav-links a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
            font-size: 0.9rem;
        }

        .nav-links a:hover {
            color: var(--gold);
        }

        /* Main Content */
        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        /* Section Styling */
        section {
            padding: 5rem 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .section-label {
            display: inline-block;
            color: var(--accent);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 0.85rem;
            margin-bottom: 1rem;
        }

        .section-title {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2rem, 4vw, 3rem);
            color: var(--primary);
            line-height: 1.3;
        }

        /* Ebook Announcement */
        .ebook-announcement {
            background: var(--white);
            position: relative;
        }

        .announcement-card {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            border-radius: 20px;
            padding: 3rem;
            color: var(--white);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .announcement-card::before {
            content: '';
            position: absolute;
            top: -100px;
            right: -100px;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(233,69,96,0.3) 0%, transparent 70%);
            border-radius: 50%;
        }

        .announcement-card h3 {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            margin-bottom: 1rem;
            color: var(--gold);
            position: relative;
            z-index: 2;
        }

        .announcement-card p {
            color: rgba(255,255,255,0.85);
            margin-bottom: 1.5rem;
            font-size: 1.05rem;
            position: relative;
            z-index: 2;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .france-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: linear-gradient(135deg, #0055A4, #EF4135);
            color: var(--white);
            padding: 1rem 2rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(0,85,164,0.3);
            position: relative;
            z-index: 2;
        }

        .france-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(0,85,164,0.4);
        }

        /* Book Showcase */
        .book-showcase {
            background: var(--light);
        }

        .book-card {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
            background: var(--white);
            border-radius: 20px;
            padding: 3rem;
            box-shadow: var(--shadow);
        }

        .book-cover {
            display: flex;
            justify-content: center;
        }

        .book-cover-img {
            width: 100%;
            max-width: 300px;
            border-radius: 12px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            transition: transform 0.4s ease;
        }

        .book-cover-img:hover {
            transform: scale(1.03);
        }

        .book-info h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            color: var(--primary);
        }

        .book-info p {
            color: var(--text-light);
            margin-bottom: 1.5rem;
            font-size: 1.05rem;
        }

        .book-meta {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .book-meta-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--text-light);
            font-size: 0.9rem;
        }

        .book-meta-item svg {
            width: 18px;
            height: 18px;
            color: var(--accent);
        }

        .price-tag {
            display: inline-flex;
            align-items: baseline;
            gap: 0.5rem;
            margin-bottom: 1.5rem;
        }

        .price-current {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--accent);
        }

        .price-note {
            color: var(--text-light);
            font-size: 0.9rem;
        }

        /* Sample Preview Section */
        .sample-preview {
            background: var(--white);
        }

        .sample-intro {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 3rem;
            color: var(--text-light);
            font-size: 1.1rem;
        }

        .sample-card {
            background: var(--light);
            border-radius: 16px;
            padding: 2.5rem;
            margin-bottom: 1.5rem;
            border-left: 4px solid var(--gold);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .sample-card:hover {
            transform: translateX(10px);
            box-shadow: var(--shadow-hover);
        }

        .sample-card::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 100px;
            background: radial-gradient(circle, rgba(201,169,110,0.1) 0%, transparent 70%);
            border-radius: 50%;
        }

        .sample-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        .sample-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, var(--gold), var(--gold-dark));
            color: var(--white);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1rem;
            flex-shrink: 0;
        }

        .sample-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.3rem;
            color: var(--primary);
        }

        .sample-quote {
            font-style: italic;
            color: var(--text);
            line-height: 1.7;
            padding-left: 56px;
            position: relative;
        }

        .sample-quote::before {
            content: '"';
            position: absolute;
            left: 20px;
            top: -10px;
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            color: var(--gold);
            line-height: 1;
        }

        .sample-source {
            text-align: right;
            color: var(--text-light);
            font-size: 0.9rem;
            margin-top: 0.5rem;
            padding-left: 56px;
        }

        /* Why Read Section */
        .why-read {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            position: relative;
            overflow: hidden;
        }

        .why-read::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: rotate 20s linear infinite;
        }

        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .why-read .section-title {
            color: var(--white);
        }

        .why-read .section-label {
            color: var(--gold);
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            position: relative;
            z-index: 2;
        }

        .benefit-card {
            background: rgba(255,255,255,0.05);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            padding: 2rem;
            border: 1px solid rgba(255,255,255,0.1);
            transition: all 0.4s ease;
        }

        .benefit-card:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-5px);
        }

        .benefit-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--gold), var(--gold-dark));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }

        .benefit-icon svg {
            width: 24px;
            height: 24px;
            color: var(--white);
        }

        .benefit-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.2rem;
            color: var(--white);
            margin-bottom: 0.5rem;
        }

        .benefit-desc {
            color: rgba(255,255,255,0.7);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* CTA Section */
        .cta-section {
            background: var(--white);
            text-align: center;
        }

        .cta-box {
            background: linear-gradient(135deg, var(--accent), var(--accent-light));
            border-radius: 20px;
            padding: 3rem;
            color: var(--white);
            position: relative;
            overflow: hidden;
        }

        .cta-box::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            animation: rotate 20s linear infinite;
        }

        .cta-content {
            position: relative;
            z-index: 2;
        }

        .cta-title {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2rem, 4vw, 3rem);
            color: var(--white);
            margin-bottom: 1rem;
        }

        .cta-text {
            color: rgba(255,255,255,0.9);
            font-size: 1.1rem;
            margin-bottom: 2rem;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }

        .cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--white);
            color: var(--accent);
            padding: 1.2rem 3rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.1rem;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        }

        /* Footer */
        .footer {
            background: var(--primary);
            color: rgba(255,255,255,0.8);
            padding: 4rem 0 2rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .footer-brand h3 {
            font-family: 'Playfair Display', serif;
            color: var(--white);
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

        .footer-brand h3 span {
            color: var(--gold);
        }

        .footer-brand p {
            color: rgba(255,255,255,0.6);
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .footer-links h4 {
            color: var(--gold);
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1.5rem;
        }

        .footer-links ul {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.75rem;
        }

        .footer-links a {
            color: rgba(255,255,255,0.7);
            text-decoration: none;
            transition: color 0.3s ease;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .footer-links a:hover {
            color: var(--gold);
        }

        .footer-links a::before {
            content: '→';
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .footer-links a:hover::before {
            opacity: 1;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 2rem;
            text-align: center;
            color: rgba(255,255,255,0.5);
            font-size: 0.85rem;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .book-card {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .book-cover-img {
                max-width: 250px;
            }

            .book-meta {
                justify-content: center;
            }

            .nav-links {
                display: none;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .sample-quote {
                padding-left: 20px;
            }

            .sample-quote::before {
                left: 0;
            }

            .sample-source {
                padding-left: 20px;
            }
        }

        /* Scroll animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Navigation --&gt;
    &lt;nav class="nav" id="navbar"&gt;
        &lt;div class="nav-inner"&gt;
            &lt;a href="#" class="nav-logo"&gt;Edwin &lt;span&gt;Ogie&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="nav-links"&gt;
                &lt;li&gt;&lt;a href="#announcement"&gt;Announcement&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#preview"&gt;Preview&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#why-read"&gt;Why Read&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#buy"&gt;Get Ebook&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/nav&gt;

    &lt;!-- Hero Section --&gt;
    &lt;header class="hero"&gt;
        &lt;div class="hero-content"&gt;
            &lt;div class="hero-badge"&gt;Now Available on Amazon France&lt;/div&gt;
            &lt;h1&gt;Emotional Mastery &lt;span&gt;Ebook is Here&lt;/span&gt;&lt;/h1&gt;
            &lt;p class="hero-subtitle"&gt;A powerful guide for readers who want to develop self-control, confidence, and clear thinking in the middle of life's pressures.&lt;/p&gt;
            &lt;a href="https://www.amazon.fr/dp/B0GT4TY4MC" class="hero-cta" target="_blank"&gt;
                Get Your Ebook Now
                &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                    &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /&gt;
                &lt;/svg&gt;
            &lt;/a&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- Ebook Announcement --&gt;
    &lt;section class="ebook-announcement" id="announcement"&gt;
        &lt;div class="container"&gt;
            &lt;div class="section-header reveal"&gt;
                &lt;span class="section-label"&gt;Big News&lt;/span&gt;
                &lt;h2 class="section-title"&gt;Emotional Mastery Ebook Now Live&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class="announcement-card reveal"&gt;
                &lt;h3&gt;&#127467;&#127479; Available on Amazon France&lt;/h3&gt;
                &lt;p&gt;I am excited to announce that &lt;strong&gt;Emotional Mastery&lt;/strong&gt; is now available in ebook format on Amazon France. Whether you are in Paris, Lyon, Marseille, or anywhere across France and beyond, you can now download this practical guide instantly to your Kindle device or app.&lt;/p&gt;
                &lt;p&gt;No shipping. No waiting. Just immediate access to the tools you need to master your emotions and build a stronger inner life.&lt;/p&gt;
                &lt;a href="https://www.amazon.fr/dp/B0GT4TY4MC" class="france-btn" target="_blank"&gt;
                    &lt;svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"&gt;
                        &lt;path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/&gt;
                    &lt;/svg&gt;
                    Buy on Amazon.fr
                &lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Book Showcase --&gt;
    &lt;section class="book-showcase"&gt;
        &lt;div class="container"&gt;
            &lt;div class="book-card reveal"&gt;
                &lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjn1vRbnUzsxZoJIE28rG6rJn09fXeQm4Q6L7oTR4b2UjSgDCT83faaQUDc405P854lTeDog3gzJHkfVwwUA4K1f6niHm4eTPl2CdR7XzQYESbf3sIxwDtGq-boCIiDGYyILTSXJuLtKWrg-E5CTKTZ5EBATA9GU_uD4GERZyMuoplpsyDfA3bzcL0kWs/s1074/Emotional%20Mastery%202%20.jpg" style="display: block; padding: 1em 0; text-align: center; "&gt;&lt;img alt="" border="0" height="320" data-original-height="1074" data-original-width="716" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjn1vRbnUzsxZoJIE28rG6rJn09fXeQm4Q6L7oTR4b2UjSgDCT83faaQUDc405P854lTeDog3gzJHkfVwwUA4K1f6niHm4eTPl2CdR7XzQYESbf3sIxwDtGq-boCIiDGYyILTSXJuLtKWrg-E5CTKTZ5EBATA9GU_uD4GERZyMuoplpsyDfA3bzcL0kWs/s320/Emotional%20Mastery%202%20.jpg"/&gt;&lt;/a&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="book-info"&gt;
                    &lt;h3&gt;What is Emotional Mastery?&lt;/h3&gt;
                    &lt;p&gt;&lt;strong&gt;Emotional Mastery&lt;/strong&gt; is a practical guide designed to help readers build self-control, confidence, and mental strength. It speaks to teenagers discovering identity, young adults facing pressure, and anyone who wants to handle life's emotional challenges with wisdom.&lt;/p&gt;
                    &lt;p&gt;The book covers fourteen essential topics — from understanding emotional pressure and building real confidence, to setting healthy boundaries, navigating social media, managing stress, and strengthening your inner self. Each chapter includes real-life stories, reflection questions, and practical exercises you can apply immediately.&lt;/p&gt;

                    &lt;div class="book-meta"&gt;
                        &lt;div class="book-meta-item"&gt;
                            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /&gt;
                            &lt;/svg&gt;
                            14 Chapters
                        &lt;/div&gt;
                        &lt;div class="book-meta-item"&gt;
                            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /&gt;
                            &lt;/svg&gt;
                            Practical &amp; Actionable
                        &lt;/div&gt;
                        &lt;div class="book-meta-item"&gt;
                            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /&gt;
                            &lt;/svg&gt;
                            Real-Life Stories
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="price-tag"&gt;
                        &lt;span class="price-current"&gt;€4.99&lt;/span&gt;
                        &lt;span class="price-note"&gt;Kindle Ebook&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Sample Preview --&gt;
    &lt;section class="sample-preview" id="preview"&gt;
        &lt;div class="container"&gt;
            &lt;div class="section-header reveal"&gt;
                &lt;span class="section-label"&gt;Sneak Peek&lt;/span&gt;
                &lt;h2 class="section-title"&gt;A Taste of What's Inside&lt;/h2&gt;
            &lt;/div&gt;

            &lt;p class="sample-intro reveal"&gt;
                Here are three powerful excerpts from the book that reveal the depth, honesty, and practical wisdom waiting for you:
            &lt;/p&gt;

            &lt;div class="sample-card reveal"&gt;
                &lt;div class="sample-header"&gt;
                    &lt;div class="sample-icon"&gt;01&lt;/div&gt;
                    &lt;h4 class="sample-title"&gt;From the Introduction&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p class="sample-quote"&gt;Many of life's difficulties are not only about what happens to us, but about how we respond to what happens. This book is designed to help the reader build that response. Emotional strength is not built by accident. It is built through awareness, reflection, discipline, and practice.&lt;/p&gt;
                &lt;p class="sample-source"&gt;— Chapter 1: Understanding Emotional Strength&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="sample-card reveal"&gt;
                &lt;div class="sample-header"&gt;
                    &lt;div class="sample-icon"&gt;02&lt;/div&gt;
                    &lt;h4 class="sample-title"&gt;On Self-Control&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p class="sample-quote"&gt;Your greatest power is not in controlling situations, but in controlling your response. Self-control is not about suppressing your emotions. It is about managing them wisely. It is not about pretending nothing affects you. It is about choosing how you act when something does affect you.&lt;/p&gt;
                &lt;p class="sample-source"&gt;— Chapter 4: Mastering Self-Control in Difficult Moments&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="sample-card reveal"&gt;
                &lt;div class="sample-header"&gt;
                    &lt;div class="sample-icon"&gt;03&lt;/div&gt;
                    &lt;h4 class="sample-title"&gt;On Building Resilience&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p class="sample-quote"&gt;Resilience is not the absence of pain; it is the decision to keep growing through pain. A resilient person may feel tired, disappointed, or hurt, but they do not allow those feelings to become the final word over their life.&lt;/p&gt;
                &lt;p class="sample-source"&gt;— Chapter 8: Building Resilience in Tough Times&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Why Read Section --&gt;
    &lt;section class="why-read" id="why-read"&gt;
        &lt;div class="container"&gt;
            &lt;div class="section-header reveal"&gt;
                &lt;span class="section-label"&gt;Why Read This Book&lt;/span&gt;
                &lt;h2 class="section-title"&gt;Who Is This Book For?&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class="benefits-grid"&gt;
                &lt;div class="benefit-card reveal"&gt;
                    &lt;div class="benefit-icon"&gt;
                        &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                            &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h4 class="benefit-title"&gt;Teenagers&lt;/h4&gt;
                    &lt;p class="benefit-desc"&gt;Discovering identity, handling peer pressure, and building confidence in a world of constant comparison and social media noise.&lt;/p&gt;
                &lt;/div&gt;

                &lt;div class="benefit-card reveal"&gt;
                    &lt;div class="benefit-icon"&gt;
                        &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                            &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h4 class="benefit-title"&gt;Young Adults&lt;/h4&gt;
                    &lt;p class="benefit-desc"&gt;Facing career pressure, relationship challenges, and the transition into independence with wisdom and emotional steadiness.&lt;/p&gt;
                &lt;/div&gt;

                &lt;div class="benefit-card reveal"&gt;
                    &lt;div class="benefit-icon"&gt;
                        &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                            &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h4 class="benefit-title"&gt;Parents &amp; Leaders&lt;/h4&gt;
                    &lt;p class="benefit-desc"&gt;Learning to model emotional strength for others while managing your own stress, responsibilities, and relationships.&lt;/p&gt;
                &lt;/div&gt;

                &lt;div class="benefit-card reveal"&gt;
                    &lt;div class="benefit-icon"&gt;
                        &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                            &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /&gt;
                        &lt;/svg&gt;
                    &lt;/div&gt;
                    &lt;h4 class="benefit-title"&gt;Anyone Seeking Growth&lt;/h4&gt;
                    &lt;p class="benefit-desc"&gt;If you have ever felt overwhelmed by your emotions, struggled with self-doubt, or wished you could respond to life with more calm and clarity — this book is for you.&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- CTA Section --&gt;
    &lt;section class="cta-section" id="buy"&gt;
        &lt;div class="container"&gt;
            &lt;div class="cta-box reveal"&gt;
                &lt;div class="cta-content"&gt;
                    &lt;h2 class="cta-title"&gt;Your Journey Starts Now&lt;/h2&gt;
                    &lt;p class="cta-text"&gt;No shipping. No waiting. Download &lt;strong&gt;Emotional Mastery&lt;/strong&gt; instantly to your Kindle and begin building the emotional strength that will change how you live, work, and relate to others.&lt;/p&gt;
                    &lt;a href="https://www.amazon.fr/dp/B0GT4TY4MC" class="cta-btn" target="_blank"&gt;
                        &lt;svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"&gt;
                            &lt;path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/&gt;
                        &lt;/svg&gt;
                        Get Your Ebook on Amazon France
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Footer --&gt;
    &lt;footer class="footer"&gt;
        &lt;div class="container"&gt;
            &lt;div class="footer-grid"&gt;
                &lt;div class="footer-brand"&gt;
                    &lt;h3&gt;Edwin &lt;span&gt;Ogie&lt;/span&gt; Library&lt;/h3&gt;
                    &lt;p&gt;Education, communication, and practical knowledge for personal growth and community development.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;h4&gt;Explore&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html" target="_blank"&gt;Book Collections&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/follow-edwin-ogie-library-root-brand-1.html" target="_blank"&gt;Follow Our Brand&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/latest-from-edwin-ogie-library-loading_01564922097.html" target="_blank"&gt;Latest Updates&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;h4&gt;Connect&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html" target="_blank"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/meet-author.html" target="_blank"&gt;Meet the Author&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html" target="_blank"&gt;Support Our Work&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;h4&gt;Resources&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-body-font-family_24.html" target="_blank"&gt;Library Resources&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://www.amazon.fr/dp/B0GT4TY4MC" target="_blank"&gt;Buy on Amazon.fr&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="footer-bottom"&gt;
                &lt;p&gt;© 2026 Edwin Ogie. All rights reserved. | Emotional Mastery — A Practical Guide to Self-Control, Confidence, and Mental Strength&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/footer&gt;

    &lt;script&gt;
        // Navbar scroll effect
        window.addEventListener('scroll', () =&gt; {
            const navbar = document.getElementById('navbar');
            if (window.scrollY &gt; 100) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        });

        // Smooth scroll for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor =&gt; {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Scroll reveal animation
        const revealElements = document.querySelectorAll('.reveal');

        const revealObserver = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    entry.target.classList.add('active');
                }
            });
        }, {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        });

        revealElements.forEach(el =&gt; revealObserver.observe(el));

        // Parallax effect for hero
        window.addEventListener('scroll', () =&gt; {
            const scrolled = window.pageYOffset;
            const hero = document.querySelector('.hero');
            if (hero) {
                hero.style.transform = `translateY(${scrolled * 0.5}px)`;
            }
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/emotional-mastery-ebook-now-available.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjn1vRbnUzsxZoJIE28rG6rJn09fXeQm4Q6L7oTR4b2UjSgDCT83faaQUDc405P854lTeDog3gzJHkfVwwUA4K1f6niHm4eTPl2CdR7XzQYESbf3sIxwDtGq-boCIiDGYyILTSXJuLtKWrg-E5CTKTZ5EBATA9GU_uD4GERZyMuoplpsyDfA3bzcL0kWs/s72-c/Emotional%20Mastery%202%20.jpg" width="72"/><thr:total>3</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-4485416113396552847</guid><pubDate>Wed, 20 May 2026 08:17:52 +0000</pubDate><atom:updated>2026-05-19T21:17:52.691-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Amazon kDP</category><category domain="http://www.blogger.com/atom/ns#">Amazon kindle ebook</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><category domain="http://www.blogger.com/atom/ns#">emotional Mastery</category><title>Emotional Mastery: A Practical Guide to Self-Control, Confidence, and Mental Strength | Edwin Ogie</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Emotional Mastery: A Practical Guide to Self-Control, Confidence, and Mental Strength | Edwin Ogie Library&lt;/title&gt;
    &lt;link rel="preconnect" href="https://fonts.googleapis.com"&gt;
    &lt;link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"&gt;
    &lt;style&gt;
        :root {
            --primary: #1a1a2e;
            --secondary: #16213e;
            --accent: #e94560;
            --accent-light: #ff6b6b;
            --gold: #c9a96e;
            --gold-dark: #a08050;
            --light: #f8f9fa;
            --text: #2d3436;
            --text-light: #636e72;
            --white: #ffffff;
            --shadow: 0 10px 40px rgba(0,0,0,0.1);
            --shadow-hover: 0 20px 60px rgba(0,0,0,0.15);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text);
            line-height: 1.7;
            background: var(--light);
            overflow-x: hidden;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, #0f3460 100%);
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(233,69,96,0.1) 0%, transparent 70%);
            animation: pulse 8s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.1); opacity: 0.8; }
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 900px;
            padding: 2rem;
        }

        .hero-badge {
            display: inline-block;
            background: rgba(201,169,110,0.2);
            border: 1px solid var(--gold);
            color: var(--gold);
            padding: 0.5rem 1.5rem;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 2rem;
            animation: fadeInDown 1s ease;
        }

        .hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            color: var(--white);
            line-height: 1.2;
            margin-bottom: 1.5rem;
            animation: fadeInUp 1s ease 0.3s both;
        }

        .hero h1 span {
            color: var(--gold);
            display: block;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            color: rgba(255,255,255,0.8);
            max-width: 600px;
            margin: 0 auto 2.5rem;
            animation: fadeInUp 1s ease 0.5s both;
        }

        .hero-cta {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: linear-gradient(135deg, var(--accent), var(--accent-light));
            color: var(--white);
            padding: 1rem 2.5rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.1rem;
            transition: all 0.4s ease;
            animation: fadeInUp 1s ease 0.7s both;
            box-shadow: 0 10px 30px rgba(233,69,96,0.4);
        }

        .hero-cta:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(233,69,96,0.5);
        }

        .hero-cta svg {
            width: 20px;
            height: 20px;
            transition: transform 0.3s ease;
        }

        .hero-cta:hover svg {
            transform: translateX(5px);
        }

        .scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
        }

        .scroll-indicator svg {
            width: 30px;
            height: 30px;
            color: rgba(255,255,255,0.6);
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-10px); }
            60% { transform: translateX(-50%) translateY(-5px); }
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Navigation */
        .nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 1rem 2rem;
            transition: all 0.4s ease;
        }

        .nav.scrolled {
            background: rgba(26,26,46,0.95);
            backdrop-filter: blur(20px);
            box-shadow: 0 2px 20px rgba(0,0,0,0.1);
        }

        .nav-inner {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .nav-logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            color: var(--white);
            text-decoration: none;
            font-weight: 700;
        }

        .nav-logo span {
            color: var(--gold);
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

        .nav-links a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
            font-size: 0.9rem;
        }

        .nav-links a:hover {
            color: var(--gold);
        }

        /* Main Content */
        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        /* Section Styling */
        section {
            padding: 5rem 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .section-label {
            display: inline-block;
            color: var(--accent);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 0.85rem;
            margin-bottom: 1rem;
        }

        .section-title {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2rem, 4vw, 3rem);
            color: var(--primary);
            line-height: 1.3;
        }

        /* Book Showcase */
        .book-showcase {
            background: var(--white);
            position: relative;
        }

        .book-card {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            border-radius: 20px;
            padding: 3rem;
            color: var(--white);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }

        .book-card::before {
            content: '';
            position: absolute;
            top: -100px;
            right: -100px;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(233,69,96,0.3) 0%, transparent 70%);
            border-radius: 50%;
        }

        .book-cover {
            position: relative;
            z-index: 2;
            display: flex;
            justify-content: center;
        }

        .book-cover-img {
            width: 100%;
            max-width: 300px;
            border-radius: 12px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.4);
            border: 2px solid var(--gold);
            transition: transform 0.4s ease;
        }

        .book-cover-img:hover {
            transform: scale(1.03) rotateY(5deg);
        }

        .book-info {
            position: relative;
            z-index: 2;
        }

        .book-info h3 {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            margin-bottom: 1rem;
            color: var(--gold);
        }

        .book-info p {
            color: rgba(255,255,255,0.85);
            margin-bottom: 1.5rem;
            font-size: 1.05rem;
        }

        .book-meta {
            display: flex;
            gap: 1.5rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .book-meta-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: rgba(255,255,255,0.7);
            font-size: 0.9rem;
        }

        .book-meta-item svg {
            width: 18px;
            height: 18px;
            color: var(--gold);
        }

        .price-tag {
            display: inline-flex;
            align-items: baseline;
            gap: 0.5rem;
            margin-bottom: 1.5rem;
        }

        .price-current {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--gold);
        }

        .price-note {
            color: rgba(255,255,255,0.6);
            font-size: 0.9rem;
        }

        .amazon-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: linear-gradient(135deg, #ff9900, #ff8800);
            color: var(--primary);
            padding: 1rem 2rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1rem;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(255,153,0,0.3);
        }

        .amazon-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(255,153,0,0.4);
        }

        /* Quote Section */
        .quote-section {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            position: relative;
            overflow: hidden;
        }

        .quote-section::before {
            content: '"';
            position: absolute;
            top: -2rem;
            left: 2rem;
            font-family: 'Playfair Display', serif;
            font-size: 20rem;
            color: rgba(255,255,255,0.03);
            line-height: 1;
        }

        .quote-content {
            text-align: center;
            max-width: 700px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .quote-text {
            font-family: 'Playfair Display', serif;
            font-size: clamp(1.5rem, 3vw, 2.5rem);
            color: var(--white);
            line-height: 1.4;
            margin-bottom: 2rem;
            font-style: italic;
        }

        .quote-author {
            color: var(--gold);
            font-weight: 600;
            font-size: 1.1rem;
        }

        /* Featured Chapters */
        .featured-chapters {
            background: var(--light);
        }

        .chapters-intro {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 3rem;
            color: var(--text-light);
            font-size: 1.1rem;
        }

        .chapter-highlight {
            background: var(--white);
            border-radius: 16px;
            padding: 2.5rem;
            margin-bottom: 1.5rem;
            box-shadow: var(--shadow);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border-left: 4px solid transparent;
        }

        .chapter-highlight:hover {
            transform: translateX(10px);
            box-shadow: var(--shadow-hover);
            border-left-color: var(--accent);
        }

        .chapter-highlight::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 100px;
            background: radial-gradient(circle, rgba(233,69,96,0.05) 0%, transparent 70%);
            border-radius: 50%;
        }

        .chapter-highlight-header {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        .chapter-highlight-number {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--accent), var(--accent-light));
            color: var(--white);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.2rem;
            flex-shrink: 0;
        }

        .chapter-highlight-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.4rem;
            color: var(--primary);
        }

        .chapter-highlight p {
            color: var(--text-light);
            line-height: 1.7;
            padding-left: 66px;
        }

        .chapter-highlight p strong {
            color: var(--text);
        }

        /* More Chapters CTA */
        .more-chapters {
            text-align: center;
            margin-top: 3rem;
            padding: 2rem;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            border-radius: 16px;
            color: var(--white);
        }

        .more-chapters h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            color: var(--gold);
        }

        .more-chapters p {
            color: rgba(255,255,255,0.8);
            margin-bottom: 1.5rem;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Author Section */
        .author {
            background: var(--white);
        }

        .author-card {
            display: grid;
            grid-template-columns: 250px 1fr;
            gap: 3rem;
            align-items: center;
            background: var(--light);
            border-radius: 20px;
            padding: 3rem;
        }

        .author-avatar {
            width: 100%;
            aspect-ratio: 1;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Playfair Display', serif;
            font-size: 4rem;
            color: var(--gold);
            border: 4px solid var(--gold);
        }

        .author-info h3 {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        .author-role {
            color: var(--accent);
            font-weight: 600;
            margin-bottom: 1.5rem;
            display: block;
        }

        .author-bio {
            color: var(--text-light);
            margin-bottom: 1.5rem;
        }

        .author-books {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .author-book-tag {
            background: var(--white);
            padding: 0.5rem 1rem;
            border-radius: 50px;
            font-size: 0.85rem;
            color: var(--text);
            border: 1px solid #e0e0e0;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(135deg, var(--accent), var(--accent-light));
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            animation: rotate 20s linear infinite;
        }

        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .cta-content {
            position: relative;
            z-index: 2;
            max-width: 600px;
            margin: 0 auto;
        }

        .cta-title {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2rem, 4vw, 3rem);
            color: var(--white);
            margin-bottom: 1rem;
        }

        .cta-text {
            color: rgba(255,255,255,0.9);
            font-size: 1.1rem;
            margin-bottom: 2rem;
        }

        .cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--white);
            color: var(--accent);
            padding: 1.2rem 3rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 1.1rem;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        }

        /* Footer */
        .footer {
            background: var(--primary);
            color: rgba(255,255,255,0.8);
            padding: 4rem 0 2rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .footer-brand h3 {
            font-family: 'Playfair Display', serif;
            color: var(--white);
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

        .footer-brand h3 span {
            color: var(--gold);
        }

        .footer-brand p {
            color: rgba(255,255,255,0.6);
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .footer-links h4 {
            color: var(--gold);
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1.5rem;
        }

        .footer-links ul {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.75rem;
        }

        .footer-links a {
            color: rgba(255,255,255,0.7);
            text-decoration: none;
            transition: color 0.3s ease;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .footer-links a:hover {
            color: var(--gold);
        }

        .footer-links a::before {
            content: '→';
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .footer-links a:hover::before {
            opacity: 1;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 2rem;
            text-align: center;
            color: rgba(255,255,255,0.5);
            font-size: 0.85rem;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .book-card {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .book-cover-img {
                max-width: 250px;
            }

            .book-meta {
                justify-content: center;
            }

            .author-card {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .author-avatar {
                max-width: 200px;
                margin: 0 auto;
            }

            .nav-links {
                display: none;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .chapter-highlight p {
                padding-left: 0;
            }
        }

        /* Scroll animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;!-- Navigation --&gt;
    &lt;nav class="nav" id="navbar"&gt;
        &lt;div class="nav-inner"&gt;
            &lt;a href="#" class="nav-logo"&gt;Edwin &lt;span&gt;Ogie&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="nav-links"&gt;
                &lt;li&gt;&lt;a href="#book"&gt;The Book&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#chapters"&gt;Chapters&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#author"&gt;Author&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#buy"&gt;Get Your Copy&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/nav&gt;

    &lt;!-- Hero Section --&gt;
    &lt;header class="hero"&gt;
        &lt;div class="hero-content"&gt;
            &lt;div class="hero-badge"&gt;New Release 2026&lt;/div&gt;
            &lt;h1&gt;Master Your Emotions, &lt;span&gt;Master Your Life&lt;/span&gt;&lt;/h1&gt;
            &lt;p class="hero-subtitle"&gt;A practical guide to building self-control, confidence, and mental strength — for teenagers, young adults, and anyone ready to grow from the inside out.&lt;/p&gt;
            &lt;a href="https://www.amazon.com/dp/B0GT4TY4MC" class="hero-cta" target="_blank"&gt;
                Get Your Copy on Amazon
                &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                    &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /&gt;
                &lt;/svg&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="scroll-indicator"&gt;
            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" /&gt;
            &lt;/svg&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- Book Showcase --&gt;
    &lt;section class="book-showcase" id="book"&gt;
        &lt;div class="container"&gt;
            &lt;div class="section-header reveal"&gt;
                &lt;span class="section-label"&gt;Featured Book&lt;/span&gt;
                &lt;h2 class="section-title"&gt;Emotional Mastery&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class="book-card reveal"&gt;
                &lt;div class="book-cover"&gt;
                    &lt;img src="1000228234.jpg" alt="Emotional Mastery Book Cover by Edwin Ogie" class="book-cover-img"&gt;
                &lt;/div&gt;
                &lt;div class="book-info"&gt;
                    &lt;h3&gt;A Practical Guide to Self-Control, Confidence, and Mental Strength&lt;/h3&gt;
                    &lt;p&gt;What do you do when life does not go your way? How do you respond when someone hurts you? What happens when pressure rises and emotions become too loud? &lt;strong&gt;Emotional Mastery&lt;/strong&gt; answers these questions with clarity, compassion, and proven wisdom drawn from real life.&lt;/p&gt;

                    &lt;div class="book-meta"&gt;
                        &lt;div class="book-meta-item"&gt;
                            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /&gt;
                            &lt;/svg&gt;
                            14 Chapters
                        &lt;/div&gt;
                        &lt;div class="book-meta-item"&gt;
                            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /&gt;
                            &lt;/svg&gt;
                            Life-Changing Read
                        &lt;/div&gt;
                        &lt;div class="book-meta-item"&gt;
                            &lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"&gt;
                                &lt;path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /&gt;
                            &lt;/svg&gt;
                            Highly Rated
                        &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="price-tag"&gt;
                        &lt;span class="price-current"&gt;$4.99&lt;/span&gt;
                        &lt;span class="price-note"&gt;Kindle Edition&lt;/span&gt;
                    &lt;/div&gt;

                    &lt;a href="https://www.amazon.com/dp/B0GT4TY4MC" class="amazon-btn" target="_blank"&gt;
                        &lt;svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"&gt;
                            &lt;path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/&gt;
                        &lt;/svg&gt;
                        Buy Now on Amazon
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Quote Section --&gt;
    &lt;section class="quote-section"&gt;
        &lt;div class="container"&gt;
            &lt;div class="quote-content reveal"&gt;
                &lt;p class="quote-text"&gt;"He who controls his emotions controls his future. Your mind will always believe everything you tell it. Feed it hope. Feed it truth. Feed it courage."&lt;/p&gt;
                &lt;p class="quote-author"&gt;— Edwin Ogie, Emotional Mastery&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Featured Chapters --&gt;
    &lt;section class="featured-chapters" id="chapters"&gt;
        &lt;div class="container"&gt;
            &lt;div class="section-header reveal"&gt;
                &lt;span class="section-label"&gt;Inside the Book&lt;/span&gt;
                &lt;h2 class="section-title"&gt;Five Chapters That Will Transform You&lt;/h2&gt;
            &lt;/div&gt;

            &lt;p class="chapters-intro reveal"&gt;
                &lt;strong&gt;Emotional Mastery&lt;/strong&gt; contains fourteen powerful chapters designed to guide you from emotional confusion to inner strength. Here are five transformative chapters that reveal the heart of this journey:
            &lt;/p&gt;

            &lt;div class="chapter-highlight reveal"&gt;
                &lt;div class="chapter-highlight-header"&gt;
                    &lt;div class="chapter-highlight-number"&gt;04&lt;/div&gt;
                    &lt;h4 class="chapter-highlight-title"&gt;Mastering Self-Control in Difficult Moments&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p&gt;Your greatest power is not in controlling situations, but in controlling your response. This chapter teaches you the &lt;strong&gt;pause that prevents regret&lt;/strong&gt; — how to recognize the early warning signs of emotional escalation, question your first interpretation, and replace automatic reactions with deliberate wisdom. Through real stories of workplace tension and messages almost sent in anger, you will learn that &lt;strong&gt;self-control is not suppression; it is strength under direction&lt;/strong&gt;.&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="chapter-highlight reveal"&gt;
                &lt;div class="chapter-highlight-header"&gt;
                    &lt;div class="chapter-highlight-number"&gt;07&lt;/div&gt;
                    &lt;h4 class="chapter-highlight-title"&gt;Setting Healthy Boundaries&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p&gt;You cannot build a strong life if you allow everything and everyone to cross your limits. Drawing from a touching lesson with his two-year-old son Nathan, Edwin Ogie reveals that &lt;strong&gt;boundaries are not selfish — they are wisdom&lt;/strong&gt;. Learn to protect your time, energy, and peace without becoming cold. Discover how clear limits actually build mutual respect and how saying "no" can be the most loving word you speak.&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="chapter-highlight reveal"&gt;
                &lt;div class="chapter-highlight-header"&gt;
                    &lt;div class="chapter-highlight-number"&gt;09&lt;/div&gt;
                    &lt;h4 class="chapter-highlight-title"&gt;Practicing Gratitude and Positive Thinking&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p&gt;What you focus on grows; what you appreciate becomes easier to see. This chapter dismantles the myth that positivity means denying reality. Instead, it offers a &lt;strong&gt;disciplined practice of interpreting events wisely&lt;/strong&gt; — preserving your capacity to act rather than paralyzing you with despair. Through the story of a silent season when progress felt invisible, discover how gratitude becomes an anchor that keeps the heart steady even when circumstances shake.&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="chapter-highlight reveal"&gt;
                &lt;div class="chapter-highlight-header"&gt;
                    &lt;div class="chapter-highlight-number"&gt;10&lt;/div&gt;
                    &lt;h4 class="chapter-highlight-title"&gt;Building Healthy Relationships&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p&gt;Healthy relationships do not drain your strength; they help you grow in it. Through two powerful classroom stories — a student who challenged the teacher publicly and a conversation that nearly became an argument — this chapter reveals that &lt;strong&gt;emotional maturity sometimes means choosing patience over pride&lt;/strong&gt;. Learn the six marks of healthy connection: respect, honesty, trust, boundaries, encouragement, and responsibility.&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="chapter-highlight reveal"&gt;
                &lt;div class="chapter-highlight-header"&gt;
                    &lt;div class="chapter-highlight-number"&gt;14&lt;/div&gt;
                    &lt;h4 class="chapter-highlight-title"&gt;Strengthening Your Inner Self&lt;/h4&gt;
                &lt;/div&gt;
                &lt;p&gt;The strongest life is built from a strong inner self. This culminating chapter brings every lesson together into ten essential habits — from self-awareness and emotional regulation to gratitude, reflection, and purposeful living. Through stories of being deeply misunderstood and surviving a private season of exhaustion, Edwin shows that &lt;strong&gt;some of life's greatest emotional victories happen quietly within&lt;/strong&gt;. This is where the journey becomes your own.&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="more-chapters reveal"&gt;
                &lt;h3&gt;There Is So Much More to Digest&lt;/h3&gt;
                &lt;p&gt;These five chapters are only the beginning. Inside &lt;strong&gt;Emotional Mastery&lt;/strong&gt;, you will also discover how to handle peer pressure, navigate social media wisely, manage stress and time, build real confidence, think clearly under pressure, and find your purpose. Every chapter includes reflection questions, practical exercises, and real-life stories that make the wisdom stick.&lt;/p&gt;
                &lt;a href="https://www.amazon.com/dp/B0GT4TY4MC" class="amazon-btn" target="_blank" style="margin-top: 1rem;"&gt;
                    &lt;svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"&gt;
                        &lt;path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/&gt;
                    &lt;/svg&gt;
                    Get Your Copy on Amazon Today
                &lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Author Section --&gt;
    &lt;section class="author" id="author"&gt;
        &lt;div class="container"&gt;
            &lt;div class="section-header reveal"&gt;
                &lt;span class="section-label"&gt;Meet the Author&lt;/span&gt;
                &lt;h2 class="section-title"&gt;Edwin Ogie&lt;/h2&gt;
            &lt;/div&gt;

            &lt;div class="author-card reveal"&gt;
                &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
                &lt;div class="author-info"&gt;
                    &lt;h3&gt;Edwin Ogie&lt;/h3&gt;
                    &lt;span class="author-role"&gt;Broadcast Engineer | Educator | Author&lt;/span&gt;
                    &lt;p class="author-bio"&gt;Edwin Ogie is a broadcast engineer and multi-skilled professional from Benin City, Nigeria, with experience in radio and television broadcasting. He is the founder of Edwin Ogie Library, a platform dedicated to education, communication, and practical knowledge.&lt;/p&gt;
                    &lt;p class="author-bio"&gt;Combining technical expertise with a passion for teaching mathematics and physics, Edwin creates content focused on language, personal growth, and effective communication. His work bridges engineering, broadcasting, and education to help individuals and communities solve real-world problems and grow with purpose.&lt;/p&gt;
                    &lt;div class="author-books"&gt;
                        &lt;span class="author-book-tag"&gt;Emotional Mastery&lt;/span&gt;
                        &lt;span class="author-book-tag"&gt;The Relationship Repair Handbook&lt;/span&gt;
                        &lt;span class="author-book-tag"&gt;The Value of You&lt;/span&gt;
                        &lt;span class="author-book-tag"&gt;Your Word &amp; You&lt;/span&gt;
                        &lt;span class="author-book-tag"&gt;The Inner Scaffold (Coming Soon)&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- CTA Section --&gt;
    &lt;section class="cta-section" id="buy"&gt;
        &lt;div class="container"&gt;
            &lt;div class="cta-content reveal"&gt;
                &lt;h2 class="cta-title"&gt;Start Your Journey Today&lt;/h2&gt;
                &lt;p class="cta-text"&gt;Every chapter is a step toward the person you were created to be. The tools are in your hands. The choice is yours.&lt;/p&gt;
                &lt;a href="https://www.amazon.com/dp/B0GT4TY4MC" class="cta-btn" target="_blank"&gt;
                    &lt;svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"&gt;
                        &lt;path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/&gt;
                    &lt;/svg&gt;
                    Get Emotional Mastery on Amazon
                &lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Footer --&gt;
    &lt;footer class="footer"&gt;
        &lt;div class="container"&gt;
            &lt;div class="footer-grid"&gt;
                &lt;div class="footer-brand"&gt;
                    &lt;h3&gt;Edwin &lt;span&gt;Ogie&lt;/span&gt; Library&lt;/h3&gt;
                    &lt;p&gt;Education, communication, and practical knowledge for personal growth and community development.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;h4&gt;Explore&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html" target="_blank"&gt;Book Collections&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/follow-edwin-ogie-library-root-brand-1.html" target="_blank"&gt;Follow Our Brand&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/latest-from-edwin-ogie-library-loading_01564922097.html" target="_blank"&gt;Latest Updates&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;h4&gt;Connect&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html" target="_blank"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/meet-author.html" target="_blank"&gt;Meet the Author&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html" target="_blank"&gt;Support Our Work&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div class="footer-links"&gt;
                    &lt;h4&gt;Resources&lt;/h4&gt;
                    &lt;ul&gt;
                        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-body-font-family_24.html" target="_blank"&gt;Library Resources&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="https://www.amazon.com/dp/B0GT4TY4MC" target="_blank"&gt;Buy on Amazon&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="footer-bottom"&gt;
                &lt;p&gt;© 2026 Edwin Ogie. All rights reserved. | Emotional Mastery — A Practical Guide to Self-Control, Confidence, and Mental Strength&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/footer&gt;

    &lt;script&gt;
        // Navbar scroll effect
        window.addEventListener('scroll', () =&gt; {
            const navbar = document.getElementById('navbar');
            if (window.scrollY &gt; 100) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        });

        // Smooth scroll for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor =&gt; {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Scroll reveal animation
        const revealElements = document.querySelectorAll('.reveal');

        const revealObserver = new IntersectionObserver((entries) =&gt; {
            entries.forEach(entry =&gt; {
                if (entry.isIntersecting) {
                    entry.target.classList.add('active');
                }
            });
        }, {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        });

        revealElements.forEach(el =&gt; revealObserver.observe(el));

        // Chapter card click effect
        document.querySelectorAll('.chapter-highlight').forEach(card =&gt; {
            card.addEventListener('click', () =&gt; {
                card.style.transform = 'scale(0.98)';
                setTimeout(() =&gt; {
                    card.style.transform = '';
                }, 150);
            });
        });

        // Parallax effect for hero
        window.addEventListener('scroll', () =&gt; {
            const scrolled = window.pageYOffset;
            const hero = document.querySelector('.hero');
            if (hero) {
                hero.style.transform = `translateY(${scrolled * 0.5}px)`;
            }
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/emotional-mastery-practical-guide-to.html</link><thr:total>1</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-2723969796561868488</guid><pubDate>Sat, 16 May 2026 15:25:08 +0000</pubDate><atom:updated>2026-05-16T05:02:31.308-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Amazon kDP</category><category domain="http://www.blogger.com/atom/ns#">Amazon kindle ebook</category><category domain="http://www.blogger.com/atom/ns#">eBook</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><title>The Neuroscience of Spoken Commitment </title><description>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;title&gt;The Neuroscience of Spoken Commitment | Edwin Ogie&lt;/title&gt;
&lt;style&gt;
  .eo-post-container {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Georgia', 'Times New Roman', serif;
    line-height: 1.8;
    color: #2c2c2c;
    background: #fff;
    padding: 20px;
  }
  .eo-post-header {
    text-align: center;
    padding: 30px 0;
    border-bottom: 3px solid #d4a017;
    margin-bottom: 30px;
  }
  .eo-post-title {
    font-size: 32px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  .eo-post-meta {
    font-size: 14px;
    color: #666;
    font-style: italic;
  }
  .eo-lead {
    font-size: 18px;
    color: #444;
    background: linear-gradient(135deg, #fff8e7 0%, #fff 100%);
    padding: 20px;
    border-left: 5px solid #d4a017;
    margin: 25px 0;
    font-style: italic;
  }
  .eo-post-container h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin-top: 35px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
  }
  .eo-post-container h3 {
    font-size: 20px;
    color: #333;
    margin-top: 25px;
    margin-bottom: 12px;
  }
  .eo-post-container p {
    margin-bottom: 18px;
    text-align: justify;
  }
  .eo-tool-box {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
  }
  .eo-tool-number {
    display: inline-block;
    background: #d4a017;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 10px;
    font-size: 16px;
  }
  .eo-tool-title {
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
  }
  .eo-script-box {
    background: #fff8e7;
    border-left: 4px solid #d4a017;
    padding: 15px 20px;
    margin: 15px 0;
    font-style: italic;
    color: #444;
  }
  .eo-cta-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    color: #fff;
    padding: 35px;
    text-align: center;
    border-radius: 10px;
    margin: 40px 0;
  }
  .eo-cta-title {
    font-size: 26px;
    margin-bottom: 15px;
    color: #d4a017;
  }
  .eo-cta-text {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.6;
  }
  .eo-amazon-btn {
    display: inline-block;
    background: #d4a017;
    color: #1a1a1a;
    padding: 15px 40px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(212,160,23,0.3);
  }
  .eo-amazon-btn:hover {
    background: #b8860b;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212,160,23,0.4);
  }
  .eo-closing {
    font-style: italic;
    text-align: center;
    padding: 25px;
    background: #f9f9f9;
    border-radius: 8px;
    margin: 30px 0;
    font-size: 17px;
    color: #555;
  }
  .eo-footer {
    background: #1a1a1a;
    color: #ccc;
    padding: 40px 20px;
    text-align: center;
    margin-top: 50px;
    border-top: 4px solid #d4a017;
  }
  .eo-footer-logo {
    max-width: 80px;
    margin: 0 auto 15px;
    border-radius: 50%;
  }
  .eo-footer-title {
    color: #d4a017;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .eo-footer-text {
    font-size: 14px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto 20px;
  }
  .eo-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 15px;
    max-width: 700px;
    margin: 0 auto 20px;
  }
  .eo-footer-links a {
    color: #d4a017;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
    white-space: nowrap;
  }
  .eo-footer-links a:hover {
    color: #fff;
  }
  .eo-footer-copy {
    font-size: 13px;
    color: #777;
    margin-top: 20px;
    border-top: 1px solid #333;
    padding-top: 15px;
  }
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .eo-animate {
    animation: fadeInUp 0.8s ease-out forwards;
  }
  .eo-delay-1 { animation-delay: 0.2s; opacity: 0; }
  .eo-delay-2 { animation-delay: 0.4s; opacity: 0; }
  .eo-delay-3 { animation-delay: 0.6s; opacity: 0; }
  #eo-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: #d4a017;
    width: 0%;
    z-index: 9999;
    transition: width 0.1s;
  }
  @media (max-width: 600px) {
    .eo-post-title { font-size: 24px; }
    .eo-lead { font-size: 16px; }
    .eo-cta-section { padding: 25px; }
    .eo-amazon-btn { padding: 12px 30px; font-size: 16px; }
    .eo-footer-links { flex-direction: column; gap: 5px; }
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id="eo-progress-bar"&gt;&lt;/div&gt;

&lt;div class="eo-post-container"&gt;

  &lt;div class="eo-post-header eo-animate"&gt;
    &lt;h1 class="eo-post-title"&gt;The Neuroscience of Spoken Commitment&lt;/h1&gt;
    &lt;div class="eo-post-meta"&gt;By Edwin Ogie | Verbal Integrity and Brain Science&lt;/div&gt;
  &lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrtHttucvIO0ANe7j1lDINVfsNzjM3jXytnEJHwP-Km5hReVQN1LTHoOajBYPTeOtVrkdTa93P9mRiuGmqCbGZf3FXjbGUjMO0R0p_X8dI3hX_2zuUG0mcxAcK10c9avdWpmZ3QK8Yujuh45LrT7HjTaCs4kdqEsy44sFqz-NtN7OAdylhVDbMZsuTfFc/s720/Edwin%20Ogie%20Library.jpeg" style="display: block; padding: 1em 0; text-align: center; clear: left; float: left;"&gt;&lt;img alt="" border="0" width="320" data-original-height="480" data-original-width="720" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrtHttucvIO0ANe7j1lDINVfsNzjM3jXytnEJHwP-Km5hReVQN1LTHoOajBYPTeOtVrkdTa93P9mRiuGmqCbGZf3FXjbGUjMO0R0p_X8dI3hX_2zuUG0mcxAcK10c9avdWpmZ3QK8Yujuh45LrT7HjTaCs4kdqEsy44sFqz-NtN7OAdylhVDbMZsuTfFc/s320/Edwin%20Ogie%20Library.jpeg"/&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class="eo-lead eo-animate eo-delay-1"&gt;
    There is a reason cultures across history treat spoken vows as binding. The human brain does not process a promise as casual language. It processes it as a contract encoded in neural tissue.
  &lt;/div&gt;

  &lt;h2 class="eo-animate eo-delay-1"&gt;What Happens When You Give Your Word&lt;/h2&gt;

  &lt;h3 class="eo-animate eo-delay-1"&gt;The Speaker's Brain&lt;/h3&gt;

  &lt;p class="eo-animate eo-delay-1"&gt;
    When you say "I will do this" aloud, your prefrontal cortex registers the statement as a self-generated command. The brain treats self-produced speech differently from heard speech, it activates the motor planning regions and creates a forward model of the action. In plain terms, your brain begins building the future around your words.
  &lt;/p&gt;

  &lt;p class="eo-animate eo-delay-1"&gt;
    If you repeat the commitment, especially in front of witnesses, the hippocampus strengthens the trace. The commitment becomes easier to recall than an idle thought. And because social stakes are attached, the anterior cingulate cortex monitors your behavior for alignment. You feel cognitive dissonance when you drift from the word you gave.
  &lt;/p&gt;

  &lt;h3 class="eo-animate eo-delay-1"&gt;The Listener's Brain&lt;/h3&gt;

  &lt;p class="eo-animate eo-delay-1"&gt;
    For the person who receives your word, the effect is equally physical. Their brain releases oxytocin when trust is offered, and cortisol when that trust is breached. A kept promise deepens social bonding. A broken promise registers in the same neural circuits as social rejection.
  &lt;/p&gt;

  &lt;p class="eo-animate eo-delay-1"&gt;
    This is why verbal integrity is not abstract ethics. It is neurochemical architecture.
  &lt;/p&gt;

  &lt;h2 class="eo-animate eo-delay-2"&gt;Why Spoken Word Beats Silent Intention&lt;/h2&gt;

  &lt;p class="eo-animate eo-delay-2"&gt;
    Research consistently shows that people who state their goals aloud are more likely to achieve them than those who keep them private. The reason is not magic. It is structure:
  &lt;/p&gt;

  &lt;p class="eo-animate eo-delay-2"&gt;
    &lt;strong&gt;Auditory feedback.&lt;/strong&gt; Hearing yourself speak the commitment makes it feel more real than an internal thought.&lt;br&gt;&lt;br&gt;
    &lt;strong&gt;Social accountability.&lt;/strong&gt; Even one witness increases the behavioral cost of withdrawal.&lt;br&gt;&lt;br&gt;
    &lt;strong&gt;Memory consolidation.&lt;/strong&gt; Speech engages more neural circuits than silent planning, strengthening recall.
  &lt;/p&gt;

  &lt;h2 class="eo-animate eo-delay-2"&gt;3 Tools for Making Your Word Stick&lt;/h2&gt;

  &lt;div class="eo-tool-box eo-animate eo-delay-2"&gt;
    &lt;span class="eo-tool-number"&gt;01&lt;/span&gt;
    &lt;span class="eo-tool-title"&gt;The Witness Principle&lt;/span&gt;
    &lt;p style="margin-top:10px;"&gt;
      Before making a significant commitment, tell one person you respect. Not to pressure yourself with shame, but to add a social beam to your internal scaffold.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;div class="eo-tool-box eo-animate eo-delay-3"&gt;
    &lt;span class="eo-tool-number"&gt;02&lt;/span&gt;
    &lt;span class="eo-tool-title"&gt;The Spelled-Out Standard&lt;/span&gt;
    &lt;p style="margin-top:10px;"&gt;
      Vague promises collapse easily. "I will do better" is not a promise. It is a wish. Convert it:
    &lt;/p&gt;
    &lt;div class="eo-script-box"&gt;
      "I will call you every Friday at 6 p.m. If I cannot, I will text by 5 p.m. with a new time."
    &lt;/div&gt;
    &lt;p&gt;Specificity is load-bearing.&lt;/p&gt;
  &lt;/div&gt;

  &lt;div class="eo-tool-box eo-animate eo-delay-3"&gt;
    &lt;span class="eo-tool-number"&gt;03&lt;/span&gt;
    &lt;span class="eo-tool-title"&gt;The Pre-Mortem&lt;/span&gt;
    &lt;p style="margin-top:10px;"&gt;
      Before giving your word, ask: "What could make me break this?" Name the obstacle. Then name your counter-move. This is not pessimism. It is structural reinforcement.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;div class="eo-closing eo-animate eo-delay-3"&gt;
    A promise is not a sentence. It is a structure you build in two minds at once. When you understand the neuroscience, you stop treating your word as cheap currency. You start treating it as the load-bearing beam it actually is.
  &lt;/div&gt;

  &lt;div class="eo-cta-section eo-animate eo-delay-3"&gt;
    &lt;div class="eo-cta-title"&gt;Get the Complete System&lt;/div&gt;
    &lt;div class="eo-cta-text"&gt;
      This post is drawn from Your Word &amp; You by Edwin Ogie.&lt;br&gt;
      For the full architecture of verbal integrity, including the Couple Commitment Protocol, the Professional Promise Framework, and the Self-Word Repair System, get the book today.
    &lt;/div&gt;
    &lt;a href="https://www.amazon.com/dp/B0GY1H2H94" class="eo-amazon-btn" target="_blank" id="eo-amazon-link"&gt;
      Get "Your Word &amp; You" on Amazon
    &lt;/a&gt;
  &lt;/div&gt;

&lt;/div&gt;

&lt;div class="eo-footer"&gt;
  &lt;img src="https://blogger.googleusercontent.com/img/a/AVvXsEhYourLogoURL" alt="Edwin Ogie Library" class="eo-footer-logo" onerror="this.style.display='none'"&gt;
  &lt;div class="eo-footer-title"&gt;Edwin Ogie Library&lt;/div&gt;
  &lt;div class="eo-footer-text"&gt;
    Refocusing Lives through Words, Wisdom, and Works.&lt;br&gt;
    Edwin Ogie writes on relationships, emotional intelligence, personal development, and the architecture of a meaningful life.
  &lt;/div&gt;
  &lt;div class="eo-footer-links"&gt;
    &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Book Collections&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/meet-author.html"&gt;Meet the Author&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/about-us-edwin-ogie-library-root.html"&gt;About Us&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-body-font-family_24.html"&gt;Library&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support the Library&lt;/a&gt;
    &lt;a href="https://www.amazon.com/author/edwinogie" target="_blank"&gt;Amazon Author Page&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="eo-footer-copy"&gt;
    &amp;copy; &lt;span id="eo-year"&gt;&lt;/span&gt; Edwin Ogie. All Rights Reserved.&lt;br&gt;
    Built with purpose at Edwin Ogie Library.
  &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
  document.getElementById('eo-year').textContent = new Date().getFullYear();
  window.addEventListener('scroll', function() {
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (scrollTop / scrollHeight) * 100;
    document.getElementById('eo-progress-bar').style.width = scrolled + '%';
  });
  document.querySelectorAll('a[href^="#"]').forEach(anchor =&gt; {
    anchor.addEventListener('click', function(e) {
      e.preventDefault();
      document.querySelector(this.getAttribute('href')).scrollIntoView({
        behavior: 'smooth'
      });
    });
  });
  document.getElementById('eo-amazon-link').addEventListener('click', function() {
    console.log('Amazon link clicked at: ' + new Date().toLocaleString());
  });
  var observerOptions = {
    root: null,
    rootMargin: '0px',
    threshold: 0.1
  };
  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        entry.target.style.opacity = '1';
        observer.unobserve(entry.target);
      }
    });
  }, observerOptions);
  document.querySelectorAll('.eo-animate').forEach(function(el) {
    observer.observe(el);
  });
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/the-neuroscience-of-spoken-commitment.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrtHttucvIO0ANe7j1lDINVfsNzjM3jXytnEJHwP-Km5hReVQN1LTHoOajBYPTeOtVrkdTa93P9mRiuGmqCbGZf3FXjbGUjMO0R0p_X8dI3hX_2zuUG0mcxAcK10c9avdWpmZ3QK8Yujuh45LrT7HjTaCs4kdqEsy44sFqz-NtN7OAdylhVDbMZsuTfFc/s72-c/Edwin%20Ogie%20Library.jpeg" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-5488845643551591524</guid><pubDate>Sat, 16 May 2026 15:14:16 +0000</pubDate><atom:updated>2026-05-16T04:15:06.261-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Amazon kDP</category><category domain="http://www.blogger.com/atom/ns#">Amazon kindle ebook</category><category domain="http://www.blogger.com/atom/ns#">eBook</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library</category><title>Why Broken Promises Hurt More Than Lies</title><description>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;title&gt;Why Broken Promises Hurt More Than Lies | Edwin Ogie&lt;/title&gt;
&lt;style&gt;
  /* ===== BLOG POST STYLES ===== */
  .eo-post-container {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Georgia', 'Times New Roman', serif;
    line-height: 1.8;
    color: #2c2c2c;
    background: #fff;
    padding: 20px;
  }
  
  .eo-post-header {
    text-align: center;
    padding: 30px 0;
    border-bottom: 3px solid #d4a017;
    margin-bottom: 30px;
  }
  
  .eo-post-title {
    font-size: 32px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  
  .eo-post-meta {
    font-size: 14px;
    color: #666;
    font-style: italic;
  }
  
  .eo-lead {
    font-size: 18px;
    color: #444;
    background: linear-gradient(135deg, #fff8e7 0%, #fff 100%);
    padding: 20px;
    border-left: 5px solid #d4a017;
    margin: 25px 0;
    font-style: italic;
  }
  
  .eo-post-container h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin-top: 35px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
  }
  
  .eo-post-container h3 {
    font-size: 20px;
    color: #333;
    margin-top: 25px;
    margin-bottom: 12px;
  }
  
  .eo-post-container p {
    margin-bottom: 18px;
    text-align: justify;
  }
  
  .eo-tool-box {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    position: relative;
  }
  
  .eo-tool-number {
    display: inline-block;
    background: #d4a017;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    margin-right: 10px;
    font-size: 16px;
  }
  
  .eo-tool-title {
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
    display: inline;
  }
  
  .eo-script-box {
    background: #fff8e7;
    border-left: 4px solid #d4a017;
    padding: 15px 20px;
    margin: 15px 0;
    font-style: italic;
    color: #444;
  }
  
  .eo-cta-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    color: #fff;
    padding: 35px;
    text-align: center;
    border-radius: 10px;
    margin: 40px 0;
  }
  
  .eo-cta-title {
    font-size: 26px;
    margin-bottom: 15px;
    color: #d4a017;
  }
  
  .eo-cta-text {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.6;
  }
  
  .eo-amazon-btn {
    display: inline-block;
    background: #d4a017;
    color: #1a1a1a;
    padding: 15px 40px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(212,160,23,0.3);
  }
  
  .eo-amazon-btn:hover {
    background: #b8860b;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212,160,23,0.4);
  }
  
  .eo-book-cover {
    max-width: 200px;
    margin: 20px auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  }
  
  .eo-closing {
    font-style: italic;
    text-align: center;
    padding: 25px;
    background: #f9f9f9;
    border-radius: 8px;
    margin: 30px 0;
    font-size: 17px;
    color: #555;
  }
  
  /* ===== FOOTER STYLES ===== */
  .eo-footer {
    background: #1a1a1a;
    color: #ccc;
    padding: 40px 20px;
    text-align: center;
    margin-top: 50px;
    border-top: 4px solid #d4a017;
  }
  
  .eo-footer-logo {
    max-width: 80px;
    margin: 0 auto 15px;
    border-radius: 50%;
  }
  
  .eo-footer-title {
    color: #d4a017;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .eo-footer-text {
    font-size: 14px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto 20px;
  }
  
  .eo-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 15px;
    max-width: 700px;
    margin: 0 auto 20px;
  }
  
  .eo-footer-links a {
    color: #d4a017;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
    white-space: nowrap;
  }
  
  .eo-footer-links a:hover {
    color: #fff;
  }
  
  .eo-footer-copy {
    font-size: 13px;
    color: #777;
    margin-top: 20px;
    border-top: 1px solid #333;
    padding-top: 15px;
  }
  
  /* ===== ANIMATIONS ===== */
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  .eo-animate {
    animation: fadeInUp 0.8s ease-out forwards;
  }
  
  .eo-delay-1 { animation-delay: 0.2s; opacity: 0; }
  .eo-delay-2 { animation-delay: 0.4s; opacity: 0; }
  .eo-delay-3 { animation-delay: 0.6s; opacity: 0; }
  
  /* ===== READING PROGRESS BAR ===== */
  #eo-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: #d4a017;
    width: 0%;
    z-index: 9999;
    transition: width 0.1s;
  }
  
  /* ===== RESPONSIVE ===== */
  @media (max-width: 600px) {
    .eo-post-title { font-size: 24px; }
    .eo-lead { font-size: 16px; }
    .eo-cta-section { padding: 25px; }
    .eo-amazon-btn { padding: 12px 30px; font-size: 16px; }
    .eo-footer-links { flex-direction: column; gap: 5px; }
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!-- Reading Progress Bar --&gt;
&lt;div id="eo-progress-bar"&gt;&lt;/div&gt;

&lt;div class="eo-post-container"&gt;

  &lt;!-- HEADER --&gt;
  &lt;div class="eo-post-header eo-animate"&gt;
    &lt;h1 class="eo-post-title"&gt;Why Broken Promises Hurt More Than Lies&lt;/h1&gt;
    &lt;div class="eo-post-meta"&gt;By Edwin Ogie | Personal Development &amp; Verbal Integrity&lt;/div&gt;
  &lt;/div&gt;

  &lt;!-- LEAD --&gt;
  &lt;div class="eo-lead eo-animate eo-delay-1"&gt;
    A lie is a known falsehood. A broken promise is a collapsed structure. That is why the betrayal feels different—and cuts deeper.
  &lt;/div&gt;

  &lt;!-- BODY --&gt;
  &lt;p class="eo-animate eo-delay-1"&gt;
    When someone gives you their word, your brain does not just hear language. It builds an &lt;strong&gt;expectation scaffold&lt;/strong&gt;. You begin to plan, to trust, to invest emotionally. The promise becomes part of your internal architecture for how the future will look.
  &lt;/p&gt;

  &lt;p class="eo-animate eo-delay-1"&gt;
    When that word breaks, the damage is not just disappointment. It is &lt;strong&gt;disorientation&lt;/strong&gt;. The scaffold you built inside your mind collapses. The prefrontal cortex, which had allocated trust and planned around the commitment, must now dismantle that structure under stress. The amygdala flags the breach as a social threat. And the hippocampus encodes the broken word as a vivid, retrievable warning.
  &lt;/p&gt;

  &lt;h2 class="eo-animate eo-delay-2"&gt;Why We Break Our Own Word&lt;/h2&gt;

  &lt;p class="eo-animate eo-delay-2"&gt;
    Sometimes we are the ones who break promises—to others, and to ourselves. The mechanics are the same:
  &lt;/p&gt;

  &lt;p class="eo-animate eo-delay-2"&gt;
    &lt;strong&gt;1. Optimism bias.&lt;/strong&gt; We commit in a moment of high motivation, without accounting for future friction.&lt;br&gt;&lt;br&gt;
    &lt;strong&gt;2. Identity drift.&lt;/strong&gt; We say yes to please, not because the yes reflects who we are.&lt;br&gt;&lt;br&gt;
    &lt;strong&gt;3. Scarcity of attention.&lt;/strong&gt; We make promises we forget we made, treating our word as currency we can print endlessly.
  &lt;/p&gt;

  &lt;p class="eo-animate eo-delay-2"&gt;
    Each broken self-promise weakens the internal scaffold. Over time, you stop believing your own commitments. And when you stop believing yourself, motivation becomes unreliable.
  &lt;/p&gt;

  &lt;h2 class="eo-animate eo-delay-2"&gt;3 Tools to Restore Verbal Integrity&lt;/h2&gt;

  &lt;!-- TOOL 1 --&gt;
  &lt;div class="eo-tool-box eo-animate eo-delay-2"&gt;
    &lt;span class="eo-tool-number"&gt;01&lt;/span&gt;
    &lt;span class="eo-tool-title"&gt;The 24-Hour Rule&lt;/span&gt;
    &lt;p style="margin-top:10px;"&gt;
      Before giving your word on anything significant, wait twenty-four hours. This bypasses the optimism spike and lets your prefrontal cortex test the commitment against your actual calendar, energy, and values.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- TOOL 2 --&gt;
  &lt;div class="eo-tool-box eo-animate eo-delay-3"&gt;
    &lt;span class="eo-tool-number"&gt;02&lt;/span&gt;
    &lt;span class="eo-tool-title"&gt;The Downgrade Script&lt;/span&gt;
    &lt;p style="margin-top:10px;"&gt;
      If you cannot keep the original promise, do not disappear. Use this:
    &lt;/p&gt;
    &lt;div class="eo-script-box"&gt;
      "I promised you [X]. I cannot deliver that fully. Here is what I can do instead: [Y]. Does that work for you?"
    &lt;/div&gt;
    &lt;p&gt;This preserves trust by keeping the structure intact, even if the shape changes.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- TOOL 3 --&gt;
  &lt;div class="eo-tool-box eo-animate eo-delay-3"&gt;
    &lt;span class="eo-tool-number"&gt;03&lt;/span&gt;
    &lt;span class="eo-tool-title"&gt;The Repair Conversation&lt;/span&gt;
    &lt;p style="margin-top:10px;"&gt;
      If you broke your word to someone who matters:
    &lt;/p&gt;
    &lt;div class="eo-script-box"&gt;
      "I told you I would [X]. I did not. That was my responsibility, not yours. Here is what I will do to make it right: [Y]. And here is how I will prevent this from happening again: [Z]."
    &lt;/div&gt;
    &lt;p&gt;Notice what this does: it owns, it repairs, and it rebuilds the scaffold with new material.&lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- CLOSING THOUGHT --&gt;
  &lt;div class="eo-closing eo-animate eo-delay-3"&gt;
    Your word is the beam you offer others to stand on. When it is solid, people build near you. When it is hollow, they step back—not because they hate you, but because unstable structure is dangerous. &lt;strong&gt;Integrity is not morality. It is engineering.&lt;/strong&gt;
  &lt;/div&gt;

  &lt;!-- CTA / AMAZON LINK --&gt;
  &lt;div class="eo-cta-section eo-animate eo-delay-3"&gt;
    &lt;div class="eo-cta-title"&gt;Get the Complete System&lt;/div&gt;
    &lt;div class="eo-cta-text"&gt;
      This post is drawn from &lt;em&gt;Your Word &amp; You&lt;/em&gt; by Edwin Ogie. &lt;br&gt;
      For the complete architecture of verbal integrity, self-repair, and trust-building, get the book today.
    &lt;/div&gt;
    &lt;a href="https://www.amazon.com/dp/B0GY1H2H94" class="eo-amazon-btn" target="_blank" id="eo-amazon-link"&gt;
      &#128214; Get "Your Word &amp; You" on Amazon
    &lt;/a&gt;
  &lt;/div&gt;

&lt;/div&gt;&lt;!-- /eo-post-container --&gt;

&lt;!-- FOOTER --&gt;
&lt;div class="eo-footer"&gt;
  &lt;img src="https://blogger.googleusercontent.com/img/a/AVvXsEhYourLogoURL" alt="Edwin Ogie Library" class="eo-footer-logo" onerror="this.style.display='none'"&gt;
  &lt;div class="eo-footer-title"&gt;Edwin Ogie Library&lt;/div&gt;
  &lt;div class="eo-footer-text"&gt;
    Refocusing Lives through Words, Wisdom, and Works.&lt;br&gt;
    Edwin Ogie writes on relationships, emotional intelligence, personal development, and the architecture of a meaningful life.
  &lt;/div&gt;
  &lt;div class="eo-footer-links"&gt;
    &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Book Collections&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/meet-author.html"&gt;Meet the Author&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/about-us-edwin-ogie-library-root.html"&gt;About Us&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-body-font-family_24.html"&gt;Library&lt;/a&gt;
    &lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support the Library&lt;/a&gt;
    &lt;a href="https://www.amazon.com/author/edwinogie" target="_blank"&gt;Amazon Author Page&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="eo-footer-copy"&gt;
    © &lt;span id="eo-year"&gt;&lt;/span&gt; Edwin Ogie. All Rights Reserved.&lt;br&gt;
    Built with purpose at Edwin Ogie Library.
  &lt;/div&gt;
&lt;/div&gt;

&lt;!-- JAVASCRIPT --&gt;
&lt;script&gt;
  // Auto-update copyright year
  document.getElementById('eo-year').textContent = new Date().getFullYear();

  // Reading progress bar
  window.addEventListener('scroll', function() {
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (scrollTop / scrollHeight) * 100;
    document.getElementById('eo-progress-bar').style.width = scrolled + '%';
  });

  // Smooth scroll for any anchor links
  document.querySelectorAll('a[href^="#"]').forEach(anchor =&gt; {
    anchor.addEventListener('click', function(e) {
      e.preventDefault();
      document.querySelector(this.getAttribute('href')).scrollIntoView({
        behavior: 'smooth'
      });
    });
  });

  // Track Amazon link clicks
  document.getElementById('eo-amazon-link').addEventListener('click', function() {
    console.log('Amazon link clicked at: ' + new Date().toLocaleString());
  });

  // Intersection Observer for scroll animations
  var observerOptions = {
    root: null,
    rootMargin: '0px',
    threshold: 0.1
  };

  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        entry.target.style.opacity = '1';
        observer.unobserve(entry.target);
      }
    });
  }, observerOptions);

  document.querySelectorAll('.eo-animate').forEach(function(el) {
    observer.observe(el);
  });
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/why-broken-promises-hurt-more-than-lies.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-5653052923884717981</guid><pubDate>Fri, 08 May 2026 15:18:16 +0000</pubDate><atom:updated>2026-05-08T04:18:16.630-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library</category><title>Cloudways Unlimited Managed Migrations - 30% Off | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="Switch to Cloudways hosting with unlimited managed migrations and 30% off for 3 months. Expert-led transfers with zero downtime. Recommended by Edwin Ogie Library." /&gt;
  &lt;meta name="keywords" content="Cloudways hosting, managed migration, WordPress hosting, website migration, Cloudways discount, Edwin Ogie Library" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;meta property="og:title" content="Cloudways Unlimited Managed Migrations - 30% Off | Edwin Ogie Library" /&gt;
  &lt;meta property="og:description" content="Switch to Cloudways with unlimited managed migrations and 30% off for 3 months. Zero downtime, expert-led transfers." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;title&gt;Cloudways Unlimited Managed Migrations - 30% Off | Edwin Ogie Library&lt;/title&gt;

  &lt;link rel="canonical" href="https://edwinogie.blogspot.com/p/cloudways-unlimited-managed-migrations.html" /&gt;

  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Cloudways Unlimited Managed Migrations - 30% Off",
    "description": "Switch to Cloudways hosting with unlimited managed migrations and 30% off for 3 months. Expert-led transfers with zero downtime.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG"
  }
  &lt;/script&gt;

  &lt;style&gt;
    :root {
      --bg: #07111f;
      --panel: rgba(12, 22, 40, 0.88);
      --panel-2: rgba(16, 31, 56, 0.92);
      --text: #eaf2ff;
      --muted: #a9bedb;
      --accent: #57d1ff;
      --accent-2: #7c8cff;
      --success: #42e28d;
      --warning: #ffd166;
      --border: rgba(255,255,255,0.12);
      --shadow: 0 18px 60px rgba(0,0,0,0.35);
      --radius: 22px;
      --footer-bg: #0f172a;
      --footer-text: #e2e8f0;
      --footer-muted: #94a3b8;
      --footer-border: #334155;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at top left, rgba(87, 209, 255, 0.18), transparent 32%),
        radial-gradient(circle at top right, rgba(124, 140, 255, 0.15), transparent 30%),
        linear-gradient(180deg, #05101d 0%, #07111f 45%, #091522 100%);
      min-height: 100vh;
    }

    .wrap {
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
      padding: 28px 0 48px;
    }

    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      padding: 14px 18px;
      border: 1px solid var(--border);
      background: rgba(255,255,255,0.04);
      backdrop-filter: blur(12px);
      border-radius: 999px;
      box-shadow: var(--shadow);
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 800;
      letter-spacing: 0.2px;
    }

    .logo {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, var(--accent), var(--accent-2));
      color: #03111f;
      font-weight: 900;
      box-shadow: 0 10px 30px rgba(87, 209, 255, 0.24);
    }

    .topbar small {
      color: var(--muted);
      display: block;
      font-weight: 500;
    }

    .pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.05);
      color: var(--text);
      font-size: 0.93rem;
      white-space: nowrap;
    }

    .hero {
      margin-top: 24px;
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 22px;
      align-items: stretch;
    }

    .card {
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .hero-main {
      padding: 34px;
      position: relative;
      overflow: hidden;
    }

    .hero-main::after {
      content: "";
      position: absolute;
      inset: auto -80px -80px auto;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(87,209,255,0.18), transparent 65%);
      pointer-events: none;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 16px;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(66, 226, 141, 0.12);
      color: #bdf8d5;
      font-weight: 700;
      font-size: 0.9rem;
    }

    h1 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 4.15rem);
      line-height: 1.04;
      letter-spacing: -0.03em;
    }

    .subtext {
      margin-top: 18px;
      font-size: 1.05rem;
      line-height: 1.8;
      color: var(--muted);
      max-width: 62ch;
    }

    .highlights {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 24px;
    }

    .mini {
      padding: 16px;
      border-radius: 18px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
    }

    .mini strong {
      display: block;
      font-size: 1.1rem;
      margin-bottom: 6px;
    }

    .mini span {
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.5;
    }

    .cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    .btn {
      appearance: none;
      border: 0;
      border-radius: 14px;
      padding: 14px 18px;
      font-weight: 800;
      cursor: pointer;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
    }

    .btn:hover { transform: translateY(-2px); }
    .btn-primary {
      color: #04111f;
      background: linear-gradient(135deg, var(--accent), #b9f0ff);
      box-shadow: 0 14px 30px rgba(87, 209, 255, 0.18);
    }
    .btn-secondary {
      color: var(--text);
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
    }

    .right {
      display: grid;
      gap: 22px;
    }

    .offer {
      padding: 26px;
      background: linear-gradient(180deg, rgba(124,140,255,0.18), rgba(255,255,255,0.04));
    }

    .offer h2, .section h2 {
      margin: 0 0 12px;
      font-size: 1.4rem;
    }

    .offer .big {
      font-size: 2.2rem;
      font-weight: 900;
      letter-spacing: -0.03em;
      margin: 8px 0 6px;
    }

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

    .timebox {
      text-align: center;
      padding: 14px 10px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.09);
      border-radius: 16px;
    }

    .timebox strong {
      display: block;
      font-size: 1.4rem;
    }

    .timebox span {
      display: block;
      color: var(--muted);
      margin-top: 2px;
      font-size: 0.82rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .code-box {
      margin-top: 18px;
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      padding: 14px;
      border-radius: 18px;
      background: rgba(0,0,0,0.16);
      border: 1px solid rgba(255,255,255,0.1);
    }

    .code {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      padding: 10px 14px;
      border-radius: 12px;
      background: rgba(87, 209, 255, 0.14);
      border: 1px dashed rgba(87, 209, 255, 0.45);
      color: #c8f2ff;
      font-size: 1.02rem;
      font-weight: 800;
      letter-spacing: 0.12em;
    }

    .section {
      margin-top: 22px;
      padding: 28px;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .feature {
      padding: 18px;
      border-radius: 18px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
    }

    .feature h3 {
      margin: 0 0 8px;
      font-size: 1.03rem;
    }

    .feature p {
      margin: 0;
      color: var(--muted);
      line-height: 1.7;
    }

    .banner {
      margin-top: 22px;
      padding: 22px;
      border-radius: 20px;
      background: linear-gradient(135deg, rgba(66,226,141,0.12), rgba(87,209,255,0.08));
      border: 1px solid rgba(255,255,255,0.1);
      display: flex;
      gap: 18px;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .banner strong {
      font-size: 1.1rem;
      display: block;
      margin-bottom: 4px;
    }

    .banner span {
      color: var(--muted);
    }

    .faq details {
      border-radius: 16px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      padding: 16px 18px;
      margin-top: 12px;
    }

    .faq summary {
      cursor: pointer;
      font-weight: 800;
      color: var(--text);
    }

    .faq p {
      color: var(--muted);
      line-height: 1.7;
      margin: 12px 0 0;
    }

    .footer-note {
      margin-top: 18px;
      color: var(--muted);
      font-size: 0.95rem;
      line-height: 1.7;
      text-align: center;
    }

    /* ===== EDWIN OGIE LIBRARY FOOTER ===== */
    .eol-footer {
      background: var(--footer-bg);
      color: var(--footer-text);
      padding: 48px 24px 32px;
      margin-top: 40px;
      text-align: center;
    }
    .eol-footer .footer-grid {
      max-width: 1180px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 28px;
      text-align: left;
    }
    .eol-footer h2, .eol-footer h3 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 14px;
      font-size: 1.1rem;
    }
    .eol-footer p {
      color: var(--footer-muted);
      line-height: 1.7;
      margin: 0;
      font-size: 0.95rem;
    }
    .eol-footer ul {
      list-style: none;
      padding: 0;
      margin: 0;
      line-height: 2;
    }
    .eol-footer a {
      color: #c7d2fe;
      text-decoration: none;
      transition: all 0.25s ease;
    }
    .eol-footer a:hover {
      color: #fff;
      text-decoration: underline;
    }
    .eol-copyright {
      border-top: 1px solid var(--footer-border);
      margin-top: 36px;
      padding-top: 20px;
      text-align: center;
      font-size: 0.88rem;
      color: var(--footer-muted);
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto;
    }

    @media (max-width: 980px) {
      .hero { grid-template-columns: 1fr; }
      .highlights { grid-template-columns: 1fr; }
      .grid-2 { grid-template-columns: 1fr; }
    }

    @media (max-width: 640px) {
      .wrap { width: min(100% - 20px, 1180px); padding-top: 18px; }
      .topbar { border-radius: 22px; flex-direction: column; align-items: flex-start; }
      .hero-main, .section, .offer { padding: 20px; }
      h1 { font-size: 1.9rem; }
      .countdown { grid-template-columns: repeat(2, 1fr); }
      .banner { align-items: flex-start; }
      .eol-footer .footer-grid { grid-template-columns: 1fr; text-align: center; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div class="wrap"&gt;
    &lt;header class="topbar card"&gt;
      &lt;div class="brand"&gt;
        &lt;div class="logo"&gt;C&lt;/div&gt;
        &lt;div&gt;
          Cloudways Hosting
          &lt;small&gt;Unlimited managed migrations made simple&lt;/small&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pill"&gt;Promo code: &lt;strong&gt;MIGRATE303&lt;/strong&gt;&lt;/div&gt;
    &lt;/header&gt;

    &lt;main class="hero"&gt;
      &lt;section class="card hero-main"&gt;
        &lt;div style="margin-bottom:24px; border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,0.1); box-shadow:0 12px 40px rgba(0,0,0,0.28);"&gt;
          &lt;a href="https://unified.cloudways.com/signup?id=710735&amp;coupon=MIGRATE303" target="_blank" rel="noopener noreferrer" style="display:block;"&gt;
            &lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWdz4kp-y3GmRh0SgGhYFIaSb_kQ2Zpx3Oq7xNvhellwnUe1K_0W0rjQHGac9cWx9fz4-8Ip3ZQBQJeSDim3pL9q9UlIBJxuOQWQ39Zkqu3hEdNP-PO4yGBqTgD0YSZVSSzZMAM5I0NjbP65VoogkXydmyhOiQeQ438-RX_7f1_FqeHcLiDJvk2y0ygpY/s1200/unnamed.jpg" alt="Cloudways Unlimited Managed Migration Banner" style="width:100%; display:block; object-fit:cover;" /&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="eyebrow"&gt;No downtime &amp;#8226; No hassle &amp;#8226; Expert-led migration&lt;/div&gt;
        &lt;h1&gt;Switch Hosts Without the Migration Stress&lt;/h1&gt;
        &lt;p class="subtext"&gt;
          If you are stuck with a host you no longer trust, Cloudways makes moving simple.
          Get unlimited managed migrations for WordPress, WooCommerce, and other PHP apps,
          so you can move with confidence and avoid the friction that usually stops people from changing providers.
        &lt;/p&gt;

        &lt;div class="highlights"&gt;
          &lt;div class="mini"&gt;
            &lt;strong&gt;30% off&lt;/strong&gt;
            &lt;span&gt;For 3 months with promo code &lt;b&gt;MIGRATE303&lt;/b&gt;.&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="mini"&gt;
            &lt;strong&gt;Unlimited migrations&lt;/strong&gt;
            &lt;span&gt;Expert-led transfers with no downtime and no manual stress.&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="mini"&gt;
            &lt;strong&gt;Low-friction switch&lt;/strong&gt;
            &lt;span&gt;Perfect for agencies, bloggers, and site owners ready to move.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="cta-row"&gt;
          &lt;a class="btn btn-primary" href="https://unified.cloudways.com/signup?id=710735&amp;coupon=MIGRATE303" target="_blank" rel="noopener noreferrer"&gt;Get Started with Cloudways&lt;/a&gt;
          &lt;a class="btn btn-secondary" href="#faq"&gt;Read FAQ&lt;/a&gt;
        &lt;/div&gt;
      &lt;/section&gt;

      &lt;aside class="right"&gt;
        &lt;div class="card offer"&gt;
          &lt;h2&gt;Offer Details&lt;/h2&gt;
          &lt;div class="big"&gt;Unlimited managed migrations&lt;/div&gt;
          &lt;p style="margin:0;color:var(--muted);line-height:1.7;"&gt;
            Perfect for anyone who wants a smoother migration path and a reason to finally leave a host that is not meeting expectations.
          &lt;/p&gt;

          &lt;div class="countdown" aria-label="Offer countdown"&gt;
            &lt;div class="timebox"&gt;&lt;strong id="days"&gt;--&lt;/strong&gt;&lt;span&gt;Days&lt;/span&gt;&lt;/div&gt;
            &lt;div class="timebox"&gt;&lt;strong id="hours"&gt;--&lt;/strong&gt;&lt;span&gt;Hours&lt;/span&gt;&lt;/div&gt;
            &lt;div class="timebox"&gt;&lt;strong id="mins"&gt;--&lt;/strong&gt;&lt;span&gt;Minutes&lt;/span&gt;&lt;/div&gt;
            &lt;div class="timebox"&gt;&lt;strong id="secs"&gt;--&lt;/strong&gt;&lt;span&gt;Seconds&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;

          &lt;div class="code-box"&gt;
            &lt;div&gt;
              &lt;div style="font-size:0.86rem;color:var(--muted);margin-bottom:4px;"&gt;Use this promo code&lt;/div&gt;
              &lt;div class="code"&gt;MIGRATE303&lt;/div&gt;
            &lt;/div&gt;
            &lt;div style="flex:1;min-width:180px;color:var(--muted);line-height:1.6;"&gt;
              Valid through &lt;b&gt;30 June 2026&lt;/b&gt;. A strong time-bound reason to act now.
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="card section"&gt;
          &lt;h2&gt;Who This Is For&lt;/h2&gt;
          &lt;div class="grid-2"&gt;
            &lt;div class="feature"&gt;
              &lt;h3&gt;Bloggers&lt;/h3&gt;
              &lt;p&gt;Move your WordPress site without losing content, SEO rankings, or sleep.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="feature"&gt;
              &lt;h3&gt;Agencies&lt;/h3&gt;
              &lt;p&gt;Transfer multiple client sites with expert help and zero downtime.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="feature"&gt;
              &lt;h3&gt;Store Owners&lt;/h3&gt;
              &lt;p&gt;Migrate WooCommerce stores safely without disrupting sales.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="feature"&gt;
              &lt;h3&gt;Developers&lt;/h3&gt;
              &lt;p&gt;Move PHP apps with managed support handling the heavy lifting.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/aside&gt;
    &lt;/main&gt;

    &lt;section class="card section"&gt;
      &lt;h2&gt;Why Choose Cloudways&lt;/h2&gt;
      &lt;div class="grid-2"&gt;
        &lt;div class="feature"&gt;
          &lt;h3&gt;Removes the biggest objection&lt;/h3&gt;
          &lt;p&gt;People often delay switching because of migration cost and technical fear. Cloudways tackles both directly with free expert handling.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="feature"&gt;
          &lt;h3&gt;Built for agencies and multi-site owners&lt;/h3&gt;
          &lt;p&gt;Unlimited managed migrations are especially attractive to users moving multiple websites or handling client accounts.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="feature"&gt;
          &lt;h3&gt;Limited-time value&lt;/h3&gt;
          &lt;p&gt;The 30% discount and validity date make the offer timely and worth acting on now.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="feature"&gt;
          &lt;h3&gt;Practical and honest&lt;/h3&gt;
          &lt;p&gt;No dramatic promises, just a clear benefit: expert handling, no downtime, and less work for you.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class="banner"&gt;
        &lt;div&gt;
          &lt;strong&gt;Ready to make the switch?&lt;/strong&gt;
          &lt;span&gt;Move your sites without downtime and enjoy 30% off for 3 months with Cloudways.&lt;/span&gt;
        &lt;/div&gt;
        &lt;a class="btn btn-primary" href="https://unified.cloudways.com/signup?id=710735&amp;coupon=MIGRATE303" target="_blank" rel="noopener noreferrer"&gt;Claim Your Offer&lt;/a&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card section faq" id="faq"&gt;
      &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;
      &lt;details open&gt;
        &lt;summary&gt;What is included in the free migration?&lt;/summary&gt;
        &lt;p&gt;Cloudways expert team handles the entire migration process for you at no cost. This includes transferring your WordPress, WooCommerce, or PHP application with zero downtime and full data integrity.&lt;/p&gt;
      &lt;/details&gt;
      &lt;details&gt;
        &lt;summary&gt;Who is this offer best for?&lt;/summary&gt;
        &lt;p&gt;Bloggers, agencies, developers, and business owners who manage one or many sites and want an easier move to a faster, more reliable host.&lt;/p&gt;
      &lt;/details&gt;
      &lt;details&gt;
        &lt;summary&gt;How do I use the promo code?&lt;/summary&gt;
        &lt;p&gt;Click the "Get Started" button, sign up for Cloudways, and enter &lt;b&gt;MIGRATE303&lt;/b&gt; during checkout to receive 30% off for your first 3 months.&lt;/p&gt;
      &lt;/details&gt;
      &lt;details&gt;
        &lt;summary&gt;Is there a limit to how many sites I can migrate?&lt;/summary&gt;
        &lt;p&gt;No. The unlimited managed migrations offer means you can migrate as many sites as you need during the promotional period, handled by Cloudways experts.&lt;/p&gt;
      &lt;/details&gt;
      &lt;details&gt;
        &lt;summary&gt;Will my site go down during migration?&lt;/summary&gt;
        &lt;p&gt;No. Cloudways performs migrations with zero downtime, ensuring your website remains accessible to visitors throughout the transfer process.&lt;/p&gt;
      &lt;/details&gt;
    &lt;/section&gt;

    &lt;p class="footer-note"&gt;
      This is an affiliate partnership. We recommend Cloudways because we believe it offers genuine value for website owners looking for reliable, managed hosting.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;!-- Edwin Ogie Library Footer --&gt;
  &lt;footer class="eol-footer"&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div&gt;
        &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
        &lt;p&gt;Educational resources for everyday learning, family life, and student support.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp;amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp;amp; Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="eol-copyright"&gt;&amp;#169; &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;

  &lt;script&gt;
    document.getElementById('year').textContent = new Date().getFullYear();

    function updateCountdown() {
      const end = new Date('2026-06-30T23:59:59+01:00').getTime();
      const now = Date.now();
      const distance = Math.max(0, end - now);

      const days = Math.floor(distance / (1000 * 60 * 60 * 24));
      const hours = Math.floor((distance / (1000 * 60 * 60)) % 24);
      const mins = Math.floor((distance / (1000 * 60)) % 60);
      const secs = Math.floor((distance / 1000) % 60);

      document.getElementById('days').textContent = String(days).padStart(2, '0');
      document.getElementById('hours').textContent = String(hours).padStart(2, '0');
      document.getElementById('mins').textContent = String(mins).padStart(2, '0');
      document.getElementById('secs').textContent = String(secs).padStart(2, '0');
    }

    updateCountdown();
    setInterval(updateCountdown, 1000);
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/cloudways-unlimited-managed-migrations_0977068911.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWdz4kp-y3GmRh0SgGhYFIaSb_kQ2Zpx3Oq7xNvhellwnUe1K_0W0rjQHGac9cWx9fz4-8Ip3ZQBQJeSDim3pL9q9UlIBJxuOQWQ39Zkqu3hEdNP-PO4yGBqTgD0YSZVSSzZMAM5I0NjbP65VoogkXydmyhOiQeQ438-RX_7f1_FqeHcLiDJvk2y0ygpY/s72-c/unnamed.jpg" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-1401480932551802870</guid><pubDate>Tue, 05 May 2026 02:39:29 +0000</pubDate><atom:updated>2026-05-04T15:39:29.749-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Health</category><category domain="http://www.blogger.com/atom/ns#">mental well-being</category><title>What to Eat During Pregnancy for the Health of Mother and Baby | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;What to Eat During Pregnancy for the Health of Mother and Baby | Edwin Ogie Library&lt;/title&gt;
    &lt;meta name="description" content="Learn evidence-based nutrition guidelines for a healthy pregnancy. Discover what foods to eat, essential nutrients, and meal planning tips for mother and baby."&gt;
    &lt;meta name="keywords" content="pregnancy nutrition, healthy pregnancy diet, prenatal foods, pregnancy meal plan, maternal nutrition"&gt;
    &lt;meta name="author" content="Edwin Ogie"&gt;
    &lt;meta name="robots" content="index, follow"&gt;
    &lt;meta property="og:title" content="What to Eat During Pregnancy for the Health of Mother and Baby"&gt;
    &lt;meta property="og:description" content="Evidence-based guide on pregnancy nutrition, essential foods, and healthy eating for expectant mothers."&gt;
    &lt;meta property="og:type" content="article"&gt;
    &lt;meta property="og:image" content="https://kimi-web-img.moonshot.cn/img/www.welltogetherblog.com/5e67abd7a8e7f0cef9c07fdebafd8dab5a8bf18c.jpg"&gt;
    &lt;meta property="article:published_time" content="2026-05-05"&gt;
    &lt;meta property="article:modified_time" content="2026-05-05"&gt;
    &lt;meta property="article:author" content="Edwin Ogie"&gt;
    &lt;meta property="article:section" content="Health &amp; Wellness"&gt;
    
    &lt;style&gt;
        :root {
            --primary: #e91e63;
            --primary-light: #f8bbd0;
            --secondary: #ff9800;
            --dark: #2c3e50;
            --light: #fafafa;
            --text: #333;
            --success: #4caf50;
            --danger: #f44336;
            --warning: #ff9800;
            --info: #2196f3;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.8;
            color: var(--text);
            background: #f5f5f5;
        }
        
        .container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }
        
        /* Header */
        .blog-header {
            background: linear-gradient(135deg, var(--primary) 0%, #ad1457 100%);
            color: white;
            padding: 60px 40px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .blog-header::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 400px;
            height: 400px;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
        }
        
        .blog-header h1 {
            font-size: 2.5em;
            margin-bottom: 15px;
            line-height: 1.2;
            position: relative;
            z-index: 1;
        }
        
        .blog-meta {
            display: flex;
            justify-content: center;
            gap: 25px;
            margin-top: 20px;
            font-size: 0.95em;
            opacity: 0.9;
            flex-wrap: wrap;
        }
        
        .blog-meta span {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .category-tag {
            display: inline-block;
            background: var(--secondary);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.85em;
            font-weight: 600;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        /* Content */
        .blog-content {
            padding: 50px 40px;
        }
        
        /* Medical Disclaimer - PROMINENT TOP PLACEMENT */
        .medical-disclaimer-top {
            background: #fff3cd;
            border: 2px solid #ff9800;
            border-radius: 12px;
            padding: 25px;
            margin: 30px 0;
            position: relative;
        }
        
        .medical-disclaimer-top::before {
            content: '⚕️';
            font-size: 2em;
            position: absolute;
            top: -15px;
            left: 20px;
            background: white;
            padding: 0 10px;
        }
        
        .medical-disclaimer-top h3 {
            color: #856404;
            margin-bottom: 10px;
            font-size: 1.2em;
            padding-top: 10px;
        }
        
        .medical-disclaimer-top p {
            color: #856404;
            font-size: 0.95em;
            line-height: 1.7;
        }
        
        .intro {
            font-size: 1.2em;
            color: var(--dark);
            margin-bottom: 40px;
            padding: 25px;
            background: linear-gradient(to right, #fff3e0, #fce4ec);
            border-left: 5px solid var(--primary);
            border-radius: 0 8px 8px 0;
            line-height: 1.9;
        }
        
        /* Mistake Cards */
        .section-block {
            margin-bottom: 50px;
            scroll-margin-top: 20px;
        }
        
        .section-header {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 3px solid var(--primary-light);
        }
        
        .section-number {
            background: var(--primary);
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5em;
            font-weight: bold;
            flex-shrink: 0;
        }
        
        .section-title {
            font-size: 1.6em;
            color: var(--dark);
            font-weight: 700;
        }
        
        .section-content {
            padding-left: 65px;
        }
        
        .image-container {
            margin: 25px 0;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            position: relative;
        }
        
        .image-container img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s ease;
        }
        
        .image-container:hover img {
            transform: scale(1.02);
        }
        
        .image-caption {
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 10px 15px;
            font-size: 0.9em;
            text-align: center;
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        
        /* AdSense Compliant Boxes - Educational Tone */
        .info-box {
            background: #e3f2fd;
            border-left: 5px solid var(--info);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .info-box strong {
            color: #0d47a1;
            display: block;
            margin-bottom: 8px;
            font-size: 1.1em;
        }
        
        .tip-box {
            background: #d4edda;
            border-left: 5px solid var(--success);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .tip-box strong {
            color: #155724;
            display: block;
            margin-bottom: 8px;
            font-size: 1.1em;
        }
        
        .caution-box {
            background: #fff3e0;
            border-left: 5px solid var(--warning);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .caution-box strong {
            color: #e65100;
            display: block;
            margin-bottom: 8px;
            font-size: 1.1em;
        }
        
        ul.bullet-points {
            margin: 15px 0 15px 25px;
        }
        
        ul.bullet-points li {
            margin-bottom: 10px;
            position: relative;
        }
        
        ul.bullet-points li::marker {
            color: var(--primary);
            font-size: 1.2em;
        }
        
        /* Table of Contents */
        .toc {
            background: white;
            border: 2px solid var(--primary-light);
            border-radius: 12px;
            padding: 30px;
            margin: 40px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .toc h2 {
            color: var(--primary);
            margin-bottom: 20px;
            font-size: 1.4em;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .toc-list {
            list-style: none;
            columns: 2;
            column-gap: 30px;
        }
        
        .toc-list li {
            margin-bottom: 12px;
            break-inside: avoid;
        }
        
        .toc-list a {
            color: var(--dark);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px;
            border-radius: 6px;
            transition: all 0.3s;
        }
        
        .toc-list a:hover {
            background: var(--primary-light);
            color: var(--primary);
            transform: translateX(5px);
        }
        
        .toc-number {
            background: var(--primary);
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.85em;
            font-weight: bold;
            flex-shrink: 0;
        }
        
        /* Sources Section */
        .sources-section {
            background: #f8f9fa;
            padding: 40px;
            border-radius: 12px;
            margin: 50px 0;
            border: 2px solid #e0e0e0;
        }
        
        .sources-section h2 {
            color: var(--dark);
            margin-bottom: 25px;
            font-size: 1.6em;
        }
        
        .sources-list {
            margin-left: 20px;
            line-height: 2.2;
        }
        
        .sources-list li {
            color: #555;
        }
        
        .sources-list a {
            color: var(--info);
            text-decoration: none;
        }
        
        .sources-list a:hover {
            text-decoration: underline;
        }
        
        .last-reviewed {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #ddd;
            font-size: 0.9em;
            color: #666;
            font-style: italic;
        }
        
        /* Key Takeaways */
        .key-takeaways {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 40px;
            border-radius: 12px;
            margin: 50px 0;
        }
        
        .key-takeaways h2 {
            font-size: 1.8em;
            margin-bottom: 25px;
            text-align: center;
        }
        
        .takeaway-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .takeaway-item {
            background: rgba(255,255,255,0.15);
            padding: 20px;
            border-radius: 8px;
            backdrop-filter: blur(10px);
        }
        
        .takeaway-item h4 {
            margin-bottom: 10px;
            font-size: 1.1em;
        }
        
        /* FAQ Section */
        .faq-section {
            margin: 50px 0;
        }
        
        .faq-section h2 {
            color: var(--dark);
            font-size: 1.8em;
            margin-bottom: 30px;
            text-align: center;
        }
        
        .faq-item {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        
        .faq-question {
            background: #f8f9fa;
            padding: 20px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.3s;
        }
        
        .faq-question:hover {
            background: #e9ecef;
        }
        
        .faq-answer {
            padding: 20px;
            display: none;
            border-top: 1px solid #e0e0e0;
        }
        
        .faq-item.active .faq-answer {
            display: block;
        }
        
        .faq-toggle {
            font-size: 1.5em;
            color: var(--primary);
            transition: transform 0.3s;
        }
        
        .faq-item.active .faq-toggle {
            transform: rotate(45deg);
        }
        
        .consult-reminder {
            background: #e8f5e9;
            border-left: 4px solid var(--success);
            padding: 12px;
            margin-top: 15px;
            border-radius: 0 6px 6px 0;
            font-size: 0.9em;
            color: #2e7d32;
        }
        
        /* Author Box - Enhanced E-E-A-T */
        .author-box {
            display: flex;
            gap: 25px;
            align-items: center;
            background: #f8f9fa;
            padding: 30px;
            border-radius: 12px;
            margin: 50px 0;
            border: 2px solid var(--primary-light);
        }
        
        .author-avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: var(--primary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 2em;
            font-weight: bold;
            flex-shrink: 0;
        }
        
        .author-info h3 {
            color: var(--dark);
            margin-bottom: 8px;
        }
        
        .author-info p {
            color: #666;
            font-size: 0.95em;
            line-height: 1.7;
        }
        
        .author-credentials {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #ddd;
            font-size: 0.85em;
            color: #888;
        }
        
        /* Related Posts */
        .related-posts {
            margin: 50px 0;
        }
        
        .related-posts h2 {
            color: var(--dark);
            margin-bottom: 25px;
            font-size: 1.6em;
        }
        
        .related-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .related-card {
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
        }
        
        .related-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .related-card-content {
            padding: 20px;
        }
        
        .related-card h4 {
            color: var(--dark);
            margin-bottom: 10px;
        }
        
        .related-card p {
            color: #666;
            font-size: 0.9em;
        }
        
        /* Share Buttons */
        .share-section {
            text-align: center;
            padding: 40px;
            background: #f8f9fa;
            border-top: 3px solid var(--primary-light);
        }
        
        .share-section h3 {
            margin-bottom: 20px;
            color: var(--dark);
        }
        
        .share-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }
        
        .share-btn {
            padding: 12px 25px;
            border-radius: 25px;
            text-decoration: none;
            color: white;
            font-weight: 600;
            transition: transform 0.3s, box-shadow 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        
        .share-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        
        .share-facebook { background: #3b5998; }
        .share-twitter { background: #1da1f2; }
        .share-whatsapp { background: #25d366; }
        .share-pinterest { background: #bd081c; }
        
        /* Footer - Enhanced AdSense Compliant Disclaimer */
        .blog-footer {
            background: var(--dark);
            color: white;
            text-align: center;
            padding: 40px;
        }
        
        .blog-footer .disclaimer-text {
            max-width: 800px;
            margin: 0 auto 20px;
            font-size: 0.9em;
            line-height: 1.8;
            opacity: 0.9;
        }
        
        .blog-footer a {
            color: var(--primary-light);
            text-decoration: none;
        }
        
        .blog-footer .copyright {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(255,255,255,0.2);
            font-size: 0.85em;
            opacity: 0.7;
        }
        
        /* Footer Links Section */
        .footer-links {
            background: #1a252f;
            color: white;
            padding: 40px;
        }
        
        .footer-links-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            max-width: 900px;
            margin: 0 auto;
        }
        
        .footer-links-column h4 {
            color: var(--primary-light);
            margin-bottom: 15px;
            font-size: 1.1em;
        }
        
        .footer-links-column ul {
            list-style: none;
        }
        
        .footer-links-column li {
            margin-bottom: 10px;
        }
        
        .footer-links-column a {
            color: #b0bec5;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-links-column a:hover {
            color: var(--primary-light);
        }
        
        /* Support Section */
        .support-section {
            background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%);
            color: white;
            padding: 40px;
            text-align: center;
            border-top: 3px solid var(--primary);
        }
        
        .support-section h3 {
            color: var(--primary-light);
            margin-bottom: 20px;
            font-size: 1.5em;
        }
        
        .support-details {
            background: rgba(255,255,255,0.1);
            padding: 25px;
            border-radius: 12px;
            max-width: 500px;
            margin: 0 auto;
            backdrop-filter: blur(10px);
        }
        
        .support-details p {
            margin-bottom: 10px;
            font-size: 1em;
        }
        
        .support-details strong {
            color: var(--primary-light);
        }
        
        .support-note {
            margin-top: 15px;
            font-size: 0.85em;
            color: #b0bec5;
            font-style: italic;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .blog-header h1 {
                font-size: 1.8em;
            }
            
            .blog-content {
                padding: 30px 20px;
            }
            
            .section-content {
                padding-left: 0;
            }
            
            .toc-list {
                columns: 1;
            }
            
            .author-box {
                flex-direction: column;
                text-align: center;
            }
            
            .blog-meta {
                flex-direction: column;
                gap: 10px;
            }
            
            .footer-links-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }
        }
        
        /* Print Styles */
        @media print {
            .share-section, .blog-footer, .footer-links, .support-section {
                display: none;
            }
            
            .blog-header {
                background: white !important;
                color: black !important;
                padding: 20px;
            }
            
            .section-block {
                page-break-inside: avoid;
            }
        }
        
        /* Smooth Scroll */
        html {
            scroll-behavior: smooth;
        }
        
        /* Highlight Animation */
        @keyframes highlight {
            0% { background-color: #fff3cd; }
            100% { background-color: transparent; }
        }
        
        :target {
            animation: highlight 2s ease;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class="container"&gt;
    &lt;!-- Header --&gt;
    &lt;header class="blog-header"&gt;
        &lt;span class="category-tag"&gt;Health &amp; Wellness&lt;/span&gt;
        &lt;h1&gt;What to Eat During Pregnancy for the Health of Mother and Baby&lt;/h1&gt;
        &lt;div class="blog-meta"&gt;
            &lt;span&gt;&#128197; May 5, 2026&lt;/span&gt;
            &lt;span&gt;⏱️ 15 min read&lt;/span&gt;
            &lt;span&gt;&#128100; Edwin Ogie&lt;/span&gt;
            &lt;span&gt;&#127991;️ Pregnancy, Nutrition, Maternal Health&lt;/span&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- Content --&gt;
    &lt;article class="blog-content"&gt;
        
        &lt;!-- PROMINENT MEDICAL DISCLAIMER - AdSense Required --&gt;
        &lt;div class="medical-disclaimer-top"&gt;
            &lt;h3&gt;Medical Disclaimer&lt;/h3&gt;
            &lt;p&gt;This article is for &lt;strong&gt;educational and informational purposes only&lt;/strong&gt;. It does not constitute medical advice, diagnosis, or treatment. The content presented here is compiled from publicly available health resources and reputable medical organizations. Always consult a qualified healthcare provider—such as your obstetrician, midwife, or registered dietitian—before making any dietary changes during pregnancy. Individual nutritional needs vary based on health status, pre-existing conditions, and stage of pregnancy.&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="intro"&gt;
            &lt;strong&gt;Proper nutrition during pregnancy is one of the most important investments you can make in your baby's future health.&lt;/strong&gt; What you eat directly influences your baby's growth, brain development, and overall wellbeing. This evidence-based guide explores the essential nutrients, recommended foods, and practical meal planning strategies to support both mother and baby throughout pregnancy. Our goal is to provide educational information that supports informed discussions with your healthcare provider.
        &lt;/div&gt;

        &lt;!-- Table of Contents --&gt;
        &lt;nav class="toc"&gt;
            &lt;h2&gt;&#128203; Table of Contents&lt;/h2&gt;
            &lt;ol class="toc-list"&gt;
                &lt;li&gt;&lt;a href="#section1"&gt;&lt;span class="toc-number"&gt;1&lt;/span&gt; Understanding Pregnancy Nutritional Needs&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section2"&gt;&lt;span class="toc-number"&gt;2&lt;/span&gt; Essential Nutrients and Their Food Sources&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section3"&gt;&lt;span class="toc-number"&gt;3&lt;/span&gt; Best Foods to Eat During Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section4"&gt;&lt;span class="toc-number"&gt;4&lt;/span&gt; Foods to Limit or Avoid&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section5"&gt;&lt;span class="toc-number"&gt;5&lt;/span&gt; Hydration During Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section6"&gt;&lt;span class="toc-number"&gt;6&lt;/span&gt; Meal Planning and Portion Guidelines&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section7"&gt;&lt;span class="toc-number"&gt;7&lt;/span&gt; Managing Pregnancy Cravings&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section8"&gt;&lt;span class="toc-number"&gt;8&lt;/span&gt; Vegetarian and Vegan Pregnancy Nutrition&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section9"&gt;&lt;span class="toc-number"&gt;9&lt;/span&gt; Common Nutritional Concerns&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#section10"&gt;&lt;span class="toc-number"&gt;10&lt;/span&gt; Sample Weekly Meal Plan&lt;/a&gt;&lt;/li&gt;
            &lt;/ol&gt;
        &lt;/nav&gt;

        &lt;!-- Section 1 --&gt;
        &lt;section class="section-block" id="section1"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;1&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Understanding Pregnancy Nutritional Needs&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.welltogetherblog.com/5e67abd7a8e7f0cef9c07fdebafd8dab5a8bf18c.jpg" alt="Pregnant woman holding healthy grapes with fruits around her"&gt;
                    &lt;div class="image-caption"&gt;A balanced diet during pregnancy supports both maternal health and fetal development&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;During pregnancy, your body undergoes remarkable changes to support the growing baby. According to the American College of Obstetricians and Gynecologists (ACOG), while caloric needs increase, the focus should be on nutrient density rather than simply eating more. The common phrase "eating for two" can be misleading—most pregnant women need only modest increases in calories.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Caloric Needs by Trimester (General Guidelines):&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;First Trimester:&lt;/strong&gt; No additional calories needed for most women&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Second Trimester:&lt;/strong&gt; Approximately 340 extra calories per day&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Third Trimester:&lt;/strong&gt; Approximately 450 extra calories per day&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Multiple Pregnancy:&lt;/strong&gt; Higher caloric needs—consult your healthcare provider&lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;p style="margin-top: 10px; font-size: 0.9em;"&gt;These are general estimates. Individual needs vary based on pre-pregnancy weight, activity level, and metabolic factors. Always consult your provider for personalized recommendations.&lt;/p&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Quality Over Quantity:&lt;/strong&gt;
                    Rather than focusing solely on calorie counts, prioritize nutrient-dense foods that provide vitamins, minerals, protein, healthy fats, and fiber. A well-balanced pregnancy diet typically includes a variety of fruits, vegetables, whole grains, lean proteins, and dairy or fortified alternatives.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 2 --&gt;
        &lt;section class="section-block" id="section2"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;2&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Essential Nutrients and Their Food Sources&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/my.clevelandclinic.org/7fbcf0204c1d71e7aa6a566b773fb8edcf732ae5" alt="Infographic showing the most important prenatal vitamins and their food sources"&gt;
                    &lt;div class="image-caption"&gt;Key prenatal nutrients and their natural food sources&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;The Cleveland Clinic and other major health organizations emphasize several critical nutrients during pregnancy. Understanding these nutrients helps you make informed food choices.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Critical Nutrients for Pregnancy:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Folic Acid (Folate):&lt;/strong&gt; The CDC recommends 400-800 mcg daily. Found in leafy greens, fortified cereals, beans, and citrus fruits. Critical for neural tube development.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Iron:&lt;/strong&gt; Needed for increased blood volume. Found in lean red meat, poultry, beans, spinach, and iron-fortified cereals. Vitamin C enhances absorption.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Calcium:&lt;/strong&gt; Supports fetal bone and teeth development. Found in dairy products, fortified plant milks, leafy greens, and tofu.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Protein:&lt;/strong&gt; Essential for fetal tissue growth. Found in lean meats, poultry, fish, eggs, beans, lentils, nuts, and dairy.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Omega-3 Fatty Acids (DHA):&lt;/strong&gt; Supports brain and eye development. Found in fatty fish (salmon, sardines), walnuts, flaxseeds, and fortified eggs.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Vitamin D:&lt;/strong&gt; Aids calcium absorption and immune function. Found in fortified milk, fatty fish, and through safe sun exposure.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Iodine:&lt;/strong&gt; Important for thyroid function and brain development. Found in iodized salt, dairy, and fish.&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Choline:&lt;/strong&gt; Supports brain development. Found in eggs, meat, fish, and cruciferous vegetables.&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Supplementation Considerations:&lt;/strong&gt;
                    While obtaining nutrients from food is ideal, the ACOG and CDC recommend prenatal vitamins to help fill nutritional gaps. Discuss the appropriate prenatal supplement with your healthcare provider, as individual needs may vary.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 3 --&gt;
        &lt;section class="section-block" id="section3"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;3&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Best Foods to Eat During Pregnancy&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.birthbliss.ca/15b6f06fb3f1368987d1d801fbfca0f66bac6a4a.png" alt="Infographic showing 10 superfoods for a healthy pregnancy including eggs, avocado, berries, and spinach"&gt;
                    &lt;div class="image-caption"&gt;Nutrient-dense superfoods commonly recommended during pregnancy&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;Building your diet around whole, nutrient-dense foods provides the foundation for a healthy pregnancy. The following food groups are generally recommended by nutrition experts and health organizations.&lt;/p&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Recommended Food Groups:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Leafy Green Vegetables:&lt;/strong&gt; Spinach, kale, broccoli, and Swiss chard provide folate, iron, calcium, and fiber&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Lean Proteins:&lt;/strong&gt; Chicken, turkey, lean beef, eggs, beans, lentils, and tofu support fetal growth&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Whole Grains:&lt;/strong&gt; Oats, quinoa, brown rice, and whole wheat provide B vitamins, fiber, and sustained energy&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Fruits:&lt;/strong&gt; Berries, oranges, bananas, apples, and avocados offer vitamins, minerals, and natural sugars&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Dairy or Fortified Alternatives:&lt;/strong&gt; Milk, yogurt, cheese, or fortified soy/almond milk for calcium and protein&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Fatty Fish:&lt;/strong&gt; Salmon, sardines, and trout (2-3 servings per week) for omega-3 fatty acids&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Nuts and Seeds:&lt;/strong&gt; Walnuts, almonds, chia seeds, and flaxseeds for healthy fats and minerals&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Legumes:&lt;/strong&gt; Lentils, chickpeas, and black beans for plant-based protein, iron, and folate&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Sweet Potatoes:&lt;/strong&gt; Rich in beta-carotene (converts to vitamin A), fiber, and potassium&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/be-still-farms.com/40c7bedd89ede92b27f0e6c074ee0536c7b96390.jpg" alt="Pregnant woman eating a healthy grain bowl with vegetables"&gt;
                    &lt;div class="image-caption"&gt;Whole grains and vegetables form the foundation of a healthy pregnancy diet&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 4 --&gt;
        &lt;section class="section-block" id="section4"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;4&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Foods to Limit or Avoid&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;p&gt;Food safety is particularly important during pregnancy because hormonal changes can weaken the immune system. Additionally, certain foods may contain substances that could affect fetal development.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Foods Generally Recommended to Avoid:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Raw or Undercooked Animal Products:&lt;/strong&gt; Raw sushi, undercooked eggs, and rare meat may contain harmful bacteria (salmonella, listeria, toxoplasma)&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Unpasteurized Dairy and Juices:&lt;/strong&gt; These may harbor listeria bacteria&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;High-Mercury Fish:&lt;/strong&gt; Shark, swordfish, king mackerel, tilefish, and bigeye tuna. The FDA recommends limiting albacore tuna to 6 ounces per week&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Deli Meats and Hot Dogs (unless heated):&lt;/strong&gt; Potential listeria risk&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Refrigerated Pâtés and Meat Spreads:&lt;/strong&gt; Listeria concerns&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Raw Sprouts:&lt;/strong&gt; Alfalfa, clover, and radish sprouts may harbor bacteria&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Excess Vitamin A:&lt;/strong&gt; Avoid high-dose vitamin A supplements and excessive liver consumption&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Alcohol:&lt;/strong&gt; The CDC and Surgeon General recommend complete abstinence—no known safe amount&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Foods to Limit:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Caffeine:&lt;/strong&gt; Most organizations recommend keeping intake below 200mg per day (approximately one 12-oz cup of coffee)&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Processed and Junk Foods:&lt;/strong&gt; High in empty calories, sodium, and unhealthy fats with minimal nutritional value&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Added Sugars:&lt;/strong&gt; Excessive sugar intake may contribute to excessive weight gain and gestational diabetes risk&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Sodium:&lt;/strong&gt; High sodium intake may contribute to swelling and blood pressure issues&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Food Safety Tips:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Wash all fruits and vegetables thoroughly under running water&lt;/li&gt;
                        &lt;li&gt;Keep raw and cooked foods separate to prevent cross-contamination&lt;/li&gt;
                        &lt;li&gt;Cook meats to safe internal temperatures&lt;/li&gt;
                        &lt;li&gt;Refrigerate leftovers promptly (within 2 hours)&lt;/li&gt;
                        &lt;li&gt;Check expiration dates on all packaged foods&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 5 --&gt;
        &lt;section class="section-block" id="section5"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;5&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Hydration During Pregnancy&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/unifiedpremierwomenscare.com/706068859a06644969e0a5696073343cde8d54e7.jpg" alt="Pregnant woman drinking water for proper hydration during pregnancy"&gt;
                    &lt;div class="image-caption"&gt;Adequate hydration supports amniotic fluid levels and overall pregnancy health&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;Proper hydration is essential during pregnancy. Water helps form amniotic fluid, aids nutrient transport, supports digestion, and helps prevent common pregnancy complaints such as constipation and urinary tract infections.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Hydration Guidelines:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;The Institute of Medicine recommends approximately 10 cups (2.4 liters) of total fluids daily from all sources during pregnancy&lt;/li&gt;
                        &lt;li&gt;Water should be the primary beverage choice&lt;/li&gt;
                        &lt;li&gt;Increase fluid intake during hot weather, physical activity, or illness&lt;/li&gt;
                        &lt;li&gt;Limit sugary drinks and monitor caffeine-containing beverages&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Staying Hydrated:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Carry a reusable water bottle as a visual reminder&lt;/li&gt;
                        &lt;li&gt;Drink a glass of water with each meal and snack&lt;/li&gt;
                        &lt;li&gt;Include water-rich foods: cucumbers, watermelon, oranges, strawberries, and soups&lt;/li&gt;
                        &lt;li&gt;Monitor urine color—pale yellow generally indicates adequate hydration&lt;/li&gt;
                        &lt;li&gt;If plain water is unappealing, add lemon, lime, mint, or cucumber slices&lt;/li&gt;
                        &lt;li&gt;Herbal teas may be hydrating, but check with your provider regarding specific herbs&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 6 --&gt;
        &lt;section class="section-block" id="section6"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;6&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Meal Planning and Portion Guidelines&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.oregonlive.com/63f0fdb36586417ab7fb8babb298dcb5de63a5a8.jpg" alt="My Pregnancy Plate showing balanced portions of vegetables, protein, grains, and fruits"&gt;
                    &lt;div class="image-caption"&gt;A balanced pregnancy plate emphasizes vegetables, lean protein, whole grains, and fruits&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;The "My Pregnancy Plate" model, adapted from general healthy eating guidelines, provides a visual framework for balanced meals. Rather than strict calorie counting, this approach focuses on proportions and food quality.&lt;/p&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Building a Balanced Pregnancy Plate:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Half your plate:&lt;/strong&gt; Non-starchy vegetables (spinach, broccoli, peppers, carrots)&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;One-quarter:&lt;/strong&gt; Lean protein (chicken, fish, beans, tofu, eggs)&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;One-quarter:&lt;/strong&gt; Whole grains or starchy vegetables (brown rice, quinoa, sweet potato)&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Plus:&lt;/strong&gt; A serving of fruit and dairy or fortified alternative&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Healthy fats:&lt;/strong&gt; Avocado, olive oil, nuts, and seeds in moderation&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Snacking Strategies:&lt;/strong&gt;
                    Eating smaller, more frequent meals may help with nausea, heartburn, and energy levels. Healthy snack ideas include:
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Greek yogurt with berries and nuts&lt;/li&gt;
                        &lt;li&gt;Apple slices with almond butter&lt;/li&gt;
                        &lt;li&gt;Whole grain crackers with cheese&lt;/li&gt;
                        &lt;li&gt;Hummus with vegetable sticks&lt;/li&gt;
                        &lt;li&gt;Hard-boiled eggs&lt;/li&gt;
                        &lt;li&gt;Trail mix with dried fruit and seeds&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 7 --&gt;
        &lt;section class="section-block" id="section7"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;7&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Managing Pregnancy Cravings&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;p&gt;Food cravings are common during pregnancy and are generally considered normal. However, managing them mindfully helps maintain nutritional balance and healthy weight gain.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Understanding Cravings:&lt;/strong&gt;
                    Some theories suggest cravings may relate to hormonal changes, nutritional deficiencies, or cultural factors. While occasional indulgence is fine, consistently giving in to unhealthy cravings may lead to excessive weight gain or nutritional imbalances.
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Healthy Approaches to Cravings:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Craving sweets?&lt;/strong&gt; Try fresh fruit, yogurt with honey, or a small piece of dark chocolate&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Craving salty foods?&lt;/strong&gt; Opt for lightly salted nuts, popcorn, or whole grain crackers with hummus&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Craving ice cream?&lt;/strong&gt; Try frozen yogurt, banana "nice cream," or a fruit smoothie&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Craving crunchy textures?&lt;/strong&gt; Choose raw vegetables, apple slices, or roasted chickpeas&lt;/li&gt;
                        &lt;li&gt;Keep healthy snacks readily available to avoid impulsive less-healthy choices&lt;/li&gt;
                        &lt;li&gt;Stay hydrated—sometimes thirst is mistaken for hunger&lt;/li&gt;
                        &lt;li&gt;Practice mindful eating: enjoy treats in moderation without guilt&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Pica Warning:&lt;/strong&gt;
                    If you experience cravings for non-food items such as ice, dirt, clay, or starch (a condition called pica), contact your healthcare provider immediately. This may indicate a nutritional deficiency, particularly iron, that requires medical attention.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 8 --&gt;
        &lt;section class="section-block" id="section8"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;8&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Vegetarian and Vegan Pregnancy Nutrition&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;p&gt;According to the Academy of Nutrition and Dietetics, well-planned vegetarian and vegan diets can be nutritionally adequate during pregnancy. However, certain nutrients require special attention.&lt;/p&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Key Considerations for Plant-Based Pregnancies:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Protein:&lt;/strong&gt; Combine legumes, tofu, tempeh, nuts, seeds, and whole grains throughout the day&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Vitamin B12:&lt;/strong&gt; Found naturally only in animal products—supplementation is typically necessary for vegans&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Iron:&lt;/strong&gt; Plant-based iron (non-heme) is less readily absorbed. Consume with vitamin C-rich foods to enhance absorption&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Calcium:&lt;/strong&gt; Fortified plant milks, tofu, leafy greens, almonds, and tahini&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Omega-3s (DHA):&lt;/strong&gt; Algae-based supplements are recommended as plant sources (flax, chia) provide ALA, not DHA&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Zinc:&lt;/strong&gt; Legumes, nuts, seeds, and whole grains&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Iodine:&lt;/strong&gt; Iodized salt and seaweed (in moderation due to variable iodine content)&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Working with a Professional:&lt;/strong&gt;
                    If you follow a vegetarian or vegan diet, consider consulting a registered dietitian specializing in prenatal nutrition. They can help ensure your meal plan meets all nutritional requirements and recommend appropriate supplements.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 9 --&gt;
        &lt;section class="section-block" id="section9"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;9&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Common Nutritional Concerns&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;p&gt;Many pregnant women experience conditions that affect eating and nutrition. Understanding these challenges and their dietary management can help you navigate them more comfortably.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Nausea and Morning Sickness:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Eat small, frequent meals rather than large ones&lt;/li&gt;
                        &lt;li&gt;Keep bland snacks (crackers, toast) by your bedside and eat before getting up&lt;/li&gt;
                        &lt;li&gt;Avoid strong smells and greasy or spicy foods if they trigger nausea&lt;/li&gt;
                        &lt;li&gt;Ginger (tea, candies) may help some women—discuss with your provider&lt;/li&gt;
                        &lt;li&gt;Cold foods may be better tolerated than hot foods&lt;/li&gt;
                        &lt;li&gt;Stay hydrated with small sips throughout the day&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Heartburn and Acid Reflux:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Eat smaller, more frequent meals&lt;/li&gt;
                        &lt;li&gt;Avoid lying down immediately after eating&lt;/li&gt;
                        &lt;li&gt;Limit trigger foods: spicy, fatty, acidic, and caffeinated items&lt;/li&gt;
                        &lt;li&gt;Elevate the head of your bed slightly&lt;/li&gt;
                        &lt;li&gt;Chew food thoroughly and eat slowly&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Constipation:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Increase fiber intake gradually: fruits, vegetables, whole grains, and legumes&lt;/li&gt;
                        &lt;li&gt;Drink plenty of water throughout the day&lt;/li&gt;
                        &lt;li&gt;Include prunes or prune juice, which may have natural laxative effects&lt;/li&gt;
                        &lt;li&gt;Stay physically active as approved by your provider&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Gestational Diabetes:&lt;/strong&gt;
                    If diagnosed with gestational diabetes, your healthcare provider will likely recommend working with a registered dietitian. General principles include monitoring carbohydrate intake, choosing complex carbohydrates, pairing carbs with protein, and maintaining consistent meal timing.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Section 10 --&gt;
        &lt;section class="section-block" id="section10"&gt;
            &lt;div class="section-header"&gt;
                &lt;div class="section-number"&gt;10&lt;/div&gt;
                &lt;h2 class="section-title"&gt;Sample Weekly Meal Plan&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="section-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.smartcells.com/9bb0f6ed0c66fbdd49e0746558e59fb1ab6f45b5.png" alt="Weekly pregnancy meal plan showing breakfast, lunch, dinner, and snack ideas"&gt;
                    &lt;div class="image-caption"&gt;A sample weekly meal plan can help simplify pregnancy nutrition&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;This sample meal plan provides general ideas based on nutritional guidelines. Adjust portions and choices according to your individual needs, preferences, and your healthcare provider's recommendations.&lt;/p&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Sample Day:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Breakfast:&lt;/strong&gt; Oatmeal topped with berries, chia seeds, and a drizzle of honey; glass of fortified milk&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Mid-Morning Snack:&lt;/strong&gt; Greek yogurt with sliced banana and a handful of almonds&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Lunch:&lt;/strong&gt; Grilled chicken salad with mixed greens, cherry tomatoes, avocado, quinoa, and olive oil dressing; whole grain roll&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Afternoon Snack:&lt;/strong&gt; Apple slices with peanut butter&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Dinner:&lt;/strong&gt; Baked salmon with sweet potato and steamed broccoli; side of brown rice&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Evening Snack:&lt;/strong&gt; Whole grain crackers with cheese and a small orange&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Variety is Key:&lt;/strong&gt;
                    Rotate proteins (chicken, fish, beans, eggs), vegetables (leafy greens, cruciferous, colorful peppers), and grains (quinoa, brown rice, oats, whole wheat) throughout the week to ensure a wide range of nutrients.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Key Takeaways --&gt;
        &lt;div class="key-takeaways"&gt;
            &lt;h2&gt;&#127919; Key Takeaways for Pregnancy Nutrition&lt;/h2&gt;
            &lt;div class="takeaway-grid"&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#129367; Eat the Rainbow&lt;/h4&gt;
                    &lt;p&gt;Include a variety of colorful fruits and vegetables to ensure a wide spectrum of vitamins and minerals.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#128031; Choose Safe Proteins&lt;/h4&gt;
                    &lt;p&gt;Prioritize lean meats, fish low in mercury, eggs, beans, and legumes for adequate protein intake.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#127806; Go Whole Grain&lt;/h4&gt;
                    &lt;p&gt;Replace refined grains with whole grains for more fiber, B vitamins, and sustained energy.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#128167; Stay Hydrated&lt;/h4&gt;
                    &lt;p&gt;Aim for approximately 10 cups of fluids daily, primarily from water and water-rich foods.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#129371; Don't Skip Dairy&lt;/h4&gt;
                    &lt;p&gt;Include calcium-rich foods daily for fetal bone development and maternal bone health.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#128138; Supplement Wisely&lt;/h4&gt;
                    &lt;p&gt;Take a prenatal vitamin as recommended by your healthcare provider to fill nutritional gaps.&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Sources &amp; References - AdSense E-E-A-T Requirement --&gt;
        &lt;div class="sources-section"&gt;
            &lt;h2&gt;&#128218; Sources &amp; References&lt;/h2&gt;
            &lt;p style="margin-bottom: 20px; color: #666;"&gt;This content is compiled from the following reputable health organizations and medical guidelines:&lt;/p&gt;
            &lt;ol class="sources-list"&gt;
                &lt;li&gt;World Health Organization (WHO) - &lt;a href="https://www.who.int" target="_blank" rel="noopener noreferrer"&gt;Nutrition Guidelines for Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;Centers for Disease Control and Prevention (CDC) - &lt;a href="https://www.cdc.gov" target="_blank" rel="noopener noreferrer"&gt;Pregnancy Nutrition Information&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;American College of Obstetricians and Gynecologists (ACOG) - &lt;a href="https://www.acog.org" target="_blank" rel="noopener noreferrer"&gt;Nutrition During Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;U.S. Food and Drug Administration (FDA) - &lt;a href="https://www.fda.gov" target="_blank" rel="noopener noreferrer"&gt;Food Safety for Pregnant Women&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;Academy of Nutrition and Dietetics - &lt;a href="https://www.eatright.org" target="_blank" rel="noopener noreferrer"&gt;Pregnancy Nutrition Resources&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;National Institutes of Health (NIH) - &lt;a href="https://www.nih.gov" target="_blank" rel="noopener noreferrer"&gt;Prenatal Nutrition Research&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;March of Dimes - &lt;a href="https://www.marchofdimes.org" target="_blank" rel="noopener noreferrer"&gt;Healthy Eating During Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;Cleveland Clinic - &lt;a href="https://my.clevelandclinic.org" target="_blank" rel="noopener noreferrer"&gt;Prenatal Vitamins and Nutrition&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;Institute of Medicine (National Academy of Medicine) - &lt;a href="https://www.nationalacademies.org" target="_blank" rel="noopener noreferrer"&gt;Dietary Reference Intakes&lt;/a&gt;&lt;/li&gt;
            &lt;/ol&gt;
            &lt;div class="last-reviewed"&gt;
                &lt;strong&gt;Last medically reviewed:&lt;/strong&gt; May 5, 2026. Content is periodically updated to reflect current medical guidelines and recommendations. This article was written for educational purposes and does not replace professional medical consultation.
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- FAQ Section --&gt;
        &lt;div class="faq-section"&gt;
            &lt;h2&gt;❓ Frequently Asked Questions&lt;/h2&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    How many extra calories do I really need during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;According to general guidelines, most women need no extra calories in the first trimester, approximately 340 extra calories in the second trimester, and about 450 extra calories in the third trimester. However, individual needs vary based on pre-pregnancy weight, activity level, and whether you're carrying multiples. Your healthcare provider can give personalized guidance.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Can I eat fish during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;Yes, fish can be part of a healthy pregnancy diet. The FDA recommends 2-3 servings (8-12 ounces) per week of low-mercury fish such as salmon, sardines, trout, and tilapia. Avoid high-mercury fish including shark, swordfish, king mackerel, and tilefish. Limit albacore tuna to 6 ounces per week.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Is it safe to be vegetarian or vegan during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;According to the Academy of Nutrition and Dietetics, well-planned vegetarian and vegan diets can be nutritionally adequate during all life stages, including pregnancy. However, special attention is needed for nutrients like vitamin B12, iron, calcium, omega-3s, and zinc. Consider working with a registered dietitian to ensure your diet meets all requirements.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Do I need to take prenatal vitamins if I eat a healthy diet?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;Most healthcare providers recommend prenatal vitamins even with a healthy diet because it can be difficult to obtain optimal amounts of certain nutrients—particularly folic acid, iron, and iodine—through food alone. Prenatal vitamins are designed to fill these gaps. Discuss the right supplement for you with your provider.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    What should I do if I have severe morning sickness and can't eat?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;Morning sickness is common, but if it's severe (hyperemesis gravidarum) and prevents you from keeping food or fluids down, contact your healthcare provider immediately. They can recommend treatments to help manage nausea and ensure you stay hydrated and nourished. In the meantime, try small, frequent meals of bland foods and stay hydrated with small sips.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    How much weight should I gain during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;The Institute of Medicine provides general guidelines based on pre-pregnancy BMI: Underweight (BMI &amp;lt;18.5): 28-40 lbs; Normal weight (BMI 18.5-24.9): 25-35 lbs; Overweight (BMI 25-29.9): 15-25 lbs; Obese (BMI ≥30): 11-20 lbs. These are general recommendations—your doctor will provide personalized guidance based on your health status.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Author Box - Enhanced E-E-A-T for AdSense --&gt;
        &lt;div class="author-box"&gt;
            &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
            &lt;div class="author-info"&gt;
                &lt;h3&gt;About the Author&lt;/h3&gt;
                &lt;p&gt;&lt;strong&gt;Edwin Ogie&lt;/strong&gt; is a health and wellness educator and the founder of Edwin Ogie Library, an educational platform providing evidence-based health, lifestyle, and educational resources. This content is compiled from reputable medical sources including the WHO, CDC, ACOG, and peer-reviewed nutrition research.&lt;/p&gt;
                &lt;div class="author-credentials"&gt;
                    &lt;strong&gt;Content Transparency:&lt;/strong&gt; This article was written for educational purposes and reviewed against current medical guidelines. For personalized medical advice, please consult your obstetrician, midwife, registered dietitian, or qualified healthcare provider. Last updated: May 2026.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Related Posts --&gt;
        &lt;div class="related-posts"&gt;
            &lt;h2&gt;&#128218; Related Articles&lt;/h2&gt;
            &lt;div class="related-grid"&gt;
                &lt;div class="related-card"&gt;
                    &lt;div class="related-card-content"&gt;
                        &lt;h4&gt;Common Pregnancy Mistakes Every Expectant Mother Should Avoid&lt;/h4&gt;
                        &lt;p&gt;Educational guide on practices to avoid during pregnancy based on medical recommendations.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="related-card"&gt;
                    &lt;div class="related-card-content"&gt;
                        &lt;h4&gt;First Trimester Guide: What to Expect&lt;/h4&gt;
                        &lt;p&gt;Overview of early pregnancy changes, symptoms, and nutritional considerations.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="related-card"&gt;
                    &lt;div class="related-card-content"&gt;
                        &lt;h4&gt;Preparing for Labor: An Educational Checklist&lt;/h4&gt;
                        &lt;p&gt;Information about childbirth education, birth planning, and postpartum preparation.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

    &lt;/article&gt;

    &lt;!-- Share Section --&gt;
    &lt;div class="share-section"&gt;
        &lt;h3&gt;Share This Article&lt;/h3&gt;
        &lt;div class="share-buttons"&gt;
            &lt;a href="#" class="share-btn share-facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(window.location.href), '_blank'); return false;"&gt;&#128216; Share on Facebook&lt;/a&gt;
            &lt;a href="#" class="share-btn share-twitter" onclick="window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&amp;url='+encodeURIComponent(window.location.href), '_blank'); return false;"&gt;&#128038; Share on Twitter&lt;/a&gt;
            &lt;a href="#" class="share-btn share-whatsapp" onclick="window.open('https://wa.me/?text='+encodeURIComponent(document.title+' '+window.location.href), '_blank'); return false;"&gt;&#128172; Share on WhatsApp&lt;/a&gt;
            &lt;a href="#" class="share-btn share-pinterest" onclick="window.open('https://pinterest.com/pin/create/button/?url='+encodeURIComponent(window.location.href)+'&amp;media='+encodeURIComponent('https://kimi-web-img.moonshot.cn/img/www.welltogetherblog.com/5e67abd7a8e7f0cef9c07fdebafd8dab5a8bf18c.jpg')+'&amp;description='+encodeURIComponent(document.title), '_blank'); return false;"&gt;&#128204; Pin on Pinterest&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Footer - Enhanced AdSense Compliant Disclaimer --&gt;
    &lt;footer class="blog-footer"&gt;
        &lt;div class="disclaimer-text"&gt;
            &lt;p&gt;&lt;strong&gt;Medical Disclaimer:&lt;/strong&gt; The information provided on this blog is for educational purposes only and is not intended as a substitute for professional medical advice, diagnosis, or treatment. Always seek the advice of your physician, obstetrician, midwife, or other qualified health provider with any questions you may have regarding a medical condition or dietary changes during pregnancy. Never disregard professional medical advice or delay in seeking it because of something you have read on this website.&lt;/p&gt;
            &lt;p style="margin-top: 15px;"&gt;The content on Edwin Ogie Library is compiled from publicly available health resources and reputable medical organizations. While we strive for accuracy, medical guidelines change over time, and individual circumstances vary. This content does not establish a doctor-patient relationship.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="copyright"&gt;
            &lt;p&gt;© 2026 Edwin Ogie Library. All rights reserved.&lt;/p&gt;
            &lt;p&gt;Visit us at &lt;a href="https://edwinogie.blogspot.com"&gt;edwinogie.blogspot.com&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/footer&gt;

    &lt;!-- Footer Links Section --&gt;
    &lt;div class="footer-links"&gt;
        &lt;div class="footer-links-grid"&gt;
            &lt;div class="footer-links-column"&gt;
                &lt;h4&gt;&#128218; Library Resources&lt;/h4&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Books Collections&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/library.html"&gt;Library&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-body-font-family_24.html"&gt;Library Body&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
            &lt;div class="footer-links-column"&gt;
                &lt;h4&gt;ℹ️ About &amp; Contact&lt;/h4&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;Our Mission &amp; Privacy&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/meet-author.html"&gt;Meet the Author&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
            &lt;div class="footer-links-column"&gt;
                &lt;h4&gt;&#128203; Legal &amp; Policies&lt;/h4&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Support Section with Moniepoint Details --&gt;
    &lt;div class="support-section"&gt;
        &lt;h3&gt;&#129309; Support Edwin Ogie Library&lt;/h3&gt;
        &lt;div class="support-details"&gt;
            &lt;p&gt;Your support helps us continue providing free educational resources to learners worldwide.&lt;/p&gt;
            &lt;p style="margin-top: 15px;"&gt;&lt;strong&gt;Moniepoint (Local Bank Transfer)&lt;/strong&gt;&lt;/p&gt;
            &lt;p&gt;&lt;strong&gt;Account Number:&lt;/strong&gt; 7061335913&lt;/p&gt;
            &lt;p&gt;&lt;strong&gt;Bank:&lt;/strong&gt; Moniepoint Microfinance Bank&lt;/p&gt;
            &lt;p&gt;&lt;strong&gt;Account Name:&lt;/strong&gt; EDWIN OGIE&lt;/p&gt;
            &lt;p class="support-note"&gt;Every contribution, no matter how small, makes a difference. Thank you for your generosity!&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor =&gt; {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });

    // FAQ toggle functionality
    document.querySelectorAll('.faq-question').forEach(question =&gt; {
        question.addEventListener('click', function() {
            this.parentElement.classList.toggle('active');
        });
    });
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/what-to-eat-during-pregnancy-for-health.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-4986601928103045266</guid><pubDate>Tue, 05 May 2026 02:04:38 +0000</pubDate><atom:updated>2026-05-12T15:24:40.748-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Health</category><category domain="http://www.blogger.com/atom/ns#">mental well-being</category><title>Common Pregnancy Mistakes Every Expectant Mother Should Avoid | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Common Pregnancy Mistakes Every Expectant Mother Should Avoid | Edwin Ogie Library&lt;/title&gt;
    &lt;meta name="description" content="Learn about common pregnancy mistakes and evidence-based tips for a healthier pregnancy journey. Educational content for expectant mothers."&gt;
    &lt;meta name="keywords" content="pregnancy tips, expectant mother guide, healthy pregnancy education, prenatal care information"&gt;
    &lt;meta name="author" content="Edwin Ogie"&gt;
    &lt;meta name="robots" content="index, follow"&gt;
    &lt;meta property="og:title" content="Common Pregnancy Mistakes Every Expectant Mother Should Avoid"&gt;
    &lt;meta property="og:description" content="Evidence-based educational guide on pregnancy health and common mistakes to avoid."&gt;
    &lt;meta property="og:type" content="article"&gt;
    &lt;meta property="og:image" content="https://kimi-web-img.moonshot.cn/img/www.inspirahealthnetwork.org/4c930cd4ee6b2d99733f63a567b8171730292954.jpg"&gt;
    &lt;meta property="article:published_time" content="2026-05-05"&gt;
    &lt;meta property="article:modified_time" content="2026-05-05"&gt;
    &lt;meta property="article:author" content="Edwin Ogie"&gt;
    &lt;meta property="article:section" content="Health &amp; Wellness"&gt;
    
    &lt;style&gt;
        :root {
            --primary: #e91e63;
            --primary-light: #f8bbd0;
            --secondary: #ff9800;
            --dark: #2c3e50;
            --light: #fafafa;
            --text: #333;
            --success: #4caf50;
            --danger: #f44336;
            --warning: #ff9800;
            --info: #2196f3;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.8;
            color: var(--text);
            background: #f5f5f5;
        }
        
        .container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }
        
        /* Header */
        .blog-header {
            background: linear-gradient(135deg, var(--primary) 0%, #ad1457 100%);
            color: white;
            padding: 60px 40px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .blog-header::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 400px;
            height: 400px;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
        }
        
        .blog-header h1 {
            font-size: 2.5em;
            margin-bottom: 15px;
            line-height: 1.2;
            position: relative;
            z-index: 1;
        }
        
        .blog-meta {
            display: flex;
            justify-content: center;
            gap: 25px;
            margin-top: 20px;
            font-size: 0.95em;
            opacity: 0.9;
            flex-wrap: wrap;
        }
        
        .blog-meta span {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .category-tag {
            display: inline-block;
            background: var(--secondary);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.85em;
            font-weight: 600;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        /* Content */
        .blog-content {
            padding: 50px 40px;
        }
        
        /* Medical Disclaimer - PROMINENT TOP PLACEMENT */
        .medical-disclaimer-top {
            background: #fff3cd;
            border: 2px solid #ff9800;
            border-radius: 12px;
            padding: 25px;
            margin: 30px 0;
            position: relative;
        }
        
        .medical-disclaimer-top::before {
            content: '⚕️';
            font-size: 2em;
            position: absolute;
            top: -15px;
            left: 20px;
            background: white;
            padding: 0 10px;
        }
        
        .medical-disclaimer-top h3 {
            color: #856404;
            margin-bottom: 10px;
            font-size: 1.2em;
            padding-top: 10px;
        }
        
        .medical-disclaimer-top p {
            color: #856404;
            font-size: 0.95em;
            line-height: 1.7;
        }
        
        .intro {
            font-size: 1.2em;
            color: var(--dark);
            margin-bottom: 40px;
            padding: 25px;
            background: linear-gradient(to right, #fff3e0, #fce4ec);
            border-left: 5px solid var(--primary);
            border-radius: 0 8px 8px 0;
            line-height: 1.9;
        }
        
        /* Mistake Cards */
        .mistake-section {
            margin-bottom: 50px;
            scroll-margin-top: 20px;
        }
        
        .mistake-header {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 3px solid var(--primary-light);
        }
        
        .mistake-number {
            background: var(--primary);
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5em;
            font-weight: bold;
            flex-shrink: 0;
        }
        
        .mistake-title {
            font-size: 1.6em;
            color: var(--dark);
            font-weight: 700;
        }
        
        .mistake-content {
            padding-left: 65px;
        }
        
        .image-container {
            margin: 25px 0;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            position: relative;
        }
        
        .image-container img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s ease;
        }
        
        .image-container:hover img {
            transform: scale(1.02);
        }
        
        .image-caption {
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 10px 15px;
            font-size: 0.9em;
            text-align: center;
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        
        /* AdSense Compliant Boxes - Educational Tone */
        .info-box {
            background: #e3f2fd;
            border-left: 5px solid var(--info);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .info-box strong {
            color: #0d47a1;
            display: block;
            margin-bottom: 8px;
            font-size: 1.1em;
        }
        
        .tip-box {
            background: #d4edda;
            border-left: 5px solid var(--success);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .tip-box strong {
            color: #155724;
            display: block;
            margin-bottom: 8px;
            font-size: 1.1em;
        }
        
        .caution-box {
            background: #fff3e0;
            border-left: 5px solid var(--warning);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .caution-box strong {
            color: #e65100;
            display: block;
            margin-bottom: 8px;
            font-size: 1.1em;
        }
        
        ul.bullet-points {
            margin: 15px 0 15px 25px;
        }
        
        ul.bullet-points li {
            margin-bottom: 10px;
            position: relative;
        }
        
        ul.bullet-points li::marker {
            color: var(--primary);
            font-size: 1.2em;
        }
        
        /* Table of Contents */
        .toc {
            background: white;
            border: 2px solid var(--primary-light);
            border-radius: 12px;
            padding: 30px;
            margin: 40px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .toc h2 {
            color: var(--primary);
            margin-bottom: 20px;
            font-size: 1.4em;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .toc-list {
            list-style: none;
            columns: 2;
            column-gap: 30px;
        }
        
        .toc-list li {
            margin-bottom: 12px;
            break-inside: avoid;
        }
        
        .toc-list a {
            color: var(--dark);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px;
            border-radius: 6px;
            transition: all 0.3s;
        }
        
        .toc-list a:hover {
            background: var(--primary-light);
            color: var(--primary);
            transform: translateX(5px);
        }
        
        .toc-number {
            background: var(--primary);
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.85em;
            font-weight: bold;
            flex-shrink: 0;
        }
        
        /* Sources Section */
        .sources-section {
            background: #f8f9fa;
            padding: 40px;
            border-radius: 12px;
            margin: 50px 0;
            border: 2px solid #e0e0e0;
        }
        
        .sources-section h2 {
            color: var(--dark);
            margin-bottom: 25px;
            font-size: 1.6em;
        }
        
        .sources-list {
            margin-left: 20px;
            line-height: 2.2;
        }
        
        .sources-list li {
            color: #555;
        }
        
        .sources-list a {
            color: var(--info);
            text-decoration: none;
        }
        
        .sources-list a:hover {
            text-decoration: underline;
        }
        
        .last-reviewed {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #ddd;
            font-size: 0.9em;
            color: #666;
            font-style: italic;
        }
        
        /* Key Takeaways */
        .key-takeaways {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 40px;
            border-radius: 12px;
            margin: 50px 0;
        }
        
        .key-takeaways h2 {
            font-size: 1.8em;
            margin-bottom: 25px;
            text-align: center;
        }
        
        .takeaway-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .takeaway-item {
            background: rgba(255,255,255,0.15);
            padding: 20px;
            border-radius: 8px;
            backdrop-filter: blur(10px);
        }
        
        .takeaway-item h4 {
            margin-bottom: 10px;
            font-size: 1.1em;
        }
        
        /* FAQ Section */
        .faq-section {
            margin: 50px 0;
        }
        
        .faq-section h2 {
            color: var(--dark);
            font-size: 1.8em;
            margin-bottom: 30px;
            text-align: center;
        }
        
        .faq-item {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        
        .faq-question {
            background: #f8f9fa;
            padding: 20px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.3s;
        }
        
        .faq-question:hover {
            background: #e9ecef;
        }
        
        .faq-answer {
            padding: 20px;
            display: none;
            border-top: 1px solid #e0e0e0;
        }
        
        .faq-item.active .faq-answer {
            display: block;
        }
        
        .faq-toggle {
            font-size: 1.5em;
            color: var(--primary);
            transition: transform 0.3s;
        }
        
        .faq-item.active .faq-toggle {
            transform: rotate(45deg);
        }
        
        .consult-reminder {
            background: #e8f5e9;
            border-left: 4px solid var(--success);
            padding: 12px;
            margin-top: 15px;
            border-radius: 0 6px 6px 0;
            font-size: 0.9em;
            color: #2e7d32;
        }
        
        /* Author Box - Enhanced E-E-A-T */
        .author-box {
            display: flex;
            gap: 25px;
            align-items: center;
            background: #f8f9fa;
            padding: 30px;
            border-radius: 12px;
            margin: 50px 0;
            border: 2px solid var(--primary-light);
        }
        
        .author-avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: var(--primary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 2em;
            font-weight: bold;
            flex-shrink: 0;
        }
        
        .author-info h3 {
            color: var(--dark);
            margin-bottom: 8px;
        }
        
        .author-info p {
            color: #666;
            font-size: 0.95em;
            line-height: 1.7;
        }
        
        .author-credentials {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #ddd;
            font-size: 0.85em;
            color: #888;
        }
        
        /* Related Posts */
        .related-posts {
            margin: 50px 0;
        }
        
        .related-posts h2 {
            color: var(--dark);
            margin-bottom: 25px;
            font-size: 1.6em;
        }
        
        .related-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .related-card {
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
        }
        
        .related-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .related-card-content {
            padding: 20px;
        }
        
        .related-card h4 {
            color: var(--dark);
            margin-bottom: 10px;
        }
        
        .related-card p {
            color: #666;
            font-size: 0.9em;
        }
        
        /* Share Buttons */
        .share-section {
            text-align: center;
            padding: 40px;
            background: #f8f9fa;
            border-top: 3px solid var(--primary-light);
        }
        
        .share-section h3 {
            margin-bottom: 20px;
            color: var(--dark);
        }
        
        .share-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }
        
        .share-btn {
            padding: 12px 25px;
            border-radius: 25px;
            text-decoration: none;
            color: white;
            font-weight: 600;
            transition: transform 0.3s, box-shadow 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        
        .share-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        
        .share-facebook { background: #3b5998; }
        .share-twitter { background: #1da1f2; }
        .share-whatsapp { background: #25d366; }
        .share-pinterest { background: #bd081c; }
        
        /* Footer - Enhanced Disclaimer */
        .blog-footer {
            background: var(--dark);
            color: white;
            text-align: center;
            padding: 40px;
        }
        
        .blog-footer .disclaimer-text {
            max-width: 800px;
            margin: 0 auto 20px;
            font-size: 0.9em;
            line-height: 1.8;
            opacity: 0.9;
        }
        
        .blog-footer a {
            color: var(--primary-light);
            text-decoration: none;
        }
        
        .blog-footer .copyright {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(255,255,255,0.2);
            font-size: 0.85em;
            opacity: 0.7;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .blog-header h1 {
                font-size: 1.8em;
            }
            
            .blog-content {
                padding: 30px 20px;
            }
            
            .mistake-content {
                padding-left: 0;
            }
            
            .toc-list {
                columns: 1;
            }
            
            .author-box {
                flex-direction: column;
                text-align: center;
            }
            
            .blog-meta {
                flex-direction: column;
                gap: 10px;
            }
        }
        
        /* Print Styles */
        @media print {
            .share-section, .blog-footer {
                display: none;
            }
            
            .blog-header {
                background: white !important;
                color: black !important;
                padding: 20px;
            }
            
            .mistake-section {
                page-break-inside: avoid;
            }
        }
        
        /* Smooth Scroll */
        html {
            scroll-behavior: smooth;
        }
        
        /* Highlight Animation */
        @keyframes highlight {
            0% { background-color: #fff3cd; }
            100% { background-color: transparent; }
        }
        
        :target {
            animation: highlight 2s ease;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class="container"&gt;
    &lt;!-- Header --&gt;
    &lt;header class="blog-header"&gt;
        &lt;span class="category-tag"&gt;Health &amp; Wellness&lt;/span&gt;
        &lt;h1&gt;Common Pregnancy Mistakes Every Expectant Mother Should Avoid&lt;/h1&gt;
        &lt;div class="blog-meta"&gt;
            &lt;span&gt;&#128197; May 5, 2026&lt;/span&gt;
            &lt;span&gt;⏱️ 12 min read&lt;/span&gt;
            &lt;span&gt;&#128100; Edwin Ogie&lt;/span&gt;
            &lt;span&gt;&#127991;️ Pregnancy, Health, Maternal Care&lt;/span&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- Content --&gt;
    &lt;article class="blog-content"&gt;
        
        &lt;!-- PROMINENT MEDICAL DISCLAIMER - AdSense Required --&gt;
        &lt;div class="medical-disclaimer-top"&gt;
            &lt;h3&gt;Medical Disclaimer&lt;/h3&gt;
            &lt;p&gt;This article is for &lt;strong&gt;educational and informational purposes only&lt;/strong&gt;. It does not constitute medical advice, diagnosis, or treatment. The content presented here is compiled from publicly available health resources and reputable medical organizations. Always consult a qualified healthcare provider—such as your obstetrician, midwife, or family doctor—before making any health decisions during pregnancy. Individual circumstances vary, and what is appropriate for one person may not be suitable for another. Never disregard professional medical advice or delay seeking it because of something you have read on this website.&lt;/p&gt;
        &lt;/div&gt;
       &lt;div class="intro"&gt;
            &lt;strong&gt;Pregnancy is a significant life event that brings both joy and responsibility.&lt;/strong&gt; Many expectant mothers, particularly those experiencing pregnancy for the first time, may not be aware of certain practices that medical professionals recommend avoiding. This educational guide highlights common areas where expectant mothers often seek more information, based on recommendations from major health organizations. Our goal is to support informed discussions between you and your healthcare provider.
        &lt;/div&gt;

        &lt;!-- Table of Contents --&gt;
        &lt;nav class="toc"&gt;
            &lt;h2&gt;&#128203; Table of Contents&lt;/h2&gt;
            &lt;ol class="toc-list"&gt;
                &lt;li&gt;&lt;a href="#mistake1"&gt;&lt;span class="toc-number"&gt;1&lt;/span&gt; Missing Prenatal Appointments&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake2"&gt;&lt;span class="toc-number"&gt;2&lt;/span&gt; Inadequate Nutritional Awareness&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake3"&gt;&lt;span class="toc-number"&gt;3&lt;/span&gt; Complete Avoidance of Physical Activity&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake4"&gt;&lt;span class="toc-number"&gt;4&lt;/span&gt; Alcohol, Tobacco, and Drug Use&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake5"&gt;&lt;span class="toc-number"&gt;5&lt;/span&gt; Neglecting Mental Wellbeing&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake6"&gt;&lt;span class="toc-number"&gt;6&lt;/span&gt; Self-Medicating Without Guidance&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake7"&gt;&lt;span class="toc-number"&gt;7&lt;/span&gt; Poor Sleep Habits&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake8"&gt;&lt;span class="toc-number"&gt;8&lt;/span&gt; Insufficient Hydration&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake9"&gt;&lt;span class="toc-number"&gt;9&lt;/span&gt; Inconsistent Prenatal Vitamin Use&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#mistake10"&gt;&lt;span class="toc-number"&gt;10&lt;/span&gt; Lack of Preparation for Labor&lt;/a&gt;&lt;/li&gt;
            &lt;/ol&gt;
        &lt;/nav&gt;

        &lt;!-- Mistake 1 --&gt;
        &lt;section class="mistake-section" id="mistake1"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;1&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Missing or Delaying Prenatal Appointments&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.inspirahealthnetwork.org/4c930cd4ee6b2d99733f63a567b8171730292954.jpg" alt="Pregnant woman consulting with healthcare provider during prenatal visit"&gt;
                    &lt;div class="image-caption"&gt;Regular prenatal checkups help monitor both mother and baby's health&lt;/div&gt;
                &lt;/div&gt;
           
                &lt;p&gt;Regular prenatal care is widely recommended by medical organizations as an important component of a healthy pregnancy. These appointments provide opportunities for healthcare providers to monitor development and discuss any questions or concerns.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Why Consistent Care Matters:&lt;/strong&gt;
                    According to the American College of Obstetricians and Gynecologists (ACOG), regular prenatal visits allow healthcare providers to monitor blood pressure, check for signs of preeclampsia, screen for gestational diabetes, and assess fetal growth. Early detection of potential concerns allows for timely intervention. Always follow your healthcare provider's recommended schedule.
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ General Recommendations:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Schedule your first prenatal visit early in pregnancy, ideally within the first 8 to 12 weeks&lt;/li&gt;
                        &lt;li&gt;Attend all scheduled appointments as recommended by your healthcare provider&lt;/li&gt;
                        &lt;li&gt;Prepare questions in advance to make the most of each visit&lt;/li&gt;
                        &lt;li&gt;Contact your provider between appointments if you experience symptoms that concern you&lt;/li&gt;
                        &lt;li&gt;Discuss any additional screenings that may be appropriate for your situation&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 2 --&gt;
        &lt;section class="mistake-section" id="mistake2"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;2&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Inadequate Nutritional Awareness&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;p&gt;Nutritional needs change during pregnancy, but the common phrase "eating for two" can be misleading. According to the Centers for Disease Control and Prevention (CDC), most pregnant women need only about 300 extra calories per day during the second trimester and 450 extra calories during the third trimester. Quality of nutrition is generally considered more important than quantity alone.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Common Nutritional Considerations:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Consuming excessive empty calories from sweets and highly processed foods may contribute to excessive weight gain&lt;/li&gt;
                        &lt;li&gt;Undercooked meats, eggs, or unpasteurized dairy products may carry foodborne illness risks&lt;/li&gt;
                        &lt;li&gt;Certain fish high in mercury (shark, swordfish, king mackerel, tilefish) are generally advised against during pregnancy&lt;/li&gt;
                        &lt;li&gt;Inadequate intake of iron, calcium, folate, and protein may affect maternal and fetal health&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ General Dietary Guidelines:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Focus on nutrient-dense foods: lean proteins, whole grains, fruits, vegetables, and healthy fats&lt;/li&gt;
                        &lt;li&gt;Consult your healthcare provider about appropriate caloric intake for your specific situation&lt;/li&gt;
                        &lt;li&gt;Take a prenatal vitamin as recommended by your doctor to supplement dietary intake&lt;/li&gt;
                        &lt;li&gt;Avoid raw or undercooked animal products unless otherwise directed by your provider&lt;/li&gt;
                        &lt;li&gt;Limit caffeine intake; many organizations suggest keeping it below 200mg per day&lt;/li&gt;
                        &lt;li&gt;Wash all fruits and vegetables thoroughly before consumption&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 3 --&gt;
        &lt;section class="mistake-section" id="mistake3"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;3&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Complete Avoidance of Physical Activity&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.rishikulyogshalarishikesh.com/8fa8c9fbe945812b2cfb59fd80535e16637ecf42.jpg" alt="Pregnant woman practicing prenatal yoga for healthy pregnancy"&gt;
                    &lt;div class="image-caption"&gt;Prenatal yoga and gentle exercise may strengthen muscles used during labor&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;The American College of Obstetricians and Gynecologists (ACOG) states that for women with uncomplicated pregnancies, physical activity is generally safe and beneficial. However, many expectant mothers avoid exercise entirely due to uncertainty about what is appropriate.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Potential Benefits of Moderate Exercise:&lt;/strong&gt;
                    Research suggests that regular, moderate physical activity during pregnancy may help reduce back pain, decrease the risk of gestational diabetes and preeclampsia, improve mood and energy levels, and promote healthy weight gain. Always obtain approval from your healthcare provider before beginning or continuing an exercise routine.
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Exercise Considerations:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Many health organizations suggest approximately 150 minutes of moderate-intensity activity per week for healthy pregnant women&lt;/li&gt;
                        &lt;li&gt;Walking, swimming, stationary cycling, and prenatal yoga are commonly recommended options&lt;/li&gt;
                        &lt;li&gt;Avoid contact sports, activities with high fall risk, and exercises requiring lying flat on your back after the first trimester&lt;/li&gt;
                        &lt;li&gt;Stay well-hydrated and avoid overheating&lt;/li&gt;
                        &lt;li&gt;Listen to your body and stop if you experience dizziness, shortness of breath, chest pain, or vaginal bleeding&lt;/li&gt;
                        &lt;li&gt;Pelvic floor exercises (Kegels) are often recommended throughout pregnancy&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 4 --&gt;
        &lt;section class="mistake-section" id="mistake4"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;4&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Alcohol, Tobacco, and Drug Use&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.shutterstock.com/3570b29602e7b6c58583853b836fdf731b29f54f.jpg" alt="No alcohol and no smoking warning for pregnant women"&gt;
                    &lt;div class="image-caption"&gt;Major health organizations recommend avoiding alcohol and tobacco during pregnancy&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;According to the CDC, the Surgeon General, and the American College of Obstetricians and Gynecologists, there is no known safe amount of alcohol during pregnancy. Similarly, smoking and recreational drug use are associated with significant risks to both mother and baby.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Associated Risks (Based on Medical Research):&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Alcohol:&lt;/strong&gt; The CDC notes that alcohol use during pregnancy can lead to Fetal Alcohol Spectrum Disorders (FASD), which may include physical, behavioral, and learning problems&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Smoking:&lt;/strong&gt; The March of Dimes reports that smoking during pregnancy increases risks of miscarriage, premature birth, low birth weight, and certain birth defects&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Drugs:&lt;/strong&gt; Substance use during pregnancy may lead to complications including preterm labor, placental abruption, and neonatal abstinence syndrome (NAS)&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ If You Need Support:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Speak with your healthcare provider immediately if you are struggling to quit—these conversations are confidential and non-judgmental&lt;/li&gt;
                        &lt;li&gt;Contact local support groups or national hotlines specialized in pregnancy and substance use&lt;/li&gt;
                        &lt;li&gt;Explore healthy coping alternatives such as meditation, gentle exercise, or creative activities&lt;/li&gt;
                        &lt;li&gt;Involve your partner or support network in creating a substance-free environment&lt;/li&gt;
                        &lt;li&gt;Remember that reducing or stopping use at any point during pregnancy can provide benefits&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 5 --&gt;
        &lt;section class="mistake-section" id="mistake5"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;5&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Neglecting Mental Wellbeing&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/cdn.shopify.com/00bb5776e1f5822823d3da98be00f7ce7459087e.jpg" alt="Pregnant woman relaxing and managing stress during pregnancy"&gt;
                    &lt;div class="image-caption"&gt;Managing stress is an important aspect of overall pregnancy wellness&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;Pregnancy involves significant hormonal and emotional changes. According to the American Psychological Association and postpartum support organizations, mental health during pregnancy is as important as physical health. Some women may experience anxiety or depression that requires professional attention.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ When to Seek Professional Help:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Persistent feelings of sadness or hopelessness lasting more than two weeks&lt;/li&gt;
                        &lt;li&gt;Excessive worry about pregnancy or baby's health that interferes with daily functioning&lt;/li&gt;
                        &lt;li&gt;Panic attacks or severe anxiety&lt;/li&gt;
                        &lt;li&gt;Loss of interest in previously enjoyed activities&lt;/li&gt;
                        &lt;li&gt;Significant sleep disturbances beyond normal pregnancy discomfort&lt;/li&gt;
                        &lt;li&gt;Any thoughts of self-harm or harming the baby—seek immediate help&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Strategies for Emotional Wellness:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Practice stress-reduction techniques such as deep breathing, meditation, or prenatal yoga&lt;/li&gt;
                        &lt;li&gt;Maintain social connections and avoid isolation&lt;/li&gt;
                        &lt;li&gt;Communicate openly with your partner, family, or friends about your feelings&lt;/li&gt;
                        &lt;li&gt;Consider professional counseling if needed—therapy during pregnancy is generally considered safe&lt;/li&gt;
                        &lt;li&gt;Join prenatal support groups to connect with other expectant mothers&lt;/li&gt;
                        &lt;li&gt;Prioritize adequate rest and sleep&lt;/li&gt;
                        &lt;li&gt;Limit exposure to stressful information when possible&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 6 --&gt;
        &lt;section class="mistake-section" id="mistake6"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;6&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Self-Medicating Without Guidance&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;p&gt;Many over-the-counter medications, herbal supplements, and even some prescription drugs may not be appropriate during pregnancy. The FDA and other regulatory bodies classify medications based on pregnancy safety data. What was safe before pregnancy may require re-evaluation.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Medications Requiring Medical Guidance:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;NSAIDs such as ibuprofen and aspirin (especially in the third trimester)&lt;/li&gt;
                        &lt;li&gt;Acne medications containing isotretinoin (Accutane)&lt;/li&gt;
                        &lt;li&gt;Certain antidepressants and anti-anxiety medications—do not discontinue without medical advice&lt;/li&gt;
                        &lt;li&gt;Herbal supplements not specifically evaluated for pregnancy safety&lt;/li&gt;
                        &lt;li&gt;High-dose vitamin A supplements&lt;/li&gt;
                        &lt;li&gt;Some antibiotics (tetracyclines, fluoroquinolones)&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Medication Safety Guidelines:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Always inform any healthcare provider that you are pregnant before accepting prescriptions&lt;/li&gt;
                        &lt;li&gt;Consult your obstetrician before taking any medication, including over-the-counter products&lt;/li&gt;
                        &lt;li&gt;Maintain a list of all medications and supplements you are taking&lt;/li&gt;
                        &lt;li&gt;Do not stop prescribed medications abruptly without consulting your doctor—some conditions may be riskier untreated&lt;/li&gt;
                        &lt;li&gt;Use reputable resources such as the FDA's pregnancy medication categories for reference, but always confirm with your provider&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 7 --&gt;
        &lt;section class="mistake-section" id="mistake7"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;7&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Poor Sleep Habits&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.invitra.com/36ce413bb291a9f8324ca4b08d810ce86dac922c.jpg" alt="Pregnant woman sleeping comfortably with proper positioning"&gt;
                    &lt;div class="image-caption"&gt;Proper sleep positioning may improve comfort and circulation during pregnancy&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;As pregnancy progresses, sleep patterns often change. According to the National Sleep Foundation and ACOG, sleep position and quality can affect comfort and potentially influence blood flow in later pregnancy stages.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Common Sleep Challenges:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Sleeping flat on the back after approximately 20 weeks may compress the vena cava, potentially reducing blood flow&lt;/li&gt;
                        &lt;li&gt;Inadequate support for the growing belly and back may increase discomfort&lt;/li&gt;
                        &lt;li&gt;Excessive fluid intake before bed may increase nighttime bathroom trips&lt;/li&gt;
                        &lt;li&gt;Blue light from electronic devices may disrupt melatonin production&lt;/li&gt;
                        &lt;li&gt;Sleep apnea symptoms may develop or worsen during pregnancy&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Sleep Improvement Strategies:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;The American Pregnancy Association suggests sleeping on the left side to optimize blood flow&lt;/li&gt;
                        &lt;li&gt;Use pregnancy pillows for support between knees, under the belly, and behind the back&lt;/li&gt;
                        &lt;li&gt;Establish a consistent, relaxing bedtime routine&lt;/li&gt;
                        &lt;li&gt;Keep the bedroom cool, dark, and quiet&lt;/li&gt;
                        &lt;li&gt;Limit caffeine intake, particularly after midday&lt;/li&gt;
                        &lt;li&gt;Take short daytime naps if nighttime sleep is disrupted&lt;/li&gt;
                        &lt;li&gt;Elevate the head of the bed slightly if experiencing heartburn&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 8 --&gt;
        &lt;section class="mistake-section" id="mistake8"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;8&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Insufficient Hydration&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;p&gt;Proper hydration is important during pregnancy. The Institute of Medicine recommends that pregnant women consume approximately 10 cups (2.4 liters) of fluids daily from all sources, including water, beverages, and food. Some women reduce water intake to minimize bathroom trips, but this may have unintended consequences.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Potential Effects of Inadequate Hydration:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Increased risk of urinary tract infections (UTIs)&lt;/li&gt;
                        &lt;li&gt;Headaches and dizziness&lt;/li&gt;
                        &lt;li&gt;Constipation and hemorrhoids&lt;/li&gt;
                        &lt;li&gt;Overheating&lt;/li&gt;
                        &lt;li&gt;Reduced amniotic fluid levels in severe cases&lt;/li&gt;
                        &lt;li&gt;Premature contractions in cases of significant dehydration&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Hydration Recommendations:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Aim for approximately 8-12 glasses of water daily, adjusting for activity level and climate&lt;/li&gt;
                        &lt;li&gt;Increase intake during hot weather or physical activity&lt;/li&gt;
                        &lt;li&gt;Carry a water bottle as a visual reminder&lt;/li&gt;
                        &lt;li&gt;Include water-rich foods such as cucumbers, watermelon, oranges, and strawberries&lt;/li&gt;
                        &lt;li&gt;Limit sugary beverages and monitor caffeine consumption&lt;/li&gt;
                        &lt;li&gt;If plain water is unappealing, consider adding lemon, mint, or cucumber slices&lt;/li&gt;
                        &lt;li&gt;Monitor urine color—pale yellow generally indicates adequate hydration&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 9 --&gt;
        &lt;section class="mistake-section" id="mistake9"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;9&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Inconsistent Prenatal Vitamin Use&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/images.agoramedia.com/33a8d314c35a624c09e927556210c19293b98157.jpg" alt="Essential prenatal vitamins recommended for pregnant women"&gt;
                    &lt;div class="image-caption"&gt;Prenatal vitamins are commonly recommended to supplement dietary intake during pregnancy&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;According to the CDC and ACOG, prenatal vitamins are commonly recommended because it can be difficult to obtain all necessary nutrients through diet alone during pregnancy. These supplements are specifically formulated to support maternal and fetal health.&lt;/p&gt;
                
                &lt;div class="info-box"&gt;
                    &lt;strong&gt;ℹ️ Key Nutrients Typically Included:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;&lt;strong&gt;Folic Acid (400-800mcg):&lt;/strong&gt; The CDC recommends folic acid supplementation before conception and during early pregnancy to help prevent neural tube defects&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Iron:&lt;/strong&gt; Supports the increased blood volume during pregnancy and helps prevent anemia&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Calcium &amp; Vitamin D:&lt;/strong&gt; Important for fetal bone and teeth development&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;DHA/Omega-3:&lt;/strong&gt; May support brain and eye development&lt;/li&gt;
                        &lt;li&gt;&lt;strong&gt;Iodine:&lt;/strong&gt; Supports thyroid function and neurological development&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Best Practices for Supplementation:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Begin taking prenatal vitamins before conception if possible, or as soon as pregnancy is confirmed&lt;/li&gt;
                        &lt;li&gt;Take them consistently at the same time each day&lt;/li&gt;
                        &lt;li&gt;If nausea occurs, try taking with food or before bed&lt;/li&gt;
                        &lt;li&gt;Do not double up if a dose is missed—continue with the next scheduled dose&lt;/li&gt;
                        &lt;li&gt;Choose a vitamin containing the recommended amounts of key nutrients as advised by your provider&lt;/li&gt;
                        &lt;li&gt;Continue prenatal vitamins while breastfeeding unless otherwise directed&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Mistake 10 --&gt;
        &lt;section class="mistake-section" id="mistake10"&gt;
            &lt;div class="mistake-header"&gt;
                &lt;div class="mistake-number"&gt;10&lt;/div&gt;
                &lt;h2 class="mistake-title"&gt;Lack of Preparation for Labor and Postpartum&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class="mistake-content"&gt;
                &lt;div class="image-container"&gt;
                    &lt;img src="https://kimi-web-img.moonshot.cn/img/www.ogawaworldusa.com/98204ed2bbeffcf2586ea73677013c61c85d4ce4.jpg" alt="Pregnant woman relaxing and preparing mentally for childbirth"&gt;
                    &lt;div class="image-caption"&gt;Mental and physical preparation for labor may help reduce anxiety&lt;/div&gt;
                &lt;/div&gt;
                
                &lt;p&gt;Many expectant mothers focus primarily on pregnancy itself and may not fully prepare for the birth process and the postpartum period. Childbirth education and advance planning can help reduce anxiety and improve readiness.&lt;/p&gt;
                
                &lt;div class="caution-box"&gt;
                    &lt;strong&gt;⚠️ Common Preparation Gaps:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Not attending childbirth education classes&lt;/li&gt;
                        &lt;li&gt;Failing to discuss birth preferences with healthcare providers&lt;/li&gt;
                        &lt;li&gt;Not researching available pain management options&lt;/li&gt;
                        &lt;li&gt;Overlooking postpartum recovery needs&lt;/li&gt;
                        &lt;li&gt;Not arranging practical help for the first weeks after birth&lt;/li&gt;
                        &lt;li&gt;Limited knowledge about newborn care basics&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class="tip-box"&gt;
                    &lt;strong&gt;✅ Preparation Checklist:&lt;/strong&gt;
                    &lt;ul class="bullet-points"&gt;
                        &lt;li&gt;Attend prenatal education classes offered by hospitals, community centers, or online platforms&lt;/li&gt;
                        &lt;li&gt;Discuss birth preferences and options with your healthcare provider&lt;/li&gt;
                        &lt;li&gt;Tour your chosen birth facility if possible&lt;/li&gt;
                        &lt;li&gt;Prepare a hospital bag by approximately week 36&lt;/li&gt;
                        &lt;li&gt;Arrange postpartum support for meals, childcare, and household assistance&lt;/li&gt;
                        &lt;li&gt;Learn about newborn care basics including feeding, diapering, and soothing techniques&lt;/li&gt;
                        &lt;li&gt;Prepare your home with necessary baby supplies&lt;/li&gt;
                        &lt;li&gt;Learn about signs of postpartum depression and have support resources available&lt;/li&gt;
                        &lt;li&gt;Consider creating a postpartum care plan in addition to birth preferences&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        &lt;!-- Key Takeaways --&gt;
        &lt;div class="key-takeaways"&gt;
            &lt;h2&gt;&#127919; Key Takeaways for a Healthy Pregnancy&lt;/h2&gt;
            &lt;div class="takeaway-grid"&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#127973; Stay Connected&lt;/h4&gt;
                    &lt;p&gt;Attend all prenatal appointments as scheduled. Your healthcare team is your primary resource for personalized guidance.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#129367; Eat Mindfully&lt;/h4&gt;
                    &lt;p&gt;Focus on nutrient quality. Discuss dietary needs with your healthcare provider or a registered dietitian.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#127939;‍♀️ Stay Active&lt;/h4&gt;
                    &lt;p&gt;Moderate exercise is generally beneficial. Always obtain your doctor's approval first.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#128683; Avoid Harmful Substances&lt;/h4&gt;
                    &lt;p&gt;Major health organizations recommend avoiding alcohol, tobacco, and recreational drugs during pregnancy.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#129496; Care for Your Mind&lt;/h4&gt;
                    &lt;p&gt;Mental health is an important part of pregnancy wellness. Seek help if you experience persistent anxiety or depression.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="takeaway-item"&gt;
                    &lt;h4&gt;&#128138; Supplement Wisely&lt;/h4&gt;
                    &lt;p&gt;Take prenatal vitamins as directed and never self-medicate without consulting your healthcare provider.&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Sources &amp; References - AdSense E-E-A-T Requirement --&gt;
        &lt;div class="sources-section"&gt;
            &lt;h2&gt;&#128218; Sources &amp; References&lt;/h2&gt;
            &lt;p style="margin-bottom: 20px; color: #666;"&gt;This content is compiled from the following reputable health organizations and medical guidelines:&lt;/p&gt;
            &lt;ol class="sources-list"&gt;
                &lt;li&gt;World Health Organization (WHO) - &lt;a href="https://www.who.int" target="_blank" rel="noopener noreferrer"&gt;Pregnancy Care Guidelines&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;Centers for Disease Control and Prevention (CDC) - &lt;a href="https://www.cdc.gov" target="_blank" rel="noopener noreferrer"&gt;Pregnancy Health Information&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;American College of Obstetricians and Gynecologists (ACOG) - &lt;a href="https://www.acog.org" target="_blank" rel="noopener noreferrer"&gt;Prenatal Care Guidelines&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;March of Dimes - &lt;a href="https://www.marchofdimes.org" target="_blank" rel="noopener noreferrer"&gt;Pregnancy Complications and Prevention&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;U.S. Food and Drug Administration (FDA) - &lt;a href="https://www.fda.gov" target="_blank" rel="noopener noreferrer"&gt;Medication Safety During Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;National Sleep Foundation - &lt;a href="https://www.thensf.org" target="_blank" rel="noopener noreferrer"&gt;Sleep Health During Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;American Psychological Association - &lt;a href="https://www.apa.org" target="_blank" rel="noopener noreferrer"&gt;Mental Health and Pregnancy&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;Institute of Medicine (National Academy of Medicine) - &lt;a href="https://www.nationalacademies.org" target="_blank" rel="noopener noreferrer"&gt;Dietary Reference Intakes&lt;/a&gt;&lt;/li&gt;
            &lt;/ol&gt;
            &lt;div class="last-reviewed"&gt;
                &lt;strong&gt;Last medically reviewed:&lt;/strong&gt; May 5, 2026. Content is periodically updated to reflect current medical guidelines and recommendations. This article was written for educational purposes and does not replace professional medical consultation.
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- FAQ Section --&gt;
        &lt;div class="faq-section"&gt;
            &lt;h2&gt;❓ Frequently Asked Questions&lt;/h2&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Is it safe to drink coffee during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;According to the American College of Obstetricians and Gynecologists, moderate caffeine consumption (less than 200mg per day, equivalent to approximately one 12-ounce cup of coffee) is generally considered safe for most pregnant women. However, caffeine is also found in tea, chocolate, and some medications. Always discuss your specific caffeine intake with your healthcare provider.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Can I dye my hair while pregnant?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;Most research suggests that minimal absorption of hair dye chemicals makes it likely safe, particularly after the first trimester. However, some women prefer to wait until the second trimester, use ammonia-free products, ensure good ventilation, or opt for highlights instead of full-color treatments. Consult your healthcare provider for personalized advice.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    How much weight should I gain during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;The Institute of Medicine provides general guidelines based on pre-pregnancy BMI: Underweight (BMI &amp;lt;18.5): 28-40 lbs; Normal weight (BMI 18.5-24.9): 25-35 lbs; Overweight (BMI 25-29.9): 15-25 lbs; Obese (BMI ≥30): 11-20 lbs. Your doctor will provide personalized guidance based on your individual health status.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Is it normal to have mood swings during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;Yes, hormonal changes can cause mood fluctuations. However, if you experience persistent sadness, anxiety, or hopelessness lasting more than two weeks, or have thoughts of self-harm, contact your healthcare provider immediately. Perinatal mood disorders are common and treatable with professional support.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            
            &lt;div class="faq-item"&gt;
                &lt;div class="faq-question" onclick="this.parentElement.classList.toggle('active')"&gt;
                    Can I travel during pregnancy?
                    &lt;span class="faq-toggle"&gt;+&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="faq-answer"&gt;
                    &lt;p&gt;Travel is generally considered safe during the second trimester (weeks 14-28) for women with uncomplicated pregnancies. Many airlines restrict travel after 36 weeks. Always consult your doctor before traveling, wear compression stockings for long flights, stay hydrated, and walk regularly to promote circulation. Check airline policies regarding pregnant passengers.&lt;/p&gt;
                    &lt;div class="consult-reminder"&gt;&#128161; Always discuss your specific situation with your healthcare provider.&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Author Box - Enhanced E-E-A-T for AdSense --&gt;
        &lt;div class="author-box"&gt;
            &lt;div class="author-avatar"&gt;EO&lt;/div&gt;
            &lt;div class="author-info"&gt;
                &lt;h3&gt;About the Author&lt;/h3&gt;
                &lt;p&gt;&lt;strong&gt;Edwin Ogie&lt;/strong&gt; is a health and wellness educator and the founder of Edwin Ogie Library, an educational platform providing evidence-based health, lifestyle, and educational resources. This content is compiled from reputable medical sources including the WHO, CDC, ACOG, and peer-reviewed maternal health research.&lt;/p&gt;
                &lt;div class="author-credentials"&gt;
                    &lt;strong&gt;Content Transparency:&lt;/strong&gt; This article was written for educational purposes and reviewed against current medical guidelines. For personalized medical advice, please consult your obstetrician, midwife, or qualified healthcare provider. Last updated: May 2026.
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Related Posts --&gt;
        &lt;div class="related-posts"&gt;
            &lt;h2&gt;&#128218; Related Articles&lt;/h2&gt;
            &lt;div class="related-grid"&gt;
                &lt;div class="related-card"&gt;
                    &lt;div class="related-card-content"&gt;
                        &lt;h4&gt;First Trimester Guide: What to Expect&lt;/h4&gt;
                        &lt;p&gt;Educational overview of early pregnancy changes, common symptoms, and when to contact your healthcare provider.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="related-card"&gt;
                    &lt;div class="related-card-content"&gt;
                        &lt;h4&gt;Nutrition During Pregnancy: Evidence-Based Guidelines&lt;/h4&gt;
                        &lt;p&gt;A comprehensive look at dietary recommendations from major health organizations for expectant mothers.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="related-card"&gt;
                    &lt;div class="related-card-content"&gt;
                        &lt;h4&gt;Preparing for Labor: An Educational Checklist&lt;/h4&gt;
                        &lt;p&gt;Information about childbirth education, birth planning, and postpartum preparation based on medical recommendations.&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

    &lt;/article&gt;

    &lt;!-- Share Section --&gt;
    &lt;div class="share-section"&gt;
        &lt;h3&gt;Share This Article&lt;/h3&gt;
        &lt;div class="share-buttons"&gt;
            &lt;a href="#" class="share-btn share-facebook" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(window.location.href), '_blank'); return false;"&gt;&#128216; Share on Facebook&lt;/a&gt;
            &lt;a href="#" class="share-btn share-twitter" onclick="window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&amp;url='+encodeURIComponent(window.location.href), '_blank'); return false;"&gt;&#128038; Share on Twitter&lt;/a&gt;
            &lt;a href="#" class="share-btn share-whatsapp" onclick="window.open('https://wa.me/?text='+encodeURIComponent(document.title+' '+window.location.href), '_blank'); return false;"&gt;&#128172; Share on WhatsApp&lt;/a&gt;
            &lt;a href="#" class="share-btn share-pinterest" onclick="window.open('https://pinterest.com/pin/create/button/?url='+encodeURIComponent(window.location.href)+'&amp;media='+encodeURIComponent('https://kimi-web-img.moonshot.cn/img/www.inspirahealthnetwork.org/4c930cd4ee6b2d99733f63a567b8171730292954.jpg')+'&amp;description='+encodeURIComponent(document.title), '_blank'); return false;"&gt;&#128204; Pin on Pinterest&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Footer - Enhanced AdSense Compliant Disclaimer --&gt;
    &lt;footer class="blog-footer"&gt;
        &lt;div class="disclaimer-text"&gt;
            &lt;p&gt;&lt;strong&gt;Medical Disclaimer:&lt;/strong&gt; The information provided on this blog is for educational purposes only and is not intended as a substitute for professional medical advice, diagnosis, or treatment. Always seek the advice of your physician or other qualified health provider with any questions you may have regarding a medical condition. Never disregard professional medical advice or delay in seeking it because of something you have read on this website.&lt;/p&gt;
            &lt;p style="margin-top: 15px;"&gt;The content on Edwin Ogie Library is compiled from publicly available health resources and reputable medical organizations. While we strive for accuracy, medical guidelines change over time, and individual circumstances vary. This content does not establish a doctor-patient relationship.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="copyright"&gt;
            &lt;p&gt;© 2026 Edwin Ogie Library. All rights reserved.&lt;/p&gt;
            &lt;p&gt;Visit us at &lt;a href="https://edwinogie.blogspot.com"&gt;edwinogie.blogspot.com&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/footer&gt;
&lt;/div&gt;

&lt;script&gt;
    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor =&gt; {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });

    // FAQ toggle functionality
    document.querySelectorAll('.faq-question').forEach(question =&gt; {
        question.addEventListener('click', function() {
            this.parentElement.classList.toggle('active');
        });
    });
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/common-pregnancy-mistakes-every.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-2246943672402906330</guid><pubDate>Tue, 05 May 2026 01:08:41 +0000</pubDate><atom:updated>2026-05-04T14:08:41.710-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Health</category><category domain="http://www.blogger.com/atom/ns#">mental well-being</category><title>Practical tips on how to stay healthy without spending too much money</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;

  &lt;!-- SEO Meta Tags --&gt;
  &lt;meta name="description" content="Practical tips on how to stay healthy without spending too much money. A helpful and easy-to-read guide for everyday living by Edwin Ogie Library." /&gt;
  &lt;meta name="keywords" content="stay healthy on a budget, affordable health tips, healthy living, low-cost wellness, budget health guide, Edwin Ogie Library" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /&gt;
  &lt;meta name="googlebot" content="index, follow" /&gt;
  &lt;meta name="bingbot" content="index, follow" /&gt;
  &lt;meta name="language" content="English" /&gt;
  &lt;meta name="revisit-after" content="7 days" /&gt;
  &lt;meta name="distribution" content="global" /&gt;
  &lt;meta name="rating" content="general" /&gt;
  &lt;meta name="theme-color" content="#0a5275" /&gt;
  &lt;meta name="msapplication-TileColor" content="#0a5275" /&gt;

  &lt;!-- Canonical URL --&gt;
  &lt;link rel="canonical" href="https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html" /&gt;

  &lt;!-- Open Graph --&gt;
  &lt;meta property="og:title" content="How to Stay Healthy Without Spending Too Much Money | Edwin Ogie Library" /&gt;
  &lt;meta property="og:description" content="A practical guide with simple, budget-friendly health habits for daily living." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:url" content="https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html" /&gt;
  &lt;meta property="og:site_name" content="Edwin Ogie Library" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;meta property="og:image" content="https://edwinogie.blogspot.com/images/healthy-living-og.png" /&gt;
  &lt;meta property="og:image:width" content="1200" /&gt;
  &lt;meta property="og:image:height" content="630" /&gt;
  &lt;meta property="og:image:alt" content="How to Stay Healthy Without Spending Too Much Money - Edwin Ogie Library" /&gt;
  &lt;meta property="article:author" content="Edwin Ogie Library" /&gt;
  &lt;meta property="article:published_time" content="2026-05-05T02:00:00+01:00" /&gt;
  &lt;meta property="article:modified_time" content="2026-05-05T02:00:00+01:00" /&gt;
  &lt;meta property="article:section" content="Health" /&gt;
  &lt;meta property="article:tag" content="healthy living, budget health, affordable wellness, health tips" /&gt;

  &lt;!-- Twitter Card --&gt;
  &lt;meta name="twitter:card" content="summary_large_image" /&gt;
  &lt;meta name="twitter:title" content="How to Stay Healthy Without Spending Too Much Money | Edwin Ogie Library" /&gt;
  &lt;meta name="twitter:description" content="A practical guide with simple, budget-friendly health habits for daily living." /&gt;
  &lt;meta name="twitter:image" content="https://edwinogie.blogspot.com/images/healthy-living-og.png" /&gt;
  &lt;meta name="twitter:image:alt" content="How to Stay Healthy Without Spending Too Much Money - Edwin Ogie Library" /&gt;
  &lt;meta name="twitter:site" content="@edwinogielibrary" /&gt;
  &lt;meta name="twitter:creator" content="@edwinogielibrary" /&gt;

  &lt;!-- Structured Data - JSON-LD --&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Article",
        "headline": "How to Stay Healthy Without Spending Too Much Money",
        "description": "Practical tips on how to stay healthy without spending too much money. A helpful and easy-to-read guide for everyday living.",
        "url": "https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html",
        "datePublished": "2026-05-05T02:00:00+01:00",
        "dateModified": "2026-05-05T02:00:00+01:00",
        "author": {
          "@type": "Organization",
          "name": "Edwin Ogie Library",
          "url": "https://edwinogie.blogspot.com/"
        },
        "publisher": {
          "@type": "Organization",
          "name": "Edwin Ogie Library",
          "logo": {
            "@type": "ImageObject",
            "url": "https://edwinogie.blogspot.com/images/logo.png"
          }
        },
        "image": {
          "@type": "ImageObject",
          "url": "https://edwinogie.blogspot.com/images/healthy-living-og.png",
          "width": 1200,
          "height": 630
        },
        "mainEntityOfPage": {
          "@type": "WebPage",
          "@id": "https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html"
        },
        "inLanguage": "en-NG",
        "articleSection": "Health",
        "keywords": "stay healthy on a budget, affordable health tips, healthy living, low-cost wellness, budget health guide"
      },
      {
        "@type": "WebPage",
        "@id": "https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html",
        "url": "https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html",
        "name": "How to Stay Healthy Without Spending Too Much Money",
        "description": "Practical, low-cost habits that can help you take better care of yourself and your family every day.",
        "isPartOf": {
          "@type": "WebSite",
          "@id": "https://edwinogie.blogspot.com/"
        },
        "inLanguage": "en-NG"
      },
      {
        "@type": "WebSite",
        "@id": "https://edwinogie.blogspot.com/",
        "url": "https://edwinogie.blogspot.com/",
        "name": "Edwin Ogie Library",
        "description": "Educational resources for everyday learning, family life, and student support.",
        "publisher": {
          "@type": "Organization",
          "name": "Edwin Ogie Library"
        },
        "inLanguage": "en-NG"
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://edwinogie.blogspot.com/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Health",
            "item": "https://edwinogie.blogspot.com/search/label/Health"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "How to Stay Healthy Without Spending Too Much Money",
            "item": "https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html"
          }
        ]
      },
      {
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Can I stay healthy on a tight budget?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Yes. Good health often begins with daily habits such as eating wisely, sleeping well, drinking enough water, keeping the body clean, and staying active. You do not always need costly products or special diets to live well."
            }
          },
          {
            "@type": "Question",
            "name": "What are the best low-cost foods for good health?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Beans, yam, rice, plantain, vegetables, eggs, fish, and fruits in season are all affordable, nutritious choices."
            }
          },
          {
            "@type": "Question",
            "name": "How can I exercise without going to the gym?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Walking, stretching, skipping, dancing, cleaning, gardening, taking stairs, and simple body-weight exercises are very helpful and cost nothing."
            }
          }
        ]
      }
    ]
  }
  &lt;/script&gt;

  &lt;title&gt;How to Stay Healthy Without Spending Too Much Money | Edwin Ogie Library&lt;/title&gt;

  &lt;!-- Preconnect --&gt;
  &lt;link rel="preconnect" href="https://fonts.googleapis.com" /&gt;
  &lt;link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /&gt;
  &lt;link rel="dns-prefetch" href="https://edwinogie.blogspot.com" /&gt;

  &lt;!-- Favicon --&gt;
  &lt;link rel="icon" type="image/png" sizes="32x32" href="https://edwinogie.blogspot.com/favicon-32x32.png" /&gt;
  &lt;link rel="icon" type="image/png" sizes="16x16" href="https://edwinogie.blogspot.com/favicon-16x16.png" /&gt;
  &lt;link rel="apple-touch-icon" sizes="180x180" href="https://edwinogie.blogspot.com/apple-touch-icon.png" /&gt;

  &lt;!-- Sitemap --&gt;
  &lt;link rel="sitemap" type="application/xml" title="Sitemap" href="https://edwinogie.blogspot.com/sitemap.xml" /&gt;

  &lt;!-- Alternate Languages --&gt;
  &lt;link rel="alternate" hreflang="en" href="https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html" /&gt;
  &lt;link rel="alternate" hreflang="en-ng" href="https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://edwinogie.blogspot.com/p/how-to-stay-healthy-without-spending-too-much.html" /&gt;

  &lt;style&gt;
    /* ===== CSS VARIABLES ===== */
    :root {
      --primary: #0a5275;
      --primary-dark: #073a55;
      --primary-light: #0b6ea0;
      --accent: #eef7fb;
      --bg: #f7f9fb;
      --card: #ffffff;
      --text: #213043;
      --muted: #607086;
      --border: #dbe6ef;
      --success: #0f766e;
      --success-light: #f0fdf4;
      --warning: #a16207;
      --warning-light: #fffbeb;
      --danger: #b91c1c;
      --shadow-sm: 0 1px 3px rgba(10,82,117,0.04);
      --shadow: 0 12px 28px rgba(10,82,117,0.08);
      --shadow-lg: 0 20px 40px rgba(10,82,117,0.12);
      --link: #1d4ed8;
      --link-hover: #1e40af;
      --radius-sm: 10px;
      --radius: 18px;
      --radius-lg: 24px;
      --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      --font-sans: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
    }

    /* ===== RESET &amp; BASE ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    body {
      font-family: var(--font-sans);
      background: linear-gradient(180deg, var(--bg) 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.75;
      min-height: 100vh;
      overflow-x: hidden;
    }
    img { max-width: 100%; height: auto; display: block; }
    a { color: var(--link); transition: var(--transition); }
    a:hover { color: var(--link-hover); }

    /* Skip Link */
    .skip-link {
      position: absolute;
      top: -50px;
      left: 0;
      background: var(--primary);
      color: #fff;
      padding: 10px 18px;
      z-index: 10000;
      text-decoration: none;
      font-weight: 700;
      border-radius: 0 0 var(--radius-sm) 0;
      transition: top 0.3s;
    }
    .skip-link:focus { top: 0; }

    /* ===== READING PROGRESS ===== */
    .reading-progress {
      position: fixed;
      top: 0;
      left: 0;
      width: 0%;
      height: 3px;
      background: linear-gradient(90deg, var(--primary), var(--primary-light));
      z-index: 10000;
      transition: width 0.1s linear;
    }

    /* ===== LAYOUT ===== */
    .wrap {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 18px 16px 36px;
    }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 20px;
      align-items: start;
    }

    /* ===== HERO ===== */
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
      color: #fff;
      padding: 48px 32px;
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-lg);
      text-align: center;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -20%;
      width: 500px;
      height: 500px;
      background: rgba(255,255,255,0.06);
      border-radius: 50%;
      pointer-events: none;
    }
    .hero::after {
      content: '';
      position: absolute;
      bottom: -30%;
      left: -10%;
      width: 400px;
      height: 400px;
      background: rgba(255,255,255,0.04);
      border-radius: 50%;
      pointer-events: none;
    }
    .hero h1 {
      margin: 0 0 14px;
      font-size: clamp(28px, 5vw, 46px);
      line-height: 1.15;
      font-weight: 800;
      letter-spacing: -0.02em;
      position: relative;
      z-index: 1;
    }
    .hero p {
      margin: 0 auto;
      max-width: 900px;
      opacity: 0.95;
      font-size: clamp(15px, 2vw, 18px);
      line-height: 1.6;
      position: relative;
      z-index: 1;
    }
    .hero-meta {
      margin-top: 20px;
      display: flex;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
      font-size: 0.9rem;
      opacity: 0.9;
      position: relative;
      z-index: 1;
    }
    .hero-meta span { display: flex; align-items: center; gap: 6px; }

    /* ===== BREADCRUMBS ===== */
    .breadcrumbs {
      margin: 16px 0 20px;
      color: var(--muted);
      font-size: 0.95rem;
      padding: 10px 18px;
      background: var(--card);
      border-radius: var(--radius-sm);
      border: 1px solid var(--border);
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 6px;
    }
    .breadcrumbs a {
      color: var(--primary-dark);
      text-decoration: none;
      font-weight: 600;
      padding: 2px 6px;
      border-radius: 4px;
      transition: var(--transition);
    }
    .breadcrumbs a:hover { background: var(--accent); text-decoration: none; }
    .breadcrumbs span { color: var(--muted); }
    .breadcrumbs [aria-current="page"] { color: var(--text); font-weight: 600; pointer-events: none; }

    /* ===== CARDS ===== */
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 28px;
      margin-bottom: 20px;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }
    .card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
    .card h2, .card h3 { color: var(--primary-dark); margin-top: 0; }
    .card h2 { font-size: 1.6rem; margin-bottom: 12px; }
    .card h3 { font-size: 1.25rem; margin-bottom: 10px; }
    .card p { color: var(--text); margin-bottom: 12px; }
    .card p:last-child { margin-bottom: 0; }

    /* ===== BADGE ===== */
    .badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 14px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 12px;
    }

    /* ===== INFO BOXES ===== */
    .intro, .tip, .note, .disclaimer {
      text-align: left;
      border-radius: var(--radius-sm);
      padding: 18px 20px;
      border: 1px solid var(--border);
      background: #fff;
      margin-top: 16px;
      position: relative;
    }
    .intro { background: #fafbfc; }
    .tip {
      background: var(--success-light);
      border-color: #bbf7d0;
      color: #14532d;
      border-left: 4px solid #22c55e;
    }
    .note {
      background: #fff7ed;
      border-color: #fed7aa;
      color: #7c2d12;
      border-left: 4px solid #f97316;
    }
    .disclaimer {
      background: #f8fafc;
      border-left: 4px solid var(--muted);
      font-size: 0.92rem;
      color: var(--muted);
    }

    /* ===== GRID &amp; BOXES ===== */
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 14px;
      margin-top: 16px;
    }
    .box {
      border: 1px solid var(--border);
      border-radius: var(--radius-sm);
      padding: 20px;
      background: #fff;
      text-align: left;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }
    .box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: var(--primary);
      opacity: 0;
      transition: var(--transition);
    }
    .box:hover { box-shadow: var(--shadow-sm); transform: translateY(-3px); }
    .box:hover::before { opacity: 1; }
    .box h3 { margin-top: 0; font-size: 1.1rem; color: var(--primary-dark); }
    .box p { margin: 0; color: var(--muted); font-size: 0.95rem; }
    .box ul { padding-left: 18px; margin: 0; }
    .box ul li { margin-bottom: 6px; color: var(--text); }

    /* ===== LISTS ===== */
    .list {
      padding-left: 22px;
      margin: 0;
    }
    .list li { margin-bottom: 8px; color: var(--text); }

    /* ===== TABLE ===== */
    .table-wrap {
      overflow-x: auto;
      border: 1px solid var(--border);
      border-radius: var(--radius-sm);
      background: #fff;
      box-shadow: var(--shadow-sm);
      margin-top: 16px;
    }
    table { width: 100%; min-width: 720px; border-collapse: collapse; }
    th, td {
      text-align: left;
      padding: 14px;
      border-bottom: 1px solid var(--border);
      vertical-align: top;
    }
    th {
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.95rem;
    }
    td { color: var(--text); font-size: 0.95rem; }
    tbody tr { transition: var(--transition); }
    tbody tr:hover { background: #f8fafc; }
    tbody tr:last-child td { border-bottom: 0; }

    /* ===== SIDEBAR ===== */
    .sidebar-box {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 20px;
      margin-bottom: 20px;
      transition: var(--transition);
    }
    .sidebar-box:hover { box-shadow: var(--shadow-lg); }
    .sidebar-box h2, .sidebar-box h3 { color: var(--primary-dark); margin-top: 0; margin-bottom: 14px; font-size: 1.15rem; }
    .sidebar-box p { color: var(--muted); font-size: 0.95rem; margin: 0; }
    .sidebar-box ul { padding-left: 18px; margin: 0; }
    .sidebar-box ul li { margin-bottom: 8px; color: var(--text); font-size: 0.95rem; }
    .toc-sticky { position: sticky; top: 20px; }
    .toc a {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 0;
      border-bottom: 1px solid #edf2f7;
      font-size: 0.95rem;
      color: var(--text);
      text-decoration: none;
      font-weight: 500;
      transition: var(--transition);
      position: relative;
    }
    .toc a::before {
      content: '';
      width: 6px;
      height: 6px;
      background: var(--primary-light);
      border-radius: 50%;
      transition: var(--transition);
      flex-shrink: 0;
    }
    .toc a:hover { padding-left: 8px; color: var(--primary-dark); }
    .toc a:hover::before { background: var(--primary); transform: scale(1.3); }
    .toc a:last-child { border-bottom: 0; }
    .toc a.active { color: var(--primary-dark); font-weight: 700; }
    .toc a.active::before { background: var(--primary); transform: scale(1.3); }

    /* ===== SHARE BUTTONS ===== */
    .share-bar {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid var(--border);
    }
    .share-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 16px;
      border-radius: var(--radius-sm);
      font-weight: 600;
      font-size: 0.9rem;
      text-decoration: none;
      color: #fff;
      transition: var(--transition);
      border: none;
      cursor: pointer;
    }
    .share-btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
    .share-fb { background: #1877f2; }
    .share-tw { background: #1da1f2; }
    .share-wa { background: #25d366; }
    .share-li { background: #0a66c2; }
    .share-em { background: #6b7280; }

    /* ===== BACK TO TOP ===== */
    .back-to-top {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 48px;
      height: 48px;
      background: var(--primary);
      color: #fff;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      box-shadow: var(--shadow);
      opacity: 0;
      visibility: hidden;
      transition: var(--transition);
      z-index: 9999;
    }
    .back-to-top.visible { opacity: 1; visibility: visible; }
    .back-to-top:hover { background: var(--primary-dark); transform: translateY(-4px); box-shadow: var(--shadow-lg); }

    /* ===== FOOTER ===== */
    footer {
      background: #0f172a;
      color: #e2e8f0;
      padding: 48px 24px 32px;
      margin-top: 40px;
      text-align: center;
    }
    footer .footer-grid {
      max-width: 1180px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 28px;
      text-align: left;
    }
    footer h2, footer h3 { color: #fff; margin-top: 0; margin-bottom: 14px; font-size: 1.1rem; }
    footer p { color: #94a3b8; line-height: 1.7; margin: 0; font-size: 0.95rem; }
    footer ul { list-style: none; padding: 0; margin: 0; line-height: 2; }
    footer a { color: #c7d2fe; text-decoration: none; transition: var(--transition); }
    footer a:hover { color: #fff; text-decoration: underline; }
    .copyright {
      border-top: 1px solid #334155;
      margin-top: 36px;
      padding-top: 20px;
      text-align: center;
      font-size: 0.88rem;
      color: #94a3b8;
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 900px) {
      .layout { grid-template-columns: 1fr; }
      .sidebar { order: -1; }
      .toc-sticky { position: static; }
      .footer-grid { text-align: center !important; }
    }
    @media (max-width: 768px) {
      .wrap { padding: 14px 12px 28px; }
      .hero { padding: 32px 20px; border-radius: var(--radius); }
      .hero h1 { font-size: clamp(24px, 6vw, 36px); }
      .card, .sidebar-box { padding: 20px; border-radius: var(--radius-sm); }
      .grid { grid-template-columns: 1fr; }
      .table-wrap { border-radius: var(--radius-sm); }
      table { min-width: 600px; }
      .footer-grid { grid-template-columns: 1fr; text-align: center !important; }
    }
    @media (max-width: 480px) {
      .hero { padding: 24px 16px; }
      .card, .sidebar-box { padding: 16px; }
      .share-btn { padding: 8px 12px; font-size: 0.85rem; }
    }

    /* ===== PRINT ===== */
    @media print {
      .hero { background: #fff !important; color: #000 !important; box-shadow: none !important; }
      .card, .sidebar-box { box-shadow: none !important; border: 1px solid #ccc; }
      .back-to-top, .reading-progress, .share-bar { display: none !important; }
      body { background: #fff !important; }
      a { text-decoration: underline; color: #000; }
    }

    /* ===== REDUCED MOTION ===== */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
      html { scroll-behavior: auto; }
    }

    /* ===== FOCUS ===== */
    :focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; border-radius: 4px; }
    ::selection { background: var(--primary); color: #fff; }
  &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
  &lt;!-- Reading Progress Bar --&gt;
  &lt;div class="reading-progress" id="readingProgress" aria-hidden="true"&gt;&lt;/div&gt;

  &lt;!-- Skip Link --&gt;
  &lt;a href="#main-content" class="skip-link"&gt;Skip to main content&lt;/a&gt;

  &lt;main class="wrap" id="main-content"&gt;
    &lt;!-- Hero --&gt;
    &lt;section class="hero" role="banner"&gt;
      &lt;h1&gt;How to Stay Healthy Without Spending Too Much Money&lt;/h1&gt;
      &lt;p&gt;Practical, low-cost habits that can help you take better care of yourself and your family every day.&lt;/p&gt;
      &lt;div class="hero-meta"&gt;
        &lt;span&gt;&amp;#128197; May 5, 2026&lt;/span&gt;
        &lt;span&gt;&amp;#9201; &lt;span id="readTime"&gt;5 min&lt;/span&gt; read&lt;/span&gt;
        &lt;span&gt;&amp;#127991; Health &amp;amp; Wellness&lt;/span&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Breadcrumbs --&gt;
    &lt;nav class="breadcrumbs" aria-label="Breadcrumb"&gt;
      &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt;
      &lt;span&gt;/&lt;/span&gt;
      &lt;a href="https://edwinogie.blogspot.com/search/label/Health"&gt;Health&lt;/a&gt;
      &lt;span&gt;/&lt;/span&gt;
      &lt;span aria-current="page"&gt;Healthy Living&lt;/span&gt;
    &lt;/nav&gt;

    &lt;div class="layout"&gt;
      &lt;!-- Main Content --&gt;
      &lt;div&gt;
        &lt;article class="card" id="introduction"&gt;
          &lt;span class="badge"&gt;Introduction&lt;/span&gt;
          &lt;h2&gt;Healthy Living Can Be Simple and Affordable&lt;/h2&gt;
          &lt;div class="intro"&gt;
            &lt;p&gt;Many people think staying healthy must be expensive, but that is not always true. Good health often begins with daily habits such as eating wisely, sleeping well, drinking enough water, keeping the body clean, and staying active.&lt;/p&gt;
            &lt;p&gt;You do not always need costly products or special diets to live well. Small and consistent choices can make a big difference over time.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="food"&gt;
          &lt;span class="badge"&gt;1&lt;/span&gt;
          &lt;h2&gt;Eat Simple and Nutritious Food&lt;/h2&gt;
          &lt;p&gt;You do not need expensive meals to eat well. Local foods can provide the nutrients your body needs.&lt;/p&gt;
          &lt;div class="grid"&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Good low-cost food choices&lt;/h3&gt;
              &lt;ul&gt;
                &lt;li&gt;Beans&lt;/li&gt;
                &lt;li&gt;Yam&lt;/li&gt;
                &lt;li&gt;Rice&lt;/li&gt;
                &lt;li&gt;Plantain&lt;/li&gt;
                &lt;li&gt;Vegetables&lt;/li&gt;
                &lt;li&gt;Eggs&lt;/li&gt;
                &lt;li&gt;Fish&lt;/li&gt;
                &lt;li&gt;Fruits in season&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Helpful habits&lt;/h3&gt;
              &lt;ul&gt;
                &lt;li&gt;Eat in small balanced portions.&lt;/li&gt;
                &lt;li&gt;Reduce too much sugar and fried food.&lt;/li&gt;
                &lt;li&gt;Choose fresh food when possible.&lt;/li&gt;
                &lt;li&gt;Cook at home more often.&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="tip"&gt;
            &lt;strong&gt;Tip:&lt;/strong&gt; A balanced meal is often more helpful than expensive packaged snacks and soft drinks.
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="water"&gt;
          &lt;span class="badge"&gt;2&lt;/span&gt;
          &lt;h2&gt;Drink Enough Water&lt;/h2&gt;
          &lt;p&gt;Water is one of the cheapest and most important things for good health. It helps the body function well and supports daily energy.&lt;/p&gt;
          &lt;div class="grid"&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;What water helps with&lt;/h3&gt;
              &lt;p&gt;Body temperature, digestion, and overall well-being.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Simple tip&lt;/h3&gt;
              &lt;p&gt;Carry a clean bottle and sip water regularly during the day.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="exercise"&gt;
          &lt;span class="badge"&gt;3&lt;/span&gt;
          &lt;h2&gt;Stay Active Without Paying for a Gym&lt;/h2&gt;
          &lt;p&gt;You can exercise without expensive equipment or a gym membership. Walking, stretching, skipping, dancing, and simple home workouts are very helpful.&lt;/p&gt;
          &lt;div class="grid"&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Free activities&lt;/h3&gt;
              &lt;p&gt;Walking, cleaning, gardening, taking stairs, stretching, and body-weight exercises.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Why it matters&lt;/h3&gt;
              &lt;p&gt;Physical activity supports heart health, strength, flexibility, and mood.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="sleep"&gt;
          &lt;span class="badge"&gt;4&lt;/span&gt;
          &lt;h2&gt;Sleep Well and Rest Properly&lt;/h2&gt;
          &lt;p&gt;Good sleep supports health, focus, and energy. It costs nothing, but it gives a lot of value.&lt;/p&gt;
          &lt;div class="note"&gt;
            &lt;strong&gt;Note:&lt;/strong&gt; Try to keep a regular sleep time, reduce noise at night, and avoid staying awake unnecessarily late.
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="cleanliness"&gt;
          &lt;span class="badge"&gt;5&lt;/span&gt;
          &lt;h2&gt;Keep Your Body and Environment Clean&lt;/h2&gt;
          &lt;p&gt;Basic cleanliness can prevent many health problems. Washing hands, bathing regularly, brushing teeth, and keeping your surroundings tidy are simple and affordable.&lt;/p&gt;
          &lt;div class="grid"&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Simple hygiene habits&lt;/h3&gt;
              &lt;ul&gt;
                &lt;li&gt;Wash hands before eating.&lt;/li&gt;
                &lt;li&gt;Brush teeth twice daily.&lt;/li&gt;
                &lt;li&gt;Keep clothes clean.&lt;/li&gt;
                &lt;li&gt;Dispose waste properly.&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Why it helps&lt;/h3&gt;
              &lt;p&gt;Clean habits reduce the spread of germs and help you feel better.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="stress"&gt;
          &lt;span class="badge"&gt;6&lt;/span&gt;
          &lt;h2&gt;Reduce Stress in Everyday Life&lt;/h2&gt;
          &lt;p&gt;Stress can affect the body and mind. Simple relaxation habits can help you stay calm without spending much money.&lt;/p&gt;
          &lt;div class="grid"&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Helpful habits&lt;/h3&gt;
              &lt;p&gt;Deep breathing, short walks, talking to someone you trust, and taking breaks when needed.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Also useful&lt;/h3&gt;
              &lt;p&gt;Listening to calm music, prayer or quiet reflection, and limiting unnecessary worry.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="shopping"&gt;
          &lt;span class="badge"&gt;7&lt;/span&gt;
          &lt;h2&gt;Spend Wisely on Health&lt;/h2&gt;
          &lt;p&gt;Good health spending is not about buying everything. It is about choosing what is necessary and useful.&lt;/p&gt;
          &lt;div class="table-wrap"&gt;
            &lt;table&gt;
              &lt;thead&gt;
                &lt;tr&gt;
                  &lt;th&gt;Wise choice&lt;/th&gt;
                  &lt;th&gt;Better than&lt;/th&gt;
                &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td&gt;Buy local seasonal food&lt;/td&gt;
                  &lt;td&gt;Buying expensive processed snacks often&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;Drink water regularly&lt;/td&gt;
                  &lt;td&gt;Too many sugary drinks&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;Exercise at home&lt;/td&gt;
                  &lt;td&gt;Depending on costly equipment only&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;Use basic hygiene products well&lt;/td&gt;
                  &lt;td&gt;Wasting money on unnecessary items&lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="family"&gt;
          &lt;span class="badge"&gt;8&lt;/span&gt;
          &lt;h2&gt;Healthy Habits for the Whole Family&lt;/h2&gt;
          &lt;p&gt;Healthy living is easier when the family works together. Parents can help children learn simple routines that protect health and reduce unnecessary spending.&lt;/p&gt;
          &lt;div class="grid"&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Family habits&lt;/h3&gt;
              &lt;ul&gt;
                &lt;li&gt;Cook simple meals at home.&lt;/li&gt;
                &lt;li&gt;Keep a regular routine.&lt;/li&gt;
                &lt;li&gt;Teach children hygiene.&lt;/li&gt;
                &lt;li&gt;Encourage outdoor play.&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;div class="box"&gt;
              &lt;h3&gt;Benefit&lt;/h3&gt;
              &lt;p&gt;Shared healthy habits help everyone live better and save money.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/article&gt;

        &lt;article class="card" id="summary"&gt;
          &lt;span class="badge"&gt;Summary&lt;/span&gt;
          &lt;h2&gt;Final Thoughts&lt;/h2&gt;
          &lt;div class="intro"&gt;
            &lt;p&gt;Staying healthy does not have to be expensive. With simple food choices, enough water, regular exercise, good sleep, cleanliness, and wise spending, you can improve your health without putting pressure on your pocket.&lt;/p&gt;
            &lt;p&gt;Small steps taken every day can lead to a healthier and happier life.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="disclaimer"&gt;
            &lt;strong&gt;Disclaimer:&lt;/strong&gt; This article is for general educational purposes only and is not a substitute for professional medical advice. For personal health concerns, speak with a qualified health professional.
          &lt;/div&gt;

          &lt;!-- Share Buttons --&gt;
          &lt;div class="share-bar"&gt;
            &lt;span style="color:var(--muted);font-weight:600;margin-right:6px;"&gt;Share:&lt;/span&gt;
            &lt;button class="share-btn share-fb" onclick="shareFacebook()" aria-label="Share on Facebook"&gt;Facebook&lt;/button&gt;
            &lt;button class="share-btn share-tw" onclick="shareTwitter()" aria-label="Share on Twitter"&gt;Twitter&lt;/button&gt;
            &lt;button class="share-btn share-wa" onclick="shareWhatsApp()" aria-label="Share on WhatsApp"&gt;WhatsApp&lt;/button&gt;
            &lt;button class="share-btn share-li" onclick="shareLinkedIn()" aria-label="Share on LinkedIn"&gt;LinkedIn&lt;/button&gt;
            &lt;button class="share-btn share-em" onclick="shareEmail()" aria-label="Share by Email"&gt;Email&lt;/button&gt;
          &lt;/div&gt;
        &lt;/article&gt;
      &lt;/div&gt;

      &lt;!-- Sidebar --&gt;
      &lt;aside class="sidebar"&gt;
        &lt;div class="toc-sticky"&gt;
          &lt;section class="sidebar-box toc"&gt;
            &lt;h2&gt;Quick Navigation&lt;/h2&gt;
            &lt;a href="#introduction" data-section="introduction"&gt;Introduction&lt;/a&gt;
            &lt;a href="#food" data-section="food"&gt;Eat Simple Food&lt;/a&gt;
            &lt;a href="#water" data-section="water"&gt;Drink Water&lt;/a&gt;
            &lt;a href="#exercise" data-section="exercise"&gt;Stay Active&lt;/a&gt;
            &lt;a href="#sleep" data-section="sleep"&gt;Sleep Well&lt;/a&gt;
            &lt;a href="#cleanliness" data-section="cleanliness"&gt;Keep Clean&lt;/a&gt;
            &lt;a href="#stress" data-section="stress"&gt;Reduce Stress&lt;/a&gt;
            &lt;a href="#shopping" data-section="shopping"&gt;Spend Wisely&lt;/a&gt;
            &lt;a href="#family" data-section="family"&gt;Family Habits&lt;/a&gt;
            &lt;a href="#summary" data-section="summary"&gt;Summary&lt;/a&gt;
          &lt;/section&gt;

          &lt;section class="sidebar-box"&gt;
            &lt;h2&gt;Helpful Reminder&lt;/h2&gt;
            &lt;p&gt;Health is not only about treatment. It also comes from daily habits that are simple, practical, and consistent.&lt;/p&gt;
          &lt;/section&gt;

          &lt;section class="sidebar-box"&gt;
            &lt;h2&gt;Best Money-Saving Health Ideas&lt;/h2&gt;
            &lt;ul&gt;
              &lt;li&gt;Cook at home often.&lt;/li&gt;
              &lt;li&gt;Choose water over soft drinks.&lt;/li&gt;
              &lt;li&gt;Walk more when possible.&lt;/li&gt;
              &lt;li&gt;Keep your environment clean.&lt;/li&gt;
              &lt;li&gt;Rest well every night.&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/section&gt;
        &lt;/div&gt;
      &lt;/aside&gt;
    &lt;/div&gt;
  &lt;/main&gt;

  &lt;!-- Footer --&gt;
  &lt;footer&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div&gt;
        &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
        &lt;p&gt;Educational resources for everyday learning, family life, and student support.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp;amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp;amp; Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;&amp;#169; &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;

  &lt;!-- Back to Top Button --&gt;
  &lt;button class="back-to-top" id="backToTop" aria-label="Back to top" onclick="scrollToTop()"&gt;&amp;#8593;&lt;/button&gt;

  &lt;script&gt;
    // Dynamic Year
    document.getElementById('year').textContent = new Date().getFullYear();

    // Reading Time Calculator
    (function() {
      var text = document.body.innerText || document.body.textContent;
      var wpm = 200;
      var words = text.trim().split(/\s+/).length;
      var minutes = Math.ceil(words / wpm);
      document.getElementById('readTime').textContent = minutes + ' min';
    })();

    // Reading Progress Bar
    var progressBar = document.getElementById('readingProgress');
    window.addEventListener('scroll', function() {
      var scrollTop = window.scrollY || document.documentElement.scrollTop;
      var docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
      var scrollPercent = docHeight &gt; 0 ? (scrollTop / docHeight) * 100 : 0;
      progressBar.style.width = scrollPercent + '%';
    });

    // Back to Top
    var backToTop = document.getElementById('backToTop');
    window.addEventListener('scroll', function() {
      if (window.scrollY &gt; 400) {
        backToTop.classList.add('visible');
      } else {
        backToTop.classList.remove('visible');
      }
    });
    function scrollToTop() {
      window.scrollTo({ top: 0, behavior: 'smooth' });
    }

    // Active TOC Highlighting
    var tocLinks = document.querySelectorAll('.toc a[data-section]');
    var sections = document.querySelectorAll('article[id]');

    function highlightTOC() {
      var current = '';
      var scrollPos = window.scrollY + 150;
      sections.forEach(function(section) {
        var top = section.offsetTop;
        var height = section.offsetHeight;
        if (scrollPos &gt;= top &amp;&amp; scrollPos &lt; top + height) {
          current = section.getAttribute('id');
        }
      });
      tocLinks.forEach(function(link) {
        link.classList.remove('active');
        if (link.getAttribute('data-section') === current) {
          link.classList.add('active');
        }
      });
    }
    window.addEventListener('scroll', highlightTOC);
    window.addEventListener('load', highlightTOC);

    // Smooth Scroll for TOC
    tocLinks.forEach(function(link) {
      link.addEventListener('click', function(e) {
        e.preventDefault();
        var targetId = this.getAttribute('href').substring(1);
        var target = document.getElementById(targetId);
        if (target) {
          var offset = 20;
          var top = target.getBoundingClientRect().top + window.scrollY - offset;
          window.scrollTo({ top: top, behavior: 'smooth' });
          history.pushState(null, null, '#' + targetId);
        }
      });
    });

    // Share Functions
    var pageUrl = encodeURIComponent(window.location.href);
    var pageTitle = encodeURIComponent(document.title);

    function shareFacebook() {
      window.open('https://www.facebook.com/sharer/sharer.php?u=' + pageUrl, '_blank', 'width=600,height=400');
    }
    function shareTwitter() {
      window.open('https://twitter.com/intent/tweet?url=' + pageUrl + '&amp;text=' + pageTitle, '_blank', 'width=600,height=400');
    }
    function shareWhatsApp() {
      window.open('https://wa.me/?text=' + pageTitle + '%20' + pageUrl, '_blank');
    }
    function shareLinkedIn() {
      window.open('https://www.linkedin.com/sharing/share-offsite/?url=' + pageUrl, '_blank', 'width=600,height=400');
    }
    function shareEmail() {
      window.location.href = 'mailto:?subject=' + pageTitle + '&amp;body=Check%20out%20this%20article:%20' + pageUrl;
    }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/05/practical-tips-on-how-to-stay-healthy.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-4719822574769475523</guid><pubDate>Tue, 28 Apr 2026 15:07:06 +0000</pubDate><atom:updated>2026-04-28T04:07:06.543-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">High School Science</category><category domain="http://www.blogger.com/atom/ns#">jss2</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>comprehensive webook on Matter- Jss2</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="JSS2 comprehensive note on Matter with states of matter, changes of state, physical and chemical changes, and a 30-question timed CBT quiz for 10 minutes." /&gt;
  &lt;meta name="keywords" content="JSS2 science, matter, states of matter, physical change, chemical change, CBT quiz, timed quiz, Edwin Ogie Library" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;title&gt;JSS2 Matter Note with CBT Quiz | Edwin Ogie Library&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #6a5acd;
      --primary-dark: #4b3fb1;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #eef2ff;
      --success: #0f766e;
      --danger: #b91c1c;
      --shadow: 0 10px 25px rgba(0,0,0,0.06);
      --link: #2563eb;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 18px 12px 34px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);
      color: #fff;
      padding: 28px 22px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin-bottom: 16px;
    }
    .hero h1 {
      margin: 0 0 10px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.15;
    }
    .hero p { margin: 0 auto; max-width: 980px; opacity: 0.98; }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      align-items: start;
    }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin-bottom: 16px;
      width: 100%;
      text-align: center;
    }
    .card h2, .card h3 { color: var(--primary-dark); margin-top: 0; }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }
    .intro, .note, .tip, .definition {
      text-align: left;
      border-radius: 14px;
      padding: 14px;
      border: 1px solid var(--border);
      background: #fff;
      margin-top: 12px;
    }
    .note { background: #ecfeff; border-color: #a5f3fc; color: #155e75; }
    .tip { background: #fff7ed; border-color: #fed7aa; color: #7c2d12; }
    .definition { background: #f8fafc; }
    .mini-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .mini-card {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .mini-card h3 { margin-top: 0; }
    .examples-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .example-card {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .example-card h4 { margin: 0 0 8px; color: var(--primary-dark); }
    .controls { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 14px; }
    button, .btn-link {
      border: 0;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary { background: var(--primary); color: #fff; }
    .btn-dark { background: #111827; color: #fff; }
    .btn-light { background: #e5e7eb; color: #111827; }
    .btn-green { background: var(--success); color: #fff; }
    .exercise-list {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }
    .exercise {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .exercise h4 { margin: 0 0 8px; color: var(--primary-dark); }
    .answer {
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 10px;
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
      color: var(--success);
      display: none;
    }
    .answer.show { display: block; }
    .sidebar a, .links a { color: var(--link); text-decoration: none; font-weight: 700; }
    .sidebar a:hover, .links a:hover { text-decoration: underline; }
    .toc a {
      display: block;
      padding: 8px 0;
      border-bottom: 1px solid #f1f5f9;
    }
    .toc a:last-child { border-bottom: 0; }
    .quiz-wrap {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin-bottom: 16px;
    }
    .quiz-top {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }
    .timer {
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      border-radius: 12px;
      padding: 10px 14px;
      min-width: 96px;
    }
    .progress-bar {
      width: 100%;
      height: 10px;
      background: #e5e7eb;
      border-radius: 999px;
      overflow: hidden;
      margin-top: 10px;
    }
    .progress-fill {
      width: 0%;
      height: 100%;
      background: var(--primary);
      transition: width .2s ease;
    }
    .meta-row {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
      color: var(--muted);
      font-size: .95rem;
      margin-top: 8px;
    }
    .question-box {
      text-align: left;
      margin-top: 14px;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-box h3 { margin: 0 0 12px; }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #fafafa;
    }
    .result-panel {
      display: none;
      text-align: left;
      margin-top: 18px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #bbf7d0;
      background: #f0fdf4;
    }
    .result-panel h2 { margin-top: 0; color: var(--success); }
    .corrections { display: grid; gap: 10px; margin-top: 14px; }
    .correction {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 12px;
    }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    .small { color: var(--muted); font-size: .92rem; }
    footer {
      margin-top: 20px;
      padding: 26px 18px;
      background: #111827;
      color: #e5e7eb;
      text-align: center;
    }
    footer a { color: #c7d2fe; text-decoration: none; }
    .footer-links {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 14px;
      max-width: 1180px;
      margin: 0 auto;
      text-align: center;
    }
    .footer-links ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    .footer-links h3 { color: #fff; margin-top: 0; }
    .copyright {
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid #374151;
      font-size: .88rem;
      color: #9ca3af;
    }
    @media (max-width: 900px) {
      .layout { grid-template-columns: 1fr; }
    }
    @media (max-width: 768px) {
      .wrap { padding: 14px 10px 24px; }
      .hero { padding: 22px 16px; border-radius: 16px; }
      .card, .quiz-wrap { padding: 14px; border-radius: 14px; }
      .question-box { padding: 14px; }
      .controls { justify-content: center; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "JSS2 Matter Note with CBT Quiz",
    "description": "Comprehensive note on matter for JSS2 with states of matter, changes in state, physical and chemical changes, and a timed CBT quiz.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG"
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;Comprehensive Note on Matter for JSS 2&lt;/h1&gt;
      &lt;p&gt;Well-structured lesson notes, examples, class activity, evaluation, and a 30-question timed CBT quiz to support learning.&lt;/p&gt;
    &lt;/section&gt;&lt;div class="layout"&gt;
  &lt;div&gt;
    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Topic: Matter&lt;/span&gt;
      &lt;h2&gt;Meaning of Matter&lt;/h2&gt;
      &lt;div class="intro"&gt;
        &lt;p&gt;Matter is anything that has mass and occupies space. Everything around us that can be seen, touched, or measured is matter.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Examples&lt;/h3&gt;&lt;p&gt;Water, air, wood, stone, iron, book, human beings, plants.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Characteristics&lt;/h3&gt;&lt;p&gt;Has mass, occupies space, can be measured, exists in different states.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="note"&gt;
        Matter is present in all objects around us, whether living or non-living.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="states"&gt;
      &lt;span class="badge"&gt;States of Matter&lt;/span&gt;
      &lt;h2&gt;States of Matter&lt;/h2&gt;
      &lt;p&gt;Matter exists mainly in three states: solid, liquid and gas.&lt;/p&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;
          &lt;h4&gt;1. Solid&lt;/h4&gt;
          &lt;p&gt;Definite shape and definite volume.&lt;/p&gt;
          &lt;p&gt;Particles are packed closely together.&lt;/p&gt;
          &lt;p&gt;&lt;strong&gt;Examples:&lt;/strong&gt; stone, table, book, chalk.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="example-card"&gt;
          &lt;h4&gt;2. Liquid&lt;/h4&gt;
          &lt;p&gt;No definite shape but definite volume.&lt;/p&gt;
          &lt;p&gt;They take the shape of the container.&lt;/p&gt;
          &lt;p&gt;&lt;strong&gt;Examples:&lt;/strong&gt; water, oil, milk, kerosene.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="example-card"&gt;
          &lt;h4&gt;3. Gas&lt;/h4&gt;
          &lt;p&gt;No definite shape and no definite volume.&lt;/p&gt;
          &lt;p&gt;They spread out to fill any container.&lt;/p&gt;
          &lt;p&gt;&lt;strong&gt;Examples:&lt;/strong&gt; oxygen, nitrogen, carbon dioxide, air.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="properties"&gt;
      &lt;span class="badge"&gt;Properties&lt;/span&gt;
      &lt;h2&gt;Properties of the States of Matter&lt;/h2&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Solids&lt;/h3&gt;&lt;p&gt;Hard and rigid, do not flow easily, particles tightly packed.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Liquids&lt;/h3&gt;&lt;p&gt;Flow easily, particles close but not tightly packed, can be poured.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Gases&lt;/h3&gt;&lt;p&gt;Flow freely, particles are far apart, easily compressed.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="changes"&gt;
      &lt;span class="badge"&gt;Changes in State&lt;/span&gt;
      &lt;h2&gt;Changes in State of Matter&lt;/h2&gt;
      &lt;p&gt;Matter can change from one state to another due to heating or cooling.&lt;/p&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Melting&lt;/h4&gt;&lt;p&gt;Solid to liquid when heated. Example: ice turning to water.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Freezing&lt;/h4&gt;&lt;p&gt;Liquid to solid when cooled. Example: water turning to ice.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Evaporation&lt;/h4&gt;&lt;p&gt;Liquid to gas from the surface. Example: wet clothes drying under the sun.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Boiling&lt;/h4&gt;&lt;p&gt;Liquid to gas throughout the liquid when heated strongly. Example: water boiling into steam.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Condensation&lt;/h4&gt;&lt;p&gt;Gas to liquid when cooled. Example: droplets forming on a cold bottle.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Sublimation&lt;/h4&gt;&lt;p&gt;Solid directly to gas without becoming liquid first. Example: camphor, naphthalene.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="changes-types"&gt;
      &lt;span class="badge"&gt;Physical and Chemical Changes&lt;/span&gt;
      &lt;h2&gt;Physical and Chemical Changes&lt;/h2&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;
          &lt;h4&gt;Physical Change&lt;/h4&gt;
          &lt;p&gt;Does not produce a new substance.&lt;/p&gt;
          &lt;p&gt;It may affect shape, size or state.&lt;/p&gt;
          &lt;p&gt;&lt;strong&gt;Examples:&lt;/strong&gt; melting ice, tearing paper, dissolving sugar in water.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="example-card"&gt;
          &lt;h4&gt;Chemical Change&lt;/h4&gt;
          &lt;p&gt;Produces a new substance.&lt;/p&gt;
          &lt;p&gt;&lt;strong&gt;Examples:&lt;/strong&gt; burning wood, rusting of iron, cooking food.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tip"&gt;Physical changes are usually reversible, while chemical changes are usually irreversible.&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="uses"&gt;
      &lt;span class="badge"&gt;Uses and Importance&lt;/span&gt;
      &lt;h2&gt;Uses of Matter in Daily Life&lt;/h2&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Solids&lt;/h3&gt;&lt;p&gt;Used for building, making furniture and tools.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Liquids&lt;/h3&gt;&lt;p&gt;Used for drinking, washing and transport.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Gases&lt;/h3&gt;&lt;p&gt;Used for breathing, cooking and inflating tyres.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Importance of Matter&lt;/h3&gt;
      &lt;div class="intro"&gt;
        &lt;p&gt;Matter is important because all objects are made of matter, it supports life, and it is used in industry, medicine and construction.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="activity"&gt;
      &lt;span class="badge"&gt;Class Activity&lt;/span&gt;
      &lt;h2&gt;Simple Class Activity&lt;/h2&gt;
      &lt;p&gt;Put the following objects into groups: book, water, air, stone, milk, chalk.&lt;/p&gt;
      &lt;div class="definition"&gt;
        &lt;p&gt;&lt;strong&gt;Suggested grouping:&lt;/strong&gt;&lt;/p&gt;
        &lt;p&gt;Solid: book, stone, chalk&lt;/p&gt;
        &lt;p&gt;Liquid: water, milk&lt;/p&gt;
        &lt;p&gt;Gas: air&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Evaluation&lt;/span&gt;
      &lt;h2&gt;Evaluation Questions&lt;/h2&gt;
      &lt;div class="intro"&gt;
        &lt;p&gt;1. What is matter?&lt;/p&gt;
        &lt;p&gt;2. State the three states of matter.&lt;/p&gt;
        &lt;p&gt;3. Give two examples each of solid, liquid and gas.&lt;/p&gt;
        &lt;p&gt;4. Explain melting.&lt;/p&gt;
        &lt;p&gt;5. What is condensation?&lt;/p&gt;
        &lt;p&gt;6. Differentiate between physical and chemical change.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Summary&lt;/span&gt;
      &lt;h2&gt;Summary&lt;/h2&gt;
      &lt;div class="note"&gt;
        Matter is anything that has mass and occupies space. It exists in three main states: solid, liquid and gas. Matter can change from one state to another through heating or cooling. Some changes are physical, while others are chemical.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Practice&lt;/span&gt;
      &lt;h2&gt;20 Exercises&lt;/h2&gt;
      &lt;p&gt;Try the exercises first, then reveal the answers to check your work.&lt;/p&gt;
      &lt;div class="controls"&gt;
        &lt;button class="btn-primary" id="showAllBtn"&gt;Show All Answers&lt;/button&gt;
        &lt;button class="btn-light" id="hideAllBtn"&gt;Hide All Answers&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="exercise-list" id="exerciseList"&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;1. Define matter.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Anything that has mass and occupies space.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;2. Mention three states of matter.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Solid, liquid and gas.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;3. Give two examples of solids.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Stone, chalk, book, table.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;4. Give two examples of liquids.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Water, milk, oil, kerosene.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;5. Give two examples of gases.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Oxygen, nitrogen, carbon dioxide, air.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;6. State one property of solids.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Solids have definite shape and volume.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;7. State one property of liquids.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Liquids flow easily and take the shape of the container.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;8. State one property of gases.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Gases have no definite shape and no definite volume.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;9. Explain melting.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Change from solid to liquid when heated.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;10. Explain freezing.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Change from liquid to solid when cooled.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;11. Explain evaporation.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Change from liquid to gas from the surface of a liquid.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;12. Explain boiling.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Change from liquid to gas throughout the liquid when strongly heated.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;13. Explain condensation.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Change from gas to liquid when cooled.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;14. Explain sublimation.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Change from solid directly to gas.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;15. What is a physical change?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: A change that does not produce a new substance.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;16. What is a chemical change?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: A change that produces a new substance.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;17. Give one example of a physical change.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Melting ice, tearing paper, dissolving sugar in water.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;18. Give one example of a chemical change.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Burning wood, rusting iron, cooking food.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;19. Why is matter important?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: All objects are made of matter; it supports life and is used in industry, medicine and construction.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;20. Classify book, water and air.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Book - solid, water - liquid, air - gas.&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="quiz-wrap" id="quizSection"&gt;
      &lt;div class="quiz-top"&gt;
        &lt;div&gt;
          &lt;h2 style="margin:0;color:var(--primary-dark);"&gt;CBT Quiz&lt;/h2&gt;
          &lt;p style="margin:6px 0 0;color:var(--muted);"&gt;30 questions | 10 minutes | One question at a time&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="timer" id="timer"&gt;10:00&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="controls"&gt;
        &lt;button class="btn-primary" id="startBtn"&gt;Start Quiz&lt;/button&gt;
        &lt;button class="btn-dark" id="prevBtn" disabled&gt;Previous&lt;/button&gt;
        &lt;button class="btn-dark" id="nextBtn" disabled&gt;Next&lt;/button&gt;
        &lt;button class="btn-green" id="submitBtn" disabled&gt;Submit&lt;/button&gt;
        &lt;button class="btn-light" id="resetBtn"&gt;Reset&lt;/button&gt;
        &lt;a class="btn-link btn-dark" id="emailLink" href="mailto:edwinogielibrary@gmail.com?subject=Matter%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Matter%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you."&gt;Send Score by Email&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="meta-row"&gt;
        &lt;div id="progressText"&gt;Question 0 of 30&lt;/div&gt;
        &lt;div id="saveText"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="progress-bar"&gt;&lt;div class="progress-fill" id="progressFill"&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;div class="question-box"&gt;
        &lt;div id="questionContainer"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;section class="result-panel" id="resultPanel"&gt;
        &lt;h2&gt;Quiz Result&lt;/h2&gt;
        &lt;p id="scoreText"&gt;&lt;/p&gt;
        &lt;p id="percentText"&gt;&lt;/p&gt;
        &lt;div class="corrections" id="correctionsList"&gt;&lt;/div&gt;
      &lt;/section&gt;
    &lt;/section&gt;
  &lt;/div&gt;

  &lt;aside class="sidebar sidebar"&gt;
    &lt;section class="card toc"&gt;
      &lt;h2&gt;Quick Navigation&lt;/h2&gt;
      &lt;a href="#states"&gt;States of Matter&lt;/a&gt;
      &lt;a href="#properties"&gt;Properties&lt;/a&gt;
      &lt;a href="#changes"&gt;Changes in State&lt;/a&gt;
      &lt;a href="#changes-types"&gt;Physical and Chemical Changes&lt;/a&gt;
      &lt;a href="#uses"&gt;Uses and Importance&lt;/a&gt;
      &lt;a href="#quizSection"&gt;CBT Quiz&lt;/a&gt;
    &lt;/section&gt;

    &lt;section class="card links"&gt;
      &lt;h2&gt;Key Reminders&lt;/h2&gt;
      &lt;div class="tip"&gt;&lt;strong&gt;Solid:&lt;/strong&gt; definite shape and volume.&lt;/div&gt;
      &lt;div class="tip" style="margin-top:12px;"&gt;&lt;strong&gt;Liquid:&lt;/strong&gt; definite volume but no definite shape.&lt;/div&gt;
      &lt;div class="tip" style="margin-top:12px;"&gt;&lt;strong&gt;Gas:&lt;/strong&gt; no definite shape or volume.&lt;/div&gt;
    &lt;/section&gt;
  &lt;/aside&gt;
&lt;/div&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div class="footer-links"&gt;
      &lt;div&gt;
        &lt;h3&gt;Edwin Ogie Library&lt;/h3&gt;
        &lt;p&gt;Quality educational resources for learners and teachers.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp; Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;© &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const showAllBtn = document.getElementById('showAllBtn');
    const hideAllBtn = document.getElementById('hideAllBtn');
    const answers = document.querySelectorAll('.answer');
    showAllBtn.addEventListener('click', () =&gt; answers.forEach(a =&gt; a.classList.add('show')));
    hideAllBtn.addEventListener('click', () =&gt; answers.forEach(a =&gt; a.classList.remove('show')));

    const questions = [
      { q: "What is matter?", options: ["Anything that has mass and occupies space", "Anything that shines", "Only living things", "Only liquids"], answer: 0, explanation: "Matter has mass and occupies space." },
      { q: "Which of these is matter?", options: ["Light", "Water", "Sound", "Shadow"], answer: 1, explanation: "Water has mass and occupies space." },
      { q: "How many main states of matter are taught here?", options: ["Two", "Three", "Four", "Five"], answer: 1, explanation: "Solid, liquid and gas." },
      { q: "Which is a solid?", options: ["Water", "Air", "Stone", "Smoke"], answer: 2, explanation: "Stone is a solid." },
      { q: "Which is a liquid?", options: ["Milk", "Chalk", "Iron", "Wood"], answer: 0, explanation: "Milk is a liquid." },
      { q: "Which is a gas?", options: ["Oil", "Air", "Book", "Table"], answer: 1, explanation: "Air is a gas." },
      { q: "A solid has", options: ["No shape and no volume", "Definite shape and definite volume", "No volume only", "No mass"], answer: 1, explanation: "Solids have definite shape and volume." },
      { q: "A liquid has", options: ["Definite shape only", "Definite volume only", "No definite shape but definite volume", "No volume"], answer: 2, explanation: "Liquids take the shape of the container." },
      { q: "A gas has", options: ["Definite shape and volume", "No definite shape and no definite volume", "Definite shape only", "Definite volume only"], answer: 1, explanation: "Gases spread out to fill any container." },
      { q: "Which state is easily compressed?", options: ["Solid", "Liquid", "Gas", "All equally"], answer: 2, explanation: "Gas particles are far apart and easily compressed." },
      { q: "Melting is change from", options: ["Liquid to solid", "Solid to liquid", "Gas to liquid", "Solid to gas"], answer: 1, explanation: "Melting happens on heating a solid." },
      { q: "Freezing is change from", options: ["Gas to liquid", "Solid to liquid", "Liquid to solid", "Solid to gas"], answer: 2, explanation: "Freezing happens on cooling a liquid." },
      { q: "Evaporation happens from", options: ["The surface of a liquid", "The whole liquid at once", "A solid", "A gas"], answer: 0, explanation: "Evaporation occurs from the surface." },
      { q: "Boiling is change from", options: ["Liquid to gas throughout the liquid", "Gas to solid", "Solid to liquid", "Liquid to solid"], answer: 0, explanation: "Boiling happens throughout the liquid." },
      { q: "Condensation is change from", options: ["Solid to gas", "Gas to liquid", "Liquid to solid", "Gas to solid"], answer: 1, explanation: "Cool gas becomes liquid droplets." },
      { q: "Sublimation is change from", options: ["Liquid to solid", "Gas to liquid", "Solid directly to gas", "Gas to solid"], answer: 2, explanation: "No liquid stage is involved." },
      { q: "A physical change", options: ["Produces a new substance", "Does not produce a new substance", "Always irreversible", "Changes atoms"], answer: 1, explanation: "Physical change does not create a new substance." },
      { q: "A chemical change", options: ["Does not produce a new substance", "Produces a new substance", "Always reversible", "Only changes shape"], answer: 1, explanation: "A new substance is formed in a chemical change." },
      { q: "Which is a physical change?", options: ["Burning wood", "Rusting iron", "Melting ice", "Cooking food"], answer: 2, explanation: "Melting ice is a change of state only." },
      { q: "Which is a chemical change?", options: ["Tearing paper", "Dissolving sugar", "Burning wood", "Melting wax"], answer: 2, explanation: "Burning wood forms new substances." },
      { q: "Solids are useful for", options: ["Breathing", "Building and making furniture", "Filling balloons only", "Making clouds"], answer: 1, explanation: "Solids are used in construction and tools." },
      { q: "Liquids are useful for", options: ["Drinking and washing", "Only breathing", "Only building", "Only lighting"], answer: 0, explanation: "Liquids are important in daily life." },
      { q: "Gases are useful for", options: ["Breathing and inflating tyres", "Making tables", "Writing on paper", "Melting ice"], answer: 0, explanation: "Gases have many daily uses." },
      { q: "Matter is important because", options: ["Only animals are matter", "All objects are made of matter", "Matter has no use", "Only solids matter"], answer: 1, explanation: "All objects around us are matter." },
      { q: "Water turning into ice is", options: ["Melting", "Freezing", "Evaporation", "Condensation"], answer: 1, explanation: "Liquid to solid is freezing." },
      { q: "Ice turning into water is", options: ["Melting", "Freezing", "Condensation", "Sublimation"], answer: 0, explanation: "Solid to liquid is melting." },
      { q: "Wet clothes drying under the sun is", options: ["Boiling", "Evaporation", "Condensation", "Freezing"], answer: 1, explanation: "Water leaves the surface slowly." },
      { q: "Drops on a cold bottle form by", options: ["Melting", "Condensation", "Sublimation", "Boiling"], answer: 1, explanation: "Water vapour turns into liquid droplets." },
      { q: "Camphor disappearing without melting is", options: ["Freezing", "Sublimation", "Condensation", "Boiling"], answer: 1, explanation: "Camphor can sublime directly to gas." },
      { q: "Which group contains only solids?", options: ["Book, water, air", "Stone, chalk, table", "Milk, oil, water", "Air, oxygen, nitrogen"], answer: 1, explanation: "Stone, chalk and table are solids." }
    ];

    const container = document.getElementById('questionContainer');
    const startBtn = document.getElementById('startBtn');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const submitBtn = document.getElementById('submitBtn');
    const resetBtn = document.getElementById('resetBtn');
    const timerEl = document.getElementById('timer');
    const progressText = document.getElementById('progressText');
    const progressFill = document.getElementById('progressFill');
    const saveText = document.getElementById('saveText');
    const resultPanel = document.getElementById('resultPanel');
    const scoreText = document.getElementById('scoreText');
    const percentText = document.getElementById('percentText');
    const correctionsList = document.getElementById('correctionsList');

    let currentIndex = 0;
    let timeLeft = 600;
    let started = false;
    let timer = null;

    function formatTime(seconds) {
      const m = Math.floor(seconds / 60).toString().padStart(2, '0');
      const s = (seconds % 60).toString().padStart(2, '0');
      return `${m}:${s}`;
    }

    function renderQuestion() {
      const item = questions[currentIndex];
      const key = `q${currentIndex}`;
      const saved = sessionStorage.getItem(key);
      const optionsHtml = item.options.map((opt, i) =&gt; `
        &lt;label class="option"&gt;
          &lt;input type="radio" name="${key}" value="${i}" ${saved === String(i) ? 'checked' : ''} /&gt;
          &lt;span&gt;${String.fromCharCode(65 + i)}. ${opt}&lt;/span&gt;
        &lt;/label&gt;
      `).join('');

      container.innerHTML = `
        &lt;h3&gt;${currentIndex + 1}. ${item.q}&lt;/h3&gt;
        &lt;div class="options"&gt;${optionsHtml}&lt;/div&gt;
      `;

      progressText.textContent = `Question ${currentIndex + 1} of ${questions.length}`;
      progressFill.style.width = `${((currentIndex + 1) / questions.length) * 100}%`;
      prevBtn.disabled = currentIndex === 0;
      nextBtn.disabled = currentIndex === questions.length - 1;
      submitBtn.disabled = !started;
      saveText.textContent = saved !== null ? 'Saved answer loaded' : '';
    }

    function saveCurrentAnswer() {
      const selected = document.querySelector(`input[name="q${currentIndex}"]:checked`);
      if (selected) {
        sessionStorage.setItem(`q${currentIndex}`, selected.value);
        saveText.textContent = 'Answer saved';
      }
    }

    function updateTimer() {
      timerEl.textContent = formatTime(timeLeft);
      if (timeLeft &lt;= 120) {
        timerEl.style.background = '#fee2e2';
        timerEl.style.borderColor = '#fca5a5';
      }
      if (timeLeft &lt;= 0) {
        clearInterval(timer);
        submitQuiz(true);
        return;
      }
      timeLeft -= 1;
    }

    function startQuiz() {
      if (started) return;
      started = true;
      startBtn.disabled = true;
      submitBtn.disabled = false;
      prevBtn.disabled = false;
      nextBtn.disabled = false;
      timer = setInterval(updateTimer, 1000);
      updateTimer();
      renderQuestion();
    }

    function goNext() {
      saveCurrentAnswer();
      if (currentIndex &lt; questions.length - 1) {
        currentIndex += 1;
        renderQuestion();
      }
    }

    function goPrev() {
      saveCurrentAnswer();
      if (currentIndex &gt; 0) {
        currentIndex -= 1;
        renderQuestion();
      }
    }

    function submitQuiz(auto = false) {
      if (!started &amp;&amp; !auto) return;
      saveCurrentAnswer();
      clearInterval(timer);
      started = false;
      submitBtn.disabled = true;
      startBtn.disabled = true;
      nextBtn.disabled = true;
      prevBtn.disabled = true;

      let score = 0;
      const corrections = [];
      questions.forEach((item, idx) =&gt; {
        const selected = sessionStorage.getItem(`q${idx}`);
        const userAnswer = selected === null ? null : parseInt(selected, 10);
        const isCorrect = userAnswer === item.answer;
        if (isCorrect) score += 1;
        corrections.push({
          number: idx + 1,
          question: item.q,
          userAnswer: userAnswer === null ? 'No answer' : `${String.fromCharCode(65 + userAnswer)}. ${item.options[userAnswer]}`,
          correctAnswer: `${String.fromCharCode(65 + item.answer)}. ${item.options[item.answer]}`,
          explanation: item.explanation,
          isCorrect
        });
      });

      const percent = Math.round((score / questions.length) * 100);
      scoreText.innerHTML = `Total Score: &lt;strong&gt;${score} / ${questions.length}&lt;/strong&gt;`;
      percentText.innerHTML = `Percentage: &lt;strong&gt;${percent}%&lt;/strong&gt;`;
      correctionsList.innerHTML = corrections.map(c =&gt; `
        &lt;div class="correction"&gt;
          &lt;div&gt;&lt;strong&gt;Question ${c.number}:&lt;/strong&gt; ${c.question}&lt;/div&gt;
          &lt;div class="${c.isCorrect ? 'correct' : 'wrong'}"&gt;Your Answer: ${c.userAnswer}&lt;/div&gt;
          &lt;div class="correct"&gt;Correct Answer: ${c.correctAnswer}&lt;/div&gt;
          &lt;div&gt;Correction: ${c.explanation}&lt;/div&gt;
        &lt;/div&gt;
      `).join('');
      resultPanel.style.display = 'block';
      resultPanel.scrollIntoView({ behavior: 'smooth' });

      const subject = encodeURIComponent('Matter CBT Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the Matter CBT quiz.\n\nScore: ${score} / ${questions.length}\nPercentage: ${percent}%\n\nThank you.`);
      document.getElementById('emailLink').href = `mailto:edwinogielibrary@gmail.com?subject=${subject}&amp;body=${body}`;
    }

    function resetQuiz() {
      clearInterval(timer);
      currentIndex = 0;
      timeLeft = 600;
      started = false;
      sessionStorage.clear();
      startBtn.disabled = false;
      prevBtn.disabled = true;
      nextBtn.disabled = true;
      submitBtn.disabled = true;
      timerEl.textContent = '10:00';
      timerEl.style.background = '#fef2f2';
      timerEl.style.borderColor = '#fecaca';
      resultPanel.style.display = 'none';
      scoreText.textContent = '';
      percentText.textContent = '';
      correctionsList.innerHTML = '';
      saveText.textContent = '';
      renderQuestion();
      document.getElementById('emailLink').href = 'mailto:edwinogielibrary@gmail.com?subject=Matter%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Matter%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you.';
    }

    startBtn.addEventListener('click', startQuiz);
    prevBtn.addEventListener('click', goPrev);
    nextBtn.addEventListener('click', goNext);
    submitBtn.addEventListener('click', function (e) { e.preventDefault(); submitQuiz(false); });
    resetBtn.addEventListener('click', resetQuiz);

    renderQuestion();
    document.getElementById('year').textContent = new Date().getFullYear();
  &lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/comprehensive-webook-on-matter-jss2.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-3930375716384402599</guid><pubDate>Tue, 28 Apr 2026 11:11:02 +0000</pubDate><atom:updated>2026-04-28T00:11:02.870-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">further mathematics</category><category domain="http://www.blogger.com/atom/ns#">ss2</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>Polynomial Further Mathematics Web Book | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="A complete and comprehensive web book on polynomials in Further Mathematics covering addition, subtraction, multiplication, division, factor theorem and remainder theorem, with worked examples and a 30-question timed CBT quiz." /&gt;
  &lt;meta name="keywords" content="polynomials, further mathematics, factor theorem, remainder theorem, polynomial addition, polynomial subtraction, polynomial multiplication, polynomial division, CBT quiz, timed quiz" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;meta name="googlebot" content="index, follow" /&gt;
  &lt;meta property="og:title" content="Polynomial Further Mathematics Web Book" /&gt;
  &lt;meta property="og:description" content="Comprehensive lesson on polynomials with worked examples, factor theorem, remainder theorem, and a 30-question 15-minute CBT quiz." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;meta property="og:site_name" content="Edwin Ogie Library" /&gt;
  &lt;meta name="twitter:card" content="summary_large_image" /&gt;
  &lt;meta name="twitter:title" content="Polynomial Further Mathematics Web Book" /&gt;
  &lt;meta name="twitter:description" content="Comprehensive lesson on polynomials with worked examples, factor theorem, remainder theorem, and a 30-question 15-minute CBT quiz." /&gt;
  &lt;link rel="canonical" href="https://edwinogie.blogspot.com/p/polynomial-further-mathematics-web-book.html" /&gt;
  &lt;title&gt;Polynomial Further Mathematics Web Book | Edwin Ogie Library&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #5b5bd6;
      --primary-dark: #3f3fb8;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #eef2ff;
      --success: #0f766e;
      --danger: #b91c1c;
      --warning: #92400e;
      --shadow: 0 10px 25px rgba(0,0,0,0.06);
      --link: #2563eb;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 18px 12px 34px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);
      color: #fff;
      padding: 28px 22px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin-bottom: 16px;
    }
    .hero h1 {
      margin: 0 0 10px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.15;
    }
    .hero p {
      margin: 0 auto;
      max-width: 980px;
      opacity: 0.98;
    }
    .breadcrumbs {
      margin: 14px 0 18px;
      color: var(--muted);
      font-size: 0.95rem;
    }
    .breadcrumbs a { color: var(--primary-dark); text-decoration: none; }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      align-items: start;
    }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin-bottom: 16px;
      width: 100%;
      text-align: center;
    }
    .card h2, .card h3 { color: var(--primary-dark); margin-top: 0; }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }
    .intro, .note, .tip, .definition {
      text-align: left;
      border-radius: 14px;
      padding: 14px;
      border: 1px solid var(--border);
      background: #fff;
      margin-top: 12px;
    }
    .note { background: #ecfeff; border-color: #a5f3fc; color: #155e75; }
    .tip { background: #fff7ed; border-color: #fed7aa; color: #7c2d12; }
    .definition { background: #f8fafc; }
    .mini-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .mini-card {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .mini-card h3 { margin-top: 0; }
    .topic-box {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      margin-bottom: 12px;
    }
    .topic-box h3 { margin-top: 0; color: var(--primary-dark); }
    .examples-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .example-card {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }
    .example-card h4 { margin: 0 0 8px; color: var(--primary-dark); }
    .formula {
      font-family: "Courier New", monospace;
      background: #f8fafc;
      border: 1px dashed #cbd5e1;
      padding: 10px 12px;
      border-radius: 10px;
      display: inline-block;
      margin: 4px 0;
    }
    .controls { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 14px; }
    button, .btn-link {
      border: 0;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary { background: var(--primary); color: #fff; }
    .btn-dark { background: #111827; color: #fff; }
    .btn-light { background: #e5e7eb; color: #111827; }
    .btn-green { background: var(--success); color: #fff; }
    .exercise-list {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }
    .exercise {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .exercise h4 { margin: 0 0 8px; color: var(--primary-dark); }
    .answer {
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 10px;
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
      color: var(--success);
      display: none;
    }
    .answer.show { display: block; }
    .sidebar a, .links a { color: var(--link); text-decoration: none; font-weight: 700; }
    .sidebar a:hover, .links a:hover { text-decoration: underline; }
    .toc a {
      display: block;
      padding: 8px 0;
      border-bottom: 1px solid #f1f5f9;
    }
    .toc a:last-child { border-bottom: 0; }
    .quiz-wrap {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin-bottom: 16px;
    }
    .quiz-top {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }
    .timer {
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      border-radius: 12px;
      padding: 10px 14px;
      min-width: 96px;
    }
    .progress-bar {
      width: 100%;
      height: 10px;
      background: #e5e7eb;
      border-radius: 999px;
      overflow: hidden;
      margin-top: 10px;
    }
    .progress-fill {
      width: 0%;
      height: 100%;
      background: var(--primary);
      transition: width .2s ease;
    }
    .meta-row {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
      color: var(--muted);
      font-size: .95rem;
      margin-top: 8px;
    }
    .question-box {
      text-align: left;
      margin-top: 14px;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-box h3 { margin: 0 0 12px; }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #fafafa;
    }
    .result-panel {
      display: none;
      text-align: left;
      margin-top: 18px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #bbf7d0;
      background: #f0fdf4;
    }
    .result-panel h2 { margin-top: 0; color: var(--success); }
    .corrections { display: grid; gap: 10px; margin-top: 14px; }
    .correction {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 12px;
    }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    .small { color: var(--muted); font-size: .92rem; }
    footer {
      margin-top: 20px;
      padding: 26px 18px;
      background: #111827;
      color: #e5e7eb;
      text-align: center;
    }
    footer a { color: #c7d2fe; text-decoration: none; }
    .footer-links {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 14px;
      max-width: 1200px;
      margin: 0 auto;
      text-align: center;
    }
    .footer-links ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    .footer-links h3 { color: #fff; margin-top: 0; }
    .copyright {
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid #374151;
      font-size: .88rem;
      color: #9ca3af;
    }
    @media (max-width: 900px) {
      .layout { grid-template-columns: 1fr; }
    }
    @media (max-width: 768px) {
      .wrap { padding: 14px 10px 24px; }
      .hero { padding: 22px 16px; border-radius: 16px; }
      .card, .quiz-wrap { padding: 14px; border-radius: 14px; }
      .question-box { padding: 14px; }
      .controls { justify-content: center; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Polynomial Further Mathematics Web Book",
    "description": "Comprehensive further mathematics web book on polynomials, polynomial operations, remainder theorem, factor theorem, and a timed CBT quiz.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG",
    "datePublished": "2026-04-28",
    "dateModified": "2026-04-28"
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;Polynomial Further Mathematics Web Book&lt;/h1&gt;
      &lt;p&gt;A complete guide to polynomial operations, factor theorem, remainder theorem, and polynomial division, with worked examples, practice exercises, and a 30-question CBT quiz timed for 15 minutes.&lt;/p&gt;
    &lt;/section&gt;&lt;div class="breadcrumbs"&gt;
  &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt; / Further Mathematics / Polynomials
&lt;/div&gt;

&lt;div class="layout"&gt;
  &lt;div&gt;
    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Overview&lt;/span&gt;
      &lt;h2&gt;Introduction to Polynomials&lt;/h2&gt;
      &lt;div class="intro"&gt;
        &lt;p&gt;A &lt;strong&gt;polynomial&lt;/strong&gt; is an algebraic expression made of variables, coefficients and non-negative integer powers. Examples include &lt;em&gt;2x + 3&lt;/em&gt;, &lt;em&gt;x² - 4x + 7&lt;/em&gt;, and &lt;em&gt;5x³ - 2x + 1&lt;/em&gt;.&lt;/p&gt;
        &lt;p&gt;Polynomial topics include &lt;strong&gt;addition&lt;/strong&gt;, &lt;strong&gt;subtraction&lt;/strong&gt;, &lt;strong&gt;multiplication&lt;/strong&gt;, &lt;strong&gt;division&lt;/strong&gt;, &lt;strong&gt;factor theorem&lt;/strong&gt; and &lt;strong&gt;remainder theorem&lt;/strong&gt;.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Degree&lt;/h3&gt;&lt;p&gt;The highest power of the variable.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Terms&lt;/h3&gt;&lt;p&gt;Parts separated by + or −.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Coefficient&lt;/h3&gt;&lt;p&gt;The numerical factor of a term.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="note"&gt;
        Remember: a polynomial does not contain negative powers of the variable or the variable in the denominator.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="addition"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Addition of Polynomials&lt;/h2&gt;
      &lt;p&gt;To add polynomials, combine like terms only. Like terms have the same variable and the same power.&lt;/p&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(2x + 3) + (4x + 5)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Group like terms: 2x + 4x = 6x, 3 + 5 = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 6x + 8&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(3x² + 2x - 1) + (x² - 5x + 4)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Combine x² terms, x terms and constants.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 4x² - 3x + 3&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(5a² - a + 7) + (2a² + 3a - 9)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 7a² + 2a - 2&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="subtraction"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Subtraction of Polynomials&lt;/h2&gt;
      &lt;p&gt;To subtract polynomials, change the signs of the second polynomial and then combine like terms.&lt;/p&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(5x + 6) - (2x + 1)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Change signs: 5x + 6 - 2x - 1&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 3x + 5&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(4x² + 3x - 2) - (x² - x + 5)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Change signs and collect terms.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 3x² + 4x - 7&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(6a - 2a² + 7) - (3a + a² - 1)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; -3a² + 3a + 8&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="multiplication"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Multiplication of Polynomials&lt;/h2&gt;
      &lt;p&gt;Multiply each term in one polynomial by each term in the other. Then simplify by combining like terms.&lt;/p&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(x + 2)(x + 3)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;x·x = x², x·3 = 3x, 2·x = 2x, 2·3 = 6&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; x² + 5x + 6&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(2x - 1)(x + 4)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 2x² + 7x - 4&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(3a + 2)(a - 5)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 3a² - 13a - 10&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 4&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(x - 3)²&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; x² - 6x + 9&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="division"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Division of Polynomials&lt;/h2&gt;
      &lt;p&gt;Polynomials can be divided by another polynomial using long division or synthetic division when applicable. The dividend is divided by the divisor to obtain a quotient and sometimes a remainder.&lt;/p&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(x² + 5x + 6) ÷ (x + 2)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; x + 3&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(x² - 9) ÷ (x - 3)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; x + 3&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;span class="formula"&gt;(2x² + 7x + 3) ÷ (x + 3)&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 2x + 1&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tip"&gt;If the divisor is of the form &lt;strong&gt;x - a&lt;/strong&gt;, synthetic division or the factor theorem can be especially helpful.&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="remainder-theorem"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Remainder Theorem&lt;/h2&gt;
      &lt;p&gt;The remainder theorem states that when a polynomial &lt;em&gt;f(x)&lt;/em&gt; is divided by &lt;em&gt;x - a&lt;/em&gt;, the remainder is &lt;em&gt;f(a)&lt;/em&gt;.&lt;/p&gt;
      &lt;div class="definition"&gt;
        &lt;p&gt;&lt;strong&gt;Remainder Theorem:&lt;/strong&gt; If f(x) is divided by x - a, remainder = f(a).&lt;/p&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;Find the remainder when &lt;span class="formula"&gt;f(x)=x²+3x+1&lt;/span&gt; is divided by &lt;span class="formula"&gt;x-2&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;Compute &lt;strong&gt;f(2)&lt;/strong&gt; = 4 + 6 + 1 = 11.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 11&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;Find the remainder when &lt;span class="formula"&gt;f(x)=2x³-x+4&lt;/span&gt; is divided by &lt;span class="formula"&gt;x+1&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;Compute &lt;strong&gt;f(-1)&lt;/strong&gt; = -2 + 1 + 4 = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; 3&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;Find the remainder when &lt;span class="formula"&gt;f(x)=x³-4x²+2x-5&lt;/span&gt; is divided by &lt;span class="formula"&gt;x-3&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;Compute &lt;strong&gt;f(3)&lt;/strong&gt; = 27 - 36 + 6 - 5 = -8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; -8&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="factor-theorem"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Factor Theorem&lt;/h2&gt;
      &lt;p&gt;The factor theorem states that &lt;em&gt;x - a&lt;/em&gt; is a factor of a polynomial &lt;em&gt;f(x)&lt;/em&gt; if and only if &lt;em&gt;f(a)=0&lt;/em&gt;.&lt;/p&gt;
      &lt;div class="definition"&gt;
        &lt;p&gt;&lt;strong&gt;Factor Theorem:&lt;/strong&gt; x - a is a factor of f(x) when f(a) = 0.&lt;/p&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;Show that &lt;span class="formula"&gt;x - 2&lt;/span&gt; is a factor of &lt;span class="formula"&gt;f(x)=x²-5x+6&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;Compute &lt;strong&gt;f(2)&lt;/strong&gt; = 4 - 10 + 6 = 0.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; Yes, it is a factor.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;Test whether &lt;span class="formula"&gt;x + 1&lt;/span&gt; is a factor of &lt;span class="formula"&gt;x³ + x² - x - 1&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;Compute &lt;strong&gt;f(-1)&lt;/strong&gt; = -1 + 1 + 1 - 1 = 0.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; Yes, it is a factor.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;Find k if &lt;span class="formula"&gt;x - 3&lt;/span&gt; is a factor of &lt;span class="formula"&gt;x² + kx - 12&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;Set &lt;strong&gt;f(3)=0&lt;/strong&gt;: 9 + 3k - 12 = 0.&lt;/p&gt;&lt;p&gt;So, &lt;strong&gt;3k - 3 = 0&lt;/strong&gt;, hence &lt;strong&gt;k = 1&lt;/strong&gt;.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 4&lt;/h4&gt;&lt;p&gt;Find the factor of &lt;span class="formula"&gt;x² - 7x + 12&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;It factorizes to &lt;span class="formula"&gt;(x - 3)(x - 4)&lt;/span&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; x - 3 and x - 4 are factors.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Practice&lt;/span&gt;
      &lt;h2&gt;20 Exercises&lt;/h2&gt;
      &lt;p&gt;Try the exercises first, then reveal the answers to check your work.&lt;/p&gt;
      &lt;div class="controls"&gt;
        &lt;button class="btn-primary" id="showAllBtn"&gt;Show All Answers&lt;/button&gt;
        &lt;button class="btn-light" id="hideAllBtn"&gt;Hide All Answers&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="exercise-list" id="exerciseList"&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;1. Define a polynomial.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: An algebraic expression with non-negative integer powers of the variable.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;2. Find the degree of 5x³ - 2x + 1.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 3&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;3. Add (2x + 3) and (4x + 1).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 6x + 4&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;4. Subtract (3x + 5) from (7x + 2).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 4x - 3&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;5. Multiply (x + 1)(x + 5).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: x² + 6x + 5&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;6. Expand (x - 2)².&lt;/h4&gt;&lt;div class="answer"&gt;Answer: x² - 4x + 4&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;7. Divide (x² + 7x + 12) by (x + 3).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: x + 4&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;8. State the remainder theorem.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: The remainder when f(x) is divided by x - a is f(a).&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;9. Find the remainder when x² + 4x + 1 is divided by x - 1.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 6&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;10. Test if x - 2 is a factor of x² - 5x + 6.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Yes, because f(2)=0.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;11. Find the remainder when 2x³ - x + 4 is divided by x + 1.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 3&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;12. Factorize x² - 9.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: (x - 3)(x + 3)&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;13. Factorize x² + 5x + 6.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: (x + 2)(x + 3)&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;14. Find k if x - 1 is a factor of x² + kx - 2.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: k = 1&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;15. Find the degree of 3x⁴ + x² - 6.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 4&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;16. Multiply (2x - 3)(x + 4).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 2x² + 5x - 12&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;17. Subtract (x² - 2x + 1) from (3x² + x - 4).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 2x² + 3x - 5&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;18. What is the coefficient of x² in 7x² - 4x + 9?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: 7&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;19. If f(3)=0, what does that tell you?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: x - 3 is a factor of f(x).&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;20. Find the quotient of (x² - 4x + 4) ÷ (x - 2).&lt;/h4&gt;&lt;div class="answer"&gt;Answer: x - 2&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="quiz-wrap" id="quizSection"&gt;
      &lt;div class="quiz-top"&gt;
        &lt;div&gt;
          &lt;h2 style="margin:0;color:var(--primary-dark);"&gt;CBT Quiz&lt;/h2&gt;
          &lt;p style="margin:6px 0 0;color:var(--muted);"&gt;30 questions | 15 minutes | One question at a time&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="timer" id="timer"&gt;15:00&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="controls"&gt;
        &lt;button class="btn-primary" id="startBtn"&gt;Start Quiz&lt;/button&gt;
        &lt;button class="btn-dark" id="prevBtn" disabled&gt;Previous&lt;/button&gt;
        &lt;button class="btn-dark" id="nextBtn" disabled&gt;Next&lt;/button&gt;
        &lt;button class="btn-green" id="submitBtn" disabled&gt;Submit&lt;/button&gt;
        &lt;button class="btn-light" id="resetBtn"&gt;Reset&lt;/button&gt;
        &lt;a class="btn-link btn-dark" id="emailLink" href="mailto:edwinogielibrary@gmail.com?subject=Polynomial%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Polynomial%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you."&gt;Send Score by Email&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="meta-row"&gt;
        &lt;div id="progressText"&gt;Question 0 of 30&lt;/div&gt;
        &lt;div id="saveText"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="progress-bar"&gt;&lt;div class="progress-fill" id="progressFill"&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;div class="question-box"&gt;
        &lt;div id="questionContainer"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;section class="result-panel" id="resultPanel"&gt;
        &lt;h2&gt;Quiz Result&lt;/h2&gt;
        &lt;p id="scoreText"&gt;&lt;/p&gt;
        &lt;p id="percentText"&gt;&lt;/p&gt;
        &lt;div class="corrections" id="correctionsList"&gt;&lt;/div&gt;
      &lt;/section&gt;
    &lt;/section&gt;
  &lt;/div&gt;

  &lt;aside class="sidebar"&gt;
    &lt;section class="card toc"&gt;
      &lt;h2&gt;Quick Navigation&lt;/h2&gt;
      &lt;a href="#addition"&gt;Addition&lt;/a&gt;
      &lt;a href="#subtraction"&gt;Subtraction&lt;/a&gt;
      &lt;a href="#multiplication"&gt;Multiplication&lt;/a&gt;
      &lt;a href="#division"&gt;Division&lt;/a&gt;
      &lt;a href="#remainder-theorem"&gt;Remainder Theorem&lt;/a&gt;
      &lt;a href="#factor-theorem"&gt;Factor Theorem&lt;/a&gt;
      &lt;a href="#quizSection"&gt;CBT Quiz&lt;/a&gt;
    &lt;/section&gt;

    &lt;section class="card links"&gt;
      &lt;h2&gt;Important Notes&lt;/h2&gt;
      &lt;div class="tip"&gt;
        &lt;strong&gt;Factor theorem:&lt;/strong&gt; If f(a)=0, then x-a is a factor.
      &lt;/div&gt;
      &lt;div class="tip" style="margin-top:12px;"&gt;
        &lt;strong&gt;Remainder theorem:&lt;/strong&gt; Substitute a into f(x) when dividing by x-a.
      &lt;/div&gt;
      &lt;div class="tip" style="margin-top:12px;"&gt;
        Use like terms carefully in addition and subtraction.
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/aside&gt;
&lt;/div&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div class="footer-links"&gt;
      &lt;div&gt;
        &lt;h3&gt;Edwin Ogie Library&lt;/h3&gt;
        &lt;p&gt;Quality educational resources for learners and teachers.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp; Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;© &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const showAllBtn = document.getElementById('showAllBtn');
    const hideAllBtn = document.getElementById('hideAllBtn');
    const answers = document.querySelectorAll('.answer');
    showAllBtn.addEventListener('click', () =&gt; answers.forEach(a =&gt; a.classList.add('show')));
    hideAllBtn.addEventListener('click', () =&gt; answers.forEach(a =&gt; a.classList.remove('show')));

    const questions = [
      { q: "What is a polynomial?", options: ["A fraction", "An algebraic expression with non-negative integer powers", "A matrix", "A function with roots only"], answer: 1, explanation: "Polynomials contain variables raised to whole-number powers only." },
      { q: "What is the degree of 5x³ - 2x + 1?", options: ["1", "2", "3", "4"], answer: 2, explanation: "The highest power is 3." },
      { q: "Add (2x + 3) and (4x + 1).", options: ["6x + 2", "6x + 4", "8x + 4", "2x + 4"], answer: 1, explanation: "Combine like terms: 2x + 4x and 3 + 1." },
      { q: "Subtract (3x + 5) from (7x + 2).", options: ["10x + 7", "4x - 3", "4x + 7", "-4x - 3"], answer: 1, explanation: "(7x + 2) - (3x + 5) = 4x - 3." },
      { q: "Multiply (x + 2)(x + 3).", options: ["x² + 5x + 6", "x² + 6x + 6", "x² + 5x + 5", "x² + x + 6"], answer: 0, explanation: "Use FOIL or distributive law." },
      { q: "Expand (2x - 1)(x + 4).", options: ["2x² + 7x - 4", "2x² + 5x - 4", "2x² - 7x - 4", "2x² + 8x - 1"], answer: 0, explanation: "Multiply each term carefully." },
      { q: "Expand (x - 3)².", options: ["x² - 9", "x² - 6x + 9", "x² + 6x + 9", "x² - 3x + 9"], answer: 1, explanation: "Square the binomial: (x - 3)(x - 3)." },
      { q: "What is the quotient of (x² + 7x + 12) ÷ (x + 3)?", options: ["x + 3", "x + 4", "x - 3", "x - 4"], answer: 1, explanation: "x² + 7x + 12 = (x + 3)(x + 4)." },
      { q: "What is the quotient of (x² - 9) ÷ (x - 3)?", options: ["x + 3", "x - 3", "x + 9", "x - 9"], answer: 0, explanation: "x² - 9 = (x - 3)(x + 3)." },
      { q: "Remainder theorem says remainder when f(x) is divided by x - a is", options: ["f(x)", "f(a)", "a - f(x)", "0 always"], answer: 1, explanation: "Substitute x = a into the polynomial." },
      { q: "Find the remainder when f(x)=x² + 3x + 1 is divided by x - 2.", options: ["9", "10", "11", "12"], answer: 2, explanation: "f(2) = 4 + 6 + 1 = 11." },
      { q: "Find the remainder when f(x)=2x³ - x + 4 is divided by x + 1.", options: ["1", "2", "3", "4"], answer: 2, explanation: "f(-1) = -2 + 1 + 4 = 3." },
      { q: "Factor theorem states that x - a is a factor of f(x) if", options: ["f(a)=1", "f(a)=0", "f(x)=0", "a=0"], answer: 1, explanation: "If f(a)=0, then x-a is a factor." },
      { q: "Is x - 2 a factor of x² - 5x + 6?", options: ["Yes", "No", "Cannot tell", "Only if x=0"], answer: 0, explanation: "f(2)=0, so it is a factor." },
      { q: "If x - 3 is a factor of x² + kx - 12, what is k?", options: ["-1", "0", "1", "2"], answer: 2, explanation: "Set f(3)=0: 9 + 3k - 12 = 0, so k=1." },
      { q: "What is the coefficient of x² in 7x² - 4x + 9?", options: ["-4", "7", "9", "2"], answer: 1, explanation: "The coefficient of x² is 7." },
      { q: "What is the degree of 3x⁴ + x² - 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "The highest power is 4." },
      { q: "Multiply (3a + 2)(a - 5).", options: ["3a² - 13a - 10", "3a² + 13a - 10", "3a² - 13a + 10", "a² - 13a - 10"], answer: 0, explanation: "Expand and combine like terms." },
      { q: "Subtract (x² - 2x + 1) from (3x² + x - 4).", options: ["2x² + 3x - 5", "4x² - x - 3", "2x² - x + 5", "3x² - 3x - 5"], answer: 0, explanation: "Change signs of the second polynomial and simplify." },
      { q: "Find the quotient of (x² - 4x + 4) ÷ (x - 2).", options: ["x - 2", "x + 2", "x - 4", "x + 4"], answer: 0, explanation: "x² - 4x + 4 = (x - 2)²." },
      { q: "Which of these is a polynomial?", options: ["x⁻² + 3", "2x + 1", "1/x + 2", "x^(1/2) + 1"], answer: 1, explanation: "Only 2x + 1 has non-negative integer powers." },
      { q: "What is the remainder when x² - 4x + 3 is divided by x - 1?", options: ["0", "1", "2", "3"], answer: 0, explanation: "f(1)=1-4+3=0." },
      { q: "If f(4)=0, then", options: ["x - 4 is a factor", "x + 4 is a factor", "remainder is 4", "degree is 4"], answer: 0, explanation: "Factor theorem applies with a=4." },
      { q: "What is the product of (x - 1)(x + 1)?", options: ["x² - 1", "x² + 1", "x² - 2x + 1", "x² + 2x + 1"], answer: 0, explanation: "Difference of squares." },
      { q: "What is the quotient of (2x² + 7x + 3) ÷ (x + 3)?", options: ["2x + 1", "2x + 3", "x + 1", "x + 3"], answer: 0, explanation: "2x² + 7x + 3 = (x + 3)(2x + 1)." },
      { q: "Find the remainder when x³ - 4x² + 2x - 5 is divided by x - 3.", options: ["-8", "8", "-5", "5"], answer: 0, explanation: "f(3)=27 - 36 + 6 - 5 = -8." },
      { q: "Which theorem helps test whether a linear factor divides a polynomial exactly?", options: ["Binomial theorem", "Remainder theorem", "Factor theorem", "Mean value theorem"], answer: 2, explanation: "Factor theorem checks exact divisibility." },
      { q: "What is the remainder when 2x² + 5x + 1 is divided by x + 2?", options: ["-1", "0", "1", "2"], answer: 0, explanation: "f(-2)=8 - 10 + 1 = -1." },
      { q: "What is the factorized form of x² - 7x + 12?", options: ["(x - 3)(x - 4)", "(x + 3)(x + 4)", "(x - 2)(x - 6)", "(x + 2)(x - 6)"], answer: 0, explanation: "Numbers that multiply to 12 and add to -7 are -3 and -4." },
      { q: "What is the quotient of (x² + 5x + 6) ÷ (x + 2)?", options: ["x + 2", "x + 3", "x - 2", "x - 3"], answer: 1, explanation: "x² + 5x + 6 = (x + 2)(x + 3)." }
    ];

    const container = document.getElementById('questionContainer');
    const startBtn = document.getElementById('startBtn');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const submitBtn = document.getElementById('submitBtn');
    const resetBtn = document.getElementById('resetBtn');
    const timerEl = document.getElementById('timer');
    const progressText = document.getElementById('progressText');
    const progressFill = document.getElementById('progressFill');
    const saveText = document.getElementById('saveText');
    const resultPanel = document.getElementById('resultPanel');
    const scoreText = document.getElementById('scoreText');
    const percentText = document.getElementById('percentText');
    const correctionsList = document.getElementById('correctionsList');

    let currentIndex = 0;
    let timeLeft = 900;
    let started = false;
    let timer = null;

    function formatTime(seconds) {
      const m = Math.floor(seconds / 60).toString().padStart(2, '0');
      const s = (seconds % 60).toString().padStart(2, '0');
      return `${m}:${s}`;
    }

    function renderQuestion() {
      const item = questions[currentIndex];
      const key = `q${currentIndex}`;
      const saved = sessionStorage.getItem(key);
      const optionsHtml = item.options.map((opt, i) =&gt; `
        &lt;label class="option"&gt;
          &lt;input type="radio" name="${key}" value="${i}" ${saved === String(i) ? 'checked' : ''} /&gt;
          &lt;span&gt;${String.fromCharCode(65 + i)}. ${opt}&lt;/span&gt;
        &lt;/label&gt;
      `).join('');

      container.innerHTML = `
        &lt;h3&gt;${currentIndex + 1}. ${item.q}&lt;/h3&gt;
        &lt;div class="options"&gt;${optionsHtml}&lt;/div&gt;
      `;

      progressText.textContent = `Question ${currentIndex + 1} of ${questions.length}`;
      progressFill.style.width = `${((currentIndex + 1) / questions.length) * 100}%`;
      prevBtn.disabled = currentIndex === 0;
      nextBtn.disabled = currentIndex === questions.length - 1;
      submitBtn.disabled = !started;
      saveText.textContent = saved !== null ? 'Saved answer loaded' : '';
    }

    function saveCurrentAnswer() {
      const selected = document.querySelector(`input[name="q${currentIndex}"]:checked`);
      if (selected) {
        sessionStorage.setItem(`q${currentIndex}`, selected.value);
        saveText.textContent = 'Answer saved';
      }
    }

    function updateTimer() {
      timerEl.textContent = formatTime(timeLeft);
      if (timeLeft &lt;= 120) {
        timerEl.style.background = '#fee2e2';
        timerEl.style.borderColor = '#fca5a5';
      }
      if (timeLeft &lt;= 0) {
        clearInterval(timer);
        submitQuiz(true);
        return;
      }
      timeLeft -= 1;
    }

    function startQuiz() {
      if (started) return;
      started = true;
      startBtn.disabled = true;
      submitBtn.disabled = false;
      prevBtn.disabled = false;
      nextBtn.disabled = false;
      timer = setInterval(updateTimer, 1000);
      updateTimer();
      renderQuestion();
    }

    function goNext() {
      saveCurrentAnswer();
      if (currentIndex &lt; questions.length - 1) {
        currentIndex += 1;
        renderQuestion();
      }
    }

    function goPrev() {
      saveCurrentAnswer();
      if (currentIndex &gt; 0) {
        currentIndex -= 1;
        renderQuestion();
      }
    }

    function submitQuiz(auto = false) {
      if (!started &amp;&amp; !auto) return;
      saveCurrentAnswer();
      clearInterval(timer);
      started = false;
      submitBtn.disabled = true;
      startBtn.disabled = true;
      nextBtn.disabled = true;
      prevBtn.disabled = true;

      let score = 0;
      const corrections = [];
      questions.forEach((item, idx) =&gt; {
        const selected = sessionStorage.getItem(`q${idx}`);
        const userAnswer = selected === null ? null : parseInt(selected, 10);
        const isCorrect = userAnswer === item.answer;
        if (isCorrect) score += 1;
        corrections.push({
          number: idx + 1,
          question: item.q,
          userAnswer: userAnswer === null ? 'No answer' : `${String.fromCharCode(65 + userAnswer)}. ${item.options[userAnswer]}`,
          correctAnswer: `${String.fromCharCode(65 + item.answer)}. ${item.options[item.answer]}`,
          explanation: item.explanation,
          isCorrect
        });
      });

      const percent = Math.round((score / questions.length) * 100);
      scoreText.innerHTML = `Total Score: &lt;strong&gt;${score} / ${questions.length}&lt;/strong&gt;`;
      percentText.innerHTML = `Percentage: &lt;strong&gt;${percent}%&lt;/strong&gt;`;
      correctionsList.innerHTML = corrections.map(c =&gt; `
        &lt;div class="correction"&gt;
          &lt;div&gt;&lt;strong&gt;Question ${c.number}:&lt;/strong&gt; ${c.question}&lt;/div&gt;
          &lt;div class="${c.isCorrect ? 'correct' : 'wrong'}"&gt;Your Answer: ${c.userAnswer}&lt;/div&gt;
          &lt;div class="correct"&gt;Correct Answer: ${c.correctAnswer}&lt;/div&gt;
          &lt;div&gt;Correction: ${c.explanation}&lt;/div&gt;
        &lt;/div&gt;
      `).join('');
      resultPanel.style.display = 'block';
      resultPanel.scrollIntoView({ behavior: 'smooth' });

      const subject = encodeURIComponent('Polynomial CBT Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,

I have completed the Polynomial CBT quiz.

Score: ${score} / ${questions.length}
Percentage: ${percent}%

Thank you.`);
      document.getElementById('emailLink').href = `mailto:edwinogielibrary@gmail.com?subject=${subject}&amp;body=${body}`;
    }

    function resetQuiz() {
      clearInterval(timer);
      currentIndex = 0;
      timeLeft = 900;
      started = false;
      sessionStorage.clear();
      startBtn.disabled = false;
      prevBtn.disabled = true;
      nextBtn.disabled = true;
      submitBtn.disabled = true;
      timerEl.textContent = '15:00';
      timerEl.style.background = '#fef2f2';
      timerEl.style.borderColor = '#fecaca';
      resultPanel.style.display = 'none';
      scoreText.textContent = '';
      percentText.textContent = '';
      correctionsList.innerHTML = '';
      saveText.textContent = '';
      renderQuestion();
      document.getElementById('emailLink').href = 'mailto:edwinogielibrary@gmail.com?subject=Polynomial%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Polynomial%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you.';
    }

    startBtn.addEventListener('click', startQuiz);
    prevBtn.addEventListener('click', goPrev);
    nextBtn.addEventListener('click', goNext);
    submitBtn.addEventListener('click', function (e) { e.preventDefault(); submitQuiz(false); });
    resetBtn.addEventListener('click', resetQuiz);

    renderQuestion();
    document.getElementById('year').textContent = new Date().getFullYear();
  &lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/polynomial-further-mathematics-web-book.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-2269095134668396746</guid><pubDate>Mon, 20 Apr 2026 12:42:00 +0000</pubDate><atom:updated>2026-04-20T01:48:44.962-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">English language</category><category domain="http://www.blogger.com/atom/ns#">JSS Two</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>Parts of Speech: Verb, Adjective and Adverb | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="A comprehensive web book on parts of speech: verbs, adjectives and adverbs, with worked examples, 20 exercises, interactive answers, and a clean SEO-friendly layout for Edwin Ogie Library." /&gt;
  &lt;meta name="keywords" content="parts of speech, verb, adjective, adverb, English grammar, exercises, worked examples, web book, Edwin Ogie Library, SEO" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;title&gt;Parts of Speech: Verb, Adjective and Adverb | Edwin Ogie Library&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #6a5acd;
      --primary-dark: #4b3fb1;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #eef2ff;
      --success: #0f766e;
      --warning: #92400e;
      --shadow: 0 10px 25px rgba(0,0,0,0.06);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--text);
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      line-height: 1.7;
    }
    .wrap {
      max-width: 1180px;
      margin: 0 auto;
      padding: 18px 12px 34px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);
      color: #fff;
      border-radius: 20px;
      padding: 28px 20px;
      box-shadow: var(--shadow);
      margin-bottom: 16px;
    }
    .hero h1 {
      margin: 0 0 8px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.15;
    }
    .hero p { margin: 0 auto; max-width: 980px; opacity: 0.98; }
    .breadcrumbs {
      margin: 14px 0 18px;
      color: var(--muted);
      font-size: 0.95rem;
    }
    .breadcrumbs a { color: var(--primary-dark); text-decoration: none; }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      align-items: start;
    }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin-bottom: 16px;
      width: 100%;
      text-align: center;
    }
    .card h2, .card h3 { color: var(--primary-dark); margin-top: 0; }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }
    .intro, .note, .tip {
      text-align: left;
      border-radius: 14px;
      padding: 14px;
      border: 1px solid var(--border);
      background: #fff;
      margin-top: 12px;
    }
    .note { background: #ecfeff; border-color: #a5f3fc; color: #155e75; }
    .tip { background: #fff7ed; border-color: #fed7aa; color: #7c2d12; }
    .mini-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .mini-card {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .mini-card h3 { margin-top: 0; }
    .topic-box {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      margin-bottom: 12px;
    }
    .topic-box h3 { margin-top: 0; color: var(--primary-dark); }
    .examples-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .example-card {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }
    .example-card h4 { margin: 0 0 8px; color: var(--primary-dark); }
    .controls { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 14px; }
    button {
      border: 0;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
    }
    .btn-primary { background: var(--primary); color: #fff; }
    .btn-dark { background: #111827; color: #fff; }
    .btn-light { background: #e5e7eb; color: #111827; }
    .exercise-list {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }
    .exercise {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
    }
    .exercise h4 { margin: 0 0 8px; color: var(--primary-dark); }
    .answer {
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 10px;
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
      color: var(--success);
      display: none;
    }
    .answer.show { display: block; }
    .sidebar a, .links a { color: #2563eb; text-decoration: none; font-weight: 700; }
    .sidebar a:hover, .links a:hover { text-decoration: underline; }
    .toc a {
      display: block;
      padding: 8px 0;
      border-bottom: 1px solid #f1f5f9;
    }
    .toc a:last-child { border-bottom: 0; }
    footer {
      background: #111827;
      color: #f9fafb;
      padding: 40px 20px 30px;
      margin-top: 30px;
      text-align: center;
    }
    footer .footer-grid {
      max-width: 1180px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 24px;
      justify-items: center;
    }
    footer h2, footer h3 { color: #fff; margin-top: 0; }
    footer p, footer li { color: #d1d5db; text-align: center; }
    footer ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    footer a { color: #c7d2fe; text-decoration: none; }
    .copyright {
      border-top: 1px solid #374151;
      margin-top: 30px;
      padding-top: 18px;
      text-align: center;
      font-size: 0.85rem;
      color: #9ca3af;
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto;
    }
    @media (max-width: 900px) {
      .layout { grid-template-columns: 1fr; }
    }
    @media (max-width: 768px) {
      .wrap { padding: 14px 10px 28px; }
      .hero { padding: 22px 16px; border-radius: 16px; }
      .card { padding: 14px; border-radius: 14px; }
      .controls { justify-content: center; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Parts of Speech: Verb, Adjective and Adverb",
    "description": "A comprehensive web book on verbs, adjectives and adverbs with examples and exercises.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG"
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;Parts of Speech: Verb, Adjective and Adverb&lt;/h1&gt;
      &lt;p&gt;A comprehensive web book with clear explanations, 10 worked examples, and 20 exercises for practice.&lt;/p&gt;
    &lt;/section&gt;&lt;div class="breadcrumbs"&gt;
  &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt; / English Grammar / Parts of Speech
&lt;/div&gt;

&lt;div class="layout"&gt;
  &lt;div&gt;
    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Overview&lt;/span&gt;
      &lt;h2&gt;Understanding Verbs, Adjectives and Adverbs&lt;/h2&gt;
      &lt;div class="intro"&gt;
        &lt;p&gt;&lt;strong&gt;Verb&lt;/strong&gt; is a word that shows action, state or occurrence. Examples: run, eat, is, become.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Adjective&lt;/strong&gt; is a word that describes a noun or pronoun. Examples: tall, beautiful, bright.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Adverb&lt;/strong&gt; is a word that modifies a verb, adjective or another adverb. Examples: quickly, very, carefully.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;
          &lt;h3&gt;Verb&lt;/h3&gt;
          &lt;p&gt;Shows action or being.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="mini-card"&gt;
          &lt;h3&gt;Adjective&lt;/h3&gt;
          &lt;p&gt;Describes a noun.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="mini-card"&gt;
          &lt;h3&gt;Adverb&lt;/h3&gt;
          &lt;p&gt;Describes how, when, where or to what extent.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="note"&gt;
        Tip: A quick way to identify a word class is to ask what job the word is doing in the sentence.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="verbs"&gt;
      &lt;span class="badge"&gt;Verb&lt;/span&gt;
      &lt;h2&gt;Verb&lt;/h2&gt;
      &lt;p&gt;A verb is a word used to show action, state of being or occurrence. Without a verb, a sentence cannot express what the subject is doing or what is happening.&lt;/p&gt;
      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Types of verbs&lt;/h3&gt;
        &lt;p&gt;Action verbs: run, write, sing.&lt;/p&gt;
        &lt;p&gt;Linking verbs: is, am, are, was, were.&lt;/p&gt;
        &lt;p&gt;Helping verbs: has, have, do, will, can.&lt;/p&gt;
      &lt;/div&gt;
      &lt;h3&gt;10 Worked Examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The boy &lt;u&gt;runs&lt;/u&gt; to school.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; runs&lt;/p&gt;&lt;p&gt;It shows action.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The girls &lt;u&gt;sing&lt;/u&gt; beautifully.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; sing&lt;/p&gt;&lt;p&gt;It shows action.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; She &lt;u&gt;is&lt;/u&gt; happy.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; is&lt;/p&gt;&lt;p&gt;It links the subject to a description.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 4&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; They &lt;u&gt;were&lt;/u&gt; late.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; were&lt;/p&gt;&lt;p&gt;It shows state of being.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 5&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; I &lt;u&gt;will go&lt;/u&gt; tomorrow.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; will go&lt;/p&gt;&lt;p&gt;It shows future action.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 6&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; He &lt;u&gt;has finished&lt;/u&gt; his work.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; has finished&lt;/p&gt;&lt;p&gt;It is a helping verb plus main verb.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 7&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The baby &lt;u&gt;cries&lt;/u&gt; at night.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; cries&lt;/p&gt;&lt;p&gt;It shows action.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 8&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The water &lt;u&gt;flows&lt;/u&gt; quickly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; flows&lt;/p&gt;&lt;p&gt;It shows action.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 9&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; We &lt;u&gt;do&lt;/u&gt; our homework daily.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; do&lt;/p&gt;&lt;p&gt;It shows action.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 10&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The teacher &lt;u&gt;was&lt;/u&gt; angry.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Verb:&lt;/strong&gt; was&lt;/p&gt;&lt;p&gt;It shows state of being.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="adjectives"&gt;
      &lt;span class="badge"&gt;Adjective&lt;/span&gt;
      &lt;h2&gt;Adjective&lt;/h2&gt;
      &lt;p&gt;An adjective is a word that describes or gives more information about a noun or pronoun. It answers questions like: what kind? which one? how many?&lt;/p&gt;
      &lt;div class="topic-box"&gt;
        &lt;h3&gt;What adjectives do&lt;/h3&gt;
        &lt;p&gt;They describe size, colour, shape, age, quality, quantity and origin.&lt;/p&gt;
      &lt;/div&gt;
      &lt;h3&gt;10 Worked Examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; She wore a &lt;u&gt;red&lt;/u&gt; dress.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; red&lt;/p&gt;&lt;p&gt;It describes the dress.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; He lives in a &lt;u&gt;big&lt;/u&gt; house.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; big&lt;/p&gt;&lt;p&gt;It describes the house.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; They bought &lt;u&gt;three&lt;/u&gt; books.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; three&lt;/p&gt;&lt;p&gt;It tells quantity.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 4&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The &lt;u&gt;young&lt;/u&gt; boy smiled.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; young&lt;/p&gt;&lt;p&gt;It describes age.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 5&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; I saw a &lt;u&gt;beautiful&lt;/u&gt; flower.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; beautiful&lt;/p&gt;&lt;p&gt;It describes quality.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 6&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The &lt;u&gt;square&lt;/u&gt; table is new.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; square&lt;/p&gt;&lt;p&gt;It describes shape.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 7&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; A &lt;u&gt;cold&lt;/u&gt; drink is refreshing.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; cold&lt;/p&gt;&lt;p&gt;It describes the drink.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 8&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The class has &lt;u&gt;many&lt;/u&gt; students.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; many&lt;/p&gt;&lt;p&gt;It tells quantity.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 9&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; We visited an &lt;u&gt;ancient&lt;/u&gt; building.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; ancient&lt;/p&gt;&lt;p&gt;It describes age.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 10&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The &lt;u&gt;Nigerian&lt;/u&gt; flag is green, white, green.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adjective:&lt;/strong&gt; Nigerian&lt;/p&gt;&lt;p&gt;It describes origin.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="adverbs"&gt;
      &lt;span class="badge"&gt;Adverb&lt;/span&gt;
      &lt;h2&gt;Adverb&lt;/h2&gt;
      &lt;p&gt;An adverb is a word that modifies a verb, an adjective or another adverb. It often answers how? when? where? and to what extent?&lt;/p&gt;
      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Types of adverbs&lt;/h3&gt;
        &lt;p&gt;Manner: quickly, slowly, carefully&lt;/p&gt;
        &lt;p&gt;Time: now, later, yesterday&lt;/p&gt;
        &lt;p&gt;Place: here, there, everywhere&lt;/p&gt;
        &lt;p&gt;Degree: very, quite, too, almost&lt;/p&gt;
      &lt;/div&gt;
      &lt;h3&gt;10 Worked Examples&lt;/h3&gt;
      &lt;div class="examples-grid"&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 1&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; She ran &lt;u&gt;quickly&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; quickly&lt;/p&gt;&lt;p&gt;It tells how she ran.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 2&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; He arrived &lt;u&gt;early&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; early&lt;/p&gt;&lt;p&gt;It tells when he arrived.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 3&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The children played &lt;u&gt;outside&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; outside&lt;/p&gt;&lt;p&gt;It tells where they played.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 4&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; She is &lt;u&gt;very&lt;/u&gt; happy.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; very&lt;/p&gt;&lt;p&gt;It modifies the adjective happy.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 5&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The baby slept &lt;u&gt;soundly&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; soundly&lt;/p&gt;&lt;p&gt;It tells how the baby slept.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 6&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; We will meet &lt;u&gt;tomorrow&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; tomorrow&lt;/p&gt;&lt;p&gt;It tells when.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 7&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; He answered &lt;u&gt;carefully&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; carefully&lt;/p&gt;&lt;p&gt;It tells how he answered.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 8&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The bird flew &lt;u&gt;high&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; high&lt;/p&gt;&lt;p&gt;It tells where/how high.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 9&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; The soup is &lt;u&gt;too&lt;/u&gt; hot.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; too&lt;/p&gt;&lt;p&gt;It modifies the adjective hot.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="example-card"&gt;&lt;h4&gt;Example 10&lt;/h4&gt;&lt;p&gt;&lt;strong&gt;Sentence:&lt;/strong&gt; She speaks &lt;u&gt;softly&lt;/u&gt;.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Adverb:&lt;/strong&gt; softly&lt;/p&gt;&lt;p&gt;It tells how she speaks.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Practice&lt;/span&gt;
      &lt;h2&gt;20 Exercises&lt;/h2&gt;
      &lt;p&gt;Try the exercises first, then reveal the answers to check your work.&lt;/p&gt;
      &lt;div class="controls"&gt;
        &lt;button class="btn-primary" id="showAllBtn"&gt;Show All Answers&lt;/button&gt;
        &lt;button class="btn-light" id="hideAllBtn"&gt;Hide All Answers&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="exercise-list" id="exerciseList"&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;1. Identify the verb: The cat jumped over the wall.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: jumped&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;2. Identify the adjective: The room is clean and bright.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: clean, bright&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;3. Identify the adverb: She spoke politely to the visitors.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: politely&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;4. Pick out the verb: They will travel tomorrow.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: will travel&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;5. Pick out the adjective: The little girl is smiling.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: little&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;6. Pick out the adverb: He finished the work quickly.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: quickly&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;7. Identify the verb: The teacher was pleased.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: was&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;8. Identify the adjective: We saw three birds.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: three&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;9. Identify the adverb: The child laughed loudly.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: loudly&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;10. Underline the verb: I am writing a letter.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: am writing&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;11. Underline the adjective: She bought a blue bag.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: blue&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;12. Underline the adverb: They arrived late.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: late&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;13. Which word is a verb in this sentence: The boy sings well?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: sings&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;14. Which word is an adjective in this sentence: That tall tree gives shade?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: tall&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;15. Which word is an adverb in this sentence: The bus moved slowly?&lt;/h4&gt;&lt;div class="answer"&gt;Answer: slowly&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;16. Write one sentence with a verb.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Any correct sentence with a verb, e.g. 'She reads daily.'&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;17. Write one sentence with an adjective.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Any correct sentence with an adjective, e.g. 'The red pen is mine.'&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;18. Write one sentence with an adverb.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Any correct sentence with an adverb, e.g. 'He spoke softly.'&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;19. State the part of speech of “beautiful”.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Adjective&lt;/div&gt;&lt;/div&gt;
        &lt;div class="exercise"&gt;&lt;h4&gt;20. State the part of speech of “carefully”.&lt;/h4&gt;&lt;div class="answer"&gt;Answer: Adverb&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/div&gt;

  &lt;aside class="sidebar"&gt;
    &lt;section class="card toc"&gt;
      &lt;h2&gt;Quick Navigation&lt;/h2&gt;
      &lt;a href="#verbs"&gt;Verb&lt;/a&gt;
      &lt;a href="#adjectives"&gt;Adjective&lt;/a&gt;
      &lt;a href="#adverbs"&gt;Adverb&lt;/a&gt;
      &lt;a href="#exerciseList"&gt;Exercises&lt;/a&gt;
    &lt;/section&gt;

    &lt;section class="card links"&gt;
      &lt;h2&gt;Study Tip&lt;/h2&gt;
      &lt;p&gt;Read the sentence first, then ask what job the highlighted word is doing.&lt;/p&gt;
      &lt;div class="tip"&gt;
        &lt;strong&gt;Remember:&lt;/strong&gt; verbs show action or being, adjectives describe nouns, and adverbs modify verbs, adjectives or other adverbs.
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/aside&gt;
&lt;/div&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div&gt;
        &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
        &lt;p&gt;Educational resources for grammar, mathematics and student learning.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp; Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;© &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const showAllBtn = document.getElementById('showAllBtn');
    const hideAllBtn = document.getElementById('hideAllBtn');
    const answers = document.querySelectorAll('.answer');

    function showAnswers() {
      answers.forEach(a =&gt; a.classList.add('show'));
    }

    function hideAnswers() {
      answers.forEach(a =&gt; a.classList.remove('show'));
    }

    showAllBtn.addEventListener('click', showAnswers);
    hideAllBtn.addEventListener('click', hideAnswers);

    document.getElementById('year').textContent = new Date().getFullYear();
  &lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/parts-of-speech-verb-adjective-and.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-3178247005458321519</guid><pubDate>Sun, 19 Apr 2026 04:43:00 +0000</pubDate><atom:updated>2026-04-19T04:58:13.073-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Amazon kindle ebook</category><category domain="http://www.blogger.com/atom/ns#">Healing</category><category domain="http://www.blogger.com/atom/ns#">Purpose</category><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">the value of you</category><title>The Value of You by Ogie Edwin | Kindle Book on Self-Worth, Purpose &amp; Healing</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en" dir="ltr"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  
  &lt;!-- Primary SEO Meta Tags --&gt;
  &lt;title&gt;The Value of You by Ogie Edwin | Kindle Book on Self-Worth, Purpose &amp; Healing&lt;/title&gt;
  &lt;meta name="description" content="Discover The Value of You by Ogie Edwin — a transformative book on building self-worth, healing emotional wounds, finding purpose, and creating a meaningful life. Available now on Amazon Kindle." /&gt;
  &lt;meta name="keywords" content="self worth book, healing from trauma, find your purpose, meaningful life, Ogie Edwin, The Value of You, self help Kindle, personal transformation, emotional healing" /&gt;
  &lt;meta name="author" content="Ogie Edwin" /&gt;
  &lt;meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /&gt;
  &lt;link rel="canonical" href="https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html" /&gt;
  
  &lt;!-- Open Graph / Facebook --&gt;
  &lt;meta property="og:type" content="book" /&gt;
  &lt;meta property="og:url" content="https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html" /&gt;
  &lt;meta property="og:title" content="The Value of You by Ogie Edwin | Kindle Book on Self-Worth, Purpose &amp; Healing" /&gt;
  &lt;meta property="og:description" content="A transformative journey into self-worth, healing, identity, boundaries, and purposeful living. Stop shrinking. Start healing. Live your truth." /&gt;
  &lt;meta property="og:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg/the-value-of-you-ogie-edwin-og.jpg" /&gt;
  &lt;meta property="book:author" content="Ogie Edwin" /&gt;
  &lt;meta property="book:isbn" content="B0GXQLZ579" /&gt;
  
  &lt;!-- Twitter --&gt;
  &lt;meta name="twitter:card" content="summary_large_image" /&gt;
  &lt;meta name="twitter:url" content="https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html" /&gt;
  &lt;meta name="twitter:title" content="The Value of You by Ogie Edwin" /&gt;
  &lt;meta name="twitter:description" content="A transformative book on self-worth, healing, and purposeful living. Available on Amazon Kindle." /&gt;
  &lt;meta name="twitter:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg/the-value-of-you-ogie-edwin-og.jpg" /&gt;
  
  &lt;!-- Theme Color --&gt;
  &lt;meta name="theme-color" content="#1a1a2e" /&gt;
  &lt;meta name="msapplication-TileColor" content="#1a1a2e" /&gt;
  
  &lt;!-- Structured Data: Book + Author + Product --&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Book",
        "@id": "https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html#book",
        "name": "The Value of You: How to Build Self-Worth, Find Purpose, and Create a Meaningful Life",
        "author": {
          "@type": "Person",
          "name": "Ogie Edwin",
          "url": "https://edwinogie.blogspot.com/"
        },
        "url": "https://www.amazon.com/dp/B0GXQLZ579",
        "workExample": {
          "@type": "Book",
          "isbn": "B0GXQLZ579",
          "bookFormat": "https://schema.org/EBook",
          "potentialAction": {
            "@type": "BuyAction",
            "target": "https://www.amazon.com/dp/B0GXQLZ579"
          }
        },
        "description": "A transformative journey into self-worth, healing from emotional wounds, discovering purpose, and creating a deeply meaningful life.",
        "genre": ["Self-Help", "Personal Transformation", "Christian Living", "Psychology"],
        "inLanguage": "en-US"
      },
      {
        "@type": "BlogPosting",
        "@id": "https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html#blogpost",
        "headline": "The Value of You by Ogie Edwin — Kindle Book Launch",
        "description": "Official landing page for The Value of You. Explore themes of self-worth, healing, boundaries, purpose, and meaningful living.",
        "url": "https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html",
        "datePublished": "2026-04-19T05:01:00+00:00",
        "dateModified": "2026-04-19T05:28:00+00:00",
        "author": {
          "@type": "Person",
          "name": "Ogie Edwin",
          "url": "https://edwinogie.blogspot.com/"
        },
        "publisher": {
          "@type": "Organization",
          "name": "Edwin Ogie Library",
          "logo": {
            "@type": "ImageObject",
            "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg/edwin-ogie-library-logo.png"
          }
        },
        "mainEntityOfPage": {
          "@type": "WebPage",
          "@id": "https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html"
        }
      }
    ]
  }
  &lt;/script&gt;

  &lt;style&gt;
    :root{
      /* Blog-matched colors - dark theme with warm accents */
      --bg-primary:#1a1a2e;
      --bg-secondary:#16213e;
      --bg-card:#0f3460;
      --text-primary:#e94560;
      --text-secondary:#eaeaea;
      --text-muted:#a0a0a0;
      --accent-gold:#d4a574;
      --accent-warm:#e94560;
      --accent-light:#ff6b6b;
      --border:rgba(233,69,96,.15);
      --shadow:0 10px 40px rgba(0,0,0,.3);
      --ease:cubic-bezier(0.23, 1, 0.32, 1);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
      background:var(--bg-primary);
      color:var(--text-secondary);
      overflow-x:hidden;
      line-height:1.7;
      -webkit-font-smoothing:antialiased;
    }

    /* Scroll reveal engine */
    .reveal{
      opacity:0;
      transform:translateY(30px);
      transition:opacity .6s var(--ease), transform .6s var(--ease);
    }
    .reveal.active{
      opacity:1;
      transform:translateY(0);
    }
    .reveal-delay-1{transition-delay:.1s}
    .reveal-delay-2{transition-delay:.2s}
    .reveal-delay-3{transition-delay:.3s}

    /* Sticky nav */
    .nav-glass{
      position:fixed;
      top:0;left:0;right:0;
      z-index:1000;
      background:rgba(26,26,46,.95);
      backdrop-filter:blur(20px);
      border-bottom:1px solid var(--border);
      padding:12px 20px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      transform:translateY(-100%);
      transition:transform .4s var(--ease);
    }
    .nav-glass.visible{transform:translateY(0)}
    .nav-brand{
      font-weight:800;
      letter-spacing:.05em;
      font-size:.9rem;
      color:var(--accent-gold);
      text-decoration:none;
    }
    .nav-cta{
      background:var(--text-primary);
      color:#fff;
      font-weight:700;
      padding:8px 16px;
      border-radius:999px;
      text-decoration:none;
      font-size:.75rem;
      letter-spacing:.02em;
      transition:all .2s;
      border:none;
    }
    .nav-cta:hover{
      background:var(--accent-light);
      transform:translateY(-1px);
    }

    /* Main wrapper */
    .wrap{
      position:relative;
      z-index:1;
      max-width:1000px;
      margin:0 auto;
      padding:0 16px;
    }

    /* HERO */
    .hero{
      min-height:90vh;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      padding:100px 0 60px;
      text-align:center;
    }
    .hero-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      background:rgba(233,69,96,.1);
      border:1px solid var(--border);
      color:var(--text-primary);
      padding:6px 14px;
      border-radius:999px;
      font-size:.7rem;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      margin-bottom:24px;
    }
    .hero h1{
      font-size:clamp(2.2rem, 6vw, 4rem);
      line-height:1.1;
      font-weight:800;
      letter-spacing:-.01em;
      max-width:800px;
      color:var(--text-secondary);
    }
    .hero h1 .accent{
      color:var(--accent-gold);
      font-style:italic;
    }
    .hero-sub{
      font-size:clamp(1rem, 2vw, 1.2rem);
      color:var(--text-muted);
      max-width:600px;
      margin-top:20px;
      line-height:1.6;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:32px;
      justify-content:center;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:14px 28px;
      border-radius:12px;
      font-weight:700;
      font-size:.95rem;
      text-decoration:none;
      transition:all .3s var(--ease);
      border:none;
      cursor:pointer;
    }
    .btn-primary{
      background:var(--text-primary);
      color:#fff;
    }
    .btn-primary:hover{
      background:var(--accent-light);
      transform:translateY(-2px);
      box-shadow:0 8px 24px rgba(233,69,96,.3);
    }
    .btn-ghost{
      background:transparent;
      color:var(--text-secondary);
      border:1px solid var(--border);
    }
    .btn-ghost:hover{
      border-color:var(--text-primary);
      color:var(--text-primary);
    }

    /* BOOK COVER SECTION */
    .cover-section{
      padding:40px 0;
      display:flex;
      justify-content:center;
      align-items:center;
    }
    .cover-wrap{
      position:relative;
      display:inline-block;
      transition:transform .3s var(--ease);
    }
    .cover-wrap:hover{
      transform:translateY(-6px);
    }
    .book-cover{
      width:100%;
      max-width:320px;
      height:auto;
      border-radius:8px;
      box-shadow:var(--shadow);
      border:1px solid var(--border);
    }
    .cover-cta{
      position:absolute;
      bottom:-12px;
      left:50%;
      transform:translateX(-50%);
      background:var(--accent-gold);
      color:var(--bg-primary);
      font-weight:800;
      padding:10px 24px;
      border-radius:999px;
      font-size:.85rem;
      text-decoration:none;
      opacity:0;
      transition:all .3s;
      white-space:nowrap;
    }
    .cover-wrap:hover .cover-cta{
      opacity:1;
      bottom:-6px;
    }

    /* SECTIONS */
    section{padding:60px 0}
    .section-header{
      max-width:600px;
      margin:0 auto 40px;
      text-align:center;
    }
    .section-header h2{
      font-size:clamp(1.6rem, 3.5vw, 2.2rem);
      font-weight:800;
      line-height:1.2;
      color:var(--text-secondary);
    }
    .section-header h2 span{
      color:var(--accent-gold);
    }
    .section-header p{
      color:var(--text-muted);
      margin-top:12px;
      font-size:1rem;
    }

    /* PAIN POINTS */
    .pain-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
      gap:16px;
    }
    .pain-card{
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:16px;
      padding:24px;
      text-align:center;
      transition:all .3s var(--ease);
    }
    .pain-card:hover{
      transform:translateY(-4px);
      border-color:rgba(233,69,96,.3);
      box-shadow:var(--shadow);
    }
    .pain-icon{
      width:48px;height:48px;
      margin:0 auto 12px;
      background:rgba(212,165,116,.1);
      border:1px solid rgba(212,165,116,.2);
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1.4rem;
    }
    .pain-card h3{
      font-size:1.05rem;
      color:var(--text-secondary);
      margin-bottom:6px;
      font-weight:700;
    }
    .pain-card p{
      font-size:.9rem;
      color:var(--text-muted);
      line-height:1.5;
    }

    /* TESTIMONIAL MARQUEE */
    .marquee-wrap{
      overflow:hidden;
      margin-top:32px;
      mask-image:linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
    }
    .marquee{
      display:flex;
      gap:16px;
      width:max-content;
      animation:scroll 35s linear infinite;
    }
    .marquee:hover{animation-play-state:paused}
    @keyframes scroll{
      to{transform:translateX(-50%)}
    }
    .testi-card{
      width:320px;
      flex-shrink:0;
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:14px;
      padding:20px;
    }
    .testi-stars{
      color:var(--accent-gold);
      font-size:.85rem;
      margin-bottom:10px;
    }
    .testi-text{
      font-style:italic;
      color:var(--text-muted);
      font-size:.9rem;
      line-height:1.6;
      margin-bottom:12px;
    }
    .testi-author{
      font-weight:700;
      color:var(--text-secondary);
      font-size:.85rem;
    }

    /* STICKY BUY BAR */
    .sticky-buy{
      position:fixed;
      bottom:0;left:0;right:0;
      background:rgba(26,26,46,.98);
      backdrop-filter:blur(20px);
      border-top:1px solid var(--border);
      padding:14px 20px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      z-index:900;
      transform:translateY(100%);
      transition:transform .4s var(--ease);
      flex-wrap:wrap;
    }
    .sticky-buy.visible{transform:translateY(0)}
    .sticky-buy p{
      font-size:.85rem;
      color:var(--text-muted);
      margin:0;
    }
    .sticky-buy strong{color:var(--accent-gold)}

    /* FAQ */
    .faq-item{
      border-bottom:1px solid var(--border);
      padding:20px 0;
    }
    .faq-q{
      display:flex;
      justify-content:space-between;
      align-items:center;
      cursor:pointer;
      gap:12px;
    }
    .faq-q h3{
      font-size:1rem;
      color:var(--text-secondary);
      font-weight:700;
    }
    .faq-toggle{
      width:28px;height:28px;
      border-radius:50%;
      background:rgba(233,69,96,.1);
      border:1px solid var(--border);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--text-primary);
      font-size:1.1rem;
      flex-shrink:0;
      transition:transform .3s;
    }
    .faq-item.open .faq-toggle{transform:rotate(45deg)}
    .faq-a{
      max-height:0;
      overflow:hidden;
      transition:max-height .4s var(--ease), opacity .3s;
      opacity:0;
    }
    .faq-item.open .faq-a{
      max-height:250px;
      opacity:1;
      margin-top:12px;
    }
    .faq-a p{
      color:var(--text-muted);
      font-size:.95rem;
      line-height:1.6;
    }

    /* AUTHOR */
    .author-block{
      display:grid;
      grid-template-columns:120px 1fr;
      gap:24px;
      align-items:center;
      background:var(--bg-card);
      border:1px solid var(--border);
      border-radius:20px;
      padding:28px;
    }
    .author-avatar{
      width:120px;height:120px;
      border-radius:50%;
      background:linear-gradient(135deg, var(--accent-gold), var(--text-primary));
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:2.8rem;
      font-weight:900;
      color:var(--bg-primary);
      flex-shrink:0;
    }
    .author-info h3{
      font-size:1.3rem;
      color:var(--text-secondary);
      margin-bottom:6px;
    }
    .author-info p{
      color:var(--text-muted);
      font-size:.95rem;
    }
    .author-links{
      display:flex;
      gap:10px;
      margin-top:12px;
      flex-wrap:wrap;
    }
    .author-links a{
      color:var(--accent-gold);
      text-decoration:none;
      font-size:.8rem;
      font-weight:700;
      border-bottom:1px solid rgba(212,165,116,.3);
      padding-bottom:1px;
      transition:all .2s;
    }
    .author-links a:hover{
      color:var(--text-primary);
      border-color:var(--text-primary);
    }

    /* FOOTER */
    .footer-main{
      background:var(--bg-secondary);
      border-top:1px solid var(--border);
      padding:40px 20px 100px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
      gap:24px;
      max-width:1000px;
      margin:0 auto 32px;
    }
    .footer-col h4{
      color:var(--accent-gold);
      font-size:.85rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:14px;
    }
    .footer-col ul{
      list-style:none;
      padding:0;
      margin:0;
    }
    .footer-col li{
      margin:8px 0;
    }
    .footer-col a{
      color:var(--text-muted);
      text-decoration:none;
      font-size:.85rem;
      transition:color .2s;
      display:block;
    }
    .footer-col a:hover{
      color:var(--text-primary);
    }
    .footer-bottom{
      text-align:center;
      padding-top:24px;
      border-top:1px solid var(--border);
      max-width:1000px;
      margin:0 auto;
    }
    .footer-bottom p{
      color:var(--text-muted);
      font-size:.8rem;
      margin:4px 0;
    }
    .footer-bottom a{
      color:var(--accent-gold);
      text-decoration:none;
    }

    /* RESPONSIVE */
    @media(max-width:768px){
      .hero{padding:80px 0 40px}
      .hero-actions{flex-direction:column;width:100%}
      .btn{width:100%;justify-content:center}
      .book-cover{max-width:260px}
      .author-block{grid-template-columns:1fr;text-align:center}
      .author-avatar{margin:0 auto;width:100px;height:100px;font-size:2.2rem}
      .section-header{margin:0 auto 32px}
      .pain-grid{grid-template-columns:1fr}
      .testi-card{width:280px}
      .footer-grid{grid-template-columns:1fr;gap:20px}
      .sticky-buy{flex-direction:column;gap:10px;padding:12px}
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;!-- Sticky nav --&gt;
  &lt;nav class="nav-glass" id="navbar" aria-label="Primary"&gt;
    &lt;a href="https://edwinogie.blogspot.com" class="nav-brand"&gt;EDWIN OGIE LIBRARY&lt;/a&gt;
    &lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener" class="nav-cta"&gt;Get on Kindle — $4.99&lt;/a&gt;
  &lt;/nav&gt;

  &lt;!-- Sticky buy bar --&gt;
  &lt;div class="sticky-buy" id="stickyBuy"&gt;
    &lt;p&gt;&lt;strong&gt;The Value of You&lt;/strong&gt; — Kindle Edition &lt;strong&gt;$4.99&lt;/strong&gt;&lt;/p&gt;
    &lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener" class="btn btn-primary" style="padding:10px 20px;font-size:.85rem;"&gt;Buy Now&lt;/a&gt;
  &lt;/div&gt;

  &lt;main class="wrap"&gt;
    &lt;!-- HERO --&gt;
    &lt;header class="hero"&gt;
      &lt;div class="hero-badge"&gt;
        &lt;span&gt;●&lt;/span&gt; Now Available on Amazon Kindle
      &lt;/div&gt;
      &lt;h1&gt;
        The Value of &lt;span class="accent"&gt;You&lt;/span&gt;
      &lt;/h1&gt;
      &lt;p class="hero-sub reveal"&gt;A powerful journey into healing, identity, boundaries, and the courage to stop shrinking and start living. Written by &lt;strong style="color:var(--text-secondary);"&gt;Ogie Edwin&lt;/strong&gt; for every heart ready to remember what was never lost.&lt;/p&gt;
      &lt;div class="hero-actions reveal reveal-delay-2"&gt;
        &lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener" class="btn btn-primary"&gt;
          Get Your Copy — $4.99
        &lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html" class="btn btn-ghost"&gt;More Books by Ogie Edwin&lt;/a&gt;
      &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- BOOK COVER --&gt;
    &lt;section class="cover-section reveal"&gt;
      &lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener" class="cover-wrap" aria-label="Buy The Value of You on Amazon Kindle"&gt;
        &lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3PeJNzHRZQAPkPGuHAu580bekKNHmRUPVxylIjHtiFLYgQIqxm8wOm2k7FgArXsFgCm0QY_2d5RniHwmWqKUD5UMvKTUQvFFHMovT9XCw7jQ71JPsK-zh7ubuwhGCiAMEsOfROhXpcZ4hOy7UYUde-oQYomHVZ91uJCTS8yAoSr7Y4bkJJxtS7rOKM-Q/s1254/file_000000002e947243af968c895fd9d2da.png" style="display: block; padding: 1em 0; text-align: center; clear: left; float: left;"&gt;&lt;img alt="" border="0" width="400" data-original-height="1254" data-original-width="1254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3PeJNzHRZQAPkPGuHAu580bekKNHmRUPVxylIjHtiFLYgQIqxm8wOm2k7FgArXsFgCm0QY_2d5RniHwmWqKUD5UMvKTUQvFFHMovT9XCw7jQ71JPsK-zh7ubuwhGCiAMEsOfROhXpcZ4hOy7UYUde-oQYomHVZ91uJCTS8yAoSr7Y4bkJJxtS7rOKM-Q/s400/file_000000002e947243af968c895fd9d2da.png"/&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;span class="cover-cta"&gt;Buy on Amazon →&lt;/span&gt;
      &lt;/a&gt;
    &lt;/section&gt;

    &lt;!-- WHO IS THIS FOR --&gt;
    &lt;section id="for-you"&gt;
      &lt;div class="section-header reveal"&gt;
        &lt;h2&gt;This book was written &lt;span&gt;for you&lt;/span&gt; if…&lt;/h2&gt;
        &lt;p&gt;You have been performing strength for too long, and you are ready to become it.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="pain-grid"&gt;
        &lt;div class="pain-card reveal"&gt;
          &lt;div class="pain-icon"&gt;&#129694;&lt;/div&gt;
          &lt;h3&gt;You Don't Recognize Yourself&lt;/h3&gt;
          &lt;p&gt;You look in the mirror and see who they told you to be, not who you actually are.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="pain-card reveal reveal-delay-1"&gt;
          &lt;div class="pain-icon"&gt;&#128477;️&lt;/div&gt;
          &lt;h3&gt;You're Waiting to Be Chosen&lt;/h3&gt;
          &lt;p&gt;You hold back your dreams because no one has given you permission yet.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="pain-card reveal reveal-delay-2"&gt;
          &lt;div class="pain-icon"&gt;&#129521;&lt;/div&gt;
          &lt;h3&gt;You Can't Say No&lt;/h3&gt;
          &lt;p&gt;Your energy belongs to everyone else because your boundaries were never built.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="pain-card reveal reveal-delay-3"&gt;
          &lt;div class="pain-icon"&gt;&#127787;️&lt;/div&gt;
          &lt;h3&gt;Joy Feels Distant&lt;/h3&gt;
          &lt;p&gt;You buried your aliveness under obligation and called it being responsible.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- WHAT YOU'LL DISCOVER --&gt;
    &lt;section id="discover"&gt;
      &lt;div class="section-header reveal"&gt;
        &lt;h2&gt;What you will &lt;span&gt;discover inside&lt;/span&gt;&lt;/h2&gt;
        &lt;p&gt;A journey through the essential territories of the self—each one leading you closer to the life you were meant to inhabit.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="pain-grid"&gt;
        &lt;div class="pain-card reveal"&gt;
          &lt;div class="pain-icon"&gt;⛏️&lt;/div&gt;
          &lt;h3&gt;Uncover Your Truth&lt;/h3&gt;
          &lt;p&gt;Strip away the inherited expectations and distorted reflections to finally meet who you were before the world renamed you.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="pain-card reveal reveal-delay-1"&gt;
          &lt;div class="pain-icon"&gt;&#127963;️&lt;/div&gt;
          &lt;h3&gt;Rebuild Your Foundation&lt;/h3&gt;
          &lt;p&gt;Establish unshakable worth, protective boundaries, and an inner compass that cannot be manipulated by fear or opinion.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="pain-card reveal reveal-delay-2"&gt;
          &lt;div class="pain-icon"&gt;&#128293;&lt;/div&gt;
          &lt;h3&gt;Transform Pain into Purpose&lt;/h3&gt;
          &lt;p&gt;Discover how your deepest wounds can become entry points to your most meaningful contribution to the world.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="pain-card reveal reveal-delay-3"&gt;
          &lt;div class="pain-icon"&gt;⚒️&lt;/div&gt;
          &lt;h3&gt;Live with Intention&lt;/h3&gt;
          &lt;p&gt;Make daily choices that align with your values—from your relationships to your work to the legacy you are building.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- SOCIAL PROOF / MARQUEE --&gt;
    &lt;section id="praise" aria-label="Reader Praise"&gt;
      &lt;div class="section-header reveal"&gt;
        &lt;h2&gt;Words from &lt;span&gt;early readers&lt;/span&gt;&lt;/h2&gt;
        &lt;p&gt;Real shifts. Real recognition. Real return to self.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="marquee-wrap"&gt;
        &lt;div class="marquee"&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"This book did not just inform me—it interrupted me. I had to put it down three times because I was crying. Ogie writes like he sees you."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Reader, Amazon Verified Purchase&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"The opening pages alone changed how I speak to myself. The lie I believed about myself is real, and I am done believing it."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Early Reviewer&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"Not another self-help book. This is a recovery manual. If you have forgotten your value, read this."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Blog Reader, Edwin Ogie Library&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"I have read hundreds of books in this genre. The Value of You is the first one that made me feel like the author was sitting beside me, not preaching from a stage."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Amazon Reader&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"The final sections on ownership broke something open in me. I stopped blaming and started building. Thank you, Ogie."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Kindle Reader&lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- duplicate for seamless loop --&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"This book did not just inform me—it interrupted me. I had to put it down three times because I was crying. Ogie writes like he sees you."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Reader, Amazon Verified Purchase&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"The opening pages alone changed how I speak to myself. The lie I believed about myself is real, and I am done believing it."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Early Reviewer&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="testi-card"&gt;
            &lt;div class="testi-stars"&gt;★★★★★&lt;/div&gt;
            &lt;p class="testi-text"&gt;"Not another self-help book. This is a recovery manual. If you have forgotten your value, read this."&lt;/p&gt;
            &lt;div class="testi-author"&gt;— Blog Reader, Edwin Ogie Library&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- FAQ --&gt;
    &lt;section id="faq" aria-labelledby="faq-heading"&gt;
      &lt;div class="section-header reveal"&gt;
        &lt;h2 id="faq-heading"&gt;Questions &lt;span&gt;readers ask&lt;/span&gt;&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;div class="faq-item"&gt;
          &lt;div class="faq-q" onclick="toggleFaq(this)" tabindex="0" role="button" aria-expanded="false"&gt;
            &lt;h3&gt;Is The Value of You a religious or Christian book?&lt;/h3&gt;
            &lt;div class="faq-toggle"&gt;+&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="faq-a"&gt;
            &lt;p&gt;While the author writes from a foundation of faith and references spiritual truths, this book is written for &lt;strong&gt;every reader&lt;/strong&gt; seeking healing and wholeness—regardless of background. The principles of worth, boundaries, and purpose are universal.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="faq-item"&gt;
          &lt;div class="faq-q" onclick="toggleFaq(this)" tabindex="0" role="button" aria-expanded="false"&gt;
            &lt;h3&gt;Do I need to read the chapters in order?&lt;/h3&gt;
            &lt;div class="faq-toggle"&gt;+&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="faq-a"&gt;
            &lt;p&gt;The book is designed as a journey, but each chapter stands alone. If a section speaks directly to your current struggle, start there. The practices and reflection questions make it easy to integrate at your own pace.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="faq-item"&gt;
          &lt;div class="faq-q" onclick="toggleFaq(this)" tabindex="0" role="button" aria-expanded="false"&gt;
            &lt;h3&gt;Is there a paperback or hardcover version?&lt;/h3&gt;
            &lt;div class="faq-toggle"&gt;+&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="faq-a"&gt;
            &lt;p&gt;The Kindle edition is live now. Paperback and hardcover editions are planned for release soon. Follow &lt;a href="https://edwinogie.blogspot.com" style="color:var(--accent-gold)"&gt;Edwin Ogie Library&lt;/a&gt; for updates.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="faq-item"&gt;
          &lt;div class="faq-q" onclick="toggleFaq(this)" tabindex="0" role="button" aria-expanded="false"&gt;
            &lt;h3&gt;Who is this book best for?&lt;/h3&gt;
            &lt;div class="faq-toggle"&gt;+&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="faq-a"&gt;
            &lt;p&gt;Anyone who feels unseen, undervalued, stuck in survival mode, or exhausted by performing a life that no longer fits. If you are ready to stop shrinking and start healing, this book was written for you.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- AUTHOR --&gt;
    &lt;section id="author" aria-labelledby="author-heading"&gt;
      &lt;div class="author-block reveal"&gt;
        &lt;div class="author-avatar" role="img" aria-label="Ogie Edwin author portrait"&gt;OE&lt;/div&gt;
        &lt;div class="author-info"&gt;
          &lt;h3 id="author-heading"&gt;About Ogie Edwin&lt;/h3&gt;
          &lt;p&gt;Writer, curator of &lt;strong&gt;Edwin Ogie Library&lt;/strong&gt;, and voice for every heart learning to reclaim its worth. Ogie writes at the intersection of spiritual truth, emotional healing, and practical transformation. His work does not shout—it sits beside you until you remember who you are.&lt;/p&gt;
          &lt;div class="author-links"&gt;
            &lt;a href="https://edwinogie.blogspot.com"&gt;Edwin Ogie Library&lt;/a&gt;
            &lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener"&gt;Amazon Author Page&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- FINAL CTA --&gt;
    &lt;section id="get" style="text-align:center;padding:80px 0"&gt;
      &lt;div class="reveal"&gt;
        &lt;h2 style="font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:var(--text-secondary);line-height:1.2"&gt;Stop shrinking.&lt;br&gt;&lt;span style="color:var(--accent-gold)"&gt;Start becoming.&lt;/span&gt;&lt;/h2&gt;
        &lt;p style="color:var(--text-muted);max-width:480px;margin:16px auto 28px;font-size:1rem"&gt;Your value was never a question. It was a reality waiting to be remembered. Get the Kindle edition today and begin the journey back to yourself.&lt;/p&gt;
        &lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener" class="btn btn-primary" style="padding:16px 36px;font-size:1rem"&gt;Get The Value of You — $4.99&lt;/a&gt;
        &lt;p style="margin-top:14px;font-size:.8rem;color:var(--text-muted)"&gt;Available instantly on Kindle devices and the free Kindle app.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/main&gt;

  &lt;!-- FOOTER --&gt;
  &lt;footer class="footer-main"&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div class="footer-col"&gt;
        &lt;h4&gt;Books &amp; Collections&lt;/h4&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;All Books by Ogie Edwin&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://www.amazon.com/dp/B0GXQLZ579"&gt;The Value of You (Kindle)&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://www.amazon.com/dp/B0GMZHCHB1"&gt;Your Word &amp; You&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://www.amazon.com/dp/B0GQMFW8CC"&gt;The Relationship Repair Handbook&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="footer-col"&gt;
        &lt;h4&gt;Library Resources&lt;/h4&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/library.html"&gt;Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/self-discovery.html"&gt;Self Discovery Hub&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-relationship-hub.html"&gt;Relationship Hub&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/read-edwin-ogie-library-in-your-language.html"&gt;Read in Your Language&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="footer-col"&gt;
        &lt;h4&gt;About &amp; Connect&lt;/h4&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-us-edwin-ogie-library-root.html"&gt;About Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support the Library&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Privacy Policy&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="footer-col"&gt;
        &lt;h4&gt;Quick Links&lt;/h4&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-body-font-family_24.html"&gt;Typography Guide&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com"&gt;Latest Blog Posts&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://www.amazon.com/dp/B0GXQLZ579" target="_blank" rel="noopener"&gt;Buy on Amazon&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="footer-bottom"&gt;
      &lt;p&gt;© 2026 &lt;strong&gt;Ogie Edwin&lt;/strong&gt;. All rights reserved.&lt;/p&gt;
      &lt;p&gt;&lt;a href="https://edwinogie.blogspot.com"&gt;Edwin Ogie Library&lt;/a&gt; — A sanctuary for seekers, healers, and hearts ready to remember.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/footer&gt;

  &lt;script&gt;
    // Scroll reveal observer
    const revealEls = document.querySelectorAll('.reveal');
    const revealObserver = new IntersectionObserver((entries) =&gt; {
      entries.forEach(entry =&gt; {
        if(entry.isIntersecting){
          entry.target.classList.add('active');
          revealObserver.unobserve(entry.target);
        }
      });
    }, {threshold: 0.1, rootMargin: '0px 0px -30px 0px'});

    revealEls.forEach(el =&gt; revealObserver.observe(el));

    // Navbar show/hide on scroll
    let lastScroll = 0;
    const navbar = document.getElementById('navbar');
    const stickyBuy = document.getElementById('stickyBuy');
    
    window.addEventListener('scroll', () =&gt; {
      const current = window.pageYOffset;
      
      if(current &gt; 300){
        navbar.classList.add('visible');
      } else {
        navbar.classList.remove('visible');
      }
      
      if(current &gt; 600){
        stickyBuy.classList.add('visible');
      } else {
        stickyBuy.classList.remove('visible');
      }
      
      lastScroll = current;
    });

    // FAQ toggle
    function toggleFaq(el){
      const item = el.parentElement;
      const isOpen = item.classList.contains('open');
      
      document.querySelectorAll('.faq-item').forEach(faq =&gt; {
        faq.classList.remove('open');
        faq.querySelector('.faq-q').setAttribute('aria-expanded','false');
      });
      
      if(!isOpen){
        item.classList.add('open');
        el.setAttribute('aria-expanded','true');
      }
    }
    
    document.querySelectorAll('.faq-q').forEach(q =&gt; {
      q.addEventListener('keydown', (e) =&gt; {
        if(e.key === 'Enter' || e.key === ' ') toggleFaq(q);
      });
    });
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-kindle.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3PeJNzHRZQAPkPGuHAu580bekKNHmRUPVxylIjHtiFLYgQIqxm8wOm2k7FgArXsFgCm0QY_2d5RniHwmWqKUD5UMvKTUQvFFHMovT9XCw7jQ71JPsK-zh7ubuwhGCiAMEsOfROhXpcZ4hOy7UYUde-oQYomHVZ91uJCTS8yAoSr7Y4bkJJxtS7rOKM-Q/s72-c/file_000000002e947243af968c895fd9d2da.png" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-5696631794775509589</guid><pubDate>Fri, 17 Apr 2026 07:30:00 +0000</pubDate><atom:updated>2026-04-17T02:35:18.393-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Assertiveness Training</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library Books</category><category domain="http://www.blogger.com/atom/ns#">Self discovery</category><category domain="http://www.blogger.com/atom/ns#">self help</category><title>The Value of You by Ogie Edwin | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="Prepare your heart and mind for The Value of You by Ogie Edwin - a journey into self-worth, healing identity, and living with purpose." /&gt;
  &lt;meta name="keywords" content="The Value of You, Ogie Edwin, self-worth, healing identity, living with purpose, self discovery, personal growth, healing, Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /&gt;
  &lt;meta name="author" content="Ogie Edwin" /&gt;
  &lt;link rel="canonical" href="https://edwinogie.blogspot.com/" /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:site_name" content="Edwin Ogie Library" /&gt;
  &lt;meta property="og:title" content="The Value of You by Ogie Edwin | Edwin Ogie Library" /&gt;
  &lt;meta property="og:description" content="Prepare your heart and mind for a journey into self-worth, healing identity, and purpose." /&gt;
  &lt;meta property="og:url" content="https://edwinogie.blogspot.com/" /&gt;
  &lt;meta name="twitter:card" content="summary_large_image" /&gt;
  &lt;meta name="twitter:title" content="The Value of You by Ogie Edwin | Edwin Ogie Library" /&gt;
  &lt;meta name="twitter:description" content="Prepare your heart and mind for a journey into self-worth, healing identity, and purpose." /&gt;
  &lt;title&gt;The Value of You by Ogie Edwin | Edwin Ogie Library&lt;/title&gt;&lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUrlJFe8A3rtjmXl-VknV3kw16vXq1ObpOhp3EdD3fFl1YxCL0IQ0ZtK3w1GH-Hpwqhep1MJqWHkksB8HdGiKfRR6Mop0Y-6JRP2x4c5fgYjnGk7ZvaSWeXGkpgJFHq8bwd6nNB19tu05lKZeMxMymz2h03-C73VAcN7i8kxCOjj37vN9W469dpHmvZ4/s1600/file_0000000099847243bf1715eb165ba239.png" style="display: block; padding: 1em 0; text-align: center; "&gt;&lt;img alt="" border="0" data-original-height="1254" data-original-width="1254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUrlJFe8A3rtjmXl-VknV3kw16vXq1ObpOhp3EdD3fFl1YxCL0IQ0ZtK3w1GH-Hpwqhep1MJqWHkksB8HdGiKfRR6Mop0Y-6JRP2x4c5fgYjnGk7ZvaSWeXGkpgJFHq8bwd6nNB19tu05lKZeMxMymz2h03-C73VAcN7i8kxCOjj37vN9W469dpHmvZ4/s1600/file_0000000099847243bf1715eb165ba239.png"/&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;style&gt;
    :root {
      --bg: #a6f0cf;
      --bg-soft: #89e8c3;
      --panel: #112233;
      --panel-strong: #0c1b29;
      --line: rgba(10, 26, 40, .12);
      --text: #102030;
      --muted: #314457;
      --accent: #9e7a35;
      --accent-2: #f0e0b5;
      --shadow: 0 18px 45px rgba(9, 24, 37, .14);
      --radius: 18px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      color: var(--text);
      background: linear-gradient(180deg, #a6f0cf 0%, #92ebc8 45%, #a6f0cf 100%);
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    a { color: inherit; text-decoration: none; }
    a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
    .wrap { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }

    /* Header */
    .site-top {
      padding: 14px 0 0;
      border-bottom: 1px solid rgba(10, 26, 40, .12);
      background: rgba(255,255,255,.14);
      backdrop-filter: blur(6px);
    }
    .site-brand {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding-bottom: 14px;
    }
    .site-brand h1 {
      margin: 0;
      font-size: clamp(1.7rem, 4vw, 2.5rem);
      letter-spacing: .02em;
      color: #122230;
    }
    .site-brand p { margin: 0; color: var(--muted); max-width: 980px; }
    .nav {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding: 12px 0 16px;
    }
    .nav a {
      padding: 9px 12px;
      border: 1px solid rgba(10, 26, 40, .12);
      background: rgba(255,255,255,.18);
      border-radius: 999px;
      font-size: .95rem;
      color: #102030;
    }

    /* Main article */
    .main { padding: 22px 0 34px; }
    .article {
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(10,26,40,.10);
      border-radius: 22px;
      box-shadow: var(--shadow);
      overflow: hidden;
      backdrop-filter: blur(4px);
    }
    .article-head {
      padding: 30px 28px 22px;
      background: rgba(255,255,255,.12);
      border-bottom: 1px solid rgba(10,26,40,.08);
    }
    .post-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      color: var(--muted);
      font-size: .95rem;
      margin-bottom: 12px;
    }
    .crumbs { color: var(--muted); font-size: .95rem; margin: 0 0 14px; }
    .crumbs a { color: #24435a; }
    .eyebrow {
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: .22em;
      font-size: .77rem;
      color: #24435a;
      border: 1px solid rgba(36,67,90,.22);
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.22);
      margin-bottom: 14px;
    }
    .article h2 {
      margin: 0 0 8px;
      font-size: clamp(1.8rem, 4vw, 3.2rem);
      line-height: 1.08;
      color: #102030;
    }
    .article .subtitle {
      margin: 0;
      color: var(--muted);
      max-width: 860px;
      font-size: 1.05rem;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 18px;
      margin-top: 22px;
    }
    .cover-box, .info-box {
      background: rgba(255,255,255,.18);
      border: 1px solid rgba(10,26,40,.10);
      border-radius: 18px;
      padding: 20px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
    }
    .cover-box {
      min-height: 330px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background:
        radial-gradient(circle at 30% 20%, rgba(240,224,181,.28), transparent 24%),
        radial-gradient(circle at 70% 30%, rgba(255,255,255,.18), transparent 26%),
        linear-gradient(180deg, #102033, #0a1622 72%);
    }
    .cover-box strong { display: block; font-size: 1.6rem; color: #f4e4bc; margin-bottom: 10px; }
    .cover-box span { display: block; color: rgba(245,241,232,.86); font-size: .98rem; }
    .cover-box .author { margin-top: 14px; color: #f4e4bc; font-weight: 700; }

    .quick-nav {
      padding: 18px 28px 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .quick-nav a {
      padding: 9px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.20);
      border: 1px solid rgba(10,26,40,.08);
      color: #163040;
      font-size: .95rem;
    }

    .content { padding: 18px 28px 30px; }
    .section-title {
      margin: 28px 0 12px;
      font-size: 1.45rem;
      line-height: 1.2;
      color: #122230;
    }
    .section-title:first-child { margin-top: 0; }
    p { margin: 0 0 14px; color: #153142; }
    .muted { color: var(--muted); }

    .callout {
      background: rgba(255,255,255,.24);
      border: 1px solid rgba(10,26,40,.10);
      border-radius: 16px;
      padding: 18px;
      margin: 18px 0;
    }

    .grid-3, .grid-2 { display: grid; gap: 16px; }
    .grid-3 { grid-template-columns: repeat(3, 1fr); }
    .grid-2 { grid-template-columns: repeat(2, 1fr); }
    .card {
      background: var(--panel);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 16px;
      padding: 18px;
      box-shadow: var(--shadow);
    }
    .card h3 {
      margin: 0 0 8px;
      font-size: 1.05rem;
      color: #f4e4bc;
    }
    .card p { color: rgba(245,241,232,.84); margin: 0; }

    .bullet-list {
      margin: 12px 0 0;
      padding-left: 18px;
      color: var(--muted);
    }
    .bullet-list li { margin-bottom: 8px; }

    .divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(10,26,40,.22), transparent);
      margin: 18px 0;
    }

    /* Footer */
    .footer {
      margin-top: 26px;
      padding: 44px 0 26px;
      border-top: 1px solid rgba(10,26,40,.12);
      background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 18px;
    }
    .footer-panel {
      background: #112233;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 18px;
      padding: 20px;
      box-shadow: var(--shadow);
    }
    .footer-panel h3, .footer-panel h4 {
      margin: 0 0 12px;
      color: #f4e4bc;
    }
    .footer-panel p, .footer-panel li, .footer-note { color: rgba(245,241,232,.82); }
    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 10px;
    }
    .footer-links a {
      display: block;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.08);
      padding: 11px 12px;
      border-radius: 14px;
      font-size: .95rem;
      word-break: break-word;
      color: rgba(245,241,232,.95);
    }
    .footer-bottom {
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid rgba(10,26,40,.12);
      display: flex;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      color: var(--muted);
      font-size: .92rem;
    }
    .footer-bottom a { color: #24435a; }

    @media (max-width: 920px) {
      .hero-grid, .grid-3, .grid-2, .footer-grid { grid-template-columns: 1fr; }
      .content, .article-head, .quick-nav { padding-left: 18px; padding-right: 18px; }
    }
    @media (max-width: 560px) {
      .nav { gap: 8px; }
      .nav a { width: 100%; text-align: center; }
      .footer-bottom { align-items: flex-start; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "The Value of You | Edwin Ogie Library",
    "description": "Prepare your heart and mind for The Value of You by Ogie Edwin — a journey into self-worth, healing identity, and living with purpose.",
    "publisher": {
      "@type": "Organization",
      "name": "Edwin Ogie Library"
    },
    "about": {
      "@type": "Book",
      "name": "The Value of You",
      "author": {
        "@type": "Person",
        "name": "Ogie Edwin"
      }
    }
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;header class="site-top"&gt;
    &lt;div class="wrap site-brand"&gt;
      &lt;h1&gt;Edwin Ogie Library&lt;/h1&gt;
      &lt;p&gt;Quality resources that help readers grow in self-awareness, communication, healing, and purposeful living.&lt;/p&gt;
      &lt;nav class="nav" aria-label="Primary"&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Privacy Policy&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About Us&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/"&gt;Home Page&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support the Library&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/library.html"&gt;Library&lt;/a&gt;
        &lt;a href="https://edwinogie.blogspot.com/p/mind-wellness-relationships-hub.html"&gt;Mind, Wellness &amp; Relationships&lt;/a&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  &lt;/header&gt;

  &lt;main class="main"&gt;
    &lt;div class="wrap article"&gt;
      &lt;div class="article-head"&gt;
        &lt;div class="eyebrow"&gt;Coming Soon&lt;/div&gt;
        &lt;div class="post-meta"&gt;
          &lt;span&gt;By Ogie Edwin&lt;/span&gt;
          &lt;span&gt;•&lt;/span&gt;
          &lt;span&gt;Edwin Ogie Library&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="crumbs"&gt;&lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt; / &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt; / &lt;span&gt;The Value of You&lt;/span&gt;&lt;/div&gt;
        &lt;h2&gt;The Value of You&lt;/h2&gt;
        &lt;p class="subtitle"&gt;Discovering Self-Worth, Healing Identity, and Living with Purpose&lt;/p&gt;
        
        &lt;div class="hero-grid"&gt;
          &lt;div class="info-box"&gt;
            &lt;p&gt;&lt;strong&gt;Before you begin:&lt;/strong&gt; This page is a quiet space to prepare your heart and mind. The journey ahead is about seeing yourself clearly - perhaps for the first time in a long while.&lt;/p&gt;
            &lt;p class="muted"&gt;Take a moment here. Breathe. The book will meet you where you are, but this preparation helps you arrive more open, more ready, more honest with yourself.&lt;/p&gt;
            &lt;div class="callout"&gt;
              &lt;p style="margin:0; color:#153142;"&gt;&lt;strong&gt;A gentle reminder:&lt;/strong&gt; You are not a mistake to be fixed. You are a life to be understood, strengthened, and lived with meaning.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="cover-box" aria-label="Book cover preview"&gt;
            &lt;div&gt;
              &lt;strong&gt;THE VALUE OF YOU&lt;/strong&gt;
              &lt;span&gt;Discovering Self-Worth, Healing Identity, and Living with Purpose&lt;/span&gt;
              &lt;span class="author"&gt;OGIE EDWIN&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class="quick-nav" aria-label="Quick navigation"&gt;
        &lt;a href="#prepare"&gt;Prepare Your Mind&lt;/a&gt;
        &lt;a href="#themes"&gt;What Awaits You&lt;/a&gt;
        &lt;a href="#why-it-matters"&gt;Why This Matters&lt;/a&gt;
        &lt;a href="#invitation"&gt;Your Invitation&lt;/a&gt;
      &lt;/div&gt;

      &lt;div class="content"&gt;
        &lt;section id="prepare"&gt;
          &lt;h3 class="section-title"&gt;Prepare Your Mind&lt;/h3&gt;
          &lt;p&gt;There is a quiet ache many of us carry — a sense that we are not quite enough, that our value depends on what we produce, how we appear, or what others think of us. This book speaks directly to that ache.&lt;/p&gt;
          &lt;p&gt;&lt;em&gt;The Value of You&lt;/em&gt; is not a quick fix. It is a slow, honest journey back to yourself. Before you turn the first page, consider what you are bringing with you: the doubts, the old stories, the hidden hopes. The book will work with all of it.&lt;/p&gt;
          &lt;div class="callout"&gt;
            &lt;p style="margin:0;"&gt;&lt;strong&gt;As you prepare:&lt;/strong&gt; Ask yourself - What would it mean to truly believe in my own worth, not because of what I do, but because of who I am?&lt;/p&gt;
          &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id="themes"&gt;
          &lt;h3 class="section-title"&gt;What Awaits You&lt;/h3&gt;
          &lt;p&gt;The book moves through three essential territories of the self. Each section builds on the last, creating a path from confusion to clarity, from hiding to wholeness.&lt;/p&gt;
          &lt;div class="grid-3"&gt;
            &lt;article class="card"&gt;
              &lt;h3&gt;Self-Worth&lt;/h3&gt;
              &lt;p&gt;Learning to see yourself beyond comparison, performance, and external approval. Your value is not up for debate.&lt;/p&gt;
            &lt;/article&gt;
            &lt;article class="card"&gt;
              &lt;h3&gt;Healing Identity&lt;/h3&gt;
              &lt;p&gt;Unlearning the false labels you have carried and reconnecting with the truth of who you are beneath them.&lt;/p&gt;
            &lt;/article&gt;
            &lt;article class="card"&gt;
              &lt;h3&gt;Living with Purpose&lt;/h3&gt;
              &lt;p&gt;Moving from mere survival into meaningful existence through small, practical steps taken with intention.&lt;/p&gt;
            &lt;/article&gt;
          &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id="why-it-matters"&gt;
          &lt;h3 class="section-title"&gt;Why This Matters Now&lt;/h3&gt;
          &lt;p&gt;We live in a world that constantly measures us - by achievement, by image, by productivity. Many people are asking the same questions in private: &lt;em&gt;Am I enough? Does my life matter? Can I still become who I was meant to be?&lt;/em&gt;&lt;/p&gt;
          &lt;p&gt;This book exists because those questions deserve honest answers. It offers a path back to yourself when the noise of the world has made you forget who that is.&lt;/p&gt;
          &lt;div class="grid-2"&gt;
            &lt;div class="card"&gt;
              &lt;h3&gt;For the unseen&lt;/h3&gt;
              &lt;p&gt;If you have felt overlooked, undervalued, or stuck in patterns of self-doubt, these pages see you.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card"&gt;
              &lt;h3&gt;For the ready&lt;/h3&gt;
              &lt;p&gt;If you are tired of pretending and ready to do the real work of becoming whole, this is your starting point.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/section&gt;

        &lt;section id="invitation"&gt;
          &lt;h3 class="section-title"&gt;Your Invitation&lt;/h3&gt;
          &lt;p&gt;If you have ever questioned your value, hidden your pain, or wondered whether your life still holds meaning, this book was written with you in mind.&lt;/p&gt;
          &lt;p&gt;It is a reminder that your worth is not conditional. Your healing is possible. Your purpose is not lost - it is waiting to be recognized.&lt;/p&gt;
          &lt;div class="divider"&gt;&lt;/div&gt;
          &lt;p class="muted"&gt;Stay connected with Edwin Ogie Library for updates on the release of &lt;em&gt;The Value of You&lt;/em&gt;.&lt;/p&gt;
        &lt;/section&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/main&gt;

  &lt;footer class="footer" aria-labelledby="footer-heading"&gt;
    &lt;div class="wrap footer-grid"&gt;
      &lt;div class="footer-panel"&gt;
        &lt;h3 id="footer-heading"&gt;Edwin Ogie Library&lt;/h3&gt;
        &lt;p&gt;Books, stories, healing resources, and reflections that prepare the mind for growth, meaning, and a better life.&lt;/p&gt;
        &lt;div class="footer-note"&gt;Donation: Moniepoint Micro-finance Bank, Account Name: Edwin Ogie, Account Number: 7061335913&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="footer-panel"&gt;
        &lt;h4&gt;Quick Links&lt;/h4&gt;
        &lt;ul class="footer-links"&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Privacy &amp; Disclaimer&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/mind-wellness-relationships-hub.html"&gt;Mind Wellness &amp; Relationships&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/library.html"&gt;Library&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About Our Mission&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="footer-panel"&gt;
        &lt;h4&gt;More Links&lt;/h4&gt;
        &lt;ul class="footer-links"&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-student-stories.html"&gt;Student Stories&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Donation&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/self-discovery.html"&gt;Self-Discovery&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="wrap footer-bottom"&gt;
      &lt;span&gt;© Edwin Ogie Library. All rights reserved.&lt;/span&gt;
      &lt;span&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Privacy/Disclaimer&lt;/a&gt; • &lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact&lt;/a&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/the-value-of-you-by-ogie-edwin-edwin.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUrlJFe8A3rtjmXl-VknV3kw16vXq1ObpOhp3EdD3fFl1YxCL0IQ0ZtK3w1GH-Hpwqhep1MJqWHkksB8HdGiKfRR6Mop0Y-6JRP2x4c5fgYjnGk7ZvaSWeXGkpgJFHq8bwd6nNB19tu05lKZeMxMymz2h03-C73VAcN7i8kxCOjj37vN9W469dpHmvZ4/s72-c/file_0000000099847243bf1715eb165ba239.png" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-7683654494553676872</guid><pubDate>Wed, 15 Apr 2026 12:39:00 +0000</pubDate><atom:updated>2026-04-15T01:39:24.602-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cbt Quiz</category><category domain="http://www.blogger.com/atom/ns#">Physics</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>Dynamics Physics CBT Quiz | 40 Questions | 20 Minutes</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="Timed CBT quiz on Dynamics in Physics with 40 questions, 20-minute timer, one question per page, scoring, corrections, and a clean mobile-friendly layout." /&gt;
  &lt;meta name="keywords" content="Dynamics physics CBT quiz, forces, mass, motion, momentum, friction, Newton laws, physics questions, timed quiz" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;title&gt;Dynamics Physics CBT Quiz | 40 Questions | 20 Minutes&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #5b5bd6;
      --primary-dark: #3d3db4;
      --bg: #f6f7fb;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --success: #0f766e;
      --danger: #b91c1c;
      --shadow: 0 10px 25px rgba(0,0,0,.06);
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      max-width: 1080px;
      margin: 0 auto;
      padding: 18px 12px 30px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);
      color: #fff;
      padding: 24px 18px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin-bottom: 16px;
    }
    .hero h1 { margin: 0 0 8px; font-size: clamp(26px, 4vw, 40px); line-height: 1.15; }
    .hero p { margin: 0 auto; max-width: 900px; opacity: .98; }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin: 0 auto 16px;
      width: 100%;
    }
    .note {
      background: #eef2ff;
      border: 1px solid #c7d2fe;
      color: #3730a3;
      border-radius: 14px;
      padding: 14px;
      text-align: left;
    }
    .quiz-top {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }
    .timer {
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      border-radius: 12px;
      padding: 10px 14px;
      min-width: 96px;
    }
    .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      margin-top: 12px;
    }
    button, .btn-link {
      border: 0;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary { background: var(--primary); color: #fff; }
    .btn-dark { background: #111827; color: #fff; }
    .btn-green { background: var(--success); color: #fff; }
    .btn-light { background: #e5e7eb; color: #111827; }
    button:disabled { opacity: .55; cursor: not-allowed; }
    .progress-wrap { margin-top: 10px; }
    .progress-bar {
      width: 100%;
      height: 10px;
      background: #e5e7eb;
      border-radius: 999px;
      overflow: hidden;
      margin-top: 8px;
    }
    .progress-fill {
      width: 0%;
      height: 100%;
      background: var(--primary);
      transition: width .2s ease;
    }
    .question-box {
      text-align: left;
      margin-top: 14px;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-box h3 { margin: 0 0 12px; }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #fafafa;
    }
    .meta-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 8px;
      color: var(--muted);
      font-size: .95rem;
      margin-top: 8px;
    }
    .result-panel {
      display: none;
      text-align: left;
      margin-top: 18px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #bbf7d0;
      background: #f0fdf4;
    }
    .result-panel h2 { margin-top: 0; color: var(--success); }
    .corrections { display: grid; gap: 10px; margin-top: 14px; }
    .correction {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 12px;
    }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    .small { color: var(--muted); font-size: .92rem; }
    footer {
      margin-top: 20px;
      padding: 26px 18px;
      background: #111827;
      color: #e5e7eb;
      text-align: center;
    }
    footer a { color: #c7d2fe; text-decoration: none; }
    .footer-links {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 14px;
      max-width: 1080px;
      margin: 0 auto;
      text-align: center;
    }
    .footer-links ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    .footer-links h3 { color: #fff; margin-top: 0; }
    .copyright {
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid #374151;
      font-size: .88rem;
      color: #9ca3af;
    }
    @media (max-width: 768px) {
      .wrap { padding: 14px 10px 24px; }
      .hero { padding: 20px 14px; border-radius: 16px; }
      .card { padding: 14px; border-radius: 14px; }
      .question-box { padding: 14px; }
      .controls { justify-content: center; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;Dynamics Physics CBT Quiz&lt;/h1&gt;
      &lt;p&gt;40 questions | 20 minutes | One question per page | Corrections after submission&lt;/p&gt;
    &lt;/section&gt;&lt;section class="card"&gt;
  &lt;div class="note"&gt;
    This quiz covers force, mass, weight, friction, inertia, Newton’s laws, momentum, velocity, acceleration and related dynamics ideas. Use the Start button to begin the timer.
  &lt;/div&gt;

  &lt;div class="quiz-top" style="margin-top:14px;"&gt;
    &lt;div&gt;
      &lt;h2 style="margin:0; color: var(--primary-dark);"&gt;Timed CBT Practice&lt;/h2&gt;
      &lt;div class="small"&gt;Answer each question before moving to the next.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="timer" id="timer"&gt;20:00&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="controls"&gt;
    &lt;button class="btn-primary" id="startBtn"&gt;Start Quiz&lt;/button&gt;
    &lt;button class="btn-dark" id="prevBtn" disabled&gt;Previous&lt;/button&gt;
    &lt;button class="btn-dark" id="nextBtn" disabled&gt;Next&lt;/button&gt;
    &lt;button class="btn-green" id="submitBtn" disabled&gt;Submit&lt;/button&gt;
    &lt;button class="btn-light" id="resetBtn"&gt;Reset&lt;/button&gt;
    &lt;a class="btn-link btn-dark" id="emailLink" href="mailto:edwinogielibrary@gmail.com?subject=Dynamics%20Physics%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Dynamics%20Physics%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you."&gt;Send Score by Email&lt;/a&gt;
  &lt;/div&gt;

  &lt;div class="progress-wrap"&gt;
    &lt;div class="meta-row"&gt;
      &lt;div id="progressText"&gt;Question 0 of 40&lt;/div&gt;
      &lt;div id="saveText"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="progress-bar"&gt;&lt;div class="progress-fill" id="progressFill"&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="question-box"&gt;
    &lt;div id="questionContainer"&gt;&lt;/div&gt;
  &lt;/div&gt;

  &lt;section class="result-panel" id="resultPanel"&gt;
    &lt;h2&gt;Quiz Result&lt;/h2&gt;
    &lt;p id="scoreText"&gt;&lt;/p&gt;
    &lt;p id="percentText"&gt;&lt;/p&gt;
    &lt;div class="corrections" id="correctionsList"&gt;&lt;/div&gt;
  &lt;/section&gt;
&lt;/section&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div class="footer-links"&gt;
      &lt;div&gt;
        &lt;h3&gt;Edwin Ogie Library&lt;/h3&gt;
        &lt;p&gt;Quality educational resources for learners and teachers.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp; Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;© &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "Dynamics is the branch of physics that deals mainly with", options: ["Light", "Motion only", "Force and motion", "Electricity"], answer: 2, explanation: "Dynamics studies the causes of motion, especially force." },
      { q: "The SI unit of force is", options: ["Joule", "Newton", "Watt", "Pascal"], answer: 1, explanation: "Force is measured in newtons (N)." },
      { q: "Weight is a", options: ["Scalar quantity", "Vector quantity", "Dimensionless quantity", "None of these"], answer: 1, explanation: "Weight has magnitude and direction, so it is a vector." },
      { q: "Mass is measured in", options: ["kg", "N", "m/s", "J"], answer: 0, explanation: "The SI unit of mass is kilogram (kg)." },
      { q: "The force that opposes motion between surfaces in contact is", options: ["Gravity", "Friction", "Tension", "Upthrust"], answer: 1, explanation: "Friction resists relative motion between surfaces." },
      { q: "According to Newton’s first law, a body remains at rest or in uniform motion unless acted upon by", options: ["Mass", "Force", "Friction only", "Speed"], answer: 1, explanation: "A resultant external force changes the state of motion." },
      { q: "The measure of how difficult it is to stop or move an object is", options: ["Energy", "Inertia", "Work", "Pressure"], answer: 1, explanation: "Inertia is resistance to change in state of motion." },
      { q: "Acceleration is the rate of change of", options: ["Distance", "Mass", "Velocity", "Weight"], answer: 2, explanation: "Acceleration is change in velocity per unit time." },
      { q: "The SI unit of acceleration is", options: ["m/s", "m/s²", "N", "kg/m²"], answer: 1, explanation: "Acceleration is measured in m/s²." },
      { q: "If speed changes from 10 m/s to 20 m/s in 5 s, acceleration is", options: ["1 m/s²", "2 m/s²", "3 m/s²", "5 m/s²"], answer: 1, explanation: "a = (20 - 10) / 5 = 2 m/s²." },
      { q: "Momentum is the product of", options: ["Mass and force", "Mass and velocity", "Force and time", "Weight and mass"], answer: 1, explanation: "Momentum = mass × velocity." },
      { q: "The SI unit of momentum is", options: ["kg m/s", "N", "J", "m/s²"], answer: 0, explanation: "Momentum is measured in kg m/s." },
      { q: "Impulse is equal to", options: ["Force × time", "Mass × velocity", "Distance × time", "Pressure × area"], answer: 0, explanation: "Impulse = force × time." },
      { q: "A body moving in a straight line with constant velocity has", options: ["Zero acceleration", "Great momentum", "Increasing force", "Zero mass"], answer: 0, explanation: "Constant velocity means no acceleration." },
      { q: "A force that pulls objects toward the center of the Earth is", options: ["Magnetism", "Gravity", "Friction", "Tension"], answer: 1, explanation: "Gravity attracts objects toward Earth." },
      { q: "The force exerted by a stretched string is called", options: ["Tension", "Thrust", "Weight", "Resistance"], answer: 0, explanation: "A stretched string exerts tension." },
      { q: "A force that pushes an object up from a fluid is", options: ["Upthrust", "Friction", "Momentum", "Weight"], answer: 0, explanation: "Upthrust acts upward in fluids." },
      { q: "Force =", options: ["Mass / acceleration", "Mass × acceleration", "Distance / time", "Work / time"], answer: 1, explanation: "Newton’s second law gives F = ma." },
      { q: "What happens when the resultant force on a body is zero?", options: ["It must speed up", "It may stay at rest or move with constant velocity", "It must stop instantly", "It will gain mass"], answer: 1, explanation: "Zero resultant force means no change in motion." },
      { q: "When a moving bus stops suddenly, passengers fall forward because of", options: ["Gravity", "Inertia", "Friction", "Weight"], answer: 1, explanation: "Their bodies tend to keep moving due to inertia." },
      { q: "A force acting over a distance does", options: ["Work", "Mass", "Density", "Volume"], answer: 0, explanation: "Work = force × distance." },
      { q: "The force due to the Earth’s pull on a body is called", options: ["Mass", "Weight", "Impulse", "Power"], answer: 1, explanation: "Weight is gravitational force on a body." },
      { q: "The unit of weight is", options: ["kg", "N", "m", "s"], answer: 1, explanation: "Weight is a force, measured in newtons." },
      { q: "If mass is 2 kg and acceleration is 3 m/s², force is", options: ["2 N", "3 N", "5 N", "6 N"], answer: 3, explanation: "F = ma = 2 × 3 = 6 N." },
      { q: "If a force of 10 N acts for 4 s, impulse is", options: ["6 Ns", "14 Ns", "40 Ns", "50 Ns"], answer: 2, explanation: "Impulse = force × time = 10 × 4 = 40 Ns." },
      { q: "The branch of physics that studies forces causing motion is", options: ["Optics", "Dynamics", "Thermodynamics", "Electrostatics"], answer: 1, explanation: "Dynamics studies forces and motion." },
      { q: "A body at rest has", options: ["No mass", "Zero velocity", "Infinite force", "Large momentum"], answer: 1, explanation: "At rest means velocity is zero." },
      { q: "The tendency of a body to resist change in its state is", options: ["Momentum", "Inertia", "Energy", "Pressure"], answer: 1, explanation: "Inertia is resistance to change." },
      { q: "Which of these is a contact force?", options: ["Gravity", "Magnetic force", "Friction", "Electric force"], answer: 2, explanation: "Friction requires surfaces in contact." },
      { q: "Which of these is a non-contact force?", options: ["Tension", "Friction", "Upthrust", "Gravity"], answer: 3, explanation: "Gravity acts without contact." },
      { q: "A force is a", options: ["Push or pull", "Type of energy", "Kind of matter", "State of motion"], answer: 0, explanation: "Force is a push or pull." },
      { q: "The symbol commonly used for force is", options: ["m", "F", "v", "t"], answer: 1, explanation: "Force is usually represented by F." },
      { q: "The symbol commonly used for mass is", options: ["m", "F", "a", "p"], answer: 0, explanation: "Mass is represented by m." },
      { q: "The symbol commonly used for acceleration is", options: ["a", "m", "v", "s"], answer: 0, explanation: "Acceleration is represented by a." },
      { q: "The symbol commonly used for velocity is", options: ["u", "v", "F", "g"], answer: 1, explanation: "Velocity is commonly represented by v." },
      { q: "If speed increases with time, the body is", options: ["Decelerating", "Accelerating", "At rest", "Stationary"], answer: 1, explanation: "Increasing speed means acceleration." },
      { q: "A body moving with uniform velocity has", options: ["Changing speed", "Zero acceleration", "Large force", "Negative mass"], answer: 1, explanation: "Uniform velocity means no acceleration." },
      { q: "The frictional force is usually", options: ["Along the direction of motion", "Opposite to motion", "Upward only", "Toward the center"], answer: 1, explanation: "Friction acts opposite motion." },
      { q: "What is the formula for momentum?", options: ["m / v", "m × v", "F / t", "ma²"], answer: 1, explanation: "Momentum = mass × velocity." },
      { q: "Newton’s third law states that for every action there is", options: ["No reaction", "Equal and opposite reaction", "A larger action", "A delayed action"], answer: 1, explanation: "For every action, there is an equal and opposite reaction." }
    ];

    const container = document.getElementById('questionContainer');
    const startBtn = document.getElementById('startBtn');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const submitBtn = document.getElementById('submitBtn');
    const resetBtn = document.getElementById('resetBtn');
    const timerEl = document.getElementById('timer');
    const progressText = document.getElementById('progressText');
    const progressFill = document.getElementById('progressFill');
    const saveText = document.getElementById('saveText');
    const resultPanel = document.getElementById('resultPanel');
    const scoreText = document.getElementById('scoreText');
    const percentText = document.getElementById('percentText');
    const correctionsList = document.getElementById('correctionsList');

    let currentIndex = 0;
    let timeLeft = 1200;
    let started = false;
    let timer = null;

    function formatTime(seconds) {
      const m = Math.floor(seconds / 60).toString().padStart(2, '0');
      const s = (seconds % 60).toString().padStart(2, '0');
      return `${m}:${s}`;
    }

    function renderQuestion() {
      const item = questions[currentIndex];
      const key = `q${currentIndex}`;
      const saved = sessionStorage.getItem(key);
      const optionsHtml = item.options.map((opt, i) =&gt; `
        &lt;label class="option"&gt;
          &lt;input type="radio" name="${key}" value="${i}" ${saved === String(i) ? 'checked' : ''} /&gt;
          &lt;span&gt;${String.fromCharCode(65 + i)}. ${opt}&lt;/span&gt;
        &lt;/label&gt;
      `).join('');

      container.innerHTML = `
        &lt;h3&gt;${currentIndex + 1}. ${item.q}&lt;/h3&gt;
        &lt;div class="options"&gt;${optionsHtml}&lt;/div&gt;
      `;

      progressText.textContent = `Question ${currentIndex + 1} of ${questions.length}`;
      progressFill.style.width = `${((currentIndex + 1) / questions.length) * 100}%`;
      prevBtn.disabled = currentIndex === 0;
      nextBtn.disabled = currentIndex === questions.length - 1;
      submitBtn.disabled = !started;
      saveText.textContent = saved !== null ? 'Saved answer loaded' : '';
    }

    function saveCurrentAnswer() {
      const selected = document.querySelector(`input[name="q${currentIndex}"]:checked`);
      if (selected) {
        sessionStorage.setItem(`q${currentIndex}`, selected.value);
        saveText.textContent = 'Answer saved';
      }
    }

    function updateTimer() {
      timerEl.textContent = formatTime(timeLeft);
      if (timeLeft &lt;= 120) {
        timerEl.style.background = '#fee2e2';
        timerEl.style.borderColor = '#fca5a5';
      }
      if (timeLeft &lt;= 0) {
        clearInterval(timer);
        submitQuiz(true);
        return;
      }
      timeLeft -= 1;
    }

    function startQuiz() {
      if (started) return;
      started = true;
      startBtn.disabled = true;
      submitBtn.disabled = false;
      prevBtn.disabled = false;
      nextBtn.disabled = false;
      timer = setInterval(updateTimer, 1000);
      updateTimer();
      renderQuestion();
    }

    function goNext() {
      saveCurrentAnswer();
      if (currentIndex &lt; questions.length - 1) {
        currentIndex += 1;
        renderQuestion();
      }
    }

    function goPrev() {
      saveCurrentAnswer();
      if (currentIndex &gt; 0) {
        currentIndex -= 1;
        renderQuestion();
      }
    }

    function submitQuiz(auto = false) {
      if (!started &amp;&amp; !auto) return;
      saveCurrentAnswer();
      clearInterval(timer);
      started = false;
      submitBtn.disabled = true;
      startBtn.disabled = true;
      nextBtn.disabled = true;
      prevBtn.disabled = true;

      let score = 0;
      const corrections = [];
      questions.forEach((item, idx) =&gt; {
        const selected = sessionStorage.getItem(`q${idx}`);
        const userAnswer = selected === null ? null : parseInt(selected, 10);
        const isCorrect = userAnswer === item.answer;
        if (isCorrect) score += 1;
        corrections.push({
          number: idx + 1,
          question: item.q,
          userAnswer: userAnswer === null ? 'No answer' : `${String.fromCharCode(65 + userAnswer)}. ${item.options[userAnswer]}`,
          correctAnswer: `${String.fromCharCode(65 + item.answer)}. ${item.options[item.answer]}`,
          explanation: item.explanation,
          isCorrect
        });
      });

      const percent = Math.round((score / questions.length) * 100);
      scoreText.innerHTML = `Total Score: &lt;strong&gt;${score} / ${questions.length}&lt;/strong&gt;`;
      percentText.innerHTML = `Percentage: &lt;strong&gt;${percent}%&lt;/strong&gt;`;
      correctionsList.innerHTML = corrections.map(c =&gt; `
        &lt;div class="correction"&gt;
          &lt;div&gt;&lt;strong&gt;Question ${c.number}:&lt;/strong&gt; ${c.question}&lt;/div&gt;
          &lt;div class="${c.isCorrect ? 'correct' : 'wrong'}"&gt;Your Answer: ${c.userAnswer}&lt;/div&gt;
          &lt;div class="correct"&gt;Correct Answer: ${c.correctAnswer}&lt;/div&gt;
          &lt;div&gt;Correction: ${c.explanation}&lt;/div&gt;
        &lt;/div&gt;
      `).join('');
      resultPanel.style.display = 'block';
      resultPanel.scrollIntoView({ behavior: 'smooth' });

      const subject = encodeURIComponent('Dynamics Physics CBT Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the Dynamics Physics CBT quiz.\n\nScore: ${score} / ${questions.length}\nPercentage: ${percent}%\n\nThank you.`);
      document.getElementById('emailLink').href = `mailto:edwinogielibrary@gmail.com?subject=${subject}&amp;body=${body}`;
    }

    function resetQuiz() {
      clearInterval(timer);
      currentIndex = 0;
      timeLeft = 1200;
      started = false;
      sessionStorage.clear();
      startBtn.disabled = false;
      prevBtn.disabled = true;
      nextBtn.disabled = true;
      submitBtn.disabled = true;
      timerEl.textContent = '20:00';
      timerEl.style.background = '#fef2f2';
      timerEl.style.borderColor = '#fecaca';
      resultPanel.style.display = 'none';
      scoreText.textContent = '';
      percentText.textContent = '';
      correctionsList.innerHTML = '';
      saveText.textContent = '';
      renderQuestion();
      document.getElementById('emailLink').href = 'mailto:edwinogielibrary@gmail.com?subject=Dynamics%20Physics%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Dynamics%20Physics%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you.';
    }

    startBtn.addEventListener('click', startQuiz);
    prevBtn.addEventListener('click', goPrev);
    nextBtn.addEventListener('click', goNext);
    submitBtn.addEventListener('click', (e) =&gt; { e.preventDefault(); submitQuiz(false); });
    resetBtn.addEventListener('click', resetQuiz);

    renderQuestion();
    document.getElementById('year').textContent = new Date().getFullYear();
  &lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/dynamics-physics-cbt-quiz-40-questions.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-3347679485206952077</guid><pubDate>Tue, 14 Apr 2026 18:45:00 +0000</pubDate><atom:updated>2026-04-15T02:55:42.504-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><category domain="http://www.blogger.com/atom/ns#">Number Base</category><title>JSS Number Bases Lesson</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;title&gt;JSS Number Bases Lesson&lt;/title&gt;
  &lt;style&gt;
    :root {
      --bg: #f7f9fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --accent: #1d4ed8;
      --accent-2: #0f766e;
      --border: #dbe3f0;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
    }
    .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 24px;
    }
    .hero {
      background: linear-gradient(135deg, #1d4ed8, #2563eb 45%, #0f766e);
      color: white;
      padding: 28px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0,0,0,.10);
      margin-bottom: 24px;
    }
    .hero h1 { margin: 0 0 10px; font-size: 2rem; }
    .hero p { margin: 0; max-width: 820px; }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 18px;
      margin-bottom: 18px;
    }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 20px;
      box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    }
    .card h2, .card h3 {
      margin-top: 0;
      color: #0f172a;
    }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: #e0f2fe;
      color: #075985;
      font-size: 0.9rem;
      font-weight: bold;
      margin-bottom: 12px;
    }
    .formula {
      background: #f8fafc;
      border-left: 5px solid var(--accent);
      padding: 14px 16px;
      border-radius: 12px;
      overflow-x: auto;
      margin: 12px 0;
      font-family: "Courier New", Courier, monospace;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
    }
    th, td {
      border: 1px solid var(--border);
      padding: 10px;
      text-align: left;
      vertical-align: top;
    }
    th { background: #eef4ff; }
    .example {
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      margin-top: 14px;
      background: #fff;
    }
    .example h3 { margin: 0 0 8px; color: var(--accent-2); }
    .answer {
      font-weight: bold;
      color: #111827;
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
      padding: 10px 12px;
      border-radius: 10px;
      margin-top: 10px;
    }
    .note {
      background: #fff7ed;
      border: 1px solid #fed7aa;
      padding: 14px 16px;
      border-radius: 14px;
      margin-top: 16px;
    }
    ol { padding-left: 20px; }
    .small { color: var(--muted); font-size: 0.95rem; }
    .footer {
      text-align: center;
      color: var(--muted);
      padding: 20px 0 6px;
      font-size: 0.95rem;
    }
    @media print {
      body { background: white; }
      .container { padding: 0; }
      .hero, .card, .example, .note { box-shadow: none; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div class="container"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;JSS Mathematics: Number Bases&lt;/h1&gt;
      &lt;p&gt;
        This lesson explains number bases in a simple way for JSS students.
        It includes worked examples from base 10 to other bases and from base 2 to base 10.
      &lt;/p&gt;
    &lt;/section&gt;&lt;section class="grid"&gt;
  &lt;div class="card"&gt;
    &lt;span class="badge"&gt;1. Meaning of Number Bases&lt;/span&gt;
    &lt;h2&gt;What are number bases?&lt;/h2&gt;
    &lt;p&gt;
      A number base tells us how many digits a counting system uses.
      The common bases are base 10, base 2, base 5, base 7, and base 8.
    &lt;/p&gt;
    &lt;p&gt;
      Base 10 uses digits &lt;strong&gt;0–9&lt;/strong&gt;. Base 2 uses only &lt;strong&gt;0 and 1&lt;/strong&gt;.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;div class="card"&gt;
    &lt;span class="badge"&gt;2. Base 10 to Another Base&lt;/span&gt;
    &lt;h2&gt;Method&lt;/h2&gt;
    &lt;p&gt;
      Divide the number repeatedly by the new base. Write the remainders from bottom to top.
    &lt;/p&gt;
    &lt;div class="formula"&gt;Example: 657₁₀ to base 7&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="card"&gt;
    &lt;span class="badge"&gt;3. Base 2 to Base 10&lt;/span&gt;
    &lt;h2&gt;Method&lt;/h2&gt;
    &lt;p&gt;
      Expand the binary number using powers of 2, starting from the right.
    &lt;/p&gt;
    &lt;div class="formula"&gt;1011₂ = 1×2³ + 0×2² + 1×2¹ + 1×2⁰&lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;section class="card"&gt;
  &lt;h2&gt;Worked Examples: Base 10 to Other Bases&lt;/h2&gt;&lt;div class="example"&gt;
    &lt;h3&gt;Example 1&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;657₁₀&lt;/strong&gt; to base seven.&lt;/p&gt;
    &lt;div class="formula"&gt;657 ÷ 7 = 93 remainder 6&lt;br&gt;93 ÷ 7 = 13 remainder 2&lt;br&gt;13 ÷ 7 = 1 remainder 6&lt;br&gt;1 ÷ 7 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 657₁₀ = 1626₇&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 2&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;27₁₀&lt;/strong&gt; to binary.&lt;/p&gt;
    &lt;div class="formula"&gt;27 ÷ 2 = 13 remainder 1&lt;br&gt;13 ÷ 2 = 6 remainder 1&lt;br&gt;6 ÷ 2 = 3 remainder 0&lt;br&gt;3 ÷ 2 = 1 remainder 1&lt;br&gt;1 ÷ 2 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 27₁₀ = 11011₂&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 3&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;41₁₀&lt;/strong&gt; to base two.&lt;/p&gt;
    &lt;div class="formula"&gt;41 ÷ 2 = 20 remainder 1&lt;br&gt;20 ÷ 2 = 10 remainder 0&lt;br&gt;10 ÷ 2 = 5 remainder 0&lt;br&gt;5 ÷ 2 = 2 remainder 1&lt;br&gt;2 ÷ 2 = 1 remainder 0&lt;br&gt;1 ÷ 2 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 41₁₀ = 101001₂&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 4&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;24₁₀&lt;/strong&gt; to binary.&lt;/p&gt;
    &lt;div class="formula"&gt;24 ÷ 2 = 12 remainder 0&lt;br&gt;12 ÷ 2 = 6 remainder 0&lt;br&gt;6 ÷ 2 = 3 remainder 0&lt;br&gt;3 ÷ 2 = 1 remainder 1&lt;br&gt;1 ÷ 2 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 24₁₀ = 11000₂&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 5&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;75₁₀&lt;/strong&gt; to base five.&lt;/p&gt;
    &lt;div class="formula"&gt;75 ÷ 5 = 15 remainder 0&lt;br&gt;15 ÷ 5 = 3 remainder 0&lt;br&gt;3 ÷ 5 = 0 remainder 3&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 75₁₀ = 300₅&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 6&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;1253₁₀&lt;/strong&gt; to base eight.&lt;/p&gt;
    &lt;div class="formula"&gt;1253 ÷ 8 = 156 remainder 5&lt;br&gt;156 ÷ 8 = 19 remainder 4&lt;br&gt;19 ÷ 8 = 2 remainder 3&lt;br&gt;2 ÷ 8 = 0 remainder 2&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 1253₁₀ = 2345₈&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 7&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;37₁₀&lt;/strong&gt; to base five.&lt;/p&gt;
    &lt;div class="formula"&gt;37 ÷ 5 = 7 remainder 2&lt;br&gt;7 ÷ 5 = 1 remainder 2&lt;br&gt;1 ÷ 5 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 37₁₀ = 122₅&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 8&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;37₁₀&lt;/strong&gt; to binary.&lt;/p&gt;
    &lt;div class="formula"&gt;37 ÷ 2 = 18 remainder 1&lt;br&gt;18 ÷ 2 = 9 remainder 0&lt;br&gt;9 ÷ 2 = 4 remainder 1&lt;br&gt;4 ÷ 2 = 2 remainder 0&lt;br&gt;2 ÷ 2 = 1 remainder 0&lt;br&gt;1 ÷ 2 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 37₁₀ = 100101₂&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 9&lt;/h3&gt;
    &lt;p&gt;Convert &lt;strong&gt;54₁₀&lt;/strong&gt; to binary.&lt;/p&gt;
    &lt;div class="formula"&gt;54 ÷ 2 = 27 remainder 0&lt;br&gt;27 ÷ 2 = 13 remainder 1&lt;br&gt;13 ÷ 2 = 6 remainder 1&lt;br&gt;6 ÷ 2 = 3 remainder 0&lt;br&gt;3 ÷ 2 = 1 remainder 1&lt;br&gt;1 ÷ 2 = 0 remainder 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 54₁₀ = 110110₂&lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;section class="card"&gt;
  &lt;h2&gt;Worked Examples: Binary to Base 10&lt;/h2&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 10&lt;/h3&gt;
    &lt;p&gt;Change &lt;strong&gt;11011₂&lt;/strong&gt; to base ten.&lt;/p&gt;
    &lt;div class="formula"&gt;11011₂ = 1×2⁴ + 1×2³ + 0×2² + 1×2¹ + 1×2⁰&lt;br&gt;= 16 + 8 + 0 + 2 + 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 11011₂ = 27₁₀&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 11&lt;/h3&gt;
    &lt;p&gt;Change &lt;strong&gt;11111₂&lt;/strong&gt; to base ten.&lt;/p&gt;
    &lt;div class="formula"&gt;11111₂ = 1×2⁴ + 1×2³ + 1×2² + 1×2¹ + 1×2⁰&lt;br&gt;= 16 + 8 + 4 + 2 + 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 11111₂ = 31₁₀&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 12&lt;/h3&gt;
    &lt;p&gt;What is the value of &lt;strong&gt;1111₂&lt;/strong&gt; in base ten?&lt;/p&gt;
    &lt;div class="formula"&gt;1111₂ = 1×2³ + 1×2² + 1×2¹ + 1×2⁰&lt;br&gt;= 8 + 4 + 2 + 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 1111₂ = 15₁₀&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 13&lt;/h3&gt;
    &lt;p&gt;Change &lt;strong&gt;11101₂&lt;/strong&gt; to base ten.&lt;/p&gt;
    &lt;div class="formula"&gt;11101₂ = 1×2⁴ + 1×2³ + 1×2² + 0×2¹ + 1×2⁰&lt;br&gt;= 16 + 8 + 4 + 0 + 1&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 11101₂ = 29₁₀&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="example"&gt;
    &lt;h3&gt;Example 14&lt;/h3&gt;
    &lt;p&gt;Change &lt;strong&gt;100100₂&lt;/strong&gt; to base ten.&lt;/p&gt;
    &lt;div class="formula"&gt;100100₂ = 1×2⁵ + 0×2⁴ + 0×2³ + 1×2² + 0×2¹ + 0×2⁰&lt;br&gt;= 32 + 4&lt;/div&gt;
    &lt;div class="answer"&gt;Answer: 100100₂ = 36₁₀&lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;section class="card"&gt;
  &lt;h2&gt;Quick Rule Summary&lt;/h2&gt;
  &lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;Type of Conversion&lt;/th&gt;
      &lt;th&gt;Method&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Base 10 to another base&lt;/td&gt;
      &lt;td&gt;Keep dividing by the new base and write the remainders from bottom to top.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Binary to Base 10&lt;/td&gt;
      &lt;td&gt;Expand using powers of 2, starting from the right.&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Understanding bases&lt;/td&gt;
      &lt;td&gt;The base shows how many digits are used in the number system.&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
&lt;/section&gt;

&lt;section class="card"&gt;
  &lt;h2&gt;Class Exercises&lt;/h2&gt;
  &lt;ol&gt;
    &lt;li&gt;Convert 46₁₀ to binary.&lt;/li&gt;
    &lt;li&gt;Convert 98₁₀ to base seven.&lt;/li&gt;
    &lt;li&gt;Convert 154₁₀ to base eight.&lt;/li&gt;
    &lt;li&gt;Change 10110₂ to base ten.&lt;/li&gt;
    &lt;li&gt;Change 110101₂ to base ten.&lt;/li&gt;
    &lt;li&gt;Convert 63₁₀ to base five.&lt;/li&gt;
    &lt;li&gt;Convert 45₁₀ to binary.&lt;/li&gt;
    &lt;li&gt;Change 100011₂ to base ten.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;div class="note"&gt;
    &lt;strong&gt;Teacher’s note:&lt;/strong&gt; Encourage learners to write each division step neatly and to read remainders from the bottom upward.
  &lt;/div&gt;
&lt;/section&gt;

&lt;div class="footer"&gt;JSS Mathematics Lesson on Number Bases&lt;/div&gt;

  &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;


&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="Number Bases Mathematics CBT quiz with 20 questions, 10-minute timer, one question per page, scoring, and corrections. Suitable for JSS 1 to JSS 3." /&gt;
  &lt;meta name="keywords" content="number bases, mathematics, CBT quiz, JSS quiz, base 2, base 5, base 10, binary, timed quiz" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;title&gt;Number Bases Mathematics CBT Quiz | 20 Questions | 10 Minutes&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #5b5bd6;
      --primary-dark: #3f3fb8;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --success: #0f766e;
      --danger: #b91c1c;
      --shadow: 0 10px 25px rgba(0,0,0,.06);
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      max-width: 1080px;
      margin: 0 auto;
      padding: 18px 12px 30px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);
      color: #fff;
      padding: 24px 18px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin-bottom: 16px;
    }
    .hero h1 { margin: 0 0 8px; font-size: clamp(26px, 4vw, 40px); line-height: 1.15; }
    .hero p { margin: 0 auto; max-width: 900px; opacity: .98; }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 16px;
      margin-bottom: 16px;
    }
    .note {
      background: #eef2ff;
      border: 1px solid #c7d2fe;
      color: #3730a3;
      border-radius: 14px;
      padding: 14px;
      text-align: left;
    }
    .topbar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-top: 14px;
      margin-bottom: 12px;
    }
    .timer {
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      border-radius: 12px;
      padding: 10px 14px;
      min-width: 96px;
    }
    .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
      margin-top: 12px;
    }
    button, .btn-link {
      border: 0;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
    }
    .btn-primary { background: var(--primary); color: #fff; }
    .btn-dark { background: #111827; color: #fff; }
    .btn-green { background: var(--success); color: #fff; }
    .btn-light { background: #e5e7eb; color: #111827; }
    button:disabled { opacity: .55; cursor: not-allowed; }
    .progress-bar {
      width: 100%;
      height: 10px;
      background: #e5e7eb;
      border-radius: 999px;
      overflow: hidden;
      margin-top: 10px;
    }
    .progress-fill {
      width: 0%;
      height: 100%;
      background: var(--primary);
      transition: width .2s ease;
    }
    .meta-row {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
      color: var(--muted);
      font-size: .95rem;
      margin-top: 8px;
    }
    .question-box {
      text-align: left;
      margin-top: 14px;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-box h3 { margin: 0 0 12px; }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: #fafafa;
    }
    .result-panel {
      display: none;
      text-align: left;
      margin-top: 18px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid #bbf7d0;
      background: #f0fdf4;
    }
    .result-panel h2 { margin-top: 0; color: var(--success); }
    .corrections { display: grid; gap: 10px; margin-top: 14px; }
    .correction {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 12px;
    }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    footer {
      margin-top: 20px;
      padding: 26px 18px;
      background: #111827;
      color: #e5e7eb;
      text-align: center;
    }
    footer a { color: #c7d2fe; text-decoration: none; }
    .copyright {
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid #374151;
      font-size: .88rem;
      color: #9ca3af;
    }
    @media (max-width: 768px) {
      .wrap { padding: 14px 10px 24px; }
      .hero { padding: 20px 14px; border-radius: 16px; }
      .card { padding: 14px; border-radius: 14px; }
      .question-box { padding: 14px; }
      .controls { justify-content: center; }
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;Number Bases Mathematics CBT Quiz&lt;/h1&gt;
      &lt;p&gt;20 questions | 10 minutes | One question at a time | Corrections at the end&lt;/p&gt;
    &lt;/section&gt;&lt;section class="card"&gt;
  &lt;div class="note"&gt;
    This quiz covers base 2, base 5, base 10, binary conversion, place values, and simple number base operations.
  &lt;/div&gt;

  &lt;div class="topbar"&gt;
    &lt;div&gt;
      &lt;h2 style="margin:0; color: var(--primary-dark);"&gt;Timed CBT Practice&lt;/h2&gt;
      &lt;div style="color: var(--muted); font-size: .95rem;"&gt;Answer each question before moving to the next.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="timer" id="timer"&gt;10:00&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="controls"&gt;
    &lt;button class="btn-primary" id="startBtn"&gt;Start Quiz&lt;/button&gt;
    &lt;button class="btn-dark" id="prevBtn" disabled&gt;Previous&lt;/button&gt;
    &lt;button class="btn-dark" id="nextBtn" disabled&gt;Next&lt;/button&gt;
    &lt;button class="btn-green" id="submitBtn" disabled&gt;Submit&lt;/button&gt;
    &lt;button class="btn-light" id="resetBtn"&gt;Reset&lt;/button&gt;
    &lt;a class="btn-link btn-dark" id="emailLink" href="mailto:edwinogielibrary@gmail.com?subject=Number%20Bases%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Number%20Bases%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you."&gt;Send Score by Email&lt;/a&gt;
  &lt;/div&gt;

  &lt;div style="margin-top:12px;"&gt;
    &lt;div class="meta-row"&gt;
      &lt;div id="progressText"&gt;Question 0 of 20&lt;/div&gt;
      &lt;div id="saveText"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="progress-bar"&gt;&lt;div class="progress-fill" id="progressFill"&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="question-box"&gt;
    &lt;div id="questionContainer"&gt;&lt;/div&gt;
  &lt;/div&gt;

  &lt;section class="result-panel" id="resultPanel"&gt;
    &lt;h2&gt;Quiz Result&lt;/h2&gt;
    &lt;p id="scoreText"&gt;&lt;/p&gt;
    &lt;p id="percentText"&gt;&lt;/p&gt;
    &lt;div class="corrections" id="correctionsList"&gt;&lt;/div&gt;
  &lt;/section&gt;
&lt;/section&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div&gt;
      &lt;strong&gt;Edwin Ogie Library&lt;/strong&gt;
      &lt;div style="margin-top:8px;"&gt;More learning resources for students and teachers.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;© &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "Which digits are used in base 2?", options: ["0 and 1", "1 and 2", "0 to 9", "2 and 3"], answer: 0, explanation: "Base 2 uses only 0 and 1." },
      { q: "What is 5 in binary?", options: ["100", "101", "110", "111"], answer: 1, explanation: "5 = 4 + 1 = 101." },
      { q: "What is 6 in binary?", options: ["100", "101", "110", "111"], answer: 2, explanation: "6 = 4 + 2 = 110." },
      { q: "What is 7 in binary?", options: ["100", "101", "110", "111"], answer: 3, explanation: "7 = 4 + 2 + 1 = 111." },
      { q: "What is the base of the decimal system?", options: ["2", "5", "10", "12"], answer: 2, explanation: "The decimal system is base 10." },
      { q: "What is 10 in binary?", options: ["1001", "1010", "1100", "1110"], answer: 1, explanation: "10 = 8 + 2 = 1010." },
      { q: "What is 8 in binary?", options: ["1000", "1001", "1010", "1111"], answer: 0, explanation: "8 = 1000 in binary." },
      { q: "What is the base 10 representation of 101?", options: ["3", "4", "5", "6"], answer: 2, explanation: "101₂ = 5₁₀." },
      { q: "Which of these is a valid base 5 digit?", options: ["5", "6", "4", "9"], answer: 2, explanation: "Base 5 uses digits 0,1,2,3,4." },
      { q: "What digits are used in base 5?", options: ["0-4", "0-5", "1-5", "0-9"], answer: 0, explanation: "Base 5 uses 0,1,2,3,4 only." },
      { q: "Which of these is NOT allowed in base 5?", options: ["0", "3", "4", "7"], answer: 3, explanation: "7 is not allowed in base 5." },
      { q: "What is 12 in binary?", options: ["1010", "1011", "1100", "1110"], answer: 2, explanation: "12 = 8 + 4 = 1100." },
      { q: "What is 9 in binary?", options: ["1001", "1010", "1011", "1100"], answer: 0, explanation: "9 = 8 + 1 = 1001." },
      { q: "What is 13 in binary?", options: ["1100", "1101", "1110", "1111"], answer: 1, explanation: "13 = 8 + 4 + 1 = 1101." },
      { q: "What is the base 10 value of 110?", options: ["4", "5", "6", "7"], answer: 2, explanation: "110₂ = 6₁₀." },
      { q: "What is the base 10 value of 111?", options: ["5", "6", "7", "8"], answer: 2, explanation: "111₂ = 7₁₀." },
      { q: "What is the base 10 value of 1000?", options: ["6", "7", "8", "9"], answer: 2, explanation: "1000₂ = 8₁₀." },
      { q: "What is the value of 2³?", options: ["4", "6", "8", "10"], answer: 2, explanation: "2³ = 8." },
      { q: "Which number is written correctly in base 5?", options: ["245", "432", "104", "789"], answer: 1, explanation: "All digits must be 0 to 4. 432 is valid." },
      { q: "What is 15 in binary?", options: ["1110", "1111", "1101", "1011"], answer: 1, explanation: "15 = 8 + 4 + 2 + 1 = 1111." }
    ];

    const container = document.getElementById('questionContainer');
    const startBtn = document.getElementById('startBtn');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const submitBtn = document.getElementById('submitBtn');
    const resetBtn = document.getElementById('resetBtn');
    const timerEl = document.getElementById('timer');
    const progressText = document.getElementById('progressText');
    const progressFill = document.getElementById('progressFill');
    const saveText = document.getElementById('saveText');
    const resultPanel = document.getElementById('resultPanel');
    const scoreText = document.getElementById('scoreText');
    const percentText = document.getElementById('percentText');
    const correctionsList = document.getElementById('correctionsList');

    let currentIndex = 0;
    let timeLeft = 600;
    let started = false;
    let timer = null;

    function formatTime(seconds) {
      const m = Math.floor(seconds / 60).toString().padStart(2, '0');
      const s = (seconds % 60).toString().padStart(2, '0');
      return `${m}:${s}`;
    }

    function renderQuestion() {
      const item = questions[currentIndex];
      const key = `q${currentIndex}`;
      const saved = sessionStorage.getItem(key);
      const optionsHtml = item.options.map((opt, i) =&gt; `
        &lt;label class="option"&gt;
          &lt;input type="radio" name="${key}" value="${i}" ${saved === String(i) ? 'checked' : ''} /&gt;
          &lt;span&gt;${String.fromCharCode(65 + i)}. ${opt}&lt;/span&gt;
        &lt;/label&gt;
      `).join('');

      container.innerHTML = `
        &lt;h3&gt;${currentIndex + 1}. ${item.q}&lt;/h3&gt;
        &lt;div class="options"&gt;${optionsHtml}&lt;/div&gt;
      `;

      progressText.textContent = `Question ${currentIndex + 1} of ${questions.length}`;
      progressFill.style.width = `${((currentIndex + 1) / questions.length) * 100}%`;
      prevBtn.disabled = currentIndex === 0;
      nextBtn.disabled = currentIndex === questions.length - 1;
      submitBtn.disabled = !started;
      saveText.textContent = saved !== null ? 'Saved answer loaded' : '';
    }

    function saveCurrentAnswer() {
      const selected = document.querySelector(`input[name="q${currentIndex}"]:checked`);
      if (selected) {
        sessionStorage.setItem(`q${currentIndex}`, selected.value);
        saveText.textContent = 'Answer saved';
      }
    }

    function updateTimer() {
      timerEl.textContent = formatTime(timeLeft);
      if (timeLeft &lt;= 60) {
        timerEl.style.background = '#fee2e2';
        timerEl.style.borderColor = '#fca5a5';
      }
      if (timeLeft &lt;= 0) {
        clearInterval(timer);
        submitQuiz(true);
        return;
      }
      timeLeft -= 1;
    }

    function startQuiz() {
      if (started) return;
      started = true;
      startBtn.disabled = true;
      submitBtn.disabled = false;
      prevBtn.disabled = false;
      nextBtn.disabled = false;
      timer = setInterval(updateTimer, 1000);
      updateTimer();
      renderQuestion();
    }

    function goNext() {
      saveCurrentAnswer();
      if (currentIndex &lt; questions.length - 1) {
        currentIndex += 1;
        renderQuestion();
      }
    }

    function goPrev() {
      saveCurrentAnswer();
      if (currentIndex &gt; 0) {
        currentIndex -= 1;
        renderQuestion();
      }
    }

    function submitQuiz(auto = false) {
      if (!started &amp;&amp; !auto) return;
      saveCurrentAnswer();
      clearInterval(timer);
      started = false;
      submitBtn.disabled = true;
      startBtn.disabled = true;
      nextBtn.disabled = true;
      prevBtn.disabled = true;

      let score = 0;
      const corrections = [];
      questions.forEach((item, idx) =&gt; {
        const selected = sessionStorage.getItem(`q${idx}`);
        const userAnswer = selected === null ? null : parseInt(selected, 10);
        const isCorrect = userAnswer === item.answer;
        if (isCorrect) score += 1;
        corrections.push({
          number: idx + 1,
          question: item.q,
          userAnswer: userAnswer === null ? 'No answer' : `${String.fromCharCode(65 + userAnswer)}. ${item.options[userAnswer]}`,
          correctAnswer: `${String.fromCharCode(65 + item.answer)}. ${item.options[item.answer]}`,
          explanation: item.explanation,
          isCorrect
        });
      });

      const percent = Math.round((score / questions.length) * 100);
      scoreText.innerHTML = `Total Score: &lt;strong&gt;${score} / ${questions.length}&lt;/strong&gt;`;
      percentText.innerHTML = `Percentage: &lt;strong&gt;${percent}%&lt;/strong&gt;`;
      correctionsList.innerHTML = corrections.map(c =&gt; `
        &lt;div class="correction"&gt;
          &lt;div&gt;&lt;strong&gt;Question ${c.number}:&lt;/strong&gt; ${c.question}&lt;/div&gt;
          &lt;div class="${c.isCorrect ? 'correct' : 'wrong'}"&gt;Your Answer: ${c.userAnswer}&lt;/div&gt;
          &lt;div class="correct"&gt;Correct Answer: ${c.correctAnswer}&lt;/div&gt;
          &lt;div&gt;Correction: ${c.explanation}&lt;/div&gt;
        &lt;/div&gt;
      `).join('');
      resultPanel.style.display = 'block';
      resultPanel.scrollIntoView({ behavior: 'smooth' });

      const subject = encodeURIComponent('Number Bases Mathematics CBT Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the Number Bases CBT quiz.\n\nScore: ${score} / ${questions.length}\nPercentage: ${percent}%\n\nThank you.`);
      document.getElementById('emailLink').href = `mailto:edwinogielibrary@gmail.com?subject=${subject}&amp;body=${body}`;
    }

    function resetQuiz() {
      clearInterval(timer);
      currentIndex = 0;
      timeLeft = 600;
      started = false;
      sessionStorage.clear();
      startBtn.disabled = false;
      prevBtn.disabled = true;
      nextBtn.disabled = true;
      submitBtn.disabled = true;
      timerEl.textContent = '10:00';
      timerEl.style.background = '#fef2f2';
      timerEl.style.borderColor = '#fecaca';
      resultPanel.style.display = 'none';
      scoreText.textContent = '';
      percentText.textContent = '';
      correctionsList.innerHTML = '';
      saveText.textContent = '';
      renderQuestion();
      document.getElementById('emailLink').href = 'mailto:edwinogielibrary@gmail.com?subject=Number%20Bases%20CBT%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20Number%20Bases%20CBT%20quiz.%0A%0AScore:%20%0APercentage:%20%0A%0AThank%20you.';
    }

    startBtn.addEventListener('click', startQuiz);
    prevBtn.addEventListener('click', goPrev);
    nextBtn.addEventListener('click', goNext);
    submitBtn.addEventListener('click', function (e) { e.preventDefault(); submitQuiz(false); });
    resetBtn.addEventListener('click', resetQuiz);

    renderQuestion();
    document.getElementById('year').textContent = new Date().getFullYear();
  &lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;
&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/jss-number-bases-lesson.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-2783518113889455749</guid><pubDate>Tue, 14 Apr 2026 07:21:03 +0000</pubDate><atom:updated>2026-04-13T21:00:30.171-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">English language</category><category domain="http://www.blogger.com/atom/ns#">JSS Two</category><title>         Edwin Ogie Library         Quality educational content for Nigerian learners, teachers, and schools</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="JSS 1 to JSS 3 English Studies full web book for Nigerian junior secondary school with scheme of work, thoroughly treated topics, step-by-step examples, quick brain tests, CBT-style revision practice, external learning resources, and Edwin Ogie Library footer." /&gt;
  &lt;meta name="keywords" content="JSS 1 English, JSS 2 English, JSS 3 English, Nigerian scheme of work, English Studies, grammar, comprehension, essay writing, oral English, literature, CBT quiz, Edwin Ogie Library" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;meta property="og:title" content="JSS 1 to JSS 3 English Studies Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready English Studies web book for JSS 1, JSS 2, and JSS 3 with schemes of work, topics, examples, brain tests, and revision practice." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;title&gt;JSS 1 to JSS 3 English Studies Full Web Book | Edwin Ogie Library&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #6a5acd;
      --primary-dark: #4b3fb1;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #eef2ff;
      --success: #0f766e;
      --danger: #b91c1c;
      --warning: #92400e;
      --shadow: 0 10px 25px rgba(0,0,0,0.06);
      --link: #2563eb;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 20px 12px 34px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);
      color: #fff;
      padding: 28px 22px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      width: 100%;
    }
    .hero h1 {
      margin: 0 0 10px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.15;
    }
    .hero p { margin: 0; max-width: 1050px; opacity: 0.97; margin-left: auto; margin-right: auto; }
    .breadcrumbs {
      margin: 14px 0 18px;
      font-size: 0.95rem;
      color: var(--muted);
      text-align: center;
    }
    .breadcrumbs a { color: var(--primary-dark); text-decoration: none; }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      align-items: start;
      justify-items: center;
    }
    .content-col, .sidebar-col { width: 100%; }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 16px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      text-align: center;
      width: 100%;
    }
    .card h2, .card h3 { margin-top: 0; color: var(--primary-dark); }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }
    .callout {
      padding: 16px;
      border-radius: 14px;
      background: #ecfeff;
      border: 1px solid #a5f3fc;
      color: #155e75;
      text-align: center;
    }
    .topic-box {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      margin-bottom: 12px;
    }
    .topic-box h3 { margin-top: 0; color: var(--primary-dark); }
    .topic-box p { margin-bottom: 0.6rem; }
    .mini-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .mini-card {
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      text-align: left;
    }
    .table-wrap {
      overflow-x: auto;
      border-radius: 16px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow);
      background: #fff;
      margin: 0 auto 18px;
      width: 100%;
    }
    table {
      width: 100%;
      min-width: 860px;
      border-collapse: collapse;
      text-align: left;
    }
    caption {
      text-align: center;
      padding: 16px 18px 10px;
      font-weight: 700;
      color: var(--primary-dark);
      font-size: 1.05rem;
    }
    thead th {
      background: var(--primary);
      color: #fff;
      text-align: left;
      padding: 14px 12px;
      white-space: nowrap;
    }
    tbody td {
      padding: 12px;
      border-top: 1px solid var(--border);
      vertical-align: top;
    }
    tbody tr:nth-child(even) { background: #fafbff; }
    .resource-links a,
    .sidebar-links a,
    .mini-card a { color: var(--link); text-decoration: none; font-weight: 700; }
    .resource-links a:hover,
    .sidebar-links a:hover,
    .mini-card a:hover { text-decoration: underline; }
    .external-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
      margin-top: 14px;
      justify-items: center;
    }
    .external-card {
      width: 100%;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      text-align: left;
    }
    .small-note { font-size: 0.92rem; color: var(--muted); margin-top: 8px; }
    .quiz-box {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 18px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      width: 100%;
    }
    .quiz-head {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px;
      text-align: center;
    }
    .timer {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      padding: 10px 14px;
      border-radius: 12px;
    }
    .controls { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    button, .btn-link {
      border: none; outline: none; cursor: pointer; padding: 12px 16px; border-radius: 12px; font-weight: 700; text-decoration: none; display: inline-block; transition: transform 0.15s ease, opacity 0.15s ease;
    }
    button:hover, .btn-link:hover { transform: translateY(-1px); }
    .question-panel {
      margin-top: 18px;
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-panel h4 { margin: 0 0 12px; font-size: 1.02rem; color: var(--text); }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: #fafafa;
    }
    .progress { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; gap: 10px; flex-wrap: wrap; }
    .progress-bar { width: 100%; height: 10px; background: #e5e7eb; border-radius: 999px; overflow: hidden; margin-top: 8px; }
    .progress-fill { height: 100%; width: 0%; background: var(--primary); transition: width 0.2s ease; }
    .result-panel {
      display: none; margin-top: 18px; padding: 16px; border-radius: 14px; background: #f0fdf4; border: 1px solid #bbf7d0; text-align: left;
    }
    .result-panel h3 { margin-top: 0; color: var(--success); }
    .corrections { margin-top: 14px; display: grid; gap: 10px; }
    .correction { padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--border); }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    .note { margin-top: 14px; padding: 16px; background: #fff7ed; border-left: 4px solid #f59e0b; border-radius: 12px; color: #7c2d12; text-align: left; }
    footer {
      background: #111827; color: #f9fafb; padding: 40px 20px 30px; margin-top: 30px; text-align: center;
    }
    footer .footer-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; justify-items: center; }
    footer h2, footer h3 { color: #fff; margin-top: 0; }
    footer p, footer li { color: #d1d5db; text-align: center; }
    footer ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    footer a { color: #c7d2fe; text-decoration: none; }
    .copyright { border-top: 1px solid #374151; margin-top: 30px; padding-top: 18px; text-align: center; font-size: 0.85rem; color: #9ca3af; max-width: 1180px; margin-left: auto; margin-right: auto; }
    .toc a { display: block; padding: 8px 0; border-bottom: 1px solid #f1f5f9; color: var(--primary-dark); text-decoration: none; }
    .toc a:last-child { border-bottom: 0; }
    .brain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: 14px; }
    .brain-card { text-align: left; border: 1px solid var(--border); border-radius: 14px; padding: 14px; background: #fff; }
    .brain-card summary { cursor: pointer; font-weight: 700; color: var(--warning); }
    .brain-card p { margin-bottom: 0; }
    @media (max-width: 900px) { .layout { grid-template-columns: 1fr; } }
    @media (max-width: 768px) {
      .wrap { padding: 16px 10px 30px; }
      .hero { padding: 22px 16px; border-radius: 16px; }
      .card, .quiz-box { border-radius: 14px; padding: 14px; }
      .table-wrap { border-radius: 14px; }
      table { min-width: 760px; }
      .btn-row, .controls { justify-content: center; }
      .question-panel { padding: 14px; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "JSS 1 to JSS 3 English Studies Full Web Book",
    "description": "A comprehensive SEO-ready JSS 1 to JSS 3 English Studies web book with scheme of work, topics, examples, brain tests, and CBT quiz.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG"
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;JSS 1 to JSS 3 English Studies Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete junior secondary English learning page for JSS 1, JSS 2, and JSS 3. Each class is arranged with a full scheme of work, thoroughly treated topics, short examples, quick brain tests, and revision support for exam readiness.&lt;/p&gt;
    &lt;/section&gt;&lt;div class="breadcrumbs"&gt;
  &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt; / &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt; / English Studies / JSS 1 to JSS 3
&lt;/div&gt;

&lt;div class="layout"&gt;
  &lt;div class="content-col"&gt;
    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;English Studies&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;English Studies at junior secondary level builds the learner’s skill in grammar, reading, writing, listening, speaking, and literature. This page is arranged in the same web book style for easy blog publishing and classroom use.&lt;/p&gt;
      &lt;div class="callout"&gt;&lt;strong&gt;How to use this page:&lt;/strong&gt; study the scheme of work for each class, read the topic notes, answer the brain tests, and revise regularly.&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;JSS 1 Third Term&lt;/span&gt;
      &lt;h2&gt;JSS 1 English Studies Third Term Scheme of Work&lt;/h2&gt;
      &lt;div class="table-wrap"&gt;
        &lt;table&gt;
          &lt;caption&gt;JSS 1 English Studies Third Term Scheme of Work&lt;/caption&gt;
          &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Revision of Second Term Work&lt;/td&gt;&lt;td&gt;Review of grammar, reading, speech work and writing.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Vowels and consonants, pronunciation and articulation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Parts of Speech&lt;/td&gt;&lt;td&gt;Nouns, pronouns, verbs, adjectives and adverbs.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Sentence Structure&lt;/td&gt;&lt;td&gt;Simple sentences and correct sentence formation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Tenses&lt;/td&gt;&lt;td&gt;Present, past and future tenses.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Reading Comprehension&lt;/td&gt;&lt;td&gt;Main idea, details and simple inference.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Vocabulary Development&lt;/td&gt;&lt;td&gt;Synonyms, antonyms and spelling practice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Writing Skills&lt;/td&gt;&lt;td&gt;Narrative composition and paragraph writing.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Prepositions and conjunctions.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Literature&lt;/td&gt;&lt;td&gt;Introduction to prose, poetry and drama.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Oral English&lt;/td&gt;&lt;td&gt;Stress and intonation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;General revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;End of term assessment.&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 1: Parts of Speech&lt;/h3&gt;
        &lt;p&gt;Parts of speech are word classes used to form correct sentences. At JSS 1 level, learners should identify and use nouns, pronouns, verbs, adjectives, adverbs, prepositions and conjunctions.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; The girl is reading a book.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Identify the noun in the sentence: &lt;em&gt;The boy kicked the ball.&lt;/em&gt;&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; boy and ball.&lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 2: Tenses&lt;/h3&gt;
        &lt;p&gt;Tenses show time. Students should understand the present, past and future forms of verbs.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; I play, I played, I will play.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Change &lt;em&gt;She write a letter&lt;/em&gt; to past tense.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; She wrote a letter.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;JSS 2 Third Term&lt;/span&gt;
      &lt;h2&gt;JSS 2 English Studies Third Term Scheme of Work&lt;/h2&gt;
      &lt;div class="table-wrap"&gt;
        &lt;table&gt;
          &lt;caption&gt;JSS 2 English Studies Third Term Scheme of Work&lt;/caption&gt;
          &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Revision of Second Term Work&lt;/td&gt;&lt;td&gt;Review of prior topics for reinforcement.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Stress, rhythm and intonation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Tenses and concord.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Sentence Structure&lt;/td&gt;&lt;td&gt;Compound and complex sentences.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Reading Comprehension&lt;/td&gt;&lt;td&gt;Fact, inference and interpretation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Writing Skills&lt;/td&gt;&lt;td&gt;Descriptive composition.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Direct and indirect speech.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Vocabulary Development&lt;/td&gt;&lt;td&gt;Idioms and phrasal verbs.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Letter Writing&lt;/td&gt;&lt;td&gt;Formal and informal letters.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Literature&lt;/td&gt;&lt;td&gt;Prose and poetry appreciation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Oral English&lt;/td&gt;&lt;td&gt;Question tags and emphasis.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;General revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;End of term assessment.&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 1: Direct and Indirect Speech&lt;/h3&gt;
        &lt;p&gt;Direct speech reports the exact words spoken. Indirect speech reports the meaning without quotation marks.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Direct: She said, “I am hungry.” Indirect: She said that she was hungry.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Change &lt;em&gt;He said, “I am tired”&lt;/em&gt; to indirect speech.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; He said that he was tired.&lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 2: Letter Writing&lt;/h3&gt;
        &lt;p&gt;Students should know the correct format for formal and informal letters, including address, salutation, body and closing.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; An informal letter to a friend about school activities.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; What comes first in a formal letter?&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; The sender’s address.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;JSS 3 Third Term&lt;/span&gt;
      &lt;h2&gt;JSS 3 English Studies Third Term Scheme of Work&lt;/h2&gt;
      &lt;div class="table-wrap"&gt;
        &lt;table&gt;
          &lt;caption&gt;JSS 3 English Studies Third Term Scheme of Work&lt;/caption&gt;
          &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Revision of Second Term Work&lt;/td&gt;&lt;td&gt;Full review of grammar, comprehension and writing.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Stress, intonation and rhythm patterns.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Clauses and sentence transformation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Reading Comprehension&lt;/td&gt;&lt;td&gt;Summary and inferential questions.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Vocabulary Development&lt;/td&gt;&lt;td&gt;Word formation, homonyms and homophones.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Writing Skills&lt;/td&gt;&lt;td&gt;Argumentative essay.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Active and passive voice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Oral English&lt;/td&gt;&lt;td&gt;Debate and public speaking.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Letter Writing&lt;/td&gt;&lt;td&gt;Formal writing practice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Literature&lt;/td&gt;&lt;td&gt;Prose, drama and poetry revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Exam Practice&lt;/td&gt;&lt;td&gt;Objective and theory practice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;Final revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;End of term assessment.&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 1: Active and Passive Voice&lt;/h3&gt;
        &lt;p&gt;In active voice, the subject does the action. In passive voice, the subject receives the action.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Active: The boy kicked the ball. Passive: The ball was kicked by the boy.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Change &lt;em&gt;The teacher praised the students&lt;/em&gt; to passive voice.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; The students were praised by the teacher.&lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 2: Argumentative Essay&lt;/h3&gt;
        &lt;p&gt;An argumentative essay presents reasons for or against a topic. It should have an introduction, body and conclusion.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example topic:&lt;/strong&gt; Children should use mobile phones in school.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; What is the purpose of the conclusion?&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; To summarize the writer’s final position.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Quick Revision&lt;/span&gt;
      &lt;h2&gt;Common English Topics Across JSS 1 to JSS 3&lt;/h2&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Grammar&lt;/h3&gt;&lt;p&gt;Parts of speech, tenses, concord, speech forms, sentence patterns.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Reading&lt;/h3&gt;&lt;p&gt;Comprehension, inference, summary, vocabulary in context.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Writing&lt;/h3&gt;&lt;p&gt;Essay writing, letters, reports, speeches and descriptions.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Oral English&lt;/h3&gt;&lt;p&gt;Stress, intonation, pronunciation and rhythm.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;External Resources&lt;/span&gt;
      &lt;h2&gt;Helpful Study Resources&lt;/h2&gt;
      &lt;div class="external-grid"&gt;
        &lt;div class="external-card"&gt;&lt;h3&gt;Grammar Practice&lt;/h3&gt;&lt;p&gt;Use this section to revise word classes and sentence structure regularly.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;h3&gt;Composition Practice&lt;/h3&gt;&lt;p&gt;Write short essays weekly to improve fluency and organization.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;h3&gt;Oral English&lt;/h3&gt;&lt;p&gt;Read aloud and practice stress patterns with a teacher or partner.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;p class="small-note"&gt;You may add your own internal blog links here for each topic page later.&lt;/p&gt;
    &lt;/section&gt;

    &lt;section class="quiz-box"&gt;
      &lt;div class="quiz-head"&gt;
        &lt;div&gt;
          &lt;span class="badge"&gt;Revision Quiz&lt;/span&gt;
          &lt;h2&gt;30-Question CBT Practice Area&lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class="timer"&gt;Timer: 30 Minutes&lt;/div&gt;
      &lt;/div&gt;
   
    &lt;/section&gt;
  &lt;/div&gt;

  &lt;aside class="sidebar-col"&gt;
    &lt;section class="card toc"&gt;
      &lt;span class="badge"&gt;Table of Contents&lt;/span&gt;
      &lt;h2&gt;Quick Navigation&lt;/h2&gt;
      &lt;a href="#jss1"&gt;JSS 1&lt;/a&gt;
      &lt;a href="#jss2"&gt;JSS 2&lt;/a&gt;
      &lt;a href="#jss3"&gt;JSS 3&lt;/a&gt;
      &lt;a href="#bearings"&gt;JSS 3 Topics Style&lt;/a&gt;
      &lt;a href="#loci"&gt;Loci Sample&lt;/a&gt;
    &lt;/section&gt;

    &lt;section class="card sidebar-links"&gt;
      &lt;span class="badge"&gt;Study Tips&lt;/span&gt;
      &lt;h2&gt;How to Excel in English&lt;/h2&gt;
      &lt;p&gt;Read every day, write short essays often, and learn five new words weekly.&lt;/p&gt;
      &lt;p&gt;Practice oral English aloud so pronunciation and confidence improve together.&lt;/p&gt;
    &lt;/section&gt;
  &lt;/aside&gt;
&lt;/div&gt;
&lt;section class="card" id="jss2-first-term"&gt;
&lt;span class="badge"&gt;JSS 2 First Term&lt;/span&gt;
&lt;h2&gt;JSS 2 English Language First Term: First Three Topics&lt;/h2&gt;
&lt;p&gt;This section starts the JSS 2 first-term web book with the opening three topics, written in a detailed classroom style for blog use, lesson revision, and BECE preparation.&lt;/p&gt;
&lt;div class="callout"&gt;&lt;strong&gt;Study guide:&lt;/strong&gt; read each topic carefully, learn the examples, answer the quick brain tests, and then attempt the 30-question CBT quiz under a 10-minute timer.&lt;/div&gt;

&lt;div class="table-wrap"&gt;
  &lt;table&gt;
    &lt;caption&gt;JSS 2 English Language First Term: Opening Three Topics&lt;/caption&gt;
    &lt;thead&gt;
      &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Revision of pure vowel sounds, pronunciation, listening and speaking practice.&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Grammar / Structure&lt;/td&gt;&lt;td&gt;Revision of parts of speech, sentence building and correct word use.&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Reading &amp;amp; Composition&lt;/td&gt;&lt;td&gt;Reading to understand the writer’s purpose and writing outline for a narrative essay.&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/div&gt;

&lt;section class="topic-box"&gt;
  &lt;h3&gt;Topic 1: Speech Work — Revision of Pure Vowel Sounds&lt;/h3&gt;
  &lt;p&gt;Speech work helps students speak English clearly and correctly. At this level, pupils revise pure vowel sounds so that they can pronounce words accurately and avoid common pronunciation errors.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;What are pure vowel sounds?&lt;/strong&gt; Pure vowel sounds are short or long vowel sounds that are pronounced without gliding to another sound. They are the foundation of clear speech in English.&lt;/p&gt;
  &lt;div class="mini-grid"&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Short vowels&lt;/h3&gt;&lt;p&gt;/ɪ/, /e/, /æ/, /ʌ/, /ɒ/, /ʊ/ are examples of short vowel sounds.&lt;/p&gt;&lt;/div&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Long vowels&lt;/h3&gt;&lt;p&gt;/iː/, /ɑː/, /ɔː/, /uː/, /ɜː/ are examples of long vowel sounds.&lt;/p&gt;&lt;/div&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Importance&lt;/h3&gt;&lt;p&gt;Correct vowels improve pronunciation, spelling and listening comprehension.&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;h3&gt;Worked examples&lt;/h3&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Which vowel sound is heard in &lt;em&gt;sit&lt;/em&gt;?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Say the word slowly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The middle sound is short.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: /ɪ/.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Which vowel sound is heard in &lt;em&gt;see&lt;/em&gt;?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Pronounce the word carefully.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The vowel is long.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: /iː/.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the vowel sound in &lt;em&gt;book&lt;/em&gt;?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Focus on the middle sound.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is a short back vowel.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: /ʊ/.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What vowel sound is heard in &lt;em&gt;food&lt;/em&gt;?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Listen to the long sound in the word.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is a close back vowel.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: /uː/.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Pronounce the word &lt;em&gt;cat&lt;/em&gt; correctly and identify the vowel.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Say the word aloud.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The sound is open and short.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: /æ/.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Which vowel sound is found in &lt;em&gt;car&lt;/em&gt;?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Listen to the middle sound.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is a long open vowel.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: /ɑː/.&lt;/p&gt;&lt;/div&gt;
  &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
  &lt;div class="brain-grid"&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;1. What is speech work?&lt;/summary&gt;&lt;p&gt;Practice that improves pronunciation and speaking.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;2. Give one short vowel sound.&lt;/summary&gt;&lt;p&gt;/ɪ/, /e/, /æ/, /ʌ/, /ɒ/, or /ʊ/.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;3. Give one long vowel sound.&lt;/summary&gt;&lt;p&gt;/iː/, /ɑː/, /ɔː/, /uː/, or /ɜː/.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;4. Vowel in “sit”?&lt;/summary&gt;&lt;p&gt;/ɪ/.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;5. Vowel in “see”?&lt;/summary&gt;&lt;p&gt;/iː/.&lt;/p&gt;&lt;/details&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;section class="topic-box"&gt;
  &lt;h3&gt;Topic 2: Grammar / Structure — Revision of Parts of Speech&lt;/h3&gt;
  &lt;p&gt;Grammar gives order and accuracy to language. In JSS 2, students revise parts of speech so that they can identify words correctly and use them to form meaningful sentences.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Parts of speech&lt;/strong&gt; are the classes into which English words are grouped according to their function in a sentence.&lt;/p&gt;
  &lt;div class="mini-grid"&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Noun&lt;/h3&gt;&lt;p&gt;A naming word: girl, school, Abuja, book.&lt;/p&gt;&lt;/div&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Pronoun&lt;/h3&gt;&lt;p&gt;A word used instead of a noun: he, she, they, it.&lt;/p&gt;&lt;/div&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Verb&lt;/h3&gt;&lt;p&gt;An action or doing word: run, eat, speak, write.&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;h3&gt;Worked examples&lt;/h3&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Identify the noun in the sentence: &lt;em&gt;The teacher praised the student.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look for naming words.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The naming words are teacher and student.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: teacher, student.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Identify the verb in the sentence: &lt;em&gt;They sing beautifully.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the action word.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The action word is sing.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: sing.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Replace the noun with a pronoun: &lt;em&gt;Ada is my friend.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the noun Ada.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Replace it with a suitable pronoun.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: She is my friend.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Identify the adjective in: &lt;em&gt;The tall boy ran fast.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the word that describes the noun.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Tall describes boy.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: tall.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What part of speech is &lt;em&gt;quickly&lt;/em&gt; in the sentence: &lt;em&gt;He walked quickly.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Ask what the word tells us.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It tells how the action was done.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: adverb.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What part of speech is &lt;em&gt;and&lt;/em&gt; in the sentence: &lt;em&gt;Blessing and Joy came early.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the joining word.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It joins two nouns.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: conjunction.&lt;/p&gt;&lt;/div&gt;
  &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
  &lt;div class="brain-grid"&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;1. A naming word is?&lt;/summary&gt;&lt;p&gt;Noun.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;2. A word used instead of a noun is?&lt;/summary&gt;&lt;p&gt;Pronoun.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;3. An action word is?&lt;/summary&gt;&lt;p&gt;Verb.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;4. A describing word is?&lt;/summary&gt;&lt;p&gt;Adjective.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;5. A word that joins words or clauses is?&lt;/summary&gt;&lt;p&gt;Conjunction.&lt;/p&gt;&lt;/details&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;section class="topic-box"&gt;
  &lt;h3&gt;Topic 3: Reading and Composition — Reading to Understand the Writer’s Purpose&lt;/h3&gt;
  &lt;p&gt;Reading comprehension trains students to read carefully and understand what the writer wants to communicate. The writer’s purpose may be to inform, persuade, entertain, describe or advise.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Writer’s purpose&lt;/strong&gt; means the reason the writer composed the passage.&lt;/p&gt;
  &lt;div class="mini-grid"&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Inform&lt;/h3&gt;&lt;p&gt;To give facts and knowledge.&lt;/p&gt;&lt;/div&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Persuade&lt;/h3&gt;&lt;p&gt;To convince the reader.&lt;/p&gt;&lt;/div&gt;
    &lt;div class="mini-card"&gt;&lt;h3&gt;Entertain&lt;/h3&gt;&lt;p&gt;To amuse or interest the reader.&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;h3&gt;Worked examples&lt;/h3&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the writer’s purpose in a passage about how to keep the school clean?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Ask what the passage is doing.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is giving advice and information.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to inform and advise.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A story about a clever boy who outwits a thief is written mainly to do what?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the type of passage.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is a story for interest.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to entertain.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A passage encouraging students to read every day has what purpose?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Notice the persuasive language.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is trying to make the reader act.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to persuade.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the likely purpose of a passage describing a market scene?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the descriptive details.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The passage paints a picture.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to describe.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; In a comprehension passage, why should a student read the title first?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think about the title’s role.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It gives a clue to the subject.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to predict the topic and purpose.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What should a reader do after reading a passage once?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Read again for meaning.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Look for main ideas and details.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: read again carefully and note the main idea.&lt;/p&gt;&lt;/div&gt;
  &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
  &lt;div class="brain-grid"&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;1. To give facts is to?&lt;/summary&gt;&lt;p&gt;Inform.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;2. To convince is to?&lt;/summary&gt;&lt;p&gt;Persuade.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;3. To amuse is to?&lt;/summary&gt;&lt;p&gt;Entertain.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;4. To paint a picture with words is to?&lt;/summary&gt;&lt;p&gt;Describe.&lt;/p&gt;&lt;/details&gt;
    &lt;details class="brain-card"&gt;&lt;summary&gt;5. The writer’s purpose means?&lt;/summary&gt;&lt;p&gt;The reason for writing.&lt;/p&gt;&lt;/details&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;section class="quiz-box" id="jss2-first-term-quiz"&gt;
  &lt;div class="quiz-head"&gt;
    &lt;div&gt;
      &lt;span class="badge"&gt;CBT Practice&lt;/span&gt;
      &lt;h2&gt;10-Minute 30-Question CBT Quiz&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class="timer" id="quizTimer"&gt;Time Left: 10:00&lt;/div&gt;
  &lt;/div&gt;
  &lt;p&gt;Choose the correct option for each question. The quiz is timed for 10 minutes.&lt;/p&gt;
  &lt;div class="controls"&gt;
    &lt;button type="button" onclick="startQuizTimer()"&gt;Start Timer&lt;/button&gt;
    &lt;button type="button" onclick="submitQuiz()"&gt;Submit Answers&lt;/button&gt;
    &lt;button type="button" onclick="resetQuiz()"&gt;Reset&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="progress"&gt;
    &lt;div style="width:100%"&gt;
      &lt;div class="progress-bar"&gt;&lt;div class="progress-fill" id="progressFill"&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;small class="small-note" id="progressText"&gt;0 of 30 answered&lt;/small&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;form id="quizForm"&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;1. What does speech work mainly improve?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q1" value="A"&gt; A. Drawing skills&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q1" value="B"&gt; B. Pronunciation and speaking&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q1" value="C"&gt; C. Counting numbers&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q1" value="D"&gt; D. Handwriting only&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;2. Which is a pure vowel sound?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q2" value="A"&gt; A. /t/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q2" value="B"&gt; B. /ɪ/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q2" value="C"&gt; C. /s/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q2" value="D"&gt; D. /m/&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;3. Which sound is heard in “see”?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q3" value="A"&gt; A. /iː/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q3" value="B"&gt; B. /ʊ/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q3" value="C"&gt; C. /e/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q3" value="D"&gt; D. /ɒ/&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;4. A naming word is called a ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q4" value="A"&gt; A. noun&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q4" value="B"&gt; B. verb&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q4" value="C"&gt; C. pronoun&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q4" value="D"&gt; D. adverb&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;5. Which word is a pronoun?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q5" value="A"&gt; A. school&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q5" value="B"&gt; B. they&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q5" value="C"&gt; C. read&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q5" value="D"&gt; D. beautiful&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;6. The action word in a sentence is the ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q6" value="A"&gt; A. noun&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q6" value="B"&gt; B. verb&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q6" value="C"&gt; C. adjective&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q6" value="D"&gt; D. preposition&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;7. Which part of speech describes a noun?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q7" value="A"&gt; A. adjective&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q7" value="B"&gt; B. conjunction&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q7" value="C"&gt; C. interjection&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q7" value="D"&gt; D. article&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;8. In the sentence “The boy kicked the ball,” the nouns are ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q8" value="A"&gt; A. kicked and the&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q8" value="B"&gt; B. boy and ball&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q8" value="C"&gt; C. the and kicked&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q8" value="D"&gt; D. boy and kicked&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;9. Which word is an adverb?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q9" value="A"&gt; A. quickly&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q9" value="B"&gt; B. table&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q9" value="C"&gt; C. eat&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q9" value="D"&gt; D. blue&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;10. Which word is a conjunction?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q10" value="A"&gt; A. and&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q10" value="B"&gt; B. tall&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q10" value="C"&gt; C. under&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q10" value="D"&gt; D. he&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;11. Reading comprehension helps students to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q11" value="A"&gt; A. understand passages&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q11" value="B"&gt; B. sleep better&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q11" value="C"&gt; C. draw pictures&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q11" value="D"&gt; D. learn music only&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;12. To give facts and knowledge is to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q12" value="A"&gt; A. entertain&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q12" value="B"&gt; B. inform&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q12" value="C"&gt; C. argue&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q12" value="D"&gt; D. whisper&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;13. To convince the reader is to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q13" value="A"&gt; A. describe&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q13" value="B"&gt; B. persuade&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q13" value="C"&gt; C. inform&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q13" value="D"&gt; D. recite&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;14. To amuse or interest the reader is to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q14" value="A"&gt; A. persuade&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q14" value="B"&gt; B. entertain&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q14" value="C"&gt; C. inform&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q14" value="D"&gt; D. correct&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;15. To paint a picture with words is to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q15" value="A"&gt; A. describe&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q15" value="B"&gt; B. count&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q15" value="C"&gt; C. multiply&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q15" value="D"&gt; D. divide&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;16. What is the writer’s purpose?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q16" value="A"&gt; A. The reason for writing&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q16" value="B"&gt; B. The colour of the text&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q16" value="C"&gt; C. The size of the book&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q16" value="D"&gt; D. The number of pages only&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;17. Which word in “She is reading” shows the action?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q17" value="A"&gt; A. she&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q17" value="B"&gt; B. is&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q17" value="C"&gt; C. reading&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q17" value="D"&gt; D. is reading&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;18. Which of these is a long vowel sound?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q18" value="A"&gt; A. /iː/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q18" value="B"&gt; B. /e/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q18" value="C"&gt; C. /ɒ/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q18" value="D"&gt; D. /ʊ/&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;19. The word “beautiful” is a ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q19" value="A"&gt; A. noun&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q19" value="B"&gt; B. adjective&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q19" value="C"&gt; C. verb&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q19" value="D"&gt; D. pronoun&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;20. The correct plural of child is ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q20" value="A"&gt; A. childs&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q20" value="B"&gt; B. children&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q20" value="C"&gt; C. childes&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q20" value="D"&gt; D. child&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;21. What is the correct pronoun for “Ada”?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q21" value="A"&gt; A. it&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q21" value="B"&gt; B. she&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q21" value="C"&gt; C. they&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q21" value="D"&gt; D. we&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;22. Which is a simple sentence?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q22" value="A"&gt; A. The boy ran.&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q22" value="B"&gt; B. The boy ran and the girl smiled.&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q22" value="C"&gt; C. Although he ran, he was late.&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q22" value="D"&gt; D. Because he ran, he won.&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;23. The opposite of “big” is ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q23" value="A"&gt; A. large&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q23" value="B"&gt; B. huge&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q23" value="C"&gt; C. small&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q23" value="D"&gt; D. wide&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;24. Which of these joins two words?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q24" value="A"&gt; A. noun&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q24" value="B"&gt; B. conjunction&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q24" value="C"&gt; C. adjective&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q24" value="D"&gt; D. article&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;25. In a descriptive passage, the writer mainly wants to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q25" value="A"&gt; A. paint a picture&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q25" value="B"&gt; B. solve an equation&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q25" value="C"&gt; C. tell a joke only&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q25" value="D"&gt; D. give instructions only&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;26. Which of these is a verb?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q26" value="A"&gt; A. quickly&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q26" value="B"&gt; B. write&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q26" value="C"&gt; C. tall&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q26" value="D"&gt; D. house&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;27. Which is a vowel sound in “book”?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q27" value="A"&gt; A. /ʊ/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q27" value="B"&gt; B. /k/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q27" value="C"&gt; C. /m/&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q27" value="D"&gt; D. /t/&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;28. Which part of speech is “my” in “my book”?&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q28" value="A"&gt; A. pronoun&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q28" value="B"&gt; B. possessive adjective&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q28" value="C"&gt; C. verb&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q28" value="D"&gt; D. adverb&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;29. The purpose of a persuasive passage is to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q29" value="A"&gt; A. inform&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q29" value="B"&gt; B. persuade&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q29" value="C"&gt; C. entertain&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q29" value="D"&gt; D. narrate only&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class="question-panel"&gt;&lt;h4&gt;30. The best title clue for a passage helps the reader to ______.&lt;/h4&gt;&lt;div class="options"&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q30" value="A"&gt; A. predict the topic&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q30" value="B"&gt; B. ignore the passage&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q30" value="C"&gt; C. change the writer&lt;/label&gt;&lt;label class="option"&gt;&lt;input type="radio" name="q30" value="D"&gt; D. count the lines&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/form&gt;

  &lt;div class="result-panel" id="resultPanel"&gt;
    &lt;h3&gt;Quiz Result&lt;/h3&gt;
    &lt;p id="scoreText"&gt;&lt;/p&gt;
    &lt;div class="corrections" id="corrections"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;script&gt;
  const answerKey = {
    q1: 'B', q2: 'B', q3: 'A', q4: 'A', q5: 'B', q6: 'B', q7: 'A', q8: 'B', q9: 'A', q10: 'A',
    q11: 'A', q12: 'B', q13: 'B', q14: 'B', q15: 'A', q16: 'A', q17: 'C', q18: 'A', q19: 'B', q20: 'B',
    q21: 'B', q22: 'A', q23: 'C', q24: 'B', q25: 'A', q26: 'B', q27: 'A', q28: 'B', q29: 'B', q30: 'A'
  };
  const totalQuestions = 30;
  let timerInterval = null;
  let timeLeft = 600;
  let timerRunning = false;

  function formatTime(seconds) {
    const mins = String(Math.floor(seconds / 60)).padStart(2, '0');
    const secs = String(seconds % 60).padStart(2, '0');
    return `${mins}:${secs}`;
  }

  function updateProgress() {
    let answered = 0;
    for (let i = 1; i &lt;= totalQuestions; i++) {
      if (document.querySelector(`input[name="q${i}"]:checked`)) answered++;
    }
    const fill = document.getElementById('progressFill');
    const text = document.getElementById('progressText');
    if (fill) fill.style.width = `${(answered / totalQuestions) * 100}%`;
    if (text) text.textContent = `${answered} of ${totalQuestions} answered`;
  }

  document.querySelectorAll('#quizForm input[type="radio"]').forEach(input =&gt; {
    input.addEventListener('change', updateProgress);
  });

  function startQuizTimer() {
    if (timerRunning) return;
    timerRunning = true;
    timerInterval = setInterval(() =&gt; {
      timeLeft--;
      const timerEl = document.getElementById('quizTimer');
      if (timerEl) timerEl.textContent = `Time Left: ${formatTime(timeLeft)}`;
      if (timeLeft &lt;= 0) {
        clearInterval(timerInterval);
        timerRunning = false;
        submitQuiz();
      }
    }, 1000);
  }

  function submitQuiz() {
    if (timerInterval) {
      clearInterval(timerInterval);
      timerInterval = null;
      timerRunning = false;
    }
    let score = 0;
    const corrections = [];
    for (let i = 1; i &lt;= totalQuestions; i++) {
      const selected = document.querySelector(`input[name="q${i}"]:checked`);
      const userAnswer = selected ? selected.value : 'No answer';
      const correctAnswer = answerKey[`q${i}`];
      if (userAnswer === correctAnswer) score++;
      corrections.push(`&lt;div class="correction"&gt;&lt;strong&gt;Q${i}:&lt;/strong&gt; &lt;span class="${userAnswer === correctAnswer ? 'correct' : 'wrong'}"&gt;Your answer: ${userAnswer}&lt;/span&gt; | Correct answer: &lt;span class="correct"&gt;${correctAnswer}&lt;/span&gt;&lt;/div&gt;`);
    }
    const resultPanel = document.getElementById('resultPanel');
    const scoreText = document.getElementById('scoreText');
    const correctionsBox = document.getElementById('corrections');
    if (resultPanel) resultPanel.style.display = 'block';
    if (scoreText) scoreText.textContent = `You scored ${score} out of ${totalQuestions}.`;
    if (correctionsBox) correctionsBox.innerHTML = corrections.join('');
    updateProgress();
  }

  function resetQuiz() {
    if (timerInterval) {
      clearInterval(timerInterval);
      timerInterval = null;
    }
    timerRunning = false;
    timeLeft = 600;
    const timerEl = document.getElementById('quizTimer');
    if (timerEl) timerEl.textContent = 'Time Left: 10:00';
    document.getElementById('quizForm').reset();
    document.getElementById('resultPanel').style.display = 'none';
    document.getElementById('corrections').innerHTML = '';
    document.getElementById('scoreText').textContent = '';
    updateProgress();
  }

  updateProgress();
&lt;/script&gt;

  &lt;/section&gt;
&lt;footer&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div&gt;
        &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
        &lt;p&gt;Quality educational content for Nigerian learners, teachers, and schools
          
          
          .&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Useful Links&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Books Collection&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Subject Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#jss1"&gt;JSS 1 English&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#jss2"&gt;JSS 2 English&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#jss3"&gt;JSS 3 English&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;&amp;copy; 2026 Edwin Ogie Library. All rights reserved.&lt;/div&gt;
  &lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/edwin-ogie-library-quality-educational.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-5308751446582452232</guid><pubDate>Tue, 14 Apr 2026 07:07:00 +0000</pubDate><atom:updated>2026-04-13T20:12:51.039-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">English language</category><category domain="http://www.blogger.com/atom/ns#">JSS</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>JSS 1 to JSS 3 English Studies Full Web Book | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="JSS 1 to JSS 3 English Studies full web book for Nigerian junior secondary school with scheme of work, thoroughly treated topics, step-by-step examples, quick brain tests, CBT-style revision practice, external learning resources, and Edwin Ogie Library footer." /&gt;
  &lt;meta name="keywords" content="JSS 1 English, JSS 2 English, JSS 3 English, Nigerian scheme of work, English Studies, grammar, comprehension, essay writing, oral English, literature, CBT quiz, Edwin Ogie Library" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;meta property="og:title" content="JSS 1 to JSS 3 English Studies Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready English Studies web book for JSS 1, JSS 2, and JSS 3 with schemes of work, topics, examples, brain tests, and revision practice." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;title&gt;JSS 1 to JSS 3 English Studies Full Web Book | Edwin Ogie Library&lt;/title&gt;
  &lt;style&gt;
    :root {
      --primary: #6a5acd;
      --primary-dark: #4b3fb1;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #eef2ff;
      --success: #0f766e;
      --danger: #b91c1c;
      --warning: #92400e;
      --shadow: 0 10px 25px rgba(0,0,0,0.06);
      --link: #2563eb;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 20px 12px 34px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);
      color: #fff;
      padding: 28px 22px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      width: 100%;
    }
    .hero h1 {
      margin: 0 0 10px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.15;
    }
    .hero p { margin: 0; max-width: 1050px; opacity: 0.97; margin-left: auto; margin-right: auto; }
    .breadcrumbs {
      margin: 14px 0 18px;
      font-size: 0.95rem;
      color: var(--muted);
      text-align: center;
    }
    .breadcrumbs a { color: var(--primary-dark); text-decoration: none; }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      align-items: start;
      justify-items: center;
    }
    .content-col, .sidebar-col { width: 100%; }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 16px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      text-align: center;
      width: 100%;
    }
    .card h2, .card h3 { margin-top: 0; color: var(--primary-dark); }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }
    .callout {
      padding: 16px;
      border-radius: 14px;
      background: #ecfeff;
      border: 1px solid #a5f3fc;
      color: #155e75;
      text-align: center;
    }
    .topic-box {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      margin-bottom: 12px;
    }
    .topic-box h3 { margin-top: 0; color: var(--primary-dark); }
    .topic-box p { margin-bottom: 0.6rem; }
    .mini-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .mini-card {
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      text-align: left;
    }
    .table-wrap {
      overflow-x: auto;
      border-radius: 16px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow);
      background: #fff;
      margin: 0 auto 18px;
      width: 100%;
    }
    table {
      width: 100%;
      min-width: 860px;
      border-collapse: collapse;
      text-align: left;
    }
    caption {
      text-align: center;
      padding: 16px 18px 10px;
      font-weight: 700;
      color: var(--primary-dark);
      font-size: 1.05rem;
    }
    thead th {
      background: var(--primary);
      color: #fff;
      text-align: left;
      padding: 14px 12px;
      white-space: nowrap;
    }
    tbody td {
      padding: 12px;
      border-top: 1px solid var(--border);
      vertical-align: top;
    }
    tbody tr:nth-child(even) { background: #fafbff; }
    .resource-links a,
    .sidebar-links a,
    .mini-card a { color: var(--link); text-decoration: none; font-weight: 700; }
    .resource-links a:hover,
    .sidebar-links a:hover,
    .mini-card a:hover { text-decoration: underline; }
    .external-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
      margin-top: 14px;
      justify-items: center;
    }
    .external-card {
      width: 100%;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      text-align: left;
    }
    .small-note { font-size: 0.92rem; color: var(--muted); margin-top: 8px; }
    .quiz-box {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 18px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      width: 100%;
    }
    .quiz-head {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px;
      text-align: center;
    }
    .timer {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      padding: 10px 14px;
      border-radius: 12px;
    }
    .controls { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    button, .btn-link {
      border: none; outline: none; cursor: pointer; padding: 12px 16px; border-radius: 12px; font-weight: 700; text-decoration: none; display: inline-block; transition: transform 0.15s ease, opacity 0.15s ease;
    }
    button:hover, .btn-link:hover { transform: translateY(-1px); }
    .question-panel {
      margin-top: 18px;
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-panel h4 { margin: 0 0 12px; font-size: 1.02rem; color: var(--text); }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: #fafafa;
    }
    .progress { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; gap: 10px; flex-wrap: wrap; }
    .progress-bar { width: 100%; height: 10px; background: #e5e7eb; border-radius: 999px; overflow: hidden; margin-top: 8px; }
    .progress-fill { height: 100%; width: 0%; background: var(--primary); transition: width 0.2s ease; }
    .result-panel {
      display: none; margin-top: 18px; padding: 16px; border-radius: 14px; background: #f0fdf4; border: 1px solid #bbf7d0; text-align: left;
    }
    .result-panel h3 { margin-top: 0; color: var(--success); }
    .corrections { margin-top: 14px; display: grid; gap: 10px; }
    .correction { padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--border); }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    .note { margin-top: 14px; padding: 16px; background: #fff7ed; border-left: 4px solid #f59e0b; border-radius: 12px; color: #7c2d12; text-align: left; }
    footer {
      background: #111827; color: #f9fafb; padding: 40px 20px 30px; margin-top: 30px; text-align: center;
    }
    footer .footer-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; justify-items: center; }
    footer h2, footer h3 { color: #fff; margin-top: 0; }
    footer p, footer li { color: #d1d5db; text-align: center; }
    footer ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    footer a { color: #c7d2fe; text-decoration: none; }
    .copyright { border-top: 1px solid #374151; margin-top: 30px; padding-top: 18px; text-align: center; font-size: 0.85rem; color: #9ca3af; max-width: 1180px; margin-left: auto; margin-right: auto; }
    .toc a { display: block; padding: 8px 0; border-bottom: 1px solid #f1f5f9; color: var(--primary-dark); text-decoration: none; }
    .toc a:last-child { border-bottom: 0; }
    .brain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: 14px; }
    .brain-card { text-align: left; border: 1px solid var(--border); border-radius: 14px; padding: 14px; background: #fff; }
    .brain-card summary { cursor: pointer; font-weight: 700; color: var(--warning); }
    .brain-card p { margin-bottom: 0; }
    @media (max-width: 900px) { .layout { grid-template-columns: 1fr; } }
    @media (max-width: 768px) {
      .wrap { padding: 16px 10px 30px; }
      .hero { padding: 22px 16px; border-radius: 16px; }
      .card, .quiz-box { border-radius: 14px; padding: 14px; }
      .table-wrap { border-radius: 14px; }
      table { min-width: 760px; }
      .btn-row, .controls { justify-content: center; }
      .question-panel { padding: 14px; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "JSS 1 to JSS 3 English Studies Full Web Book",
    "description": "A comprehensive SEO-ready JSS 1 to JSS 3 English Studies web book with scheme of work, topics, examples, brain tests, and CBT quiz.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG"
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;JSS 1 to JSS 3 English Studies Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete junior secondary English learning page for JSS 1, JSS 2, and JSS 3. Each class is arranged with a full scheme of work, thoroughly treated topics, short examples, quick brain tests, and revision support for exam readiness.&lt;/p&gt;
    &lt;/section&gt;&lt;div class="breadcrumbs"&gt;
  &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt; / &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt; / English Studies / JSS 1 to JSS 3
&lt;/div&gt;

&lt;div class="layout"&gt;
  &lt;div class="content-col"&gt;
    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;English Studies&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;English Studies at junior secondary level builds the learner’s skill in grammar, reading, writing, listening, speaking, and literature. This page is arranged in the same web book style for easy blog publishing and classroom use.&lt;/p&gt;
      &lt;div class="callout"&gt;&lt;strong&gt;How to use this page:&lt;/strong&gt; study the scheme of work for each class, read the topic notes, answer the brain tests, and revise regularly.&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;JSS 1 Third Term&lt;/span&gt;
      &lt;h2&gt;JSS 1 English Studies Third Term Scheme of Work&lt;/h2&gt;
      &lt;div class="table-wrap"&gt;
        &lt;table&gt;
          &lt;caption&gt;JSS 1 English Studies Third Term Scheme of Work&lt;/caption&gt;
          &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Revision of Second Term Work&lt;/td&gt;&lt;td&gt;Review of grammar, reading, speech work and writing.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Vowels and consonants, pronunciation and articulation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Parts of Speech&lt;/td&gt;&lt;td&gt;Nouns, pronouns, verbs, adjectives and adverbs.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Sentence Structure&lt;/td&gt;&lt;td&gt;Simple sentences and correct sentence formation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Tenses&lt;/td&gt;&lt;td&gt;Present, past and future tenses.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Reading Comprehension&lt;/td&gt;&lt;td&gt;Main idea, details and simple inference.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Vocabulary Development&lt;/td&gt;&lt;td&gt;Synonyms, antonyms and spelling practice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Writing Skills&lt;/td&gt;&lt;td&gt;Narrative composition and paragraph writing.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Prepositions and conjunctions.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Literature&lt;/td&gt;&lt;td&gt;Introduction to prose, poetry and drama.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Oral English&lt;/td&gt;&lt;td&gt;Stress and intonation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;General revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;End of term assessment.&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 1: Parts of Speech&lt;/h3&gt;
        &lt;p&gt;Parts of speech are word classes used to form correct sentences. At JSS 1 level, learners should identify and use nouns, pronouns, verbs, adjectives, adverbs, prepositions and conjunctions.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; The girl is reading a book.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Identify the noun in the sentence: &lt;em&gt;The boy kicked the ball.&lt;/em&gt;&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; boy and ball.&lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 2: Tenses&lt;/h3&gt;
        &lt;p&gt;Tenses show time. Students should understand the present, past and future forms of verbs.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; I play, I played, I will play.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Change &lt;em&gt;She write a letter&lt;/em&gt; to past tense.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; She wrote a letter.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;JSS 2 Third Term&lt;/span&gt;
      &lt;h2&gt;JSS 2 English Studies Third Term Scheme of Work&lt;/h2&gt;
      &lt;div class="table-wrap"&gt;
        &lt;table&gt;
          &lt;caption&gt;JSS 2 English Studies Third Term Scheme of Work&lt;/caption&gt;
          &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Revision of Second Term Work&lt;/td&gt;&lt;td&gt;Review of prior topics for reinforcement.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Stress, rhythm and intonation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Tenses and concord.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Sentence Structure&lt;/td&gt;&lt;td&gt;Compound and complex sentences.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Reading Comprehension&lt;/td&gt;&lt;td&gt;Fact, inference and interpretation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Writing Skills&lt;/td&gt;&lt;td&gt;Descriptive composition.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Direct and indirect speech.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Vocabulary Development&lt;/td&gt;&lt;td&gt;Idioms and phrasal verbs.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Letter Writing&lt;/td&gt;&lt;td&gt;Formal and informal letters.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Literature&lt;/td&gt;&lt;td&gt;Prose and poetry appreciation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Oral English&lt;/td&gt;&lt;td&gt;Question tags and emphasis.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;General revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;End of term assessment.&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 1: Direct and Indirect Speech&lt;/h3&gt;
        &lt;p&gt;Direct speech reports the exact words spoken. Indirect speech reports the meaning without quotation marks.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Direct: She said, “I am hungry.” Indirect: She said that she was hungry.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Change &lt;em&gt;He said, “I am tired”&lt;/em&gt; to indirect speech.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; He said that he was tired.&lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 2: Letter Writing&lt;/h3&gt;
        &lt;p&gt;Students should know the correct format for formal and informal letters, including address, salutation, body and closing.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; An informal letter to a friend about school activities.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; What comes first in a formal letter?&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; The sender’s address.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;JSS 3 Third Term&lt;/span&gt;
      &lt;h2&gt;JSS 3 English Studies Third Term Scheme of Work&lt;/h2&gt;
      &lt;div class="table-wrap"&gt;
        &lt;table&gt;
          &lt;caption&gt;JSS 3 English Studies Third Term Scheme of Work&lt;/caption&gt;
          &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Revision of Second Term Work&lt;/td&gt;&lt;td&gt;Full review of grammar, comprehension and writing.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Speech Work&lt;/td&gt;&lt;td&gt;Stress, intonation and rhythm patterns.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Clauses and sentence transformation.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Reading Comprehension&lt;/td&gt;&lt;td&gt;Summary and inferential questions.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Vocabulary Development&lt;/td&gt;&lt;td&gt;Word formation, homonyms and homophones.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Writing Skills&lt;/td&gt;&lt;td&gt;Argumentative essay.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Grammar&lt;/td&gt;&lt;td&gt;Active and passive voice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Oral English&lt;/td&gt;&lt;td&gt;Debate and public speaking.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Letter Writing&lt;/td&gt;&lt;td&gt;Formal writing practice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Literature&lt;/td&gt;&lt;td&gt;Prose, drama and poetry revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Exam Practice&lt;/td&gt;&lt;td&gt;Objective and theory practice.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;Final revision.&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;End of term assessment.&lt;/td&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 1: Active and Passive Voice&lt;/h3&gt;
        &lt;p&gt;In active voice, the subject does the action. In passive voice, the subject receives the action.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt; Active: The boy kicked the ball. Passive: The ball was kicked by the boy.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; Change &lt;em&gt;The teacher praised the students&lt;/em&gt; to passive voice.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; The students were praised by the teacher.&lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="topic-box"&gt;
        &lt;h3&gt;Topic 2: Argumentative Essay&lt;/h3&gt;
        &lt;p&gt;An argumentative essay presents reasons for or against a topic. It should have an introduction, body and conclusion.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Example topic:&lt;/strong&gt; Children should use mobile phones in school.&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Brain Test:&lt;/strong&gt; What is the purpose of the conclusion?&lt;/p&gt;
        &lt;p&gt;&lt;strong&gt;Answer:&lt;/strong&gt; To summarize the writer’s final position.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Quick Revision&lt;/span&gt;
      &lt;h2&gt;Common English Topics Across JSS 1 to JSS 3&lt;/h2&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Grammar&lt;/h3&gt;&lt;p&gt;Parts of speech, tenses, concord, speech forms, sentence patterns.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Reading&lt;/h3&gt;&lt;p&gt;Comprehension, inference, summary, vocabulary in context.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Writing&lt;/h3&gt;&lt;p&gt;Essay writing, letters, reports, speeches and descriptions.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Oral English&lt;/h3&gt;&lt;p&gt;Stress, intonation, pronunciation and rhythm.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;External Resources&lt;/span&gt;
      &lt;h2&gt;Helpful Study Resources&lt;/h2&gt;
      &lt;div class="external-grid"&gt;
        &lt;div class="external-card"&gt;&lt;h3&gt;Grammar Practice&lt;/h3&gt;&lt;p&gt;Use this section to revise word classes and sentence structure regularly.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;h3&gt;Composition Practice&lt;/h3&gt;&lt;p&gt;Write short essays weekly to improve fluency and organization.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;h3&gt;Oral English&lt;/h3&gt;&lt;p&gt;Read aloud and practice stress patterns with a teacher or partner.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;p class="small-note"&gt;You may add your own internal blog links here for each topic page later.&lt;/p&gt;
    &lt;/section&gt;

    &lt;section class="quiz-box"&gt;
      &lt;div class="quiz-head"&gt;
        &lt;div&gt;
          &lt;span class="badge"&gt;Revision Quiz&lt;/span&gt;
          &lt;h2&gt;30-Question CBT Practice Area&lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class="timer"&gt;Timer: 30 Minutes&lt;/div&gt;
      &lt;/div&gt;
      &lt;aside class="sidebar-col"&gt;
    &lt;section class="card toc"&gt;
      &lt;span class="badge"&gt;Table of Contents&lt;/span&gt;
      &lt;h2&gt;Quick Navigation&lt;/h2&gt;
      &lt;a href="#jss1"&gt;JSS 1&lt;/a&gt;
      &lt;a href="#jss2"&gt;JSS 2&lt;/a&gt;
      &lt;a href="#jss3"&gt;JSS 3&lt;/a&gt;
      &lt;a href="#bearings"&gt;JSS 3 Topics Style&lt;/a&gt;
      &lt;a href="#loci"&gt;Loci Sample&lt;/a&gt;
    &lt;/section&gt;

    &lt;section class="card sidebar-links"&gt;
      &lt;span class="badge"&gt;Study Tips&lt;/span&gt;
      &lt;h2&gt;How to Excel in English&lt;/h2&gt;
      &lt;p&gt;Read every day, write short essays often, and learn five new words weekly.&lt;/p&gt;
      &lt;p&gt;Practice oral English aloud so pronunciation and confidence improve together.&lt;/p&gt;
    &lt;/section&gt;
  &lt;/aside&gt;
&lt;/div&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div&gt;
        &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
        &lt;p&gt;Quality educational content for Nigerian learners, teachers, and schools.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Useful Links&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Books Collection&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Subject Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#jss1"&gt;JSS 1 English&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#jss2"&gt;JSS 2 English&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#jss3"&gt;JSS 3 English&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;&amp;copy; 2026 Edwin Ogie Library. All rights reserved.&lt;/div&gt;
  &lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/jss-1-to-jss-3-english-studies-full-web.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-3019906044524882622</guid><pubDate>Tue, 14 Apr 2026 04:49:00 +0000</pubDate><atom:updated>2026-04-13T17:52:21.485-11:00</atom:updated><title>SS 3 Mathematics Third Term Full Web Book | Edwin Ogie Library</title><description>&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;meta name="description" content="JSS 3 Mathematics Third Term full web book with thoroughly treated topics, step-by-step worked examples, quick brain tests, a 30-question CBT quiz, corrections, external learning resources, and Edwin Ogie Library footer." /&gt;
  &lt;meta name="keywords" content="JSS 3 Mathematics third term, bearings, loci, trigonometry, heights and distances, circle geometry, revision, CBT quiz, Edwin Ogie Library, SEO education blog" /&gt;
  &lt;meta name="author" content="Edwin Ogie Library" /&gt;
  &lt;meta name="robots" content="index, follow" /&gt;
  &lt;meta property="og:title" content="JSS 3 Mathematics Third Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 3 Mathematics third-term web book with thoroughly treated topics, examples, brain tests, and a timed CBT quiz." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;title&gt;JSS 3 Mathematics Third Term Full Web Book | Edwin Ogie Library&lt;/title&gt;&lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNqU1eibbTbUbNReJuYpC6kUuiL8tRGOGpT_YgDmG3XbYjPIsO5qIbbJGNlWDbeIky_GpooOWVA_RZnpOmf9tqznPkp1tHaTq_wUBW-g9fgZc6fX1BHp1jtGM4eDT4vLG_F73wvBze6mt0ENO1lk4K40xIaXwVd8gknNU8pZhX6H9Smu73rqyJ2JNB20/s1600/file_00000000b9c471f4a67090e9bc90f4ec.png" style="display: block; padding: 1em 0; text-align: center; "&gt;&lt;img alt="" border="0" data-original-height="1024" data-original-width="1536" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNqU1eibbTbUbNReJuYpC6kUuiL8tRGOGpT_YgDmG3XbYjPIsO5qIbbJGNlWDbeIky_GpooOWVA_RZnpOmf9tqznPkp1tHaTq_wUBW-g9fgZc6fX1BHp1jtGM4eDT4vLG_F73wvBze6mt0ENO1lk4K40xIaXwVd8gknNU8pZhX6H9Smu73rqyJ2JNB20/s1600/file_00000000b9c471f4a67090e9bc90f4ec.png"/&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;style&gt;
    :root {
      --primary: #6a5acd;
      --primary-dark: #4b3fb1;
      --bg: #f7f8fc;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #eef2ff;
      --success: #0f766e;
      --danger: #b91c1c;
      --warning: #92400e;
      --shadow: 0 10px 25px rgba(0,0,0,0.06);
      --link: #2563eb;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 100%);
      color: var(--text);
      line-height: 1.7;
    }
    .wrap {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 20px 12px 34px;
      text-align: center;
    }
    .hero {
      background: linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);
      color: #fff;
      padding: 28px 22px;
      border-radius: 20px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      width: 100%;
    }
    .hero h1 {
      margin: 0 0 10px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.15;
    }
    .hero p { margin: 0; max-width: 1050px; opacity: 0.97; margin-left: auto; margin-right: auto; }
    .breadcrumbs {
      margin: 14px 0 18px;
      font-size: 0.95rem;
      color: var(--muted);
      text-align: center;
    }
    .breadcrumbs a { color: var(--primary-dark); text-decoration: none; }
    .layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 300px;
      gap: 16px;
      align-items: start;
      justify-items: center;
    }
    .content-col, .sidebar-col { width: 100%; }
    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 16px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      text-align: center;
      width: 100%;
    }
    .card h2, .card h3 { margin-top: 0; color: var(--primary-dark); }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--accent);
      color: var(--primary-dark);
      font-weight: 700;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }
    .callout {
      padding: 16px;
      border-radius: 14px;
      background: #ecfeff;
      border: 1px solid #a5f3fc;
      color: #155e75;
      text-align: center;
    }
    .topic-box {
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      margin-bottom: 12px;
    }
    .topic-box h3 { margin-top: 0; color: var(--primary-dark); }
    .topic-box p { margin-bottom: 0.6rem; }
    .mini-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    .mini-card {
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      text-align: left;
    }
    .table-wrap {
      overflow-x: auto;
      border-radius: 16px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow);
      background: #fff;
      margin: 0 auto 18px;
      width: 100%;
    }
    table {
      width: 100%;
      min-width: 860px;
      border-collapse: collapse;
      text-align: left;
    }
    caption {
      text-align: center;
      padding: 16px 18px 10px;
      font-weight: 700;
      color: var(--primary-dark);
      font-size: 1.05rem;
    }
    thead th {
      background: var(--primary);
      color: #fff;
      text-align: left;
      padding: 14px 12px;
      white-space: nowrap;
    }
    tbody td {
      padding: 12px;
      border-top: 1px solid var(--border);
      vertical-align: top;
    }
    tbody tr:nth-child(even) { background: #fafbff; }
    .resource-links a,
    .sidebar-links a,
    .mini-card a { color: var(--link); text-decoration: none; font-weight: 700; }
    .resource-links a:hover,
    .sidebar-links a:hover,
    .mini-card a:hover { text-decoration: underline; }
    .external-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
      margin-top: 14px;
      justify-items: center;
    }
    .external-card {
      width: 100%;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 14px;
      background: #fff;
      text-align: left;
    }
    .small-note { font-size: 0.92rem; color: var(--muted); margin-top: 8px; }
    .quiz-box {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 18px;
      padding: 18px;
      box-shadow: var(--shadow);
      margin: 0 auto 18px;
      width: 100%;
    }
    .quiz-head {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px;
      text-align: center;
    }
    .timer {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--danger);
      background: #fef2f2;
      border: 1px solid #fecaca;
      padding: 10px 14px;
      border-radius: 12px;
    }
    .controls { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    button, .btn-link {
      border: none; outline: none; cursor: pointer; padding: 12px 16px; border-radius: 12px; font-weight: 700; text-decoration: none; display: inline-block; transition: transform 0.15s ease, opacity 0.15s ease;
    }
    button:hover, .btn-link:hover { transform: translateY(-1px); }
    .question-panel {
      margin-top: 18px;
      text-align: left;
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: #fff;
    }
    .question-panel h4 { margin: 0 0 12px; font-size: 1.02rem; color: var(--text); }
    .options { display: grid; gap: 8px; }
    .option {
      display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: #fafafa;
    }
    .progress { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; gap: 10px; flex-wrap: wrap; }
    .progress-bar { width: 100%; height: 10px; background: #e5e7eb; border-radius: 999px; overflow: hidden; margin-top: 8px; }
    .progress-fill { height: 100%; width: 0%; background: var(--primary); transition: width 0.2s ease; }
    .result-panel {
      display: none; margin-top: 18px; padding: 16px; border-radius: 14px; background: #f0fdf4; border: 1px solid #bbf7d0; text-align: left;
    }
    .result-panel h3 { margin-top: 0; color: var(--success); }
    .corrections { margin-top: 14px; display: grid; gap: 10px; }
    .correction { padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--border); }
    .correct { color: var(--success); font-weight: 700; }
    .wrong { color: var(--danger); font-weight: 700; }
    .note { margin-top: 14px; padding: 16px; background: #fff7ed; border-left: 4px solid #f59e0b; border-radius: 12px; color: #7c2d12; text-align: left; }
    footer {
      background: #111827; color: #f9fafb; padding: 40px 20px 30px; margin-top: 30px; text-align: center;
    }
    footer .footer-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; justify-items: center; }
    footer h2, footer h3 { color: #fff; margin-top: 0; }
    footer p, footer li { color: #d1d5db; text-align: center; }
    footer ul { list-style: none; padding: 0; margin: 0; line-height: 1.9; }
    footer a { color: #c7d2fe; text-decoration: none; }
    .copyright { border-top: 1px solid #374151; margin-top: 30px; padding-top: 18px; text-align: center; font-size: 0.85rem; color: #9ca3af; max-width: 1180px; margin-left: auto; margin-right: auto; }
    .toc a { display: block; padding: 8px 0; border-bottom: 1px solid #f1f5f9; color: var(--primary-dark); text-decoration: none; }
    .toc a:last-child { border-bottom: 0; }
    .brain-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: 14px; }
    .brain-card { text-align: left; border: 1px solid var(--border); border-radius: 14px; padding: 14px; background: #fff; }
    .brain-card summary { cursor: pointer; font-weight: 700; color: var(--warning); }
    .brain-card p { margin-bottom: 0; }
    @media (max-width: 900px) { .layout { grid-template-columns: 1fr; } }
    @media (max-width: 768px) {
      .wrap { padding: 16px 10px 30px; }
      .hero { padding: 22px 16px; border-radius: 16px; }
      .card, .quiz-box { border-radius: 14px; padding: 14px; }
      .table-wrap { border-radius: 14px; }
      table { min-width: 760px; }
      .btn-row, .controls { justify-content: center; }
      .question-panel { padding: 14px; }
    }
  &lt;/style&gt;
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "JSS 3 Mathematics Third Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 3 Mathematics third-term web book with thoroughly treated topics, examples, brain tests, and CBT quiz.",
    "author": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "publisher": {"@type": "Organization", "name": "Edwin Ogie Library"},
    "inLanguage": "en-NG"
  }
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;main class="wrap"&gt;
    &lt;section class="hero"&gt;
      &lt;h1&gt;JSS 3 Mathematics Third Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete third-term mathematics learning page for JSS 3. Each topic is explained thoroughly with step-by-step examples, quick brain tests, external learning links, and a 30-question CBT quiz with corrections at the end.&lt;/p&gt;
    &lt;/section&gt;&lt;div class="breadcrumbs"&gt;
  &lt;a href="https://edwinogie.blogspot.com/"&gt;Home&lt;/a&gt; / &lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Library Collections&lt;/a&gt; / JSS 3 Mathematics / Third Term
&lt;/div&gt;

&lt;div class="layout"&gt;
  &lt;div class="content-col"&gt;
    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Third Term Scheme of Work&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;The third term of JSS 3 Mathematics develops geometry, bearings, loci, trigonometry and heights and distances. It also includes final revision for exam readiness.&lt;/p&gt;
      &lt;div class="callout"&gt;&lt;strong&gt;How to use this page:&lt;/strong&gt; read each topic carefully, study the examples, answer the brain tests, and then attempt the full-term CBT quiz.&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="table-wrap"&gt;
      &lt;table&gt;
        &lt;caption&gt;JSS 3 Mathematics Third Term Scheme of Work&lt;/caption&gt;
        &lt;thead&gt;
          &lt;tr&gt;&lt;th&gt;Week&lt;/th&gt;&lt;th&gt;Topic&lt;/th&gt;&lt;th&gt;Core Content&lt;/th&gt;&lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Bearings&lt;/td&gt;&lt;td&gt;Three-figure bearings, directions and navigation.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Loci&lt;/td&gt;&lt;td&gt;Definition, types of loci and construction ideas.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Angles and Circle Geometry&lt;/td&gt;&lt;td&gt;Angles in a circle, arcs and basic circle properties.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Trigonometry&lt;/td&gt;&lt;td&gt;Introduction to sine, cosine and tangent in right-angled triangles.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Heights and Distances&lt;/td&gt;&lt;td&gt;Applying trigonometry to real-life problems.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Construction and Measurement&lt;/td&gt;&lt;td&gt;Simple geometric constructions and accurate measurement.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Revision of the Term&lt;/td&gt;&lt;td&gt;General revision and practice.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;End of Term Examination&lt;/td&gt;&lt;td&gt;Assessment and correction.&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;section class="card" id="bearings"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Bearings&lt;/h2&gt;
      &lt;p&gt;Bearings are ways of describing direction using angles measured clockwise from North. They are written in three figures, such as 045° or 270°.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;North&lt;/h3&gt;&lt;p&gt;The starting direction for bearings.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Clockwise&lt;/h3&gt;&lt;p&gt;Bearings are measured clockwise.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Three figures&lt;/h3&gt;&lt;p&gt;Write all bearings as 000° to 360°.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the bearing of East from North?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Start from North.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Turn clockwise to East.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 090°.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the bearing of South from North?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Start at North.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Turn clockwise to South.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 180°.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the bearing of West from North?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Start at North.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Turn clockwise to West.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 270°.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Write 45° as a three-figure bearing.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add a zero in front.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The bearing becomes 045°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 045°.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A direction is 120° from North clockwise. State it as a bearing.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Write the angle as a three-figure number.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 120 already has three digits.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 120°.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the opposite bearing of 030°?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add 180°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 030° + 180° = 210°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 210°.&lt;/p&gt;&lt;/div&gt;
      &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
      &lt;div class="brain-grid"&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;1. Bearing of East?&lt;/summary&gt;&lt;p&gt;090°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Bearing of South?&lt;/summary&gt;&lt;p&gt;180°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Bearing of West?&lt;/summary&gt;&lt;p&gt;270°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Three-figure bearing of 5°?&lt;/summary&gt;&lt;p&gt;005°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Bearings are measured from?&lt;/summary&gt;&lt;p&gt;North.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="loci"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Loci&lt;/h2&gt;
      &lt;p&gt;A locus is the set of all points that satisfy a given condition. Loci help us understand positions that are equally distant from objects or lines.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Point&lt;/h3&gt;&lt;p&gt;A fixed location in space.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Distance&lt;/h3&gt;&lt;p&gt;Loci often depend on equal distance.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Boundary&lt;/h3&gt;&lt;p&gt;A locus may form a line or curve.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the locus of points equidistant from a fixed point?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of all points same distance from the point.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They form a circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: a circle.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the locus of points equidistant from two points?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Consider the set of points at equal distance.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is the perpendicular bisector of the line joining the points.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: perpendicular bisector.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the locus of points equidistant from a straight line?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of a parallel line at equal distance.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The locus is a line parallel to the original line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: parallel lines.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A point moves so that it stays 3 cm from a fixed point. What locus is formed?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Equal distance from one point forms a circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The radius is 3 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: a circle of radius 3 cm.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Where is the locus of points 2 cm from a line AB?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Equal distance from a line suggests a parallel line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The locus is a line parallel to AB at 2 cm away.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: a parallel line 2 cm away.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the locus of points equidistant from the ends of a line segment?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall the special line for two points.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is the perpendicular bisector.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: perpendicular bisector.&lt;/p&gt;&lt;/div&gt;
      &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
      &lt;div class="brain-grid"&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;1. Locus means?&lt;/summary&gt;&lt;p&gt;Set of all points satisfying a condition.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Points equidistant from a fixed point form?&lt;/summary&gt;&lt;p&gt;A circle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Equidistant from two points?&lt;/summary&gt;&lt;p&gt;Perpendicular bisector.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Equidistant from a line?&lt;/summary&gt;&lt;p&gt;Parallel line.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Locus is about?&lt;/summary&gt;&lt;p&gt;Position of points.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="circle-geometry"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Angles and Circle Geometry&lt;/h2&gt;
      &lt;p&gt;Circle geometry studies the properties of angles, arcs and chords inside a circle. It is an important foundation for senior secondary geometry.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Radius&lt;/h3&gt;&lt;p&gt;Line from center to circle.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Chord&lt;/h3&gt;&lt;p&gt;Line joining two points on a circle.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Arc&lt;/h3&gt;&lt;p&gt;Part of the circumference.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the radius of a circle?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall the definition.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is the line from the center to the circumference.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: radius.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is a chord?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look for a line joining two points on the circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; That line is a chord.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: chord.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the angle at the center compared with angle at the circumference subtending the same arc?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall the circle theorem.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The angle at the center is twice the angle at the circumference.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2 times.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is a semicircle?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of half a circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A semicircle is half of a circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: half a circle.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What do equal chords of a circle imply?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Consider their distances from the center.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Equal chords are equally distant from the center.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: equal distance from the center.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the circumference?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the boundary of the circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The boundary is the circumference.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: the perimeter of a circle.&lt;/p&gt;&lt;/div&gt;
      &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
      &lt;div class="brain-grid"&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;1. Line from center to circle?&lt;/summary&gt;&lt;p&gt;Radius.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Line joining two points on circle?&lt;/summary&gt;&lt;p&gt;Chord.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Half a circle?&lt;/summary&gt;&lt;p&gt;Semicircle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Boundary of circle?&lt;/summary&gt;&lt;p&gt;Circumference.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Angle at center compared to angle at circumference?&lt;/summary&gt;&lt;p&gt;Twice as large.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="trigonometry"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Trigonometry&lt;/h2&gt;
      &lt;p&gt;Trigonometry in a right-angled triangle studies the relationship between the sides and angles. The basic ratios are sine, cosine and tangent.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Sine&lt;/h3&gt;&lt;p&gt;Opposite / Hypotenuse.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Cosine&lt;/h3&gt;&lt;p&gt;Adjacent / Hypotenuse.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Tangent&lt;/h3&gt;&lt;p&gt;Opposite / Adjacent.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; State the formula for sine.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Remember the side ratio.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Sine = opposite / hypotenuse.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: SOH.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; State the formula for cosine.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Remember the side ratio.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Cosine = adjacent / hypotenuse.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: CAH.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; State the formula for tangent.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Remember the side ratio.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Tangent = opposite / adjacent.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: TOA.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; If opposite = 3 and hypotenuse = 5, find sin θ.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use sine = opposite / hypotenuse.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; sin θ = 3/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3/5.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; If adjacent = 4 and hypotenuse = 5, find cos θ.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use cosine = adjacent / hypotenuse.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; cos θ = 4/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4/5.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; If opposite = 6 and adjacent = 2, find tan θ.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use tangent = opposite / adjacent.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; tan θ = 6/2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&lt;/p&gt;&lt;/div&gt;
      &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
      &lt;div class="brain-grid"&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;1. Sine ratio?&lt;/summary&gt;&lt;p&gt;Opposite / hypotenuse.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Cosine ratio?&lt;/summary&gt;&lt;p&gt;Adjacent / hypotenuse.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Tangent ratio?&lt;/summary&gt;&lt;p&gt;Opposite / adjacent.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. SOH stands for?&lt;/summary&gt;&lt;p&gt;Sine = Opposite / Hypotenuse.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. A right-angled triangle is required?&lt;/summary&gt;&lt;p&gt;Yes.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="heights-distances"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Heights and Distances&lt;/h2&gt;
      &lt;p&gt;Heights and distances are solved using trigonometry in real-life situations such as buildings, towers, trees and hills. The main idea is to form a right-angled triangle and apply trigonometric ratios.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Angle of elevation&lt;/h3&gt;&lt;p&gt;Angle measured upward from the horizontal.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Angle of depression&lt;/h3&gt;&lt;p&gt;Angle measured downward from the horizontal.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Trigonometry use&lt;/h3&gt;&lt;p&gt;Helps find unknown heights or distances.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A tree casts a shadow of 4 m. If the angle of elevation is 45°, find the height.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use tan 45° = height / shadow.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; tan 45° = 1, so height = 4 m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4 m.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A ladder leans against a wall. If the base is 3 m and the angle is 60°, find the height using tan 60° ≈ 1.73.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; tan 60° = height / 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; height = 3 × 1.73.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5.19 m.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A tower is seen at an angle of elevation of 30°. If the distance from the tower is 10 m, find height using tan 30° ≈ 0.58.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; tan 30° = height / 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; height = 10 × 0.58.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5.8 m.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; A man observes the top of a pole at an angle of 45°. If he is 8 m from the pole, find height.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; tan 45° = height / 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Since tan 45° = 1, height = 8 m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 8 m.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; If the angle of depression is used from a tower to a car, what triangle is formed?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Visualize the line of sight.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A right-angled triangle is formed.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: right-angled triangle.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Why are heights and distances important?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; They help us measure things we cannot easily reach.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They are used in construction, navigation and surveying.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to find unknown lengths in real life.&lt;/p&gt;&lt;/div&gt;
      &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
      &lt;div class="brain-grid"&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;1. Angle measured upward?&lt;/summary&gt;&lt;p&gt;Angle of elevation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Angle measured downward?&lt;/summary&gt;&lt;p&gt;Angle of depression.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. tan 45°?&lt;/summary&gt;&lt;p&gt;1.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Real-life use of heights and distances?&lt;/summary&gt;&lt;p&gt;Surveying / construction.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Triangle used is?&lt;/summary&gt;&lt;p&gt;Right-angled triangle.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="construction-measurement"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Construction and Measurement&lt;/h2&gt;
      &lt;p&gt;Construction and measurement involve drawing accurate geometric figures with ruler, compass and protractor. This topic builds precision, order and careful mathematical practice.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Compass&lt;/h3&gt;&lt;p&gt;Used to draw circles and arcs.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Protractor&lt;/h3&gt;&lt;p&gt;Used to measure angles.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Ruler&lt;/h3&gt;&lt;p&gt;Used to measure lengths.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;h3&gt;Worked examples&lt;/h3&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 1&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Draw a line segment 6 cm long.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use the ruler to mark 6 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Draw a straight line between the marks.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: a 6 cm line segment.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 2&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Construct a 90° angle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Draw a baseline.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Use a protractor to mark 90°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Draw the second arm.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Draw a circle of radius 4 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Open the compass to 4 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Place the needle on the center point.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Rotate the compass to form a circle.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 4&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Construct the perpendicular bisector of a line segment.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Draw the segment.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Use compass arcs from both ends with equal radius.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Join the intersections to form the perpendicular bisector.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Construct a 60° angle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Draw a base line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Use protractor to mark 60°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Join the point to form the angle.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Why is accurate construction important?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; It ensures correct shapes and measurements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is useful in engineering and design.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: accuracy and correctness.&lt;/p&gt;&lt;/div&gt;
      &lt;h3&gt;Quick Brain Tests&lt;/h3&gt;
      &lt;div class="brain-grid"&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;1. Tool for circles?&lt;/summary&gt;&lt;p&gt;Compass.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Tool for angles?&lt;/summary&gt;&lt;p&gt;Protractor.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Tool for length?&lt;/summary&gt;&lt;p&gt;Ruler.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Angle at square corner?&lt;/summary&gt;&lt;p&gt;90°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Construction needs?&lt;/summary&gt;&lt;p&gt;Accuracy.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card resource-links"&gt;
      &lt;span class="badge"&gt;External Resources&lt;/span&gt;
      &lt;h2&gt;Recommended learning links&lt;/h2&gt;
      &lt;p&gt;These links support wider learning and improve discoverability around the topic.&lt;/p&gt;
      &lt;div class="external-grid"&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.google.com/search?q=JSS+3+mathematics+third+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 3 Third Term&lt;/a&gt;&lt;div class="small-note"&gt;Search related materials and practice questions.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://ai.google/" target="_blank" rel="noopener noreferrer"&gt;Google AI&lt;/a&gt;&lt;div class="small-note"&gt;AI-assisted learning support.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://ai.google/get-started/" target="_blank" rel="noopener noreferrer"&gt;Google AI Get Started&lt;/a&gt;&lt;div class="small-note"&gt;Explore AI learning support.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.khanacademy.org/math" target="_blank" rel="noopener noreferrer"&gt;Khan Academy Math&lt;/a&gt;&lt;div class="small-note"&gt;Free math lessons and practice.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.mathsisfun.com/" target="_blank" rel="noopener noreferrer"&gt;Math Is Fun&lt;/a&gt;&lt;div class="small-note"&gt;Simple explanations and drills.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.bbc.co.uk/bitesize/subjects/zqhs34j" target="_blank" rel="noopener noreferrer"&gt;BBC Bitesize Maths&lt;/a&gt;&lt;div class="small-note"&gt;Revision support for maths topics.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.cuemath.com/" target="_blank" rel="noopener noreferrer"&gt;Cuemath&lt;/a&gt;&lt;div class="small-note"&gt;Extra problem-solving support.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://byjus.com/maths/" target="_blank" rel="noopener noreferrer"&gt;BYJU'S Maths&lt;/a&gt;&lt;div class="small-note"&gt;Concept explanations and examples.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.geogebra.org/" target="_blank" rel="noopener noreferrer"&gt;GeoGebra&lt;/a&gt;&lt;div class="small-note"&gt;Interactive math visualization.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.desmos.com/" target="_blank" rel="noopener noreferrer"&gt;Desmos&lt;/a&gt;&lt;div class="small-note"&gt;Visual math exploration.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://nrich.maths.org/" target="_blank" rel="noopener noreferrer"&gt;NRICH Maths&lt;/a&gt;&lt;div class="small-note"&gt;Rich thinking tasks.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.wolframalpha.com/" target="_blank" rel="noopener noreferrer"&gt;WolframAlpha&lt;/a&gt;&lt;div class="small-note"&gt;Computation and verification tool.&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="quiz-box" id="quizSection"&gt;
      &lt;div class="quiz-head"&gt;
        &lt;div&gt;
          &lt;h2 style="margin:0;color:var(--primary-dark);"&gt;CBT Practice Test&lt;/h2&gt;
          &lt;p style="margin:6px 0 0;color:var(--muted);"&gt;30 questions | Timed quiz | Corrections appear after submission.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="timer" id="timer"&gt;20:00&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="controls"&gt;
        &lt;button class="btn-primary" id="startBtn"&gt;Start Quiz&lt;/button&gt;
        &lt;button class="btn-dark" id="prevBtn" disabled&gt;Previous&lt;/button&gt;
        &lt;button class="btn-dark" id="nextBtn" disabled&gt;Next&lt;/button&gt;
        &lt;button class="btn-green" id="submitBtn" disabled&gt;Submit Answers&lt;/button&gt;
        &lt;button class="btn-light" id="resetBtn"&gt;Reset&lt;/button&gt;
        &lt;a class="btn-link btn-dark" id="emailScoreLink" href="mailto:edwinogielibrary@gmail.com?subject=JSS%203%20Mathematics%20Third%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%203%20Mathematics%20third-term%20quiz.%0A%0AName:%20%0AScore:%20%0APercentage:%20%0A%0AThank%20you."&gt;Send Score by Email&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="question-panel"&gt;
        &lt;div class="progress"&gt;
          &lt;div id="progressText"&gt;Question 0 of 30&lt;/div&gt;
          &lt;div id="savedText" style="color:var(--success);font-weight:700;"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="progress-bar"&gt;&lt;div class="progress-fill" id="progressFill"&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div id="questionContainer" style="margin-top:14px;"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="result-panel" id="resultPanel"&gt;
        &lt;h3&gt;Quiz Result&lt;/h3&gt;
        &lt;p id="scoreText"&gt;&lt;/p&gt;
        &lt;p id="percentageText"&gt;&lt;/p&gt;
        &lt;div class="corrections" id="correctionsList"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="note"&gt;
        The email button opens a draft to &lt;strong&gt;edwinogielibrary@gmail.com&lt;/strong&gt; so the score can be sent quickly after submission.
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/div&gt;

  &lt;aside class="sidebar-col"&gt;
    &lt;section class="card toc sidebar-links"&gt;
      &lt;h2&gt;Quick Navigation&lt;/h2&gt;
      &lt;a href="#bearings"&gt;Bearings&lt;/a&gt;
      &lt;a href="#loci"&gt;Loci&lt;/a&gt;
      &lt;a href="#circle-geometry"&gt;Angles and Circle Geometry&lt;/a&gt;
      &lt;a href="#trigonometry"&gt;Trigonometry&lt;/a&gt;
      &lt;a href="#heights-distances"&gt;Heights and Distances&lt;/a&gt;
      &lt;a href="#construction-measurement"&gt;Construction and Measurement&lt;/a&gt;
      &lt;a href="#quizSection"&gt;CBT Quiz&lt;/a&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;h2&gt;Learning Focus&lt;/h2&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Bearings&lt;/strong&gt;&lt;p&gt;Measure direction using angles.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Loci&lt;/strong&gt;&lt;p&gt;Study positions of points.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Trigonometry&lt;/strong&gt;&lt;p&gt;Work with triangle ratios.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Construction&lt;/strong&gt;&lt;p&gt;Draw accurate figures.&lt;/p&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card sidebar-links"&gt;
      &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
      &lt;p&gt;Explore more academic resources and learning pages.&lt;/p&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html" target="_blank" rel="noopener noreferrer"&gt;Library Collections&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/self-discovery.html" target="_blank" rel="noopener noreferrer"&gt;Self Discovery Menu&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html" target="_blank" rel="noopener noreferrer"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html" target="_blank" rel="noopener noreferrer"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html" target="_blank" rel="noopener noreferrer"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/section&gt;
  &lt;/aside&gt;
&lt;/div&gt;

  &lt;/main&gt;  &lt;footer&gt;
    &lt;div class="footer-grid"&gt;
      &lt;div&gt;
        &lt;h2&gt;Edwin Ogie Library&lt;/h2&gt;
        &lt;p&gt;A trusted educational resource platform providing Mathematics schemes of work, lesson notes, academic materials, and personal development resources for students and teachers in Nigeria.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Important Pages&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/disclaimer-privacy-policy.html"&gt;Disclaimer &amp; Privacy Policy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/about-our-mission-privacy.html"&gt;About and Mission&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/contact-edwin-ogie-library-assistant.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Library &amp; Resources&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-books-collections.html"&gt;Edwin Ogie Library Collections (Books)&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/edwin-ogie-library-student-stories.html"&gt;Students Stories&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/self-discovery.html"&gt;Self Discovery Menu&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;h3&gt;Support&lt;/h3&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="https://edwinogie.blogspot.com/p/donation.html"&gt;Support Edwin Ogie Library&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;p style="margin-top:14px;font-size:0.9rem;color:#9ca3af;"&gt;Your support helps us continue providing quality educational content for learners and families.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="copyright"&gt;© &lt;span id="year"&gt;&lt;/span&gt; Edwin Ogie Library. All Rights Reserved. | JSS 3 Mathematics Third Term | SEO Educational Resource Nigeria.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "Bearings are measured from which direction?", options: ["South", "North", "East", "West"], answer: 1, explanation: "Bearings start from North and are measured clockwise." },
      { q: "What is the bearing of East from North?", options: ["045°", "090°", "180°", "270°"], answer: 1, explanation: "East is 090° from North." },
      { q: "What is the bearing of West from North?", options: ["090°", "180°", "270°", "360°"], answer: 2, explanation: "West is 270° from North." },
      { q: "A locus is best defined as", options: ["A shape", "A set of points satisfying a condition", "A graph", "An angle"], answer: 1, explanation: "A locus is the set of all points satisfying a condition." },
      { q: "The locus of points equidistant from a fixed point is", options: ["A line", "A circle", "A triangle", "A square"], answer: 1, explanation: "Equal distance from one point forms a circle." },
      { q: "The locus of points equidistant from two points is", options: ["Perpendicular bisector", "Circle", "Parallel line", "Angle bisector"], answer: 0, explanation: "It is the perpendicular bisector of the joining segment." },
      { q: "What is the radius of a circle?", options: ["A line across the circle", "A line from center to circumference", "The whole circle", "A chord"], answer: 1, explanation: "Radius joins the center to the circumference." },
      { q: "What is a chord?", options: ["A line joining two points on a circle", "A line from center to circle", "Half a circle", "The boundary"], answer: 0, explanation: "A chord joins two points on a circle." },
      { q: "In a right-angled triangle, sine is", options: ["Adjacent / hypotenuse", "Opposite / hypotenuse", "Opposite / adjacent", "Hypotenuse / opposite"], answer: 1, explanation: "Sine = opposite / hypotenuse." },
      { q: "Cosine is", options: ["Adjacent / hypotenuse", "Opposite / hypotenuse", "Opposite / adjacent", "Hypotenuse / adjacent"], answer: 0, explanation: "Cosine = adjacent / hypotenuse." },
      { q: "Tangent is", options: ["Opposite / adjacent", "Adjacent / hypotenuse", "Opposite / hypotenuse", "Hypotenuse / opposite"], answer: 0, explanation: "Tangent = opposite / adjacent." },
      { q: "What is tan 45°?", options: ["0", "1", "2", "3"], answer: 1, explanation: "tan 45° = 1." },
      { q: "If opposite = 3 and hypotenuse = 5, sin θ =", options: ["3/5", "5/3", "3/4", "4/5"], answer: 0, explanation: "Sine = opposite / hypotenuse = 3/5." },
      { q: "If adjacent = 4 and hypotenuse = 5, cos θ =", options: ["3/5", "4/5", "5/4", "4/3"], answer: 1, explanation: "Cosine = adjacent / hypotenuse = 4/5." },
      { q: "A triangle with angle of elevation is usually", options: ["Equilateral", "Right-angled", "Isosceles", "Scalene only"], answer: 1, explanation: "Heights and distances use a right-angled triangle." },
      { q: "What is the angle of elevation?", options: ["Angle downward", "Angle upward from horizontal", "Angle at center", "Angle on a line"], answer: 1, explanation: "Angle of elevation is measured upward from the horizontal." },
      { q: "What is the angle of depression?", options: ["Angle upward", "Angle downward from horizontal", "Angle inside a triangle", "Angle around a point"], answer: 1, explanation: "Angle of depression is measured downward from the horizontal." },
      { q: "If tan 45° = 1 and shadow = 4 m, height =", options: ["2 m", "3 m", "4 m", "5 m"], answer: 2, explanation: "Height = shadow when tan 45° = 1." },
      { q: "What tool is used for drawing a circle?", options: ["Ruler", "Compass", "Protractor", "Divider"], answer: 1, explanation: "A compass draws circles." },
      { q: "What tool is used to measure angles?", options: ["Compass", "Ruler", "Protractor", "Set square"], answer: 2, explanation: "A protractor measures angles." },
      { q: "What tool is used to measure length?", options: ["Compass", "Ruler", "Protractor", "Divider"], answer: 1, explanation: "A ruler measures length." },
      { q: "What is the opposite bearing of 030°?", options: ["120°", "150°", "210°", "300°"], answer: 2, explanation: "Add 180° to get 210°." },
      { q: "A semicircle is", options: ["Quarter of a circle", "Half of a circle", "A full circle", "A chord"], answer: 1, explanation: "A semicircle is half a circle." },
      { q: "The boundary of a circle is called", options: ["Radius", "Chord", "Circumference", "Diameter"], answer: 2, explanation: "Circumference is the perimeter of a circle." },
      { q: "Which of these is a trigonometric ratio?", options: ["Mean", "Mode", "Sine", "Locus"], answer: 2, explanation: "Sine is a trigonometric ratio." },
      { q: "The side opposite the right angle is", options: ["Adjacent", "Hypotenuse", "Radius", "Chord"], answer: 1, explanation: "The longest side is the hypotenuse." },
      { q: "A locus equidistant from a straight line is", options: ["A circle", "A parallel line", "A chord", "A triangle"], answer: 1, explanation: "A line parallel to the given line forms the locus." },
      { q: "What is a common use of bearings?", options: ["Cooking", "Navigation", "Adding fractions", "Drawing polygons"], answer: 1, explanation: "Bearings are used in navigation and direction finding." },
      { q: "Why are construction skills important?", options: ["Only for decoration", "For accurate drawing and design", "For telling time", "For counting objects"], answer: 1, explanation: "Construction ensures accuracy in shapes and measurement." },
      { q: "What is the main idea of heights and distances?", options: ["To memorise tables", "To use triangles to find unknown lengths", "To draw circles only", "To count sets"], answer: 1, explanation: "It uses trigonometry to find unknown lengths." }
    ];

    const container = document.getElementById('questionContainer');
    const startBtn = document.getElementById('startBtn');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const submitBtn = document.getElementById('submitBtn');
    const resetBtn = document.getElementById('resetBtn');
    const timerEl = document.getElementById('timer');
    const resultPanel = document.getElementById('resultPanel');
    const scoreText = document.getElementById('scoreText');
    const percentageText = document.getElementById('percentageText');
    const correctionsList = document.getElementById('correctionsList');
    const progressText = document.getElementById('progressText');
    const progressFill = document.getElementById('progressFill');
    const savedText = document.getElementById('savedText');

    let timer = null;
    let timeLeft = 1200;
    let started = false;
    let currentIndex = 0;

    function formatTime(seconds) {
      const m = Math.floor(seconds / 60).toString().padStart(2, '0');
      const s = (seconds % 60).toString().padStart(2, '0');
      return `${m}:${s}`;
    }

    function renderCurrentQuestion() {
      const item = questions[currentIndex];
      const answerName = `q${currentIndex}`;
      const saved = sessionStorage.getItem(answerName);
      const options = item.options.map((opt, i) =&gt; `
        &lt;label class="option"&gt;
          &lt;input type="radio" name="${answerName}" value="${i}" ${saved === String(i) ? 'checked' : ''} /&gt;
          &lt;span&gt;${String.fromCharCode(65 + i)}. ${opt}&lt;/span&gt;
        &lt;/label&gt;
      `).join('');
      container.innerHTML = `&lt;h4&gt;${currentIndex + 1}. ${item.q}&lt;/h4&gt;&lt;div class="options"&gt;${options}&lt;/div&gt;`;
      progressText.textContent = `Question ${currentIndex + 1} of ${questions.length}`;
      progressFill.style.width = `${((currentIndex + 1) / questions.length) * 100}%`;
      prevBtn.disabled = currentIndex === 0;
      nextBtn.disabled = currentIndex === questions.length - 1;
      submitBtn.disabled = !started;
      savedText.textContent = saved !== null ? 'Saved answer loaded' : '';
    }

    function saveCurrentAnswer() {
      const selected = document.querySelector(`input[name="q${currentIndex}"]:checked`);
      if (selected) {
        sessionStorage.setItem(`q${currentIndex}`, selected.value);
        savedText.textContent = 'Answer saved';
      }
    }

    function updateTimer() {
      timerEl.textContent = formatTime(timeLeft);
      if (timeLeft &lt;= 120) {
        timerEl.style.background = '#fee2e2';
        timerEl.style.borderColor = '#fca5a5';
      }
      if (timeLeft &lt;= 0) {
        clearInterval(timer);
        submitQuiz(true);
        return;
      }
      timeLeft -= 1;
    }

    function startQuiz() {
      if (started) return;
      started = true;
      startBtn.disabled = true;
      submitBtn.disabled = false;
      prevBtn.disabled = false;
      nextBtn.disabled = false;
      timerEl.textContent = formatTime(timeLeft);
      timer = setInterval(updateTimer, 1000);
      updateTimer();
      renderCurrentQuestion();
    }

    function goNext() {
      saveCurrentAnswer();
      if (currentIndex &lt; questions.length - 1) {
        currentIndex += 1;
        renderCurrentQuestion();
      }
    }

    function goPrev() {
      saveCurrentAnswer();
      if (currentIndex &gt; 0) {
        currentIndex -= 1;
        renderCurrentQuestion();
      }
    }

    function submitQuiz(auto = false) {
      if (!started &amp;&amp; !auto) return;
      saveCurrentAnswer();
      clearInterval(timer);
      submitBtn.disabled = true;
      startBtn.disabled = true;
      nextBtn.disabled = true;
      prevBtn.disabled = true;

      let score = 0;
      const corrections = [];
      questions.forEach((item, index) =&gt; {
        const selected = sessionStorage.getItem(`q${index}`);
        const userAnswer = selected === null ? null : parseInt(selected, 10);
        const correct = userAnswer === item.answer;
        if (correct) score += 1;
        corrections.push({
          number: index + 1,
          question: item.q,
          userAnswer: userAnswer === null ? 'No answer' : `${String.fromCharCode(65 + userAnswer)}. ${item.options[userAnswer]}`,
          correctAnswer: `${String.fromCharCode(65 + item.answer)}. ${item.options[item.answer]}`,
          explanation: item.explanation,
          correct
        });
      });

      const percentage = Math.round((score / questions.length) * 100);
      scoreText.innerHTML = `Total Score: &lt;strong&gt;${score} / ${questions.length}&lt;/strong&gt;`;
      percentageText.innerHTML = `Percentage: &lt;strong&gt;${percentage}%&lt;/strong&gt;`;
      correctionsList.innerHTML = corrections.map(item =&gt; `
        &lt;div class="correction"&gt;
          &lt;div&gt;&lt;strong&gt;Question ${item.number}:&lt;/strong&gt; ${item.question}&lt;/div&gt;
          &lt;div class="${item.correct ? 'correct' : 'wrong'}"&gt;Your Answer: ${item.userAnswer}&lt;/div&gt;
          &lt;div class="correct"&gt;Correct Answer: ${item.correctAnswer}&lt;/div&gt;
          &lt;div&gt;Correction: ${item.explanation}&lt;/div&gt;
        &lt;/div&gt;
      `).join('');
      resultPanel.style.display = 'block';
      resultPanel.scrollIntoView({ behavior: 'smooth' });

      const subject = encodeURIComponent('JSS 3 Mathematics Third Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 3 Mathematics third-term CBT quiz.\n\nScore: ${score} / ${questions.length}\nPercentage: ${percentage}%\n\nPlease find my results above.\n\nThank you.`);
      document.getElementById('emailScoreLink').href = `mailto:edwinogielibrary@gmail.com?subject=${subject}&amp;body=${body}`;
    }

    function resetQuiz() {
      clearInterval(timer);
      timeLeft = 1200;
      started = false;
      currentIndex = 0;
      startBtn.disabled = false;
      prevBtn.disabled = true;
      nextBtn.disabled = true;
      submitBtn.disabled = true;
      timerEl.textContent = '20:00';
      timerEl.style.background = '#fef2f2';
      timerEl.style.borderColor = '#fecaca';
      sessionStorage.clear();
      renderCurrentQuestion();
      resultPanel.style.display = 'none';
      scoreText.textContent = '';
      percentageText.textContent = '';
      correctionsList.innerHTML = '';
      savedText.textContent = '';
      document.getElementById('emailScoreLink').href = 'mailto:edwinogielibrary@gmail.com?subject=JSS%203%20Mathematics%20Third%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%203%20Mathematics%20third-term%20quiz.%0A%0AName:%20%0AScore:%20%0APercentage:%20%0A%0AThank%20you.';
    }

    startBtn.addEventListener('click', startQuiz);
    prevBtn.addEventListener('click', goPrev);
    nextBtn.addEventListener('click', goNext);
    submitBtn.addEventListener('click', function (e) { e.preventDefault(); submitQuiz(false); });
    resetBtn.addEventListener('click', resetQuiz);

    renderCurrentQuestion();
    document.getElementById('year').textContent = new Date().getFullYear();
  &lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;&lt;div class="blogger-post-footer"&gt;&lt;p&gt;You’re reading this via &lt;a href="https://edwinogie.blogspot.com" target="_blank"&gt;Edwin Ogie Library&lt;/a&gt;. For worked examples, quizzes, and full study materials, click the link to explore more.&lt;/p&gt;
&lt;/div&gt;</description><link>https://edwinogie.blogspot.com/2026/04/ss-3-mathematics-third-term-full-web.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNqU1eibbTbUbNReJuYpC6kUuiL8tRGOGpT_YgDmG3XbYjPIsO5qIbbJGNlWDbeIky_GpooOWVA_RZnpOmf9tqznPkp1tHaTq_wUBW-g9fgZc6fX1BHp1jtGM4eDT4vLG_F73wvBze6mt0ENO1lk4K40xIaXwVd8gknNU8pZhX6H9Smu73rqyJ2JNB20/s72-c/file_00000000b9c471f4a67090e9bc90f4ec.png" width="72"/><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item></channel></rss>