<?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>Thu, 21 May 2026 06:08:57 +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>God's word</category><category>efficacy of words</category><category>Electrical Engineering</category><category>God's healing</category><category>Edwin Ogie Library</category><category>webook</category><category>God's Peace</category><category>Mental Wellness</category><category>boundaries</category><category>aspiration</category><category>JSS mathematics</category><category>Self discovery</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>Benin Bronze</category><category>Faith</category><category>JSS</category><category>Relationship advice</category><category>Waec and NECO</category><category>students stories</category><category>Amazon kindle ebook</category><category>electrical fault</category><category>resilience</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>Edwin Ogie Library Books</category><category>JSS Two</category><category>The Oba of Benin</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>family</category><category>forgiveness</category><category>mindfulness meditation</category><category>safety</category><category>spiritual growth</category><category>wiring</category><category>Affiliate marketing</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>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>emotional Mastery</category><category>human connection</category><category>jss2</category><category>market</category><category>patience</category><category>prayers</category><category>reading</category><category>relationships</category><category>self help</category><category>ss1</category><category>vision</category><category>Amazon deal</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>How to handle negative criticism</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>The efficacy of words</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>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>443</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-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><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4474625546970502500.post-1027562402655283647</guid><pubDate>Tue, 14 Apr 2026 04:39:00 +0000</pubDate><atom:updated>2026-04-13T17:47:33.596-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">eBook</category><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>JSS 3 Mathematics Second 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 Second 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 second term, simultaneous equations, factorization, quadratic expressions, inequalities, linear graphs, statistics, 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 Second Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 3 Mathematics second-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 Second 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/AVvXsEjYPuvAixe1M3z6HHNDUX4j-PNGUeAbIVBBOOkLdomPfOIIQKqdMGU8XrIDm6FCVU7muav78BOVNXsZIJJxMXffob3c_JMIspA5lmLNBIDvDKdLsaOFT_-J0NVBliE24PWGbZGhGtAt3GNItYkwkI-Y-_JpKxCYBr4yXmpDNv29tC_totigg3QTcnuUrFw/s1600/file_00000000cb9071f4ad75bd0112be3e4e.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/AVvXsEjYPuvAixe1M3z6HHNDUX4j-PNGUeAbIVBBOOkLdomPfOIIQKqdMGU8XrIDm6FCVU7muav78BOVNXsZIJJxMXffob3c_JMIspA5lmLNBIDvDKdLsaOFT_-J0NVBliE24PWGbZGhGtAt3GNItYkwkI-Y-_JpKxCYBr4yXmpDNv29tC_totigg3QTcnuUrFw/s1600/file_00000000cb9071f4ad75bd0112be3e4e.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 Second Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 3 Mathematics second-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 Second Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete second-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 / Second 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;Second Term Scheme of Work&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;The second term of JSS 3 Mathematics strengthens algebra, equations, graphs and data handling. The lessons are arranged to prepare learners for senior secondary mathematics and end-of-term assessment.&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 Second 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;Simultaneous Linear Equations&lt;/td&gt;&lt;td&gt;Solving two equations with two unknowns by substitution and elimination.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Factorization of Algebraic Expressions&lt;/td&gt;&lt;td&gt;Common factors, simple trinomials, difference of two squares.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Quadratic Expressions&lt;/td&gt;&lt;td&gt;Expanding, recognizing and factoring quadratic forms.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Inequalities&lt;/td&gt;&lt;td&gt;Solving and representing inequalities on a number line.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Graphs of Linear Equations&lt;/td&gt;&lt;td&gt;Plotting points, graphing straight lines and reading intercepts.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Variation&lt;/td&gt;&lt;td&gt;Direct and inverse variation with word problems.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Statistics and Data Interpretation&lt;/td&gt;&lt;td&gt;Mean, median, mode, range and data presentation.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Revision and Examination&lt;/td&gt;&lt;td&gt;General revision and assessment.&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;section class="card" id="simultaneous-equations"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Simultaneous Linear Equations&lt;/h2&gt;
      &lt;p&gt;Simultaneous equations are two equations that share the same unknowns. The solution is the pair of values that satisfies both equations at the same time. We can solve by substitution or elimination.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Substitution&lt;/h3&gt;&lt;p&gt;Make one variable the subject and replace it in the other equation.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Elimination&lt;/h3&gt;&lt;p&gt;Add or subtract equations to remove one variable.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Solution&lt;/h3&gt;&lt;p&gt;The pair of values that satisfies both equations.&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; x + y = 10 and x - y = 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add the equations: 2x = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Substitute into x + y = 10, so y = 4.&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; x + y = 8 and x = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Substitute x = 5 into the first equation.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 5 + y = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 3.&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; 2x + y = 11 and x = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Substitute x = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 2(4) + y = 11.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 8 + y = 11, so y = 3.&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; 3x + y = 14 and x - y = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; From x - y = 4, write y = x - 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Substitute into 3x + y = 14.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 3x + x - 4 = 14, so 4x = 18 and x = 4.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; 2x + y = 9 and x + y = 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract the second from the first.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Substitute into x + y = 6 to get y = 3.&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; x + 2y = 12 and x = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Substitute x = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 4 + 2y = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 2y = 8, so y = 4.&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. Two equations with same unknowns are called?&lt;/summary&gt;&lt;p&gt;Simultaneous equations.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Method that removes a variable by adding/subtracting?&lt;/summary&gt;&lt;p&gt;Elimination.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Method that replaces one variable with an expression?&lt;/summary&gt;&lt;p&gt;Substitution.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. If x + y = 10 and x - y = 2, x = ?&lt;/summary&gt;&lt;p&gt;6.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Same pair satisfies both equations?&lt;/summary&gt;&lt;p&gt;Solution.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="factorization"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Factorization of Algebraic Expressions&lt;/h2&gt;
      &lt;p&gt;Factorization means writing an algebraic expression as a product of simpler expressions. It is the reverse of expansion and is very important in algebra and equation solving.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Common factor&lt;/h3&gt;&lt;p&gt;Factor that divides every term.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Difference of squares&lt;/h3&gt;&lt;p&gt;a² - b² = (a - b)(a + b).&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Trinomials&lt;/h3&gt;&lt;p&gt;Expressions with three terms.&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; Factorize 6x + 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the common factor 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 6x + 12 = 6(x + 2).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6(x + 2).&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; Factorize 8a² + 4a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Common factor is 4a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 8a² + 4a = 4a(2a + 1).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4a(2a + 1).&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; Factorize x² + 5x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Common factor is x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x² + 5x = x(x + 5).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x(x + 5).&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; Factorize x² - 9.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recognize difference of squares.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x² - 9 = x² - 3².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (x - 3)(x + 3).&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; Factorize 9y² - 16.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recognize difference of squares.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 9y² - 16 = (3y)² - 4².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (3y - 4)(3y + 4).&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; Factorize x² + 7x + 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find two numbers that multiply to 12 and add to 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The numbers are 3 and 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (x + 3)(x + 4).&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. Common factor of 10x and 15x?&lt;/summary&gt;&lt;p&gt;5x.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. x² - 25 factorized?&lt;/summary&gt;&lt;p&gt;(x - 5)(x + 5).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Factorize x² + 6x?&lt;/summary&gt;&lt;p&gt;x(x + 6).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Factorization is reverse of?&lt;/summary&gt;&lt;p&gt;Expansion.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. x² + 5x + 6 factorized?&lt;/summary&gt;&lt;p&gt;(x + 2)(x + 3).&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="quadratic-expressions"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Quadratic Expressions&lt;/h2&gt;
      &lt;p&gt;Quadratic expressions contain a squared term, a linear term and a constant. They often appear in factorization, expansion and equation solving.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Form&lt;/h3&gt;&lt;p&gt;ax² + bx + c.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Expansion&lt;/h3&gt;&lt;p&gt;Multiply brackets carefully.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Factorization&lt;/h3&gt;&lt;p&gt;Break into two brackets where possible.&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; Expand (x + 2)(x + 3).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; x × x = x².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Outer and inner terms: 3x + 2x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Final answer: x² + 5x + 6.&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; Expand (x - 4)(x + 1).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply x by x and then by 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply -4 by x and by 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x² - 3x - 4.&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; Factorize x² + 5x + 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find two numbers that multiply to 6 and add to 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 2 and 3 fit.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (x + 2)(x + 3).&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; Factorize x² + 7x + 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find numbers that multiply to 12 and add to 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 and 4 fit.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (x + 3)(x + 4).&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; Factorize x² - x - 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find numbers that multiply to -6 and add to -1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; -3 and 2 fit.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (x - 3)(x + 2).&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; Expand (2x + 1)(x + 5).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply 2x by x and 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 1 by x and 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2x² + 11x + 5.&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. General form of quadratic expression?&lt;/summary&gt;&lt;p&gt;ax² + bx + c.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Expand (x + 1)(x + 1)?&lt;/summary&gt;&lt;p&gt;x² + 2x + 1.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. x² + 6x + 9 factorized?&lt;/summary&gt;&lt;p&gt;(x + 3)².&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Difference of squares formula?&lt;/summary&gt;&lt;p&gt;a² - b² = (a - b)(a + b).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. A quadratic has highest power?&lt;/summary&gt;&lt;p&gt;2.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="inequalities"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Inequalities&lt;/h2&gt;
      &lt;p&gt;Inequalities compare quantities that are not necessarily equal. They use symbols such as &amp;lt;, &amp;gt;, ≤ and ≥. Solutions are often represented on a number line.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Less than&lt;/h3&gt;&lt;p&gt;&amp;lt;&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Greater than&lt;/h3&gt;&lt;p&gt;&amp;gt;&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Number line&lt;/h3&gt;&lt;p&gt;Shows the set of values that satisfy the inequality.&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; Solve x &amp;gt; 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Any number greater than 3 works.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Show it on a number line with an open circle at 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x is greater than 3.&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; Solve x ≤ 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Any number less than or equal to 5 works.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Use a closed circle at 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x ≤ 5.&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; Solve x + 2 &amp;lt; 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 2 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x &amp;lt; 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x &amp;lt; 5.&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; Solve 3x ≥ 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x ≥ 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x ≥ 4.&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; Solve x - 4 ≥ 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add 4 to both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x ≥ 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x ≥ 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; Solve 2x + 1 &amp;lt; 9.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 1 from both sides: 2x &amp;lt; 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: x &amp;lt; 4.&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. Symbol for less than?&lt;/summary&gt;&lt;p&gt;&amp;lt;&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. x ≥ 2 means?&lt;/summary&gt;&lt;p&gt;x is 2 or more.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Open circle on number line means?&lt;/summary&gt;&lt;p&gt;The value is not included.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Closed circle means?&lt;/summary&gt;&lt;p&gt;The value is included.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. x &amp;lt; 0 is?&lt;/summary&gt;&lt;p&gt;Negative values only.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="graphs-linear"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Graphs of Linear Equations&lt;/h2&gt;
      &lt;p&gt;Graphs of linear equations are straight-line graphs. They help show the relationship between variables and are useful for interpreting patterns and predictions.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Linear graph&lt;/h3&gt;&lt;p&gt;A straight line graph.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Intercept&lt;/h3&gt;&lt;p&gt;Where the graph crosses an axis.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Coordinates&lt;/h3&gt;&lt;p&gt;Points written as (x, y).&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; Find the intercept of y = 2x + 3 on the y-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; At x = 0, y = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The graph crosses the y-axis at 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: y-intercept = 3.&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; Plot points for y = x + 1 when x = 0, 1, 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find y values: 1, 2, 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Plot (0,1), (1,2), (2,3).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Join the points to get a straight line.&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 slope of y = 3x + 2?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; The slope is the coefficient of x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The coefficient is 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&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 x-intercept of y = x - 4?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Set y = 0.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 0 = x - 4, so x = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4.&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; Plot (2, 5).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Move 2 units right.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Move 5 units up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; The point is (2, 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; Is y = 4x + 1 linear?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Check the power of x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The power is 1, so it is linear.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: yes.&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. Straight-line graph?&lt;/summary&gt;&lt;p&gt;Linear graph.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. y-intercept of y = x + 5?&lt;/summary&gt;&lt;p&gt;5.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Slope of y = 2x + 1?&lt;/summary&gt;&lt;p&gt;2.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Point format?&lt;/summary&gt;&lt;p&gt;(x, y).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. When x = 0, we find?&lt;/summary&gt;&lt;p&gt;y-intercept.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="variation-jss3"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Variation&lt;/h2&gt;
      &lt;p&gt;Variation describes how one quantity changes in relation to another. Direct and inverse variation are common in algebra and real-life word problems.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Direct&lt;/h3&gt;&lt;p&gt;y = kx.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Inverse&lt;/h3&gt;&lt;p&gt;y = k/x.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Constant&lt;/h3&gt;&lt;p&gt;A fixed value linking the variables.&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; If y varies directly as x and y = 6 when x = 2, find k.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use y = kx.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 6 = 2k.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; k = 3.&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; If y = 15 when x = 5, find y when x = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find k: 15 = 5k, so k = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 3x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 24.&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; If y varies inversely as x and y = 4 when x = 3, find k.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use y = k/x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 4 = k/3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; k = 12.&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 y = 10 when x = 2 in inverse variation, find y when x = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find k: 10 = k/2, so k = 20.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 20/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 4.&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; State the kind of variation when p = kq.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare the formula with direct variation.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It matches y = kx form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: direct variation.&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 a car's speed and travel time for fixed distance are related, what type of variation is this?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; As speed increases, time decreases.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; That is inverse variation.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: inverse variation.&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. Direct variation formula?&lt;/summary&gt;&lt;p&gt;y = kx.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Inverse variation formula?&lt;/summary&gt;&lt;p&gt;y = k/x.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. If y increases as x increases?&lt;/summary&gt;&lt;p&gt;Direct variation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. If y decreases as x increases?&lt;/summary&gt;&lt;p&gt;Inverse variation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. k is called?&lt;/summary&gt;&lt;p&gt;Constant of variation.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="statistics-second-term"&gt;
      &lt;span class="badge"&gt;Topic 7&lt;/span&gt;
      &lt;h2&gt;Statistics and Data Interpretation&lt;/h2&gt;
      &lt;p&gt;Statistics helps us collect, organize, present and interpret data. It is useful for understanding patterns, comparing groups and making informed decisions from information.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Mean&lt;/h3&gt;&lt;p&gt;Add values and divide by number of values.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Median&lt;/h3&gt;&lt;p&gt;The middle value in ordered data.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Range&lt;/h3&gt;&lt;p&gt;Highest value minus lowest value.&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; Find the mode of 2, 3, 3, 4, 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the repeats.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 appears most often.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&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; Find the median of 2, 4, 6, 8, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Arrange in order.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Choose the middle value.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6.&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; Find the mean of 2, 4, 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add: 2 + 4 + 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4.&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; Find the range of 2, 5, 7, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Highest value = 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Lowest value = 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Range = 8.&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; Why do we use tables in statistics?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Tables arrange data neatly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They make comparison easy.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to present data clearly.&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; Name one method of collecting data.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall common methods.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Questionnaire is one method.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: questionnaire.&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. Most frequent value?&lt;/summary&gt;&lt;p&gt;Mode.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Middle value?&lt;/summary&gt;&lt;p&gt;Median.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Average value?&lt;/summary&gt;&lt;p&gt;Mean.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Highest minus lowest?&lt;/summary&gt;&lt;p&gt;Range.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Data collection tool?&lt;/summary&gt;&lt;p&gt;Questionnaire.&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+second+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 3 Second 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%20Second%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%203%20Mathematics%20second-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="#simultaneous-equations"&gt;Simultaneous Linear Equations&lt;/a&gt;
      &lt;a href="#factorization"&gt;Factorization&lt;/a&gt;
      &lt;a href="#quadratic-expressions"&gt;Quadratic Expressions&lt;/a&gt;
      &lt;a href="#inequalities"&gt;Inequalities&lt;/a&gt;
      &lt;a href="#graphs-linear"&gt;Graphs of Linear Equations&lt;/a&gt;
      &lt;a href="#variation-jss3"&gt;Variation&lt;/a&gt;
      &lt;a href="#statistics-second-term"&gt;Statistics and Data Interpretation&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;Equations&lt;/strong&gt;&lt;p&gt;Learn methods for solving simultaneous equations.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Factorization&lt;/strong&gt;&lt;p&gt;Break expressions into simpler products.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Graphs&lt;/strong&gt;&lt;p&gt;Understand straight-line relationships.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Statistics&lt;/strong&gt;&lt;p&gt;Read and interpret data clearly.&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 Second Term | SEO Educational Resource Nigeria.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "What are simultaneous equations?", options: ["Two equations with two unknowns", "One equation with one unknown", "A graph", "A set"], answer: 0, explanation: "They are two equations sharing the same unknowns." },
      { q: "What method removes a variable by adding or subtracting equations?", options: ["Substitution", "Elimination", "Division", "Rounding"], answer: 1, explanation: "Elimination removes one variable." },
      { q: "What is the common factor of 6x and 12?", options: ["2", "3", "6", "12"], answer: 2, explanation: "6 divides both terms." },
      { q: "Factorize x² - 9.", options: ["(x - 9)(x + 1)", "(x - 3)(x + 3)", "(x + 9)(x - 1)", "(x - 1)(x + 9)"], answer: 1, explanation: "It is difference of squares." },
      { q: "What is 3²?", options: ["6", "8", "9", "12"], answer: 2, explanation: "3 × 3 = 9." },
      { q: "What is 4³?", options: ["12", "24", "48", "64"], answer: 3, explanation: "4 × 4 × 4 = 64." },
      { q: "What is the general form of a quadratic expression?", options: ["ax + b", "ax² + bx + c", "a/x + b", "x² only"], answer: 1, explanation: "Quadratic expressions have highest power 2." },
      { q: "What is the factorized form of x² + 5x + 6?", options: ["(x + 1)(x + 6)", "(x + 2)(x + 3)", "(x - 2)(x - 3)", "(x + 4)(x + 1)"], answer: 1, explanation: "2 and 3 multiply to 6 and add to 5." },
      { q: "Solve x + 5 = 12.", options: ["5", "6", "7", "8"], answer: 2, explanation: "Subtract 5 from both sides." },
      { q: "Solve 2x = 18.", options: ["7", "8", "9", "10"], answer: 2, explanation: "Divide both sides by 2." },
      { q: "What symbol means less than?", options: ["&gt;", "&lt;", "=", "≤"], answer: 1, explanation: "The symbol &lt; means less than." },
      { q: "What does x ≥ 4 mean?", options: ["x is less than 4", "x is 4 or more", "x is 4 or less", "x is not 4"], answer: 1, explanation: "≥ means greater than or equal to." },
      { q: "What is the y-intercept of y = 2x + 3?", options: ["2", "3", "5", "0"], answer: 1, explanation: "When x = 0, y = 3." },
      { q: "What is the slope of y = 3x + 2?", options: ["2", "3", "5", "1"], answer: 1, explanation: "The slope is the coefficient of x." },
      { q: "What is the point (3, 2)?", options: ["3 right and 2 up", "2 right and 3 up", "3 left and 2 down", "2 left and 3 up"], answer: 0, explanation: "Coordinates are (x, y)." },
      { q: "What is direct variation?", options: ["y = k/x", "y = kx", "y = x + k", "y = x²"], answer: 1, explanation: "Direct variation follows y = kx." },
      { q: "What is inverse variation?", options: ["y = kx", "y = k/x", "y = x + k", "y = x - k"], answer: 1, explanation: "Inverse variation follows y = k/x." },
      { q: "What is the mode of 2, 3, 3, 4, 5?", options: ["2", "3", "4", "5"], answer: 1, explanation: "3 appears most often." },
      { q: "What is the median of 2, 4, 6, 8, 10?", options: ["4", "5", "6", "8"], answer: 2, explanation: "The middle value is 6." },
      { q: "What is the mean of 2, 4, 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "(2 + 4 + 6) ÷ 3 = 4." },
      { q: "What is the range of 2, 5, 7, 10?", options: ["5", "6", "7", "8"], answer: 3, explanation: "10 - 2 = 8." },
      { q: "What is a universal set in Venn diagrams?", options: ["A rectangle containing all elements", "The overlapping part only", "The empty set", "A line"], answer: 0, explanation: "The rectangle represents the universal set." },
      { q: "What is the intersection of A and B?", options: ["All items in A or B", "Common elements", "No elements", "All elements outside"], answer: 1, explanation: "Intersection means common elements." },
      { q: "What is the union of A and B?", options: ["Common elements", "All elements from both sets", "Only A", "Only B"], answer: 1, explanation: "Union combines all distinct elements." },
      { q: "What is x² + 6x + 9 factorized?", options: ["(x + 3)²", "(x + 6)(x + 9)", "(x - 3)²", "(x + 1)(x + 9)"], answer: 0, explanation: "It is a perfect square trinomial." },
      { q: "What is 0.0008 in standard form?", options: ["8 × 10⁻³", "8 × 10⁻⁴", "8 × 10⁻⁵", "8 × 10⁴"], answer: 1, explanation: "0.0008 = 8 × 10⁻⁴." },
      { q: "What is 4.5 × 10³ in ordinary number?", options: ["450", "4,500", "45,000", "450,000"], answer: 1, explanation: "4.5 × 10³ = 4,500." },
      { q: "Which of these is a quadratic expression?", options: ["x + 2", "x² + 3x + 2", "2/x", "5"], answer: 1, explanation: "It has x² as highest power." },
      { q: "What is the complement of a set?", options: ["Common elements", "Elements not in the set", "All elements", "No elements"], answer: 1, explanation: "Complement means not in the set." },
      { q: "What is the coordinate axis that is vertical?", options: ["x-axis", "y-axis", "z-axis", "number line"], answer: 1, explanation: "The y-axis is vertical." }
    ];

    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 Second Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 3 Mathematics second-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%20Second%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%203%20Mathematics%20second-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/jss-3-mathematics-second-term-full-web.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPuvAixe1M3z6HHNDUX4j-PNGUeAbIVBBOOkLdomPfOIIQKqdMGU8XrIDm6FCVU7muav78BOVNXsZIJJxMXffob3c_JMIspA5lmLNBIDvDKdLsaOFT_-J0NVBliE24PWGbZGhGtAt3GNItYkwkI-Y-_JpKxCYBr4yXmpDNv29tC_totigg3QTcnuUrFw/s72-c/file_00000000cb9071f4ad75bd0112be3e4e.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-8023677998778999120</guid><pubDate>Tue, 14 Apr 2026 04:27:00 +0000</pubDate><atom:updated>2026-04-13T17:30:27.415-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">eBook</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Library</category><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>JSS 3 Mathematics First Term Full Webook</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 First 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 first term, sets, indices, algebraic expressions, linear equations, variation, graphs, statistics, 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 First Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 3 Mathematics first-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 First 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/AVvXsEgXQmhs8aR1WB8cWRy9cMBhd3sxsVbEwr9YAA9_OdiNp38R2j7cnks0H-bUMV6lfCUN_cjZB5dHAiJ2hhMS5Y7p64hihM5KpMAVkG8YRPtL4PiMIssyqpIEBGBlg4EtCiWnC8XDaH5kogeQA2CEtLnhGmJK8NqK_Ty9nJ8RCrZy5kUQs93Z6nuOz-O2IYc/s1600/file_000000000678720a805825e132c7975b.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/AVvXsEgXQmhs8aR1WB8cWRy9cMBhd3sxsVbEwr9YAA9_OdiNp38R2j7cnks0H-bUMV6lfCUN_cjZB5dHAiJ2hhMS5Y7p64hihM5KpMAVkG8YRPtL4PiMIssyqpIEBGBlg4EtCiWnC8XDaH5kogeQA2CEtLnhGmJK8NqK_Ty9nJ8RCrZy5kUQs93Z6nuOz-O2IYc/s1600/file_000000000678720a805825e132c7975b.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;
    }
    .quote {
      border-left: 4px solid var(--primary);
      padding: 12px 14px;
      background: #fafaff;
      border-radius: 12px;
      color: #374151;
      margin: 14px auto;
      max-width: 920px;
      text-align: left;
    }
    .list {
      padding-left: 20px;
      margin: 0 auto;
      text-align: left;
      display: inline-block;
      max-width: 980px;
    }
    .list li { margin-bottom: 10px; }
    .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 First Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 3 Mathematics first-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 First Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete first-term mathematics learning page for JSS 3. Each topic is treated 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 / First 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;First Term Scheme of Work&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;The first term of JSS 3 Mathematics strengthens algebra, set theory, proportional reasoning, and graphs. These lessons prepare students for senior secondary mathematics and examination-style thinking.&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 First 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;Sets and Set Notation&lt;/td&gt;&lt;td&gt;Definition of sets, elements, roster form, set-builder notation.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Venn Diagrams&lt;/td&gt;&lt;td&gt;Union, intersection, complement and set problems.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Indices and Standard Form&lt;/td&gt;&lt;td&gt;Meaning of indices, laws of indices, standard form.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Algebraic Expressions&lt;/td&gt;&lt;td&gt;Terms, coefficients, simplifying expressions and substitution.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Linear Equations&lt;/td&gt;&lt;td&gt;Solving one-step and two-step equations.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Variation&lt;/td&gt;&lt;td&gt;Direct variation and inverse variation.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Graphs and Coordinates&lt;/td&gt;&lt;td&gt;Plotting points, reading graphs and straight line ideas.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Statistics and Data Interpretation&lt;/td&gt;&lt;td&gt;Mean, median, mode, range and presentation of data.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;General revision and practice.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;First-term assessment.&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;section class="card" id="sets"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Sets and Set Notation&lt;/h2&gt;
      &lt;p&gt;A set is a well-defined collection of objects or elements. Set notation helps us list elements clearly, describe membership, and compare groups of items in mathematics.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Element&lt;/h3&gt;&lt;p&gt;An object inside a set.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Roster form&lt;/h3&gt;&lt;p&gt;Elements are listed inside braces.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Set-builder form&lt;/h3&gt;&lt;p&gt;Describes the rule used to form the set.&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; Write the set of first three natural numbers.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Natural numbers start from 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The first three are 1, 2 and 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {1, 2, 3}.&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 whether 5 is an element of {2, 4, 5, 7}.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Check the listed elements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 5 appears in the set.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: yes, 5 ∈ {2, 4, 5, 7}.&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; Write the set of even numbers less than 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; List even numbers below 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They are 2, 4 and 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {2, 4, 6}.&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; Describe the set {x : x is a vowel in the word MATHEMATICS}.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify vowels in the word.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The vowels are A and I.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {A, I}.&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 is the empty set?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of a set with no elements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is written as ∅ or {}.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: the empty set.&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; Write the set of letters in the word SUN.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the letters one by one.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They are S, U and N.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {S, U, N}.&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 set with no elements?&lt;/summary&gt;&lt;p&gt;Empty set.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Symbol for membership?&lt;/summary&gt;&lt;p&gt;∈&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Roster form uses what symbols?&lt;/summary&gt;&lt;p&gt;Braces { }.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. First three natural numbers?&lt;/summary&gt;&lt;p&gt;{1, 2, 3}.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Set of vowels in A, E, I, O, U?&lt;/summary&gt;&lt;p&gt;{A, E, I, O, U}.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="venn-diagrams"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Venn Diagrams&lt;/h2&gt;
      &lt;p&gt;Venn diagrams show the relationship between sets using circles inside a rectangle. They help students understand union, intersection, complement and set counting problems.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Union&lt;/h3&gt;&lt;p&gt;All elements in both sets.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Intersection&lt;/h3&gt;&lt;p&gt;Common elements.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Complement&lt;/h3&gt;&lt;p&gt;Elements not in the set.&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 = {1, 2, 3}, B = {3, 4, 5}. Find A ∩ B.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find common elements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The common element is 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {3}.&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 = {1, 2, 3}, B = {3, 4, 5}. Find A ∪ B.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Combine all distinct elements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Write 1, 2, 3, 4, 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {1, 2, 3, 4, 5}.&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; If U = {1,2,3,4,5,6} and A = {2,4,6}, find A'.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; List all elements in U not in A.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They are 1, 3 and 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {1, 3, 5}.&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 A has 3 elements and B has 4 elements, what does a Venn diagram help show?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare the two sets visually.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; See common and separate elements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: the relationship between the sets.&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 = {2, 4, 6, 8} and B = {1, 2, 3, 4}. Find common elements.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare both sets.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Common numbers are 2 and 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: {2, 4}.&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 does the universal set contain?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of all elements under discussion.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is the complete collection for the problem.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: all elements in the context.&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. Common elements in two sets?&lt;/summary&gt;&lt;p&gt;Intersection.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. All elements from both sets?&lt;/summary&gt;&lt;p&gt;Union.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Symbol for intersection?&lt;/summary&gt;&lt;p&gt;∩&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Symbol for union?&lt;/summary&gt;&lt;p&gt;∪&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. A rectangle in Venn diagram represents?&lt;/summary&gt;&lt;p&gt;Universal set.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="indices-standard-form"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Indices and Standard Form&lt;/h2&gt;
      &lt;p&gt;Indices are used to write repeated multiplication in a short form. Standard form is used to write very large or very small numbers neatly using powers of ten.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Base&lt;/h3&gt;&lt;p&gt;The repeated number.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Exponent&lt;/h3&gt;&lt;p&gt;Shows how many times the base is used.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Standard form&lt;/h3&gt;&lt;p&gt;A number between 1 and 10 multiplied by a power of 10.&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; Write 2 × 2 × 2 using indices.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the repeated factor.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 2 appears 3 times.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2³.&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; Evaluate 3².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 3² means 3 × 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply the numbers.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 9.&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; Evaluate 4³.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 4³ means 4 × 4 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply step by step.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 64.&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 5 × 5 × 5 × 5 using indices.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the number of 5s.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; There are 4 repeated factors.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 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; Write 4,500 in standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Move the decimal to make 4.5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The decimal moved 3 places.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4.5 × 10³.&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; Convert 0.0008 to standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Make the leading number 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Move the decimal 4 places right.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 8 × 10⁻⁴.&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. 2⁴?&lt;/summary&gt;&lt;p&gt;16.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 3²?&lt;/summary&gt;&lt;p&gt;9.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 10³?&lt;/summary&gt;&lt;p&gt;1000.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 7²?&lt;/summary&gt;&lt;p&gt;49.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. 0.01 in standard form?&lt;/summary&gt;&lt;p&gt;1 × 10⁻².&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="algebraic-expressions-jss3"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Algebraic Expressions&lt;/h2&gt;
      &lt;p&gt;Algebraic expressions are combinations of numbers, letters and operations without an equal sign. They are used to represent relationships and to simplify mathematical statements.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Term&lt;/h3&gt;&lt;p&gt;A part of an expression 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 number multiplying a variable.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Like terms&lt;/h3&gt;&lt;p&gt;Terms with the same variables and powers.&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; Simplify 3x + 2x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add the coefficients.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 + 2 = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5x.&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; Simplify 4a + 3b + 2a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Group like terms 4a and 2a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 4a + 2a = 6a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6a + 3b.&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; Simplify 2y + 7y - 5y.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add and subtract coefficients.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 2 + 7 - 5 = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4y.&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; Simplify 5m + 2m + m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Write m as 1m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 5 + 2 + 1 = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 8m.&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; Expand 2(x + 5).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply 2 by x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 2 by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2x + 10.&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; Expand 3(t - 4).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply 3 by t.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 3 by -4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3t - 12.&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. Like term of 4x?&lt;/summary&gt;&lt;p&gt;2x, 3x, 5x etc.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 2a + 3a?&lt;/summary&gt;&lt;p&gt;5a.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Expand 4(x + 1)?&lt;/summary&gt;&lt;p&gt;4x + 4.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Expand 5(a - 2)?&lt;/summary&gt;&lt;p&gt;5a - 10.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Coefficient of x in 7x?&lt;/summary&gt;&lt;p&gt;7.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="linear-equations"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Linear Equations&lt;/h2&gt;
      &lt;p&gt;Linear equations are equations in which the highest power of the variable is one. They can be solved by using inverse operations to isolate the variable.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;One-step&lt;/h3&gt;&lt;p&gt;One operation is needed.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Two-step&lt;/h3&gt;&lt;p&gt;Two operations are needed.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Check&lt;/h3&gt;&lt;p&gt;Substitute the answer to verify it.&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; x + 5 = 12&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 5 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 12 - 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; x = 7.&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; y - 4 = 9&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add 4 to both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 9 + 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 13.&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; 3n = 21&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; n = 21 ÷ 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; n = 7.&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 / 5 = 6&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply both sides by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; a = 6 × 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; a = 30.&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; 2x = 18&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 18 ÷ 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; x = 9.&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; m + 8 = 20&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 8 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; m = 20 - 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; m = 12.&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. x + 3 = 10, x?&lt;/summary&gt;&lt;p&gt;7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 5p = 35, p?&lt;/summary&gt;&lt;p&gt;7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. y - 6 = 2, y?&lt;/summary&gt;&lt;p&gt;8.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 4a = 28, a?&lt;/summary&gt;&lt;p&gt;7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. n / 4 = 5, n?&lt;/summary&gt;&lt;p&gt;20.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="variation"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Variation&lt;/h2&gt;
      &lt;p&gt;Variation describes how one quantity changes with another. Direct variation means they increase or decrease together, while inverse variation means one increases as the other decreases.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Direct variation&lt;/h3&gt;&lt;p&gt;y is proportional to x.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Inverse variation&lt;/h3&gt;&lt;p&gt;y varies as 1/x.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Constant&lt;/h3&gt;&lt;p&gt;A fixed value that links the quantities.&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; If y varies directly as x and y = 6 when x = 2, find the constant.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use y = kx.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 6 = 2k.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; k = 3.&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; If y = 15 when x = 5, find y when x = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find k: 15 = 5k, so k = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Use y = 3x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 3 × 8 = 24.&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; If y varies inversely as x and y = 4 when x = 3, find the constant.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use y = k/x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 4 = k/3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; k = 12.&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 y = 12 when x = 4, what is y when x = 6 in direct variation?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find k: 12 = 4k, so k = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 3x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 18.&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 y = 10 when x = 2 in inverse variation, find y when x = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find k: 10 = k/2, so k = 20.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 20/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 4.&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; State whether p varies directly or inversely with q if p = kq.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare with the formulas.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; p = kq matches direct variation.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: direct variation.&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. y = kx means?&lt;/summary&gt;&lt;p&gt;Direct variation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. y = k/x means?&lt;/summary&gt;&lt;p&gt;Inverse variation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. If x increases and y increases together?&lt;/summary&gt;&lt;p&gt;Direct variation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. If x increases and y decreases?&lt;/summary&gt;&lt;p&gt;Inverse variation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Constant is?&lt;/summary&gt;&lt;p&gt;A fixed value linking variables.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="graphs"&gt;
      &lt;span class="badge"&gt;Topic 7&lt;/span&gt;
      &lt;h2&gt;Graphs and Coordinates&lt;/h2&gt;
      &lt;p&gt;Graphs and coordinates help us display and locate information on a plane. This topic prepares students to interpret data visually and understand simple patterns in mathematics.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;x-axis&lt;/h3&gt;&lt;p&gt;Horizontal axis.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;y-axis&lt;/h3&gt;&lt;p&gt;Vertical axis.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Ordered pair&lt;/h3&gt;&lt;p&gt;Coordinates written as (x, y).&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 are coordinates?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; They are numbers used to locate a point.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They are written as (x, y).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: ordered pair values.&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 point is 3 units right and 2 units up?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Right means x = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Up means y = 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (3, 2).&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 x-axis?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of the horizontal line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is the x-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: horizontal axis.&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 y-axis?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of the vertical line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is the y-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: vertical axis.&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; Plot the point (4, 1).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Move 4 units on x-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Move 1 unit up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Point is (4, 1).&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 point lies 2 units left and 3 units down?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Left means negative x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Down means negative y.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (-2, -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. Horizontal axis?&lt;/summary&gt;&lt;p&gt;x-axis.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Vertical axis?&lt;/summary&gt;&lt;p&gt;y-axis.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Coordinates format?&lt;/summary&gt;&lt;p&gt;(x, y).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Point 2 right and 1 up?&lt;/summary&gt;&lt;p&gt;(2, 1).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Graphs help show?&lt;/summary&gt;&lt;p&gt;Data visually.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="statistics-jss3"&gt;
      &lt;span class="badge"&gt;Topic 8&lt;/span&gt;
      &lt;h2&gt;Statistics and Data Interpretation&lt;/h2&gt;
      &lt;p&gt;Statistics is the study of data collection, organization, presentation and interpretation. It helps students understand patterns, compare quantities and make informed conclusions.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Mean&lt;/h3&gt;&lt;p&gt;Add all values and divide by the number of values.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Median&lt;/h3&gt;&lt;p&gt;The middle value when data is arranged.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Mode&lt;/h3&gt;&lt;p&gt;The most frequent value.&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; Find the mode of 2, 3, 3, 4, 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count repeats.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 appears most often.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&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; Find the median of 2, 4, 6, 8, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Arrange in order.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Identify the middle value.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6.&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; Find the mean of 2, 4, 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add the numbers: 2 + 4 + 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4.&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; Find the range of 2, 5, 7, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the highest value: 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Find the lowest value: 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Range = 10 - 2 = 8.&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; Why do we use tables?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Tables arrange data neatly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They make comparison easy.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to present data clearly.&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; Name one method of collecting data.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall common methods.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Questionnaire is one method.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: questionnaire.&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. Most frequent value?&lt;/summary&gt;&lt;p&gt;Mode.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Middle value?&lt;/summary&gt;&lt;p&gt;Median.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Average value?&lt;/summary&gt;&lt;p&gt;Mean.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Highest minus lowest is?&lt;/summary&gt;&lt;p&gt;Range.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Data collection tool?&lt;/summary&gt;&lt;p&gt;Questionnaire.&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+first+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 3 First 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%20First%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%203%20Mathematics%20first-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="#sets"&gt;Sets and Set Notation&lt;/a&gt;
      &lt;a href="#venn-diagrams"&gt;Venn Diagrams&lt;/a&gt;
      &lt;a href="#indices-standard-form"&gt;Indices and Standard Form&lt;/a&gt;
      &lt;a href="#algebraic-expressions-jss3"&gt;Algebraic Expressions&lt;/a&gt;
      &lt;a href="#linear-equations"&gt;Linear Equations&lt;/a&gt;
      &lt;a href="#variation"&gt;Variation&lt;/a&gt;
      &lt;a href="#graphs"&gt;Graphs and Coordinates&lt;/a&gt;
      &lt;a href="#statistics-jss3"&gt;Statistics and Data Interpretation&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;Sets&lt;/strong&gt;&lt;p&gt;Use set language and symbols.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Algebra&lt;/strong&gt;&lt;p&gt;Simplify expressions and equations.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Variation&lt;/strong&gt;&lt;p&gt;Understand change between variables.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Statistics&lt;/strong&gt;&lt;p&gt;Interpret data meaningfully.&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 First Term | SEO Educational Resource Nigeria.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "Which of these is a set?", options: ["A group of well-defined elements", "Any random collection", "A broken line", "An angle"], answer: 0, explanation: "A set is a well-defined collection." },
      { q: "What is A ∩ B called?", options: ["Union", "Intersection", "Complement", "Difference"], answer: 1, explanation: "Intersection means common elements." },
      { q: "What is A ∪ B called?", options: ["Union", "Intersection", "Subset", "Empty set"], answer: 0, explanation: "Union includes all elements from both sets." },
      { q: "What is 2 × 2 × 2 written in indices?", options: ["2²", "2³", "3²", "4²"], answer: 1, explanation: "2 appears three times, so 2³." },
      { q: "What is 3²?", options: ["6", "8", "9", "12"], answer: 2, explanation: "3 × 3 = 9." },
      { q: "What is 4³?", options: ["12", "24", "48", "64"], answer: 3, explanation: "4 × 4 × 4 = 64." },
      { q: "What is 4.5 × 10³ in ordinary form?", options: ["450", "4,500", "45,000", "450,000"], answer: 1, explanation: "4.5 × 10³ = 4,500." },
      { q: "What is 0.0008 in standard form?", options: ["8 × 10⁻³", "8 × 10⁻⁴", "8 × 10⁻⁵", "8 × 10⁴"], answer: 1, explanation: "0.0008 = 8 × 10⁻⁴." },
      { q: "What is the coefficient in 7x?", options: ["x", "7", "1", "0"], answer: 1, explanation: "The coefficient is 7." },
      { q: "Simplify 3x + 2x.", options: ["5", "5x", "6x", "x5"], answer: 1, explanation: "3x + 2x = 5x." },
      { q: "Simplify 4a + 2a.", options: ["2a", "4a", "6a", "8a"], answer: 2, explanation: "4a + 2a = 6a." },
      { q: "What is x + 5 = 12, x?", options: ["5", "6", "7", "8"], answer: 2, explanation: "Subtract 5 from both sides." },
      { q: "What is y - 4 = 9, y?", options: ["11", "12", "13", "14"], answer: 2, explanation: "Add 4 to both sides." },
      { q: "What is 3n = 21, n?", options: ["5", "6", "7", "8"], answer: 2, explanation: "Divide both sides by 3." },
      { q: "If y = kx and y = 6 when x = 2, k = ?", options: ["2", "3", "4", "5"], answer: 1, explanation: "6 = 2k, so k = 3." },
      { q: "If y = k/x and y = 4 when x = 2, k = ?", options: ["4", "6", "8", "10"], answer: 2, explanation: "4 = k/2, so k = 8." },
      { q: "What point is 3 right and 2 up?", options: ["(2, 3)", "(3, 2)", "(-3, 2)", "(3, -2)"], answer: 1, explanation: "Coordinates are (3, 2)." },
      { q: "What is the x-axis?", options: ["Vertical line", "Horizontal line", "Curved line", "Diagonal only"], answer: 1, explanation: "x-axis is horizontal." },
      { q: "What is the median of 2, 4, 6, 8, 10?", options: ["4", "5", "6", "8"], answer: 2, explanation: "Middle value is 6." },
      { q: "What is the mean of 2, 4, 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "(2+4+6)/3 = 4." },
      { q: "What is the mode of 3, 3, 4, 5, 6?", options: ["3", "4", "5", "6"], answer: 0, explanation: "3 appears most often." },
      { q: "What is the range of 2, 5, 7, 10?", options: ["5", "6", "7", "8"], answer: 3, explanation: "10 - 2 = 8." },
      { q: "What is the universal set in a Venn diagram?", options: ["A small circle", "A rectangle containing all elements", "The common part", "The empty set"], answer: 1, explanation: "The rectangle represents the universal set." },
      { q: "What is the complement of a set?", options: ["Elements in both sets", "Elements not in the set", "All elements", "No elements"], answer: 1, explanation: "Complement means not in the set." },
      { q: "What is 2/5 as a decimal?", options: ["0.2", "0.3", "0.4", "0.5"], answer: 2, explanation: "2 ÷ 5 = 0.4." },
      { q: "What is 1/4 as a decimal?", options: ["0.2", "0.25", "0.4", "0.5"], answer: 1, explanation: "1 ÷ 4 = 0.25." },
      { q: "What is 2⁴?", options: ["8", "12", "16", "18"], answer: 2, explanation: "2 × 2 × 2 × 2 = 16." },
      { q: "What is 10³?", options: ["100", "1000", "10,000", "1,000,000"], answer: 1, explanation: "10³ = 1000." },
      { q: "Which is a direct variation formula?", options: ["y = kx", "y = k/x", "y = x + k", "y = x - k"], answer: 0, explanation: "Direct variation is y = kx." },
      { q: "Which is an inverse variation formula?", options: ["y = kx", "y = k/x", "y = x + k", "y = x²"], answer: 1, explanation: "Inverse variation is y = k/x." }
    ];

    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 First Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 3 Mathematics first-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%20First%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%203%20Mathematics%20first-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/jss-3-mathematics-first-term-full-webook.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQmhs8aR1WB8cWRy9cMBhd3sxsVbEwr9YAA9_OdiNp38R2j7cnks0H-bUMV6lfCUN_cjZB5dHAiJ2hhMS5Y7p64hihM5KpMAVkG8YRPtL4PiMIssyqpIEBGBlg4EtCiWnC8XDaH5kogeQA2CEtLnhGmJK8NqK_Ty9nJ8RCrZy5kUQs93Z6nuOz-O2IYc/s72-c/file_000000000678720a805825e132c7975b.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-2401933409587569704</guid><pubDate>Thu, 09 Apr 2026 19:53:00 +0000</pubDate><atom:updated>2026-04-09T08:56:57.472-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cbt Quiz</category><category domain="http://www.blogger.com/atom/ns#">Edwin Ogie Librar</category><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><title>JSS 2 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 2 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 2 Mathematics third term, geometry, area and perimeter, volume, ratio, proportion, graphs, statistics, 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 2 Mathematics Third Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 2 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 2 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/AVvXsEg1UmQZ1GyCB6mQYmX6E7vl5EmVNoRUP_omjTZCXpmdxgVtDNTNfncbYdS54OlJriaQRM-Mpt0siNeTL7w15smbxs4ELh9vbhLp3f0KeWlbkVas5v153i1bOruL_29Sj6R4yAy-wvZSnVTV6LVTpyJ-HLGX1_nDpEexLmTI_ynkPAU71AGDIirPqytBT4o/s1600/file_000000002a3071fdac896ef98d912b84.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/AVvXsEg1UmQZ1GyCB6mQYmX6E7vl5EmVNoRUP_omjTZCXpmdxgVtDNTNfncbYdS54OlJriaQRM-Mpt0siNeTL7w15smbxs4ELh9vbhLp3f0KeWlbkVas5v153i1bOruL_29Sj6R4yAy-wvZSnVTV6LVTpyJ-HLGX1_nDpEexLmTI_ynkPAU71AGDIirPqytBT4o/s1600/file_000000002a3071fdac896ef98d912b84.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;
    }
    .quote {
      border-left: 4px solid var(--primary);
      padding: 12px 14px;
      background: #fafaff;
      border-radius: 12px;
      color: #374151;
      margin: 14px auto;
      max-width: 920px;
      text-align: left;
    }
    .list {
      padding-left: 20px;
      margin: 0 auto;
      text-align: left;
      display: inline-block;
      max-width: 980px;
    }
    .list li { margin-bottom: 10px; }
    .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 2 Mathematics Third Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 2 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 2 Mathematics Third Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete third-term mathematics learning page for JSS 2. Every 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 2 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 2 Mathematics strengthens geometry, measurement, ratio and statistics. The topics move from shapes and angles into area, volume, graphs and data interpretation.&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, try 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 2 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;Plane Shapes and Polygons&lt;/td&gt;&lt;td&gt;Types of plane shapes, angles, symmetry and properties.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Perimeter and Area&lt;/td&gt;&lt;td&gt;Finding perimeter and area of rectangles, squares and triangles.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Surface Area and Volume&lt;/td&gt;&lt;td&gt;Cube, cuboid and simple solid figures.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Ratio and Proportion&lt;/td&gt;&lt;td&gt;Meaning of ratio, simplifying ratio, direct proportion.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Scale Drawing and Maps&lt;/td&gt;&lt;td&gt;Scale factors, distance on maps and simple enlargement/reduction.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Graphs and Coordinates&lt;/td&gt;&lt;td&gt;Reading graphs, plotting points and understanding the coordinate plane.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Statistics and Data Interpretation&lt;/td&gt;&lt;td&gt;Tables, charts, mean, median, mode and interpretation.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Revision and Examination&lt;/td&gt;&lt;td&gt;General revision and assessment.&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;section class="card" id="plane-shapes-polygons"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Plane Shapes and Polygons&lt;/h2&gt;
      &lt;p&gt;Plane shapes are flat shapes with length and width. Polygons are plane shapes with straight sides only. This topic helps students identify shapes, count sides and understand angle properties.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Plane shape&lt;/h3&gt;&lt;p&gt;A flat figure such as a triangle, square or circle.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Polygon&lt;/h3&gt;&lt;p&gt;A closed plane shape with straight sides only.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Symmetry&lt;/h3&gt;&lt;p&gt;A shape can be split into equal matching halves.&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; Name a polygon with 3 sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A 3-sided polygon is a triangle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: triangle.&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; Name a polygon with 4 equal sides and 4 right angles.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Check the properties carefully.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Those are properties of a square.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: square.&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; How many sides does a pentagon have?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Remember that penta means five.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A pentagon has 5 sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5.&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; How many sides does a hexagon have?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Remember that hexa means six.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A hexagon has 6 sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6.&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 is the shape of a traffic sign with 3 sides?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is a triangle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 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; What is a line of symmetry?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Imagine folding a shape into two equal halves.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The fold line is the line of symmetry.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: a line that divides a shape into two matching halves.&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. Polygon with 4 sides?&lt;/summary&gt;&lt;p&gt;Quadrilateral.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Polygon with 5 sides?&lt;/summary&gt;&lt;p&gt;Pentagon.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Polygon with 6 sides?&lt;/summary&gt;&lt;p&gt;Hexagon.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Flat figure with no thickness?&lt;/summary&gt;&lt;p&gt;Plane shape.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. A circle is a polygon?&lt;/summary&gt;&lt;p&gt;No, because it has no straight sides.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="perimeter-area"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Perimeter and Area&lt;/h2&gt;
      &lt;p&gt;Perimeter is the distance around a shape, while area is the space inside the shape. These are important in building, farming, design and real-life measurements.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Perimeter&lt;/h3&gt;&lt;p&gt;Add all the sides around the shape.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Area&lt;/h3&gt;&lt;p&gt;Multiply length by width for rectangles and squares.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Triangle area&lt;/h3&gt;&lt;p&gt;Half × base × height.&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; Find the perimeter of a rectangle 6 cm by 4 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use P = 2(l + w).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; P = 2(6 + 4) = 2 × 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 20 cm.&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; Find the area of a rectangle 6 cm by 4 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use A = l × w.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A = 6 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 24 cm².&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; Find the perimeter of a square with side 5 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use P = 4s.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; P = 4 × 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 20 cm.&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; Find the area of a square with side 5 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use A = s².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A = 5 × 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 25 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; Find the area of a triangle with base 8 cm and height 6 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use A = 1/2bh.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A = 1/2 × 8 × 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 24 cm².&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; A square garden has side 9 m. Find its perimeter and area.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Perimeter = 4 × 9 = 36 m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Area = 9 × 9 = 81 m².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answers: 36 m and 81 m².&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. Perimeter of a shape means?&lt;/summary&gt;&lt;p&gt;Distance around the shape.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Area of rectangle formula?&lt;/summary&gt;&lt;p&gt;Length × width.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Area unit?&lt;/summary&gt;&lt;p&gt;Square units.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Perimeter unit?&lt;/summary&gt;&lt;p&gt;Units such as cm or m.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Triangle area formula?&lt;/summary&gt;&lt;p&gt;1/2 × base × height.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="surface-area-volume"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Surface Area and Volume&lt;/h2&gt;
      &lt;p&gt;Surface area is the total area of the outside surfaces of a solid figure. Volume is the space occupied by a solid figure. These ideas are useful for boxes, tanks, rooms and containers.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Surface area&lt;/h3&gt;&lt;p&gt;Total outside area of the solid.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Volume&lt;/h3&gt;&lt;p&gt;Amount of space inside the solid.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Units&lt;/h3&gt;&lt;p&gt;cm² for area, cm³ for volume.&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; Find the volume of a cube with side 4 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use V = s³.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; V = 4 × 4 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 64 cm³.&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; Find the volume of a cuboid 5 cm × 3 cm × 2 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use V = lwh.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; V = 5 × 3 × 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 30 cm³.&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; Find the surface area of a cube with side 3 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use SA = 6s².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; SA = 6 × 3 × 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 54 cm².&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; Find the volume of a cube with side 6 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use V = s³.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; V = 6 × 6 × 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 216 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; Find the volume of a cuboid 8 cm × 4 cm × 3 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use V = lwh.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; V = 8 × 4 × 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 96 cm³.&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; A tank is 10 cm × 5 cm × 4 cm. Find its volume.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Use V = lwh.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 10 × 5 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 200 cm³.&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. Volume unit?&lt;/summary&gt;&lt;p&gt;Cubic units.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Volume of 2 × 2 × 2 cube?&lt;/summary&gt;&lt;p&gt;8 cm³.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Surface area unit?&lt;/summary&gt;&lt;p&gt;Square units.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Volume formula for cuboid?&lt;/summary&gt;&lt;p&gt;l × w × h.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Surface area of cube formula?&lt;/summary&gt;&lt;p&gt;6s².&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="ratio-proportion"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Ratio and Proportion&lt;/h2&gt;
      &lt;p&gt;Ratio compares two quantities of the same kind. Proportion shows that two ratios are equal. These ideas are used in recipes, map reading, sharing and scaling drawings.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Ratio&lt;/h3&gt;&lt;p&gt;Comparison using division or a colon.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Simplify&lt;/h3&gt;&lt;p&gt;Divide both terms by the same factor.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Direct proportion&lt;/h3&gt;&lt;p&gt;When one quantity increases, the other increases in the same ratio.&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; Simplify the ratio 6:12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the common factor.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide both terms by 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1:2.&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; Simplify the ratio 9:15.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find a common factor.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide by 3.&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 3&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; If 2 pens cost ₦200, how much do 5 pens cost at the same rate?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the cost of 1 pen = 200 ÷ 2 = 100.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: ₦500.&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 3:4 as a fraction.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Put the first number over the second.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3/4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3/4.&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 class has 10 boys and 15 girls. Find the ratio boys:girls.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Write the ratio 10:15.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Simplify by dividing by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2:3.&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 4 books cost ₦600, how much do 2 books cost?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Find the cost of 1 book = 600 ÷ 4 = 150.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: ₦300.&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. Simplify 8:16?&lt;/summary&gt;&lt;p&gt;1:2.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 12:18 simplified?&lt;/summary&gt;&lt;p&gt;2:3.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Ratio symbol?&lt;/summary&gt;&lt;p&gt;:&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Proportion means?&lt;/summary&gt;&lt;p&gt;Equal ratios.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. If x increases and y increases same rate, it is?&lt;/summary&gt;&lt;p&gt;Direct proportion.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="scale-drawing"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Scale Drawing and Maps&lt;/h2&gt;
      &lt;p&gt;Scale drawing is a smaller or larger drawing of an object that keeps the same proportions. Maps use scale to show real distances on paper. This topic helps students understand enlargement, reduction and map reading.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Scale&lt;/h3&gt;&lt;p&gt;Shows how drawing size compares with actual size.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Map distance&lt;/h3&gt;&lt;p&gt;Use scale to find real distance.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Accuracy&lt;/h3&gt;&lt;p&gt;Proportions must be kept the same.&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 map scale is 1 cm to 5 km. What is 3 cm on the map?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply 3 by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 × 5 = 15.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 15 km.&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; If 2 cm represents 10 m, what does 1 cm represent?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide 10 by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 10 ÷ 2 = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5 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; On a drawing, a table is 6 cm long. If the scale is 1:2, what is the actual length?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply the drawing length by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 6 × 2 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 12 cm.&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 real wall is 8 m. If scale is 1 cm to 2 m, what is the drawing length?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide 8 by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 8 ÷ 2 = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4 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; A map distance of 4 cm represents 20 km. Find 1 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide 20 by 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 20 ÷ 4 = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5 km.&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; A room is 12 m long. If drawing scale is 1 cm to 3 m, what is the drawing length?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide 12 by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 12 ÷ 3 = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4 cm.&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. Scale keeps what same?&lt;/summary&gt;&lt;p&gt;Proportion.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. What is a map used for?&lt;/summary&gt;&lt;p&gt;Showing places and distances.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. If 1 cm = 2 km, 4 cm = ?&lt;/summary&gt;&lt;p&gt;8 km.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Scale drawing is always exact in proportion?&lt;/summary&gt;&lt;p&gt;Yes.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Scale factor compares?&lt;/summary&gt;&lt;p&gt;Drawing to actual size.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="graphs-coordinates"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Graphs and Coordinates&lt;/h2&gt;
      &lt;p&gt;Graphs help present and interpret information visually. Coordinates help locate points on a grid. These are important in mathematics, geography, science and data representation.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Graph&lt;/h3&gt;&lt;p&gt;A visual way of showing data.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Coordinates&lt;/h3&gt;&lt;p&gt;Ordered pair that tells position.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Axes&lt;/h3&gt;&lt;p&gt;x-axis is horizontal, y-axis is vertical.&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 are coordinates?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Coordinates are numbers used to locate a point.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They are written as (x, y).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: ordered pair values.&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 coordinate of a point 3 units right and 2 units up?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Right gives x = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Up gives y = 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (3, 2).&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 x-axis?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the horizontal line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is called the x-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: horizontal axis.&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 y-axis?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the vertical line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is called the y-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: vertical axis.&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; Plot the point (4, 1).&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Move 4 units along x-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Move 1 unit up on y-axis.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; The point is located at (4, 1).&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 point lies 2 units left and 3 units down?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Left means negative x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Down means negative y.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: (-2, -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. Horizontal axis?&lt;/summary&gt;&lt;p&gt;x-axis.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Vertical axis?&lt;/summary&gt;&lt;p&gt;y-axis.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Coordinate format?&lt;/summary&gt;&lt;p&gt;(x, y).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Point 2 right and 1 up?&lt;/summary&gt;&lt;p&gt;(2, 1).&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Graphs are used to show?&lt;/summary&gt;&lt;p&gt;Data visually.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="statistics-data"&gt;
      &lt;span class="badge"&gt;Topic 7&lt;/span&gt;
      &lt;h2&gt;Statistics and Data Interpretation&lt;/h2&gt;
      &lt;p&gt;Statistics involves collecting, organizing, presenting and interpreting data. It helps students make sense of information using tables, charts and averages such as mean, median and mode.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Collect&lt;/h3&gt;&lt;p&gt;Use questionnaires, observations and surveys.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Present&lt;/h3&gt;&lt;p&gt;Use tables, bar charts and graphs.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Interpret&lt;/h3&gt;&lt;p&gt;Understand what the data shows.&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 mode of 2, 3, 3, 4, 5?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the repeated values.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 appears most often.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&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; Find the median of 2, 4, 6, 8, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Arrange in order.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The middle value is 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6.&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; Find the mean of 2, 4, 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add 2 + 4 + 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4.&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; Why do we use tables?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Tables organize information neatly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; They make comparison easy.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to arrange data clearly.&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 is a bar chart used for?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of comparing categories.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Bar charts show data using bars.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to compare data.&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; Name one way of collecting data.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall common methods.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A questionnaire is one way.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: questionnaire.&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. Most frequent value?&lt;/summary&gt;&lt;p&gt;Mode.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Middle value?&lt;/summary&gt;&lt;p&gt;Median.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Average value?&lt;/summary&gt;&lt;p&gt;Mean.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Data collection tool?&lt;/summary&gt;&lt;p&gt;Questionnaire.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Visual display of data?&lt;/summary&gt;&lt;p&gt;Chart or graph.&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+2+mathematics+third+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 2 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%202%20Mathematics%20Third%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%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="#plane-shapes-polygons"&gt;Plane Shapes and Polygons&lt;/a&gt;
      &lt;a href="#perimeter-area"&gt;Perimeter and Area&lt;/a&gt;
      &lt;a href="#surface-area-volume"&gt;Surface Area and Volume&lt;/a&gt;
      &lt;a href="#ratio-proportion"&gt;Ratio and Proportion&lt;/a&gt;
      &lt;a href="#scale-drawing"&gt;Scale Drawing and Maps&lt;/a&gt;
      &lt;a href="#graphs-coordinates"&gt;Graphs and Coordinates&lt;/a&gt;
      &lt;a href="#statistics-data"&gt;Statistics and Data Interpretation&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;Geometry&lt;/strong&gt;&lt;p&gt;Study shapes, polygons and angles.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Measurement&lt;/strong&gt;&lt;p&gt;Find perimeter, area and volume.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Ratio&lt;/strong&gt;&lt;p&gt;Compare quantities and scale drawings.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Graphs&lt;/strong&gt;&lt;p&gt;Plot points and read data.&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 2 Mathematics Third Term | SEO Educational Resource Nigeria.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "What is the perimeter of a rectangle 6 cm by 4 cm?", options: ["10 cm", "20 cm", "24 cm", "30 cm"], answer: 1, explanation: "Perimeter = 2(l + w) = 2(6 + 4) = 20 cm." },
      { q: "What is the area of a rectangle 6 cm by 4 cm?", options: ["10 cm²", "20 cm²", "24 cm²", "30 cm²"], answer: 2, explanation: "Area = l × w = 6 × 4 = 24 cm²." },
      { q: "What is the perimeter of a square with side 5 cm?", options: ["10 cm", "15 cm", "20 cm", "25 cm"], answer: 2, explanation: "Perimeter = 4 × 5 = 20 cm." },
      { q: "What is the area of a square with side 5 cm?", options: ["20 cm²", "25 cm²", "30 cm²", "40 cm²"], answer: 1, explanation: "Area = 5 × 5 = 25 cm²." },
      { q: "What is the area of a triangle with base 8 cm and height 6 cm?", options: ["12 cm²", "16 cm²", "20 cm²", "24 cm²"], answer: 3, explanation: "Area = 1/2 × 8 × 6 = 24 cm²." },
      { q: "What is the volume of a cube with side 4 cm?", options: ["16 cm³", "32 cm³", "64 cm³", "80 cm³"], answer: 2, explanation: "Volume = 4³ = 64 cm³." },
      { q: "What is the volume of a cuboid 5 cm × 3 cm × 2 cm?", options: ["10 cm³", "20 cm³", "30 cm³", "40 cm³"], answer: 2, explanation: "Volume = 5 × 3 × 2 = 30 cm³." },
      { q: "What is the surface area of a cube with side 3 cm?", options: ["18 cm²", "36 cm²", "45 cm²", "54 cm²"], answer: 3, explanation: "Surface area = 6s² = 6 × 3 × 3 = 54 cm²." },
      { q: "What is the ratio of 6 to 12 in simplest form?", options: ["1:3", "1:2", "2:3", "3:2"], answer: 1, explanation: "Divide both terms by 6 to get 1:2." },
      { q: "What is the simplified ratio 9:15?", options: ["2:3", "3:4", "4:5", "1:2"], answer: 0, explanation: "Divide both terms by 3 to get 3:5? Wait, 9:15 ÷3 = 3:5. Correct option should be 3:5." },
      { q: "If 2 pens cost ₦200, what is the cost of 1 pen?", options: ["₦50", "₦75", "₦100", "₦150"], answer: 2, explanation: "200 ÷ 2 = 100." },
      { q: "If 2 pens cost ₦200, what is the cost of 5 pens?", options: ["₦300", "₦400", "₦500", "₦600"], answer: 2, explanation: "1 pen costs ₦100, so 5 pens cost ₦500." },
      { q: "If 1 cm represents 5 km on a map, what does 3 cm represent?", options: ["10 km", "12 km", "15 km", "20 km"], answer: 2, explanation: "3 × 5 = 15 km." },
      { q: "If 2 cm represents 10 m, what does 1 cm represent?", options: ["2 m", "3 m", "4 m", "5 m"], answer: 3, explanation: "10 ÷ 2 = 5 m." },
      { q: "What are coordinates written as?", options: ["(y, x)", "(x, y)", "[x, y]", "x:y"], answer: 1, explanation: "Coordinates are written as (x, y)." },
      { q: "What is the point 3 units right and 2 units up?", options: ["(2, 3)", "(3, 2)", "(-3, 2)", "(3, -2)"], answer: 1, explanation: "Right gives x = 3 and up gives y = 2." },
      { q: "What is the mode of 2, 3, 3, 4, 5?", options: ["2", "3", "4", "5"], answer: 1, explanation: "3 appears most often." },
      { q: "What is the median of 2, 4, 6, 8, 10?", options: ["4", "5", "6", "8"], answer: 2, explanation: "The middle value is 6." },
      { q: "What is the mean of 2, 4, 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "(2 + 4 + 6) ÷ 3 = 4." },
      { q: "How many sides does a hexagon have?", options: ["4", "5", "6", "7"], answer: 2, explanation: "Hexa means six." },
      { q: "Which is a line of symmetry?", options: ["A line that cuts a shape into two matching halves", "A curved line", "A broken line", "A measuring line"], answer: 0, explanation: "It divides a shape into equal halves." },
      { q: "What is the volume of a cuboid 8 cm × 4 cm × 3 cm?", options: ["24 cm³", "64 cm³", "84 cm³", "96 cm³"], answer: 3, explanation: "8 × 4 × 3 = 96 cm³." },
      { q: "What is the perimeter of a square with side 9 m?", options: ["27 m", "32 m", "36 m", "81 m"], answer: 2, explanation: "4 × 9 = 36 m." },
      { q: "What is the area of a square with side 9 m?", options: ["18 m²", "36 m²", "72 m²", "81 m²"], answer: 3, explanation: "9 × 9 = 81 m²." },
      { q: "What is the area of a triangle with base 10 cm and height 4 cm?", options: ["10 cm²", "15 cm²", "20 cm²", "40 cm²"], answer: 2, explanation: "1/2 × 10 × 4 = 20 cm²." },
      { q: "Which tool is used to measure angles?", options: ["Compass", "Ruler", "Protractor", "Divider"], answer: 2, explanation: "A protractor measures angles." },
      { q: "What type of angle is 75°?", options: ["Acute", "Right", "Obtuse", "Straight"], answer: 0, explanation: "Less than 90° is acute." },
      { q: "What type of angle is 120°?", options: ["Acute", "Right", "Obtuse", "Reflex"], answer: 2, explanation: "120° is obtuse." },
      { q: "Why do we use a bar chart?", options: ["To compare data", "To measure angles", "To draw circles", "To solve equations"], answer: 0, explanation: "Bar charts compare data clearly." },
      { q: "What is the full meaning of statistics?", options: ["Science of shapes", "Study of data", "Study of lines", "Study of numbers only"], answer: 1, explanation: "Statistics is the study of data collection and interpretation." }
    ];

    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 2 Mathematics Third Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 2 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%202%20Mathematics%20Third%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%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/jss-2-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/AVvXsEg1UmQZ1GyCB6mQYmX6E7vl5EmVNoRUP_omjTZCXpmdxgVtDNTNfncbYdS54OlJriaQRM-Mpt0siNeTL7w15smbxs4ELh9vbhLp3f0KeWlbkVas5v153i1bOruL_29Sj6R4yAy-wvZSnVTV6LVTpyJ-HLGX1_nDpEexLmTI_ynkPAU71AGDIirPqytBT4o/s72-c/file_000000002a3071fdac896ef98d912b84.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-723831444922708179</guid><pubDate>Thu, 09 Apr 2026 19:19:00 +0000</pubDate><atom:updated>2026-04-09T08:19:40.535-11:00</atom:updated><title>JSS 2 Mathematics Second 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 2 Mathematics Second 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 2 Mathematics second term, fractions operations, approximation and estimation, binary number system, open sentences and equations, algebraic expressions, 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 2 Mathematics Second Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 2 Mathematics second-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 2 Mathematics Second 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/AVvXsEjA1aBqC20gpK1qlZ9y5NGAtjZPLG6YO4tvriE_4jZbYognY4FCELyIE0eSKGsZHKnKgkEufJJIa1eMeqzBFZOYWY4EA7f9dxjyCTa1ZfqhGAIInWPRCIl76QGVB1MWnAeUVDbJIBADiw2nCEXac_K5Z6-xOuUsOHLy6X9Wt8iKvtkWCZsUG9xU2CdGzps/s1600/file_00000000c46071fd83aa5e810d8abcb9.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/AVvXsEjA1aBqC20gpK1qlZ9y5NGAtjZPLG6YO4tvriE_4jZbYognY4FCELyIE0eSKGsZHKnKgkEufJJIa1eMeqzBFZOYWY4EA7f9dxjyCTa1ZfqhGAIInWPRCIl76QGVB1MWnAeUVDbJIBADiw2nCEXac_K5Z6-xOuUsOHLy6X9Wt8iKvtkWCZsUG9xU2CdGzps/s1600/file_00000000c46071fd83aa5e810d8abcb9.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;
    }
    .quote {
      border-left: 4px solid var(--primary);
      padding: 12px 14px;
      background: #fafaff;
      border-radius: 12px;
      color: #374151;
      margin: 14px auto;
      max-width: 920px;
      text-align: left;
    }
    .list {
      padding-left: 20px;
      margin: 0 auto;
      text-align: left;
      display: inline-block;
      max-width: 980px;
    }
    .list li { margin-bottom: 10px; }
    .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; }
    .btn-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; justify-content: center; }
    .btn { display: inline-block; padding: 12px 16px; border-radius: 12px; text-decoration: none; font-weight: 700; border: none; cursor: pointer; }
    .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; }
    .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 2 Mathematics Second Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 2 Mathematics second-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 2 Mathematics Second Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete second-term mathematics learning page for JSS 2. Every 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 2 Mathematics / Second 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;Second Term Scheme of Work&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;The second term of JSS 2 Mathematics continues the development of number skills and introduces algebraic thinking, approximation, binary notation and statistics. The lessons are written in a clear school format that supports classroom teaching and independent revision.&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 one by one, try 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 2 Mathematics Second 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;Fractions Operations&lt;/td&gt;&lt;td&gt;Multiplication, division, simplification and word problems.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Approximation and Estimation&lt;/td&gt;&lt;td&gt;Rounding off numbers, estimating answers and checking reasonableness.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Binary Number System&lt;/td&gt;&lt;td&gt;Introduction to base 2, conversion and simple binary operations.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Open Sentences and Equations&lt;/td&gt;&lt;td&gt;Unknowns, solving simple equations and checking solutions.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Algebraic Expressions&lt;/td&gt;&lt;td&gt;Terms, coefficients, like terms and simplification.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Revision and Class Assessment&lt;/td&gt;&lt;td&gt;General revision and practice.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&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;/section&gt;

    &lt;section class="card" id="fractions-ops"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Fractions Operations&lt;/h2&gt;
      &lt;p&gt;Fractions operations involve multiplying and dividing fractions correctly, then simplifying answers where possible. Students must understand reciprocals, common factors and simplest form.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Multiply&lt;/h3&gt;&lt;p&gt;Multiply numerators together and denominators together.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Divide&lt;/h3&gt;&lt;p&gt;Keep, change and flip.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Simplify&lt;/h3&gt;&lt;p&gt;Reduce the answer to lowest terms.&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; 1/2 × 3/4&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply the numerators: 1 × 3 = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply the denominators: 2 × 4 = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3/8.&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; 2/3 × 6/5&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply numerators: 2 × 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply denominators: 3 × 5 = 15.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Simplify 12/15 to 4/5.&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; 3/5 ÷ 2/7&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Keep the first fraction 3/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Change division to multiplication and flip 2/7 to 7/2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 3/5 × 7/2 = 21/10 = 2 1/10.&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; 4/7 × 7/9&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Cancel the 7 in numerator and denominator.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply the remaining numbers: 4/9.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4/9.&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; 5/6 ÷ 5/8&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Keep 5/6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Change to multiplication and flip 5/8 to 8/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 5/6 × 8/5 = 8/6 = 4/3 = 1 1/3.&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; 2/9 × 3/4&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply numerators: 2 × 3 = 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply denominators: 9 × 4 = 36.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Simplify 6/36 to 1/6.&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. Reciprocal of 3/5?&lt;/summary&gt;&lt;p&gt;5/3.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 1/3 × 3/4?&lt;/summary&gt;&lt;p&gt;1/4.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 2/5 ÷ 1/5?&lt;/summary&gt;&lt;p&gt;2.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 0.5 as fraction?&lt;/summary&gt;&lt;p&gt;1/2.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. A fraction in lowest terms?&lt;/summary&gt;&lt;p&gt;Simplest form.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="approximation-estimation"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Approximation and Estimation&lt;/h2&gt;
      &lt;p&gt;Approximation means writing a number close to the original value. Estimation helps us find a sensible answer quickly and is useful for checking accuracy in real-life calculations.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Round off&lt;/h3&gt;&lt;p&gt;Change to a nearby value using place value rules.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Estimate&lt;/h3&gt;&lt;p&gt;Use simple numbers to predict an answer.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Reasonableness&lt;/h3&gt;&lt;p&gt;Judge whether an answer makes sense.&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; Round 47 to the nearest ten.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the units digit 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 7 is 5 or more, so round up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 50.&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; Round 263 to the nearest hundred.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the tens digit 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 6 is 5 or more, so round the hundreds up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 300.&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; Estimate 198 + 302.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Round 198 to 200.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Round 302 to 300.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Add 200 + 300 = 500.&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; Round 7,485 to the nearest thousand.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the hundreds digit 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 4 is less than 5, so keep the thousands digit.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 7,000.&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; Round 15.6 to the nearest whole number.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the decimal part 0.6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 0.6 is 0.5 or more, so round up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 16.&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; Estimate 98 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Round 98 to 100.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 100 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 400.&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. 149 rounded to nearest hundred?&lt;/summary&gt;&lt;p&gt;100.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 15.2 rounded to nearest whole number?&lt;/summary&gt;&lt;p&gt;15.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 399 rounded to nearest thousand?&lt;/summary&gt;&lt;p&gt;0 or 1,000 depending on rounding style; nearer to 0.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 49 × 2 estimated as?&lt;/summary&gt;&lt;p&gt;100.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Main use of approximation?&lt;/summary&gt;&lt;p&gt;Quick checking.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="binary-number-system"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Binary Number System&lt;/h2&gt;
      &lt;p&gt;The binary number system uses only 0 and 1. It is the base-2 number system and is very important in computers and digital electronics.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Base 2&lt;/h3&gt;&lt;p&gt;Digits used are 0 and 1 only.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Place values&lt;/h3&gt;&lt;p&gt;1, 2, 4, 8, 16 and so on.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Use&lt;/h3&gt;&lt;p&gt;Computers use binary because they work with on/off states.&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; Convert 5 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 5 = 4 + 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 4s place, 0 in the 2s place, 1 in the 1s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 101.&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; Convert 6 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 6 = 4 + 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 4s and 2s places, 0 in the 1s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 110.&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; Convert 8 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 8 is a power of 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s place and 0s in the others.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1000.&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; Convert 10 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 10 = 8 + 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s place, 0 in the 4s place, 1 in the 2s place, 0 in the 1s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1010.&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; Convert 12 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 12 = 8 + 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s and 4s places, 0 in the 2s and 1s places.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1100.&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; Convert 13 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 13 = 8 + 4 + 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s, 4s and 1s places, 0 in the 2s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1101.&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. Digits used in binary?&lt;/summary&gt;&lt;p&gt;0 and 1.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Binary of 7?&lt;/summary&gt;&lt;p&gt;111.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Base 10 has how many digits?&lt;/summary&gt;&lt;p&gt;10 digits.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Binary of 4?&lt;/summary&gt;&lt;p&gt;100.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Binary system is also called?&lt;/summary&gt;&lt;p&gt;Base 2.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="open-sentences-equations"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Open Sentences and Equations&lt;/h2&gt;
      &lt;p&gt;Open sentences contain unknown values represented by letters. Equations are solved by using inverse operations until the unknown is isolated and the statement becomes true.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Unknowns&lt;/h3&gt;&lt;p&gt;Letters like x, y, n and a represent unknown values.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Inverse operations&lt;/h3&gt;&lt;p&gt;Use the opposite operation to balance the equation.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Check&lt;/h3&gt;&lt;p&gt;Substitute your answer into the equation.&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; x + 5 = 12&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 5 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 12 - 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; x = 7.&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; y - 4 = 9&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add 4 to both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 9 + 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 13.&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; 3n = 21&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; n = 21 ÷ 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; n = 7.&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 / 5 = 6&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply both sides by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; a = 6 × 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; a = 30.&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; 2x = 18&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 18 ÷ 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; x = 9.&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; m + 8 = 20&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 8 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; m = 20 - 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; m = 12.&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. Solve x + 3 = 10&lt;/summary&gt;&lt;p&gt;x = 7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Solve 5p = 35&lt;/summary&gt;&lt;p&gt;p = 7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Solve y - 6 = 2&lt;/summary&gt;&lt;p&gt;y = 8.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Solve 4a = 28&lt;/summary&gt;&lt;p&gt;a = 7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Solve n / 4 = 5&lt;/summary&gt;&lt;p&gt;n = 20.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="algebraic-expressions"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Algebraic Expressions&lt;/h2&gt;
      &lt;p&gt;Algebraic expressions are combinations of numbers, letters and operations without an equal sign. They help students express patterns, simplify terms and prepare for higher algebra.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Like terms&lt;/h3&gt;&lt;p&gt;Terms with the same variables and powers.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Coefficient&lt;/h3&gt;&lt;p&gt;The number attached to a variable.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Expression&lt;/h3&gt;&lt;p&gt;A math statement without an equal sign.&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; 3x + 2x&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Notice both terms contain x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Add the coefficients: 3 + 2 = 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5x.&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; 4a + 3b + 2a&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Group like terms 4a and 2a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Combine them to get 6a.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6a + 3b.&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; 2y + 7y - 5y&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; All terms contain y.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Combine coefficients: 2 + 7 - 5 = 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4y.&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; 5m + 2m + m&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Write m as 1m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Add 5 + 2 + 1 = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 8m.&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; 2(x + 5)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply 2 by x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 2 by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2x + 10.&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; 3(t - 4)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply 3 by t.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 3 by -4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3t - 12.&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. Like term of 3x?&lt;/summary&gt;&lt;p&gt;5x.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 2a + 3a?&lt;/summary&gt;&lt;p&gt;5a.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 4y - y?&lt;/summary&gt;&lt;p&gt;3y.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Expand 2(x + 1)?&lt;/summary&gt;&lt;p&gt;2x + 2.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Expand 5(a - 2)?&lt;/summary&gt;&lt;p&gt;5a - 10.&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 broader 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+2+mathematics+second+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 2 Second 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%202%20Mathematics%20Second%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%20Mathematics%20second-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="#fractions-ops"&gt;Fractions Operations&lt;/a&gt;
      &lt;a href="#approximation-estimation"&gt;Approximation and Estimation&lt;/a&gt;
      &lt;a href="#binary-number-system"&gt;Binary Number System&lt;/a&gt;
      &lt;a href="#open-sentences-equations"&gt;Open Sentences and Equations&lt;/a&gt;
      &lt;a href="#algebraic-expressions"&gt;Algebraic Expressions&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;Fractions&lt;/strong&gt;&lt;p&gt;Multiply and divide fractions correctly.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Approximation&lt;/strong&gt;&lt;p&gt;Round and estimate with confidence.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Binary&lt;/strong&gt;&lt;p&gt;Understand base 2 system.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Equations&lt;/strong&gt;&lt;p&gt;Solve unknowns step by step.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Algebra&lt;/strong&gt;&lt;p&gt;Simplify and expand expressions.&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 2 Mathematics Second Term | SEO Educational Resource Nigeria.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "What is 1/2 × 3/4?", options: ["3/8", "5/8", "6/8", "7/8"], answer: 0, explanation: "Multiply numerators and denominators." },
      { q: "What is 2/3 × 6/5?", options: ["4/5", "12/15", "2/5", "6/10"], answer: 0, explanation: "12/15 simplifies to 4/5." },
      { q: "What is 3/5 ÷ 2/7?", options: ["21/10", "10/21", "3/12", "7/10"], answer: 0, explanation: "Keep, change and flip." },
      { q: "What is 4/7 × 7/9?", options: ["4/9", "7/9", "4/7", "1/9"], answer: 0, explanation: "The 7 cancels before multiplying." },
      { q: "What is 0.6 as a fraction?", options: ["3/5", "6/5", "5/6", "1/6"], answer: 0, explanation: "0.6 = 6/10 = 3/5." },
      { q: "What is 47 rounded to the nearest ten?", options: ["40", "45", "50", "60"], answer: 2, explanation: "47 rounds to 50." },
      { q: "What is 263 rounded to the nearest hundred?", options: ["200", "250", "300", "400"], answer: 2, explanation: "263 rounds to 300." },
      { q: "Estimate 198 + 302.", options: ["400", "450", "500", "600"], answer: 2, explanation: "200 + 300 = 500." },
      { q: "What digits are used in binary?", options: ["0 and 1", "1 and 2", "0 to 9", "2 and 3"], answer: 0, explanation: "Binary uses 0 and 1 only." },
      { q: "What is 5 in binary?", options: ["100", "101", "110", "111"], answer: 1, explanation: "5 = 4 + 1." },
      { q: "What is 10 in binary?", options: ["1001", "1010", "1100", "1110"], answer: 1, explanation: "10 = 8 + 2." },
      { q: "What is 12 in binary?", options: ["1001", "1010", "1100", "1110"], answer: 2, explanation: "12 = 8 + 4." },
      { q: "What is 2³?", options: ["6", "8", "9", "12"], answer: 1, explanation: "2 × 2 × 2 = 8." },
      { q: "What is 3²?", options: ["6", "8", "9", "12"], answer: 2, explanation: "3 × 3 = 9." },
      { q: "What is 4³?", options: ["12", "24", "48", "64"], answer: 3, explanation: "4 × 4 × 4 = 64." },
      { q: "What is 10²?", options: ["20", "50", "100", "1000"], answer: 2, explanation: "10 × 10 = 100." },
      { q: "What is the mode of 3, 3, 4, 5, 6?", options: ["3", "4", "5", "6"], answer: 0, explanation: "3 appears most often." },
      { q: "What is the median of 2, 4, 6, 8, 10?", options: ["4", "5", "6", "8"], answer: 2, explanation: "The middle value is 6." },
      { q: "What is the mean of 2, 4, 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "(2 + 4 + 6) ÷ 3 = 4." },
      { q: "Which shape has 3 sides?", options: ["Square", "Triangle", "Pentagon", "Circle"], answer: 1, explanation: "A triangle has 3 sides." },
      { q: "Which shape has 4 equal sides and 4 right angles?", options: ["Triangle", "Square", "Circle", "Pentagon"], answer: 1, explanation: "These are square properties." },
      { q: "Which figure is like a brick?", options: ["Cube", "Cuboid", "Cone", "Sphere"], answer: 1, explanation: "A brick is a cuboid." },
      { q: "Which tool measures angles?", options: ["Ruler", "Compass", "Protractor", "Divider"], answer: 2, explanation: "A protractor measures angles." },
      { q: "What type of angle is 75°?", options: ["Acute", "Right", "Obtuse", "Straight"], answer: 0, explanation: "Less than 90° is acute." },
      { q: "What type of angle is 120°?", options: ["Acute", "Right", "Obtuse", "Reflex"], answer: 2, explanation: "120° is obtuse." },
      { q: "What is the reciprocal of 2/5?", options: ["2/5", "5/2", "1/2", "5/1"], answer: 1, explanation: "Flip the fraction." },
      { q: "What is 0.25 as a fraction?", options: ["1/2", "1/3", "1/4", "2/5"], answer: 2, explanation: "0.25 = 1/4." },
      { q: "What is 4.5 × 10³ in ordinary form?", options: ["450", "4,500", "45,000", "450,000"], answer: 1, explanation: "4.5 × 10³ = 4,500." },
      { q: "Why do we study statistics?", options: ["To draw only shapes", "To collect and interpret data", "To make music", "To reduce numbers"], answer: 1, explanation: "Statistics helps us handle data clearly." },
      { q: "Which is a method of data collection?", options: ["Questionnaire", "Triangle", "Compass", "Cube"], answer: 0, explanation: "Questionnaire is a data collection method." }
    ];

    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 2 Mathematics Second Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 2 Mathematics second-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%202%20Mathematics%20Second%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%20Mathematics%20second-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/jss-2-mathematics-second-term-full-web.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1aBqC20gpK1qlZ9y5NGAtjZPLG6YO4tvriE_4jZbYognY4FCELyIE0eSKGsZHKnKgkEufJJIa1eMeqzBFZOYWY4EA7f9dxjyCTa1ZfqhGAIInWPRCIl76QGVB1MWnAeUVDbJIBADiw2nCEXac_K5Z6-xOuUsOHLy6X9Wt8iKvtkWCZsUG9xU2CdGzps/s72-c/file_00000000c46071fd83aa5e810d8abcb9.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-894273678850161269</guid><pubDate>Wed, 08 Apr 2026 19:08:00 +0000</pubDate><atom:updated>2026-04-08T08:11:02.575-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cbt Quiz</category><category domain="http://www.blogger.com/atom/ns#">JSS</category><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><category domain="http://www.blogger.com/atom/ns#">jss2</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>JSS 2 Mathematics First 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 2 Mathematics First 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 2 Mathematics first term, whole numbers in standard form, fractions, approximation, number bases, indices, 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 2 Mathematics First Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 2 Mathematics first-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 2 Mathematics First Term Full Web Book | Edwin Ogie Library&lt;/title&gt;
  &lt;style&gt;&lt;div class="separator" style="clear: both;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEp2lckmqgD4tPI5nri31zBIl7I60jzr5VFGJE7ltCHO1_9qx6h_tkuGK-rZF7XkrvXSI97_9WTrgX0PfG57xk9iq2_vkwRmmbEDolb1HwbaQFaryYWpYP7AuIZiEuQ68UBfDbnma0atwHPI2lWEiXOJeT-1genosCEiY6PCInqCzpUfQvHpZinJ0WAPs/s1600/file_00000000ce947243b0b95d8b63644fae.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/AVvXsEhEp2lckmqgD4tPI5nri31zBIl7I60jzr5VFGJE7ltCHO1_9qx6h_tkuGK-rZF7XkrvXSI97_9WTrgX0PfG57xk9iq2_vkwRmmbEDolb1HwbaQFaryYWpYP7AuIZiEuQ68UBfDbnma0atwHPI2lWEiXOJeT-1genosCEiY6PCInqCzpUfQvHpZinJ0WAPs/s1600/file_00000000ce947243b0b95d8b63644fae.png"/&gt;&lt;/a&gt;&lt;/div&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;
    }
    .quote {
      border-left: 4px solid var(--primary);
      padding: 12px 14px;
      background: #fafaff;
      border-radius: 12px;
      color: #374151;
      margin: 14px auto;
      max-width: 920px;
      text-align: left;
    }
    .list {
      padding-left: 20px;
      margin: 0 auto;
      text-align: left;
      display: inline-block;
      max-width: 980px;
    }
    .list li { margin-bottom: 10px; }
    .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; }
    .btn-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; justify-content: center; }
    .btn { display: inline-block; padding: 12px 16px; border-radius: 12px; text-decoration: none; font-weight: 700; border: none; cursor: pointer; }
    .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; }
    .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 2 Mathematics First Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 2 Mathematics first-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 2 Mathematics First Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;A complete first-term mathematics learning page for JSS 2. Every 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 2 Mathematics / First 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;First Term Scheme of Work&lt;/span&gt;
      &lt;h2&gt;Scheme of Work Overview&lt;/h2&gt;
      &lt;p&gt;This web book is arranged to help students move from number sense into algebra, fractions, approximation, and number bases. The lessons are written in a clear school format that supports classroom teaching and independent revision.&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 one by one, try 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 2 Mathematics First 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;Whole Numbers in Standard Form&lt;/td&gt;&lt;td&gt;Place value, expanded form, standard form, large numbers and small numbers.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Fractions and Decimal Operations&lt;/td&gt;&lt;td&gt;Multiplication, division, simplification, conversion between fractions and decimals.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Approximation and Estimation&lt;/td&gt;&lt;td&gt;Rounding off, estimating answers, checking reasonableness.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Number Bases&lt;/td&gt;&lt;td&gt;Base 2, base 5, base 10, conversion of numbers and simple operations.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Indices and Powers&lt;/td&gt;&lt;td&gt;Meaning of indices, laws of indices, expansion and evaluation.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Introduction to Statistics&lt;/td&gt;&lt;td&gt;Data collection, presentation, mean, median, mode.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Revision and Exercises&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;First 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="standard-form"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Whole Numbers in Standard Form&lt;/h2&gt;
      &lt;p&gt;Whole numbers are the counting numbers starting from zero. Standard form is a concise way of writing very large or very small numbers using powers of ten. It helps students work quickly and clearly in mathematics and science.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Place value&lt;/h3&gt;&lt;p&gt;Each digit’s position gives it a value.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Expanded form&lt;/h3&gt;&lt;p&gt;Write the number as a sum of place values.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Standard form&lt;/h3&gt;&lt;p&gt;Write as a number between 1 and 10 multiplied by a power of 10.&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; Write 5,000 in standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Place the decimal after the first non-zero digit: 5.000.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Count how many places the decimal moved: 3 places.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Write the answer: 5 × 10³.&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; Write 46,000 in standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Move the decimal to make 4.6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The decimal moved 4 places.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 46,000 = 4.6 × 10⁴.&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; Write 320,000 in standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Make the leading number 3.2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Count 5 decimal places moved.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 320,000 = 3.2 × 10⁵.&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; Expand 6.2 × 10⁴.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 10⁴ means 10,000.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 6.2 by 10,000.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; The ordinary number is 62,000.&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; Convert 0.00052 to standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Make the first number 5.2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Move the decimal 4 places to the right.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 0.00052 = 5.2 × 10⁻⁴.&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; Write 8,400 in standard form.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Form the leading number 8.4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Count 3 places moved.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 8,400 = 8.4 × 10³.&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. Standard form of 1,000?&lt;/summary&gt;&lt;p&gt;1 × 10³.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Standard form uses which base?&lt;/summary&gt;&lt;p&gt;Base 10.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. How many places in 4.5 × 10³?&lt;/summary&gt;&lt;p&gt;3 places.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Ordinary form of 3 × 10²?&lt;/summary&gt;&lt;p&gt;300.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. What is 9.1 × 10³?&lt;/summary&gt;&lt;p&gt;9,100.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="fractions-decimals"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Fractions and Decimal Operations&lt;/h2&gt;
      &lt;p&gt;This topic covers multiplying, dividing and simplifying fractions, then converting between fractions and decimals. Students must understand reciprocal fractions and place value in decimals.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Multiply fractions&lt;/h3&gt;&lt;p&gt;Multiply numerators and denominators separately.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Divide fractions&lt;/h3&gt;&lt;p&gt;Keep, change and flip.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Decimals&lt;/h3&gt;&lt;p&gt;Understand tenths, hundredths and thousandths.&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; 1/2 × 3/4&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply the numerators: 1 × 3 = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply the denominators: 2 × 4 = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3/8.&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; 2/3 × 6/5&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply numerators: 2 × 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply denominators: 3 × 5 = 15.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Simplify 12/15 to 4/5.&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; 3/5 ÷ 2/7&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Keep the first fraction 3/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Change division to multiplication and flip 2/7 to 7/2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; 3/5 × 7/2 = 21/10 = 2 1/10.&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; Convert 3/4 to decimal.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide 3 by 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 ÷ 4 = 0.75.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 0.75.&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; Convert 0.6 to a fraction.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 0.6 means 6 tenths.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Write it as 6/10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Simplify to 3/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; 1/4 + 2/4&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; The denominators are the same.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Add the numerators: 1 + 2 = 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3/4.&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. Reciprocal of 2/5?&lt;/summary&gt;&lt;p&gt;5/2.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 1/2 as decimal?&lt;/summary&gt;&lt;p&gt;0.5.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 0.25 as fraction?&lt;/summary&gt;&lt;p&gt;1/4.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 2/3 × 3/5?&lt;/summary&gt;&lt;p&gt;2/5.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. 0.8 as fraction?&lt;/summary&gt;&lt;p&gt;4/5.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="approximation"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Approximation and Estimation&lt;/h2&gt;
      &lt;p&gt;Approximation is writing a number close to the original number. Estimation is finding a quick answer. These skills help students check whether an answer is reasonable and save time in calculations.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Round off&lt;/h3&gt;&lt;p&gt;Use place value rules to round numbers.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Estimate&lt;/h3&gt;&lt;p&gt;Use easy numbers to predict an answer.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Check&lt;/h3&gt;&lt;p&gt;See if the final answer makes sense.&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; Round 47 to the nearest ten.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the units digit 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 7 is 5 or more, so round up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 50.&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; Round 263 to the nearest hundred.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the tens digit 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 6 is 5 or more, so round the hundreds up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 300.&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; Estimate 198 + 302.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Round 198 to 200.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Round 302 to 300.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Add 200 + 300 = 500.&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; Round 7,485 to the nearest thousand.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the hundreds digit 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 4 is less than 5, so keep the thousands digit the same.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 7,000.&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; Round 15.6 to the nearest whole number.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Look at the decimal part 0.6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 0.6 is 0.5 or more, so round up.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 16.&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; Estimate 98 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Round 98 to 100.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply 100 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 400.&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. 149 rounded to nearest hundred?&lt;/summary&gt;&lt;p&gt;100.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 15.2 rounded to nearest whole number?&lt;/summary&gt;&lt;p&gt;15.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 399 rounded to nearest thousand?&lt;/summary&gt;&lt;p&gt;0 or 400? Actually to nearest thousand: 0.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 49 × 2 estimated as?&lt;/summary&gt;&lt;p&gt;100.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Main use of approximation?&lt;/summary&gt;&lt;p&gt;Quick checking.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="number-bases"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Number Bases&lt;/h2&gt;
      &lt;p&gt;Number bases show how many different digits are used in a counting system. Base 10 uses 0 to 9, while binary base 2 uses 0 and 1. Understanding bases helps students appreciate computing and digital systems.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Base 10&lt;/h3&gt;&lt;p&gt;Daily counting system using ten digits.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Base 2&lt;/h3&gt;&lt;p&gt;Binary system using two digits only.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Conversion&lt;/h3&gt;&lt;p&gt;Move between bases using place values or division.&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; Convert 5 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 5 = 4 + 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 4s place, 0 in the 2s place, 1 in the 1s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 101.&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; Convert 6 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 6 = 4 + 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 4s and 2s places, 0 in the 1s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 110.&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; Convert 8 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 8 is a power of 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Write 1 in the 8s place and 0s in the remaining places.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1000.&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; Convert 10 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 10 = 8 + 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s place, 0 in the 4s place, 1 in the 2s place, 0 in the 1s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1010.&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; Convert 12 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 12 = 8 + 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s and 4s places.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1100.&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; Convert 13 to binary.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 13 = 8 + 4 + 1.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Put 1 in the 8s, 4s and 1s places, 0 in the 2s place.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 1101.&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. Digits used in binary?&lt;/summary&gt;&lt;p&gt;0 and 1.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Binary of 7?&lt;/summary&gt;&lt;p&gt;111.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Base 10 has how many digits?&lt;/summary&gt;&lt;p&gt;10 digits.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Binary of 4?&lt;/summary&gt;&lt;p&gt;100.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Binary system is also called?&lt;/summary&gt;&lt;p&gt;Base 2.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="indices"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Indices and Powers&lt;/h2&gt;
      &lt;p&gt;Indices are a short way of writing repeated multiplication. Powers help us express large numbers in a compact form. Students should understand base, exponent and how to apply simple laws of indices.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Base&lt;/h3&gt;&lt;p&gt;The repeated number.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Exponent&lt;/h3&gt;&lt;p&gt;The number of times the base is used.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Use&lt;/h3&gt;&lt;p&gt;Shortens repeated multiplication.&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; Write 2 × 2 × 2 using indices.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the repeated factor 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It appears 3 times.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 2³.&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; Evaluate 3².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 3² means 3 × 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply the numbers.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 9.&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; Evaluate 4³.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 4³ means 4 × 4 × 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply step by step.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 64.&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 5 × 5 × 5 × 5 using indices.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count how many 5s appear.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; There are 4 of them.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 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; Evaluate 2⁴.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 2⁴ means 2 × 2 × 2 × 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply to get 16.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 16.&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; Evaluate 10².&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; 10² means 10 × 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Multiply.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 100.&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. 2³?&lt;/summary&gt;&lt;p&gt;8.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. 3²?&lt;/summary&gt;&lt;p&gt;9.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. 5²?&lt;/summary&gt;&lt;p&gt;25.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. 4²?&lt;/summary&gt;&lt;p&gt;16.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. 10³?&lt;/summary&gt;&lt;p&gt;1000.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="statistics-intro"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Introduction to Statistics&lt;/h2&gt;
      &lt;p&gt;Statistics is the study of collecting, arranging, presenting and interpreting data. It helps us understand information in school, business, sports, health and everyday life.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Collect&lt;/h3&gt;&lt;p&gt;Use observation, survey, interview and questionnaire.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Present&lt;/h3&gt;&lt;p&gt;Use tables, bar charts and graphs.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Summarize&lt;/h3&gt;&lt;p&gt;Use mean, median and mode.&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; Why do we study statistics?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; To understand and summarize data.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It helps in decision making.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to collect and interpret data.&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 one method of data collection.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of survey methods.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Questionnaire is one method.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: questionnaire.&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; Find the mode of 2, 3, 3, 4, 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count how many times each number appears.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 appears most often.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&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; Find the median of 2, 4, 6, 8, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Arrange in order.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Identify the middle value.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6.&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; Find the mean of 2, 4, 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add the values: 2 + 4 + 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Divide by the number of values: 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4.&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; Present data in a table.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Draw rows and columns.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Label each part clearly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Use the table to compare values.&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. Most frequent value?&lt;/summary&gt;&lt;p&gt;Mode.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Middle value?&lt;/summary&gt;&lt;p&gt;Median.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Average value?&lt;/summary&gt;&lt;p&gt;Mean.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. A data collection tool?&lt;/summary&gt;&lt;p&gt;Questionnaire.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Visual display of data?&lt;/summary&gt;&lt;p&gt;Chart or graph.&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 broader 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+2+mathematics+first+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 2 First 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%202%20Mathematics%20First%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%20Mathematics%20first-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="#standard-form"&gt;Whole Numbers in Standard Form&lt;/a&gt;
      &lt;a href="#fractions-decimals"&gt;Fractions and Decimals&lt;/a&gt;
      &lt;a href="#approximation"&gt;Approximation and Estimation&lt;/a&gt;
      &lt;a href="#number-bases"&gt;Number Bases&lt;/a&gt;
      &lt;a href="#indices"&gt;Indices and Powers&lt;/a&gt;
      &lt;a href="#statistics-intro"&gt;Introduction to Statistics&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;Numbers&lt;/strong&gt;&lt;p&gt;Understand large numbers and place value.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Fractions&lt;/strong&gt;&lt;p&gt;Work with operations and conversions.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Bases&lt;/strong&gt;&lt;p&gt;Learn binary and other number systems.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Statistics&lt;/strong&gt;&lt;p&gt;Read and interpret data.&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 2 Mathematics First Term | SEO Educational Resource Nigeria.&lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "What is 5,000 in standard form?", options: ["5 × 10²", "5 × 10³", "50 × 10²", "0.5 × 10⁴"], answer: 1, explanation: "5,000 = 5 × 10³." },
      { q: "What is 46,000 in standard form?", options: ["4.6 × 10⁴", "46 × 10³", "4.6 × 10³", "46 × 10⁴"], answer: 0, explanation: "46,000 = 4.6 × 10⁴." },
      { q: "What is 320,000 in standard form?", options: ["3.2 × 10⁴", "3.2 × 10⁵", "32 × 10⁴", "3.2 × 10⁶"], answer: 1, explanation: "320,000 = 3.2 × 10⁵." },
      { q: "What is 1/2 × 3/4?", options: ["3/8", "5/8", "6/8", "7/8"], answer: 0, explanation: "Multiply numerators and denominators." },
      { q: "What is 3/5 ÷ 2/7?", options: ["21/10", "10/21", "3/12", "7/10"], answer: 0, explanation: "Keep, change and flip." },
      { q: "What is 0.6 as a fraction?", options: ["3/5", "6/5", "5/6", "1/6"], answer: 0, explanation: "0.6 = 6/10 = 3/5." },
      { q: "What is 47 rounded to the nearest ten?", options: ["40", "45", "50", "60"], answer: 2, explanation: "47 rounds up to 50." },
      { q: "What is 263 rounded to the nearest hundred?", options: ["200", "250", "300", "400"], answer: 2, explanation: "263 rounds to 300." },
      { q: "Estimate 198 + 302.", options: ["400", "450", "500", "600"], answer: 2, explanation: "200 + 300 = 500." },
      { q: "What digits are used in binary?", options: ["0 and 1", "1 and 2", "0 to 9", "2 and 3"], answer: 0, explanation: "Binary uses 0 and 1 only." },
      { q: "What is 5 in binary?", options: ["100", "101", "110", "111"], answer: 1, explanation: "5 = 4 + 1 = 101." },
      { q: "What is 10 in binary?", options: ["1001", "1010", "1100", "1110"], answer: 1, explanation: "10 = 8 + 2 = 1010." },
      { q: "What is 2³?", options: ["6", "8", "9", "12"], answer: 1, explanation: "2 × 2 × 2 = 8." },
      { q: "What is 3²?", options: ["6", "8", "9", "12"], answer: 2, explanation: "3 × 3 = 9." },
      { q: "What is 4³?", options: ["12", "24", "48", "64"], answer: 3, explanation: "4 × 4 × 4 = 64." },
      { q: "What is 10²?", options: ["20", "50", "100", "1000"], answer: 2, explanation: "10 × 10 = 100." },
      { q: "What is the mode of 3, 3, 4, 5, 6?", options: ["3", "4", "5", "6"], answer: 0, explanation: "3 appears most often." },
      { q: "What is the median of 2, 4, 6, 8, 10?", options: ["4", "5", "6", "8"], answer: 2, explanation: "The middle value is 6." },
      { q: "What is the mean of 2, 4, 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "(2 + 4 + 6) ÷ 3 = 4." },
      { q: "Which shape has 3 sides?", options: ["Square", "Triangle", "Pentagon", "Circle"], answer: 1, explanation: "A triangle has 3 sides." },
      { q: "Which shape has 4 equal sides and 4 right angles?", options: ["Triangle", "Square", "Circle", "Pentagon"], answer: 1, explanation: "These are square properties." },
      { q: "Which figure is like a brick?", options: ["Cube", "Cuboid", "Cone", "Sphere"], answer: 1, explanation: "A brick is a cuboid." },
      { q: "Which tool measures angles?", options: ["Ruler", "Compass", "Protractor", "Divider"], answer: 2, explanation: "A protractor measures angles." },
      { q: "What type of angle is 75°?", options: ["Acute", "Right", "Obtuse", "Straight"], answer: 0, explanation: "Less than 90° is acute." },
      { q: "What type of angle is 120°?", options: ["Acute", "Right", "Obtuse", "Reflex"], answer: 2, explanation: "120° is obtuse." },
      { q: "What is the reciprocal of 2/5?", options: ["2/5", "5/2", "1/2", "5/1"], answer: 1, explanation: "Flip the fraction." },
      { q: "What is 0.25 as a fraction?", options: ["1/2", "1/3", "1/4", "2/5"], answer: 2, explanation: "0.25 = 25/100 = 1/4." },
      { q: "What is 4.5 × 10³ in ordinary form?", options: ["450", "4,500", "45,000", "450,000"], answer: 1, explanation: "4.5 × 10³ = 4,500." },
      { q: "Why do we study statistics?", options: ["To draw only shapes", "To collect and interpret data", "To make music", "To reduce numbers"], answer: 1, explanation: "Statistics helps us handle data clearly." },
      { q: "Which is a method of data collection?", options: ["Questionnaire", "Triangle", "Compass", "Cube"], answer: 0, explanation: "Questionnaire is a data collection method." }
    ];

    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 2 Mathematics First Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 2 Mathematics first-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%202%20Mathematics%20First%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%20Mathematics%20first-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/jss-2-mathematics-first-term-full-web.html</link><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEp2lckmqgD4tPI5nri31zBIl7I60jzr5VFGJE7ltCHO1_9qx6h_tkuGK-rZF7XkrvXSI97_9WTrgX0PfG57xk9iq2_vkwRmmbEDolb1HwbaQFaryYWpYP7AuIZiEuQ68UBfDbnma0atwHPI2lWEiXOJeT-1genosCEiY6PCInqCzpUfQvHpZinJ0WAPs/s72-c/file_00000000ce947243b0b95d8b63644fae.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-7868724069411504630</guid><pubDate>Wed, 08 Apr 2026 15:19:00 +0000</pubDate><atom:updated>2026-04-08T07:53:49.769-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cbt Quiz</category><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><category domain="http://www.blogger.com/atom/ns#">Mathematics</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>JSS 1 Mathematics Third Term Full Web Book </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 Mathematics Third Term full web book with comprehensive lesson notes, six worked examples per topic, five quick brain tests per topic, a 30-question CBT quiz, corrections, external resources, and Edwin Ogie Library footer." /&gt;
  &lt;meta name="keywords" content="JSS 1 Mathematics third term, simple equations, plane shapes, 3D figures, construction, angles, statistics, data presentation, averages, CBT quiz, Edwin Ogie Library, SEO education" /&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 Mathematics Third Term Full Web Book" /&gt;
  &lt;meta property="og:description" content="A comprehensive SEO-ready JSS 1 Mathematics third-term web book with examples, brain tests, and CBT quiz." /&gt;
  &lt;meta property="og:type" content="article" /&gt;
  &lt;meta property="og:locale" content="en_NG" /&gt;
  &lt;title&gt;JSS 1 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/AVvXsEjRVx8Gz1QKK7k3VVsNTkyTOuruCi98WpQyeikOFaLvPpCxnhYJM-vSSaVgryPW5EIJfkv-JF1c3RWVzkqyogKP63rNPQxqHdMqc5Q7DjFfhXK2jEShCXYOphs1irsVqpEfFH-DkkQNH-5Fniuf9OaVTDjZcL0-1M0dHq2XORXje-7XKDXjQBi_e0ZQcNs/s1600/file_000000006d00720c851d4fa3b8cd4788.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/AVvXsEjRVx8Gz1QKK7k3VVsNTkyTOuruCi98WpQyeikOFaLvPpCxnhYJM-vSSaVgryPW5EIJfkv-JF1c3RWVzkqyogKP63rNPQxqHdMqc5Q7DjFfhXK2jEShCXYOphs1irsVqpEfFH-DkkQNH-5Fniuf9OaVTDjZcL0-1M0dHq2XORXje-7XKDXjQBi_e0ZQcNs/s1600/file_000000006d00720c851d4fa3b8cd4788.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;
    }
    .quote {
      border-left: 4px solid var(--primary);
      padding: 12px 14px;
      background: #fafaff;
      border-radius: 12px;
      color: #374151;
      margin: 14px auto;
      max-width: 920px;
      text-align: left;
    }
    .list {
      padding-left: 20px;
      margin: 0 auto;
      text-align: left;
      display: inline-block;
      max-width: 980px;
    }
    .list li { margin-bottom: 10px; }
    .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; }
    .btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
      justify-content: center;
    }
    .btn {
      display: inline-block;
      padding: 12px 16px;
      border-radius: 12px;
      text-decoration: none;
      font-weight: 700;
      border: none;
      cursor: pointer;
    }
    .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; }
    .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 Mathematics Third Term Full Web Book",
    "description": "A comprehensive SEO-ready JSS 1 Mathematics third-term web book with 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 Mathematics Third Term Full Web Book&lt;/h1&gt;
      &lt;p&gt;This complete third-term mathematics web book covers simple equations, plane shapes, three-dimensional figures, construction, angles, and statistics. Each topic includes six step-by-step examples, five quick brain tests, external study 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 1 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 1 Mathematics builds on the ideas of algebra, geometry, measurement, and data handling. The topics move from solving equations to understanding shapes, constructing figures, measuring angles, and presenting data in meaningful ways.&lt;/p&gt;
      &lt;div class="callout"&gt;
        &lt;strong&gt;Study guide:&lt;/strong&gt; Learn the concept, practise the worked examples, answer the quick brain tests, and then attempt the full term CBT quiz at the end.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="table-wrap"&gt;
      &lt;table&gt;
        &lt;caption&gt;JSS 1 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;Simple Equations&lt;/td&gt;&lt;td&gt;One-step and two-step equations, unknowns, checking answers.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Plane Shapes&lt;/td&gt;&lt;td&gt;Properties of 2D shapes, sides, corners, angles, symmetry.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Three-Dimensional Figures&lt;/td&gt;&lt;td&gt;Cubes, cuboids, cylinders, cones, spheres, prisms.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Construction&lt;/td&gt;&lt;td&gt;Drawing shapes with ruler, compass and protractor.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Angles&lt;/td&gt;&lt;td&gt;Types of angles, angle properties, simple angle measurement.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Need for Statistics&lt;/td&gt;&lt;td&gt;Why statistics is important in daily life and school.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Data Collection&lt;/td&gt;&lt;td&gt;Questionnaires, tallying, interviews, observation, surveys.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Data Presentation&lt;/td&gt;&lt;td&gt;Tables, bar charts, pie chart introduction, line graphs.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;Averages&lt;/td&gt;&lt;td&gt;Mean, median and mode.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;Revision&lt;/td&gt;&lt;td&gt;General revision and practice.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;Examination&lt;/td&gt;&lt;td&gt;Third-term assessment.&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;section class="card" id="simple-equations"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2&gt;Simple Equations&lt;/h2&gt;
      &lt;p&gt;Simple equations contain an unknown number. We solve them by using inverse operations such as addition, subtraction, multiplication, or division. The aim is to isolate the unknown on one side of the equation.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Key idea&lt;/h3&gt;&lt;p&gt;Whatever is done to one side must also be done to the other side.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Goal&lt;/h3&gt;&lt;p&gt;Find the value of the unknown symbol.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Check&lt;/h3&gt;&lt;p&gt;Substitute your answer to confirm it is correct.&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; x + 5 = 12&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 5 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 12 - 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; x = 7.&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; y - 4 = 9&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add 4 to both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; y = 9 + 4.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; y = 13.&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; 3n = 21&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; n = 21 ÷ 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; n = 7.&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 / 5 = 6&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Multiply both sides by 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; a = 6 × 5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; a = 30.&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; 2x = 18&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Divide both sides by 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; x = 18 ÷ 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; x = 9.&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; m + 8 = 20&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Subtract 8 from both sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; m = 20 - 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; m = 12.&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. Solve x + 3 = 10&lt;/summary&gt;&lt;p&gt;Answer: x = 7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Solve 5p = 35&lt;/summary&gt;&lt;p&gt;Answer: p = 7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Solve y - 6 = 2&lt;/summary&gt;&lt;p&gt;Answer: y = 8.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Solve 4a = 28&lt;/summary&gt;&lt;p&gt;Answer: a = 7.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Solve n / 4 = 5&lt;/summary&gt;&lt;p&gt;Answer: n = 20.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="plane-shapes"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2&gt;Plane Shapes&lt;/h2&gt;
      &lt;p&gt;Plane shapes are two-dimensional shapes that lie on a flat surface. They have length and width but no thickness. Examples include triangles, rectangles, squares, circles and pentagons.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Properties&lt;/h3&gt;&lt;p&gt;Study sides, corners, angles, symmetry, and equal lengths.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Classification&lt;/h3&gt;&lt;p&gt;Shapes are grouped by the number of sides and special properties.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Use&lt;/h3&gt;&lt;p&gt;Plane shapes are found in tiles, boards, signs, and drawings.&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; Name a shape with 3 sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A 3-sided shape is called a triangle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: triangle.&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; How many sides does a square have?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall the properties of a square.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A square has 4 equal sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4 sides.&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 shape has all points on a fixed distance from the centre?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of round plane shapes.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; That shape is a circle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 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; A rectangle has how many sides?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count the edges of a rectangle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It has 4 sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 4 sides.&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 pentagon has how many sides?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Remember the prefix penta means five.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Count 5 sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 5 sides.&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; Name a shape with 4 equal sides and 4 right angles.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Check the properties.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; That shape is a square.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: square.&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. Shape with 4 equal sides and 4 right angles?&lt;/summary&gt;&lt;p&gt;Square.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Shape with 3 sides?&lt;/summary&gt;&lt;p&gt;Triangle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Shape with 5 sides?&lt;/summary&gt;&lt;p&gt;Pentagon.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Round plane shape?&lt;/summary&gt;&lt;p&gt;Circle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Shape with opposite sides equal and parallel?&lt;/summary&gt;&lt;p&gt;Rectangle.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="three-d-figures"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2&gt;Three-Dimensional Figures&lt;/h2&gt;
      &lt;p&gt;Three-dimensional figures have length, width and height. They occupy space and can be held or touched. Examples include cube, cuboid, cylinder, cone, sphere and prism.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Faces&lt;/h3&gt;&lt;p&gt;Flat surfaces of a 3D figure.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Edges&lt;/h3&gt;&lt;p&gt;Lines where faces meet.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Vertices&lt;/h3&gt;&lt;p&gt;Corner points of the figure.&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; Name a figure with 6 equal square faces.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall common 3D figures.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A cube has 6 equal square faces.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: cube.&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 figure looks like a matchbox?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare everyday objects.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A matchbox is like a cuboid.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: cuboid.&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; Which figure has a circular base and curved surface?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of curved objects.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A cylinder has circular bases and curved surface.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: cylinder.&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; Which figure has one pointed top and a circular base?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of a cone.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A cone has one vertex and a circular base.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: cone.&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; Which shape is perfectly round like a ball?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of a ball.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A ball is a sphere.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: sphere.&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; A cube has how many faces?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Recall the properties of a cube.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Count its faces.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6 faces.&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. Figure like a die?&lt;/summary&gt;&lt;p&gt;Cube.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Figure like a tin can?&lt;/summary&gt;&lt;p&gt;Cylinder.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Figure like a football?&lt;/summary&gt;&lt;p&gt;Sphere.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Figure with one circular base and one vertex?&lt;/summary&gt;&lt;p&gt;Cone.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Figure like a brick?&lt;/summary&gt;&lt;p&gt;Cuboid.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="construction"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2&gt;Construction&lt;/h2&gt;
      &lt;p&gt;Construction in mathematics means drawing accurate shapes and lines using ruler, compass and protractor. It develops precision and careful observation.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Tools&lt;/h3&gt;&lt;p&gt;Ruler, compass, protractor and pencil.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Purpose&lt;/h3&gt;&lt;p&gt;To draw accurate lines, angles and shapes.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Skill&lt;/h3&gt;&lt;p&gt;Care and accuracy are very important.&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; Place the ruler on the page.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Mark 0 cm and 6 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Join the marks with a straight line.&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; Draw 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; Join the mark to form the angle.&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 triangle with 5 cm, 4 cm and 3 cm sides.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Draw the first side 5 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Use the compass to locate 4 cm and 3 cm lengths from the ends.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Join the points to form the triangle.&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 the same radius.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Join the arc intersections to get 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 the protractor to mark 60°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Draw the second arm through the mark.&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; Draw a square of side 4 cm.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Draw one side 4 cm long.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Construct right angles at the ends.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Mark the remaining sides and close the shape.&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 measuring angles?&lt;/summary&gt;&lt;p&gt;Protractor.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Tool for drawing circles?&lt;/summary&gt;&lt;p&gt;Compass.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Angle of a square corner?&lt;/summary&gt;&lt;p&gt;90°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Tool for measuring length?&lt;/summary&gt;&lt;p&gt;Ruler.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Shape drawn with equal sides and right angles?&lt;/summary&gt;&lt;p&gt;Square.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="angles"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2&gt;Angles&lt;/h2&gt;
      &lt;p&gt;An angle is formed when two lines meet at a point. Angles are measured in degrees. Common types are acute, right, obtuse, straight, reflex and full turn angles.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Acute&lt;/h3&gt;&lt;p&gt;Less than 90°.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Right&lt;/h3&gt;&lt;p&gt;Exactly 90°.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Obtuse&lt;/h3&gt;&lt;p&gt;Greater than 90° but less than 180°.&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; Name an angle less than 90°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare with 90°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It is an acute angle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: acute angle.&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; Name an angle exactly 90°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Check the angle value.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 90° is a right angle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: right angle.&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; Name an angle between 90° and 180°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare the range.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; That is an obtuse angle.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: obtuse angle.&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 straight angle?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of a straight line.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; A straight angle measures 180°.&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 5&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What is the sum of angles on a straight line?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; A straight line is 180°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The total is 180°.&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 6&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What type of angle is 120°?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Compare 120° with 90° and 180°.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It lies between them.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: obtuse angle.&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 less than 90°?&lt;/summary&gt;&lt;p&gt;Acute angle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Angle exactly 90°?&lt;/summary&gt;&lt;p&gt;Right angle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Angle greater than 90° but less than 180°?&lt;/summary&gt;&lt;p&gt;Obtuse angle.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Angle on a straight line?&lt;/summary&gt;&lt;p&gt;180°.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Use of protractor?&lt;/summary&gt;&lt;p&gt;Measure angles.&lt;/p&gt;&lt;/details&gt;
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card" id="statistics"&gt;
      &lt;span class="badge"&gt;Topic 6&lt;/span&gt;
      &lt;h2&gt;Need for Statistics, Data Collection, Data Presentation and Averages&lt;/h2&gt;
      &lt;p&gt;Statistics helps us collect, arrange, present and interpret data. It is useful in schools, homes, business, sports and research. We use averages like mean, median and mode to understand data more clearly.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Why statistics?&lt;/h3&gt;&lt;p&gt;To make sense of numbers and information.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Collect data&lt;/h3&gt;&lt;p&gt;Use tally marks, questionnaires, observation and interviews.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Present data&lt;/h3&gt;&lt;p&gt;Use tables, charts and graphs.&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; Why do we need statistics?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Statistics helps us organize and understand data.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; It shows patterns and summaries clearly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: to collect, present and interpret data.&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; List one method of collecting data.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Think of ways to gather information.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; One method is questionnaire.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: questionnaire.&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 mode of 2, 3, 3, 4, 5?&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Count repeated values.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; 3 appears most often.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 3.&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; Find the median of 2, 4, 6, 8, 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Arrange the values in order.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The middle number is 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Answer: 6.&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; Find the mean of 2, 4, 6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Add the values: 2 + 4 + 6 = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Count the values: 3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Mean = 12 ÷ 3 = 4.&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; Present data using a table.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; List values in rows and columns.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Label the table clearly.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Read the table to compare values.&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. Most frequent value?&lt;/summary&gt;&lt;p&gt;Mode.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;2. Middle value?&lt;/summary&gt;&lt;p&gt;Median.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;3. Average value?&lt;/summary&gt;&lt;p&gt;Mean.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;4. Method of collecting data?&lt;/summary&gt;&lt;p&gt;Questionnaire / interview / observation.&lt;/p&gt;&lt;/details&gt;
        &lt;details class="brain-card"&gt;&lt;summary&gt;5. Diagram used to show data?&lt;/summary&gt;&lt;p&gt;Chart or graph.&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 can help users discover related mathematics content.&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+1+mathematics+third+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 1 Third Term&lt;/a&gt;&lt;div class="small-note"&gt;Search more practice materials.&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%201%20Mathematics%20Third%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%201%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="#simple-equations"&gt;Simple Equations&lt;/a&gt;
      &lt;a href="#plane-shapes"&gt;Plane Shapes&lt;/a&gt;
      &lt;a href="#three-d-figures"&gt;Three-Dimensional Figures&lt;/a&gt;
      &lt;a href="#construction"&gt;Construction&lt;/a&gt;
      &lt;a href="#angles"&gt;Angles&lt;/a&gt;
      &lt;a href="#statistics"&gt;Statistics&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;Equations&lt;/strong&gt;&lt;p&gt;Solve unknown values step by step.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Geometry&lt;/strong&gt;&lt;p&gt;Understand shapes and figures.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Measurement&lt;/strong&gt;&lt;p&gt;Work accurately with tools.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Statistics&lt;/strong&gt;&lt;p&gt;Collect and interpret data.&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 1 Mathematics Third Term | SEO Educational Resource Nigeria.
    &lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "What is the solution of x + 5 = 12?", options: ["5", "6", "7", "8"], answer: 2, explanation: "Subtract 5 from both sides to get x = 7." },
      { q: "What is the solution of 3n = 21?", options: ["5", "6", "7", "8"], answer: 2, explanation: "Divide both sides by 3 to get n = 7." },
      { q: "What is the solution of y - 4 = 9?", options: ["11", "12", "13", "14"], answer: 2, explanation: "Add 4 to both sides to get y = 13." },
      { q: "What is the solution of 2x = 18?", options: ["7", "8", "9", "10"], answer: 2, explanation: "Divide both sides by 2 to get x = 9." },
      { q: "What is the solution of a / 5 = 6?", options: ["20", "25", "30", "35"], answer: 2, explanation: "Multiply both sides by 5 to get a = 30." },
      { q: "What is the solution of m + 8 = 20?", options: ["10", "11", "12", "13"], answer: 2, explanation: "Subtract 8 from both sides to get m = 12." },
      { q: "How many sides does a triangle have?", options: ["2", "3", "4", "5"], answer: 1, explanation: "A triangle has 3 sides." },
      { q: "How many sides does a square have?", options: ["3", "4", "5", "6"], answer: 1, explanation: "A square has 4 equal sides." },
      { q: "How many sides does a pentagon have?", options: ["4", "5", "6", "7"], answer: 1, explanation: "A pentagon has 5 sides." },
      { q: "Which shape is a round plane figure?", options: ["Cube", "Circle", "Cuboid", "Cone"], answer: 1, explanation: "A circle is a round plane shape." },
      { q: "Which shape has 4 equal sides and 4 right angles?", options: ["Triangle", "Square", "Circle", "Pentagon"], answer: 1, explanation: "Those are properties of a square." },
      { q: "Which shape has opposite sides equal and parallel?", options: ["Rectangle", "Triangle", "Circle", "Cone"], answer: 0, explanation: "A rectangle has opposite sides equal and parallel." },
      { q: "Which figure is like a die?", options: ["Cuboid", "Cube", "Cylinder", "Sphere"], answer: 1, explanation: "A die has the shape of a cube." },
      { q: "Which figure is like a brick?", options: ["Cuboid", "Cone", "Sphere", "Triangle"], answer: 0, explanation: "A brick is shaped like a cuboid." },
      { q: "Which figure has a circular base and a curved surface?", options: ["Cone", "Cube", "Sphere", "Triangle"], answer: 0, explanation: "A cone has a circular base and a curved surface." },
      { q: "Which figure is perfectly round like a ball?", options: ["Cylinder", "Cuboid", "Sphere", "Square"], answer: 2, explanation: "A ball is a sphere." },
      { q: "Which tool is used to measure angles?", options: ["Ruler", "Compass", "Protractor", "Divider"], answer: 2, explanation: "A protractor measures angles." },
      { q: "Which tool is used to draw circles?", options: ["Ruler", "Compass", "Protractor", "Set square"], answer: 1, explanation: "A compass is used to draw circles." },
      { q: "Which tool is used to measure length?", options: ["Ruler", "Compass", "Protractor", "Eraser"], answer: 0, explanation: "A ruler measures length." },
      { q: "What type of angle is less than 90°?", options: ["Acute", "Right", "Obtuse", "Straight"], answer: 0, explanation: "Less than 90° is an acute angle." },
      { q: "What type of angle is exactly 90°?", options: ["Acute", "Right", "Obtuse", "Reflex"], answer: 1, explanation: "Exactly 90° is a right angle." },
      { q: "What type of angle is 120°?", options: ["Acute", "Right", "Obtuse", "Straight"], answer: 2, explanation: "120° is between 90° and 180°, so it is obtuse." },
      { q: "What is the size of a straight angle?", options: ["90°", "120°", "180°", "360°"], answer: 2, explanation: "A straight angle is 180°." },
      { q: "What is the sum of angles on a straight line?", options: ["90°", "120°", "180°", "360°"], answer: 2, explanation: "Angles on a straight line sum to 180°." },
      { q: "What type of angle is 75°?", options: ["Acute", "Right", "Obtuse", "Reflex"], answer: 0, explanation: "75° is less than 90°, so it is acute." },
      { q: "Why do we need statistics?", options: ["To make music", "To collect, present and interpret data", "To draw only circles", "To change numbers"], answer: 1, explanation: "Statistics helps us handle data clearly." },
      { q: "Which of these is a method of data collection?", options: ["Questionnaire", "Triangle", "Compass", "Cube"], answer: 0, explanation: "Questionnaire is a data collection method." },
      { q: "What is the mode of 3, 3, 4, 5, 6?", options: ["3", "4", "5", "6"], answer: 0, explanation: "Mode is the most frequent value, which is 3." },
      { q: "What is the median of 2, 4, 6, 8, 10?", options: ["4", "5", "6", "8"], answer: 2, explanation: "The middle value is 6." },
      { q: "What is the mean of 2, 4, 6?", options: ["2", "3", "4", "6"], answer: 2, explanation: "(2 + 4 + 6) ÷ 3 = 4." }
    ];

    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 1 Mathematics Third Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,

I have completed the JSS 1 Mathematics third-term CBT quiz.

Score: ${score} / ${questions.length}
Percentage: ${percentage}%

Please find my results above.

Thank 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%201%20Mathematics%20Third%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%201%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/jss-1-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/AVvXsEjRVx8Gz1QKK7k3VVsNTkyTOuruCi98WpQyeikOFaLvPpCxnhYJM-vSSaVgryPW5EIJfkv-JF1c3RWVzkqyogKP63rNPQxqHdMqc5Q7DjFfhXK2jEShCXYOphs1irsVqpEfFH-DkkQNH-5Fniuf9OaVTDjZcL0-1M0dHq2XORXje-7XKDXjQBi_e0ZQcNs/s72-c/file_000000006d00720c851d4fa3b8cd4788.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-7982217703775264440</guid><pubDate>Wed, 01 Apr 2026 01:05:00 +0000</pubDate><atom:updated>2026-03-31T14:14:30.461-11:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">eBook</category><category domain="http://www.blogger.com/atom/ns#">JSS mathematics</category><category domain="http://www.blogger.com/atom/ns#">JSS Two</category><category domain="http://www.blogger.com/atom/ns#">second term</category><category domain="http://www.blogger.com/atom/ns#">webook</category><title>JSS 2 Mathematics Second Term Comprehensive 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 2 Mathematics Second Term comprehensive web book with all topics, 7 worked examples per topic, a 40-question CBT quiz, 30-minute timer, one-question-at-a-time navigation, automatic scoring, corrections, external resources, and Edwin Ogie Library footer." /&gt;
  &lt;meta name="keywords" content="JSS 2 Mathematics second term, fractions operations, approximation, binary number system, equations, algebraic expressions, CBT quiz, 40 questions, 30 minutes, Edwin Ogie Library, SEO educational 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 2 Mathematics Second Term Comprehensive Web Book" /&gt;
  &lt;meta property="og:description" content="A complete SEO-ready JSS 2 second-term Mathematics web book with all topics, seven worked examples per topic, and a 40-question 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 2 Mathematics Second Term Comprehensive 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: 1120px;
      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;
    }
    .quote {
      border-left: 4px solid var(--primary);
      padding: 12px 14px;
      background: #fafaff;
      border-radius: 12px;
      color: #374151;
      margin: 14px auto;
      max-width: 900px;
      text-align: left;
    }
    .list {
      padding-left: 20px;
      margin: 0 auto;
      text-align: left;
      display: inline-block;
      max-width: 980px;
    }
    .list li { margin-bottom: 10px; }
    .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: 760px;
      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; }
    .btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
      justify-content: center;
    }
    .btn {
      display: inline-block;
      padding: 12px 16px;
      border-radius: 12px;
      text-decoration: none;
      font-weight: 700;
      border: none;
      cursor: pointer;
    }
    .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; }
    .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: 1120px;
      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: 1120px;
      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; }
    @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 2 Mathematics Second Term Comprehensive Web Book",
    "description": "A complete SEO-ready JSS 2 second-term Mathematics web book with all topics, seven worked examples per topic, 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;JSS 2 Mathematics Second Term Web Book&lt;/h1&gt;
      &lt;p&gt;A comprehensive, mobile-friendly, SEO-optimized learning page for JSS 2 Mathematics second term. It covers every topic in the term, gives seven worked examples per topic, and includes a 40-question CBT quiz timed for 30 minutes with one question at a time navigation.&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 2 Mathematics / Second 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;Second Term Overview&lt;/span&gt;
      &lt;h2&gt;How this term is organized&lt;/h2&gt;
      &lt;p&gt;Second term mathematics in JSS 2 develops number skills, estimation, binary notation, open sentences, equations, and algebraic thinking. Each topic is presented with a lesson note, seven worked examples, and study support designed for classroom use and independent revision.&lt;/p&gt;
      &lt;div class="callout"&gt;
        &lt;strong&gt;How to use this web book:&lt;/strong&gt; study each topic in order, practise the examples, review the notes, and then attempt the CBT quiz to test your understanding across the full term.
      &lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="table-wrap"&gt;
      &lt;table&gt;
        &lt;caption&gt;JSS 2 Mathematics Second 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;Fractions Operations&lt;/td&gt;&lt;td&gt;Multiplication and division of fractions, simplification, word problems.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Approximation and Estimation&lt;/td&gt;&lt;td&gt;Rounding off numbers, estimating answers, accuracy and reasonable answers.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Binary Number System&lt;/td&gt;&lt;td&gt;Introduction to base two, conversion, and simple operations in binary.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Open Sentences and Equations&lt;/td&gt;&lt;td&gt;Symbols, open statements, simple equations, finding unknown values.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Algebraic Expressions&lt;/td&gt;&lt;td&gt;Terms, coefficients, like terms, simplification of expressions.&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Revision and Class Assessment&lt;/td&gt;&lt;td&gt;Revision of all second-term topics and test preparation.&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Topic 1&lt;/span&gt;
      &lt;h2 id="fractions"&gt;Fractions Operations&lt;/h2&gt;
      &lt;p&gt;In this topic, students learn how to multiply and divide fractions. The most important ideas are simplification, finding reciprocal fractions, and reducing answers to simplest form where possible.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Key rule&lt;/h3&gt;&lt;p&gt;Multiply the numerators together and multiply the denominators together.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Division rule&lt;/h3&gt;&lt;p&gt;Keep, change, and flip: keep the first fraction, change ÷ to ×, and flip the second fraction.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Final step&lt;/h3&gt;&lt;p&gt;Simplify the answer fully when possible.&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; 1/2 × 3/4 = 3/8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 2/3 × 6/5 = 12/15 = 4/5.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 3/5 ÷ 2/7 = 3/5 × 7/2 = 21/10 = 2 1/10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 4/7 × 7/9 = 4/9 after cancelling 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 5/6 ÷ 5/8 = 5/6 × 8/5 = 8/6 = 4/3 = 1 1/3.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 2/9 × 3/4 = 6/36 = 1/6.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 7&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; 7/8 ÷ 7/16 = 7/8 × 16/7 = 16/8 = 2.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Topic 2&lt;/span&gt;
      &lt;h2 id="approximation"&gt;Approximation and Estimation&lt;/h2&gt;
      &lt;p&gt;Approximation means writing a number close to the original number. Estimation means finding a quick and sensible answer. Both are useful for checking whether an answer is reasonable.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Round off&lt;/h3&gt;&lt;p&gt;Use the place value to round to the nearest ten, hundred, thousand, or decimal place.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Estimate&lt;/h3&gt;&lt;p&gt;Replace numbers with easier values to get a quick answer.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Reasonableness&lt;/h3&gt;&lt;p&gt;Check if the exact answer is sensible.&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; 47 rounded to the nearest ten is 50.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 263 rounded to the nearest hundred is 300.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 198 + 302 ≈ 200 + 300 = 500.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 7,485 rounded to the nearest thousand is 7,000.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 15.6 rounded to the nearest whole number is 16.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 3,149 estimated to the nearest hundred is 3,100.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 7&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; 98 × 4 can be estimated as 100 × 4 = 400.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Topic 3&lt;/span&gt;
      &lt;h2 id="binary"&gt;Binary Number System&lt;/h2&gt;
      &lt;p&gt;The binary number system uses only two digits, 0 and 1. It is the base-2 number system and is very important in computers, digital devices, and electronic data processing.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Base 2&lt;/h3&gt;&lt;p&gt;Binary numbers are built with powers of 2.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Conversion&lt;/h3&gt;&lt;p&gt;Convert between base 10 and base 2 using repeated division or place value.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Use&lt;/h3&gt;&lt;p&gt;Computers use binary because they work with on/off states.&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; 5 in binary is 101.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 6 in binary is 110.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 7 in binary is 111.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 8 in binary is 1000.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 10 in binary is 1010.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 12 in binary is 1100.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 7&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; 13 in binary is 1101.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Topic 4&lt;/span&gt;
      &lt;h2 id="equations"&gt;Open Sentences and Equations&lt;/h2&gt;
      &lt;p&gt;Open sentences contain unknown numbers. When the unknown is found, the sentence becomes true. Equations are useful for solving real-life problems in algebra and arithmetic.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Unknowns&lt;/h3&gt;&lt;p&gt;Letters like x, y, n, or a stand for unknown values.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Inverse operations&lt;/h3&gt;&lt;p&gt;Use opposite operations to isolate the unknown.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Check&lt;/h3&gt;&lt;p&gt;Always substitute your answer to confirm it works.&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; x + 5 = 12, so x = 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 3n = 21, so n = 7.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; y - 4 = 9, so y = 13.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 2x = 18, so x = 9.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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 / 5 = 6, so a = 30.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; m + 8 = 20, so m = 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 7&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; 4p = 32, so p = 8.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card"&gt;
      &lt;span class="badge"&gt;Topic 5&lt;/span&gt;
      &lt;h2 id="algebra"&gt;Algebraic Expressions&lt;/h2&gt;
      &lt;p&gt;Algebraic expressions are combinations of numbers, letters, and operations without an equal sign. They are used to represent patterns and relationships and to prepare students for advanced algebra.&lt;/p&gt;
      &lt;div class="mini-grid"&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Like terms&lt;/h3&gt;&lt;p&gt;Only terms with the same variables and powers can be combined.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Coefficient&lt;/h3&gt;&lt;p&gt;The number attached to a variable.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;h3&gt;Expression&lt;/h3&gt;&lt;p&gt;A mathematical phrase without an equal sign.&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; 3x + 2x = 5x.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 4a + 3b + 2a = 6a + 3b.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 2y + 7y - 5y = 4y.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 5m + 2m + m = 8m.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 2(x + 5) = 2x + 10.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&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; 3(t - 4) = 3t - 12.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
      &lt;div class="topic-box"&gt;&lt;h3&gt;Example 7&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; 7p - 2p + p = 6p.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Identify the key values in the question.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Apply the correct rule for the topic.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; State the final answer clearly and simplify if needed.&lt;/p&gt;&lt;/div&gt;
    &lt;/section&gt;

    &lt;section class="card resource-links" id="resources"&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 broader learning, external discovery, and search visibility for the blog post.&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+2+mathematics+second+term" target="_blank" rel="noopener noreferrer"&gt;Google Search: JSS 2 Second Term&lt;/a&gt;&lt;div class="small-note"&gt;Search related notes and 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 tools and support.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.khanacademy.org/math/arithmetic-home" target="_blank" rel="noopener noreferrer"&gt;Khan Academy Arithmetic&lt;/a&gt;&lt;div class="small-note"&gt;Helpful for number operations.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.khanacademy.org/math/algebra" target="_blank" rel="noopener noreferrer"&gt;Khan Academy Algebra&lt;/a&gt;&lt;div class="small-note"&gt;Useful for equations and expressions.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.mathsisfun.com/fractions.html" target="_blank" rel="noopener noreferrer"&gt;Math Is Fun Fractions&lt;/a&gt;&lt;div class="small-note"&gt;Simple explanation of fraction ideas.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.mathsisfun.com/rounding-numbers.html" target="_blank" rel="noopener noreferrer"&gt;Math Is Fun Rounding&lt;/a&gt;&lt;div class="small-note"&gt;Practice approximation and rounding.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.mathsisfun.com/algebra/index.html" target="_blank" rel="noopener noreferrer"&gt;Math Is Fun Algebra&lt;/a&gt;&lt;div class="small-note"&gt;Guided algebra understanding.&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 mathematics 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;Thinking tasks and richer learning.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.ck12.org/student/" target="_blank" rel="noopener noreferrer"&gt;CK-12 Student&lt;/a&gt;&lt;div class="small-note"&gt;Free digital learning materials.&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 class="external-card"&gt;&lt;a href="https://www.mathopenref.com/" target="_blank" rel="noopener noreferrer"&gt;Math Open Reference&lt;/a&gt;&lt;div class="small-note"&gt;Reference-based math learning.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.toppr.com/guides/maths/" target="_blank" rel="noopener noreferrer"&gt;Toppr Maths&lt;/a&gt;&lt;div class="small-note"&gt;Concept support and practice.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.education.com/resources/mathematics/" target="_blank" rel="noopener noreferrer"&gt;Education.com Math Resources&lt;/a&gt;&lt;div class="small-note"&gt;Worksheets and learning aids.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.ixl.com/math/" target="_blank" rel="noopener noreferrer"&gt;IXL Math&lt;/a&gt;&lt;div class="small-note"&gt;Skill practice and drills.&lt;/div&gt;&lt;/div&gt;
        &lt;div class="external-card"&gt;&lt;a href="https://www.splashlearn.com/math-skills" target="_blank" rel="noopener noreferrer"&gt;SplashLearn Math Skills&lt;/a&gt;&lt;div class="small-note"&gt;Friendly learning activities.&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;40 questions | 30 minutes | One question at a time.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="timer" id="timer"&gt;30: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%202%20Mathematics%20Second%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%20Mathematics%20second-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 40&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="#fractions"&gt;Fractions Operations&lt;/a&gt;
      &lt;a href="#approximation"&gt;Approximation and Estimation&lt;/a&gt;
      &lt;a href="#binary"&gt;Binary Number System&lt;/a&gt;
      &lt;a href="#equations"&gt;Open Sentences and Equations&lt;/a&gt;
      &lt;a href="#algebra"&gt;Algebraic Expressions&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;Fractions&lt;/strong&gt;&lt;p&gt;Multiply and divide fractions correctly.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Approximation&lt;/strong&gt;&lt;p&gt;Round and estimate with confidence.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Binary&lt;/strong&gt;&lt;p&gt;Understand base two system.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Equations&lt;/strong&gt;&lt;p&gt;Solve unknowns step by step.&lt;/p&gt;&lt;/div&gt;
        &lt;div class="mini-card"&gt;&lt;strong&gt;Algebra&lt;/strong&gt;&lt;p&gt;Simplify and expand expressions.&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 2 Mathematics Second Term | SEO Educational Resource Nigeria.
    &lt;/div&gt;
  &lt;/footer&gt;  &lt;script&gt;
    const questions = [
      { q: "What is the first step when multiplying fractions?", options: ["Add the denominators", "Multiply the numerators and denominators", "Change to decimals", "Find the LCM only"], answer: 1, explanation: "Multiply numerators together and denominators together." },
      { q: "What is 1/2 × 3/4?", options: ["3/8", "4/6", "5/8", "6/8"], answer: 0, explanation: "1×3 = 3 and 2×4 = 8." },
      { q: "What is 2/3 × 6/5?", options: ["4/5", "12/15", "2/5", "6/10"], answer: 0, explanation: "2/3 × 6/5 = 12/15 = 4/5." },
      { q: "What is 3/5 ÷ 2/7?", options: ["21/10", "10/21", "3/12", "7/10"], answer: 0, explanation: "Keep, change, flip." },
      { q: "Which is the correct reciprocal of 2/5?", options: ["2/5", "5/2", "1/2", "5/3"], answer: 1, explanation: "Flip the fraction to get 5/2." },
      { q: "What is 47 rounded to the nearest ten?", options: ["40", "45", "50", "60"], answer: 2, explanation: "47 is closer to 50." },
      { q: "What is 263 rounded to the nearest hundred?", options: ["200", "250", "300", "400"], answer: 2, explanation: "263 is closer to 300." },
      { q: "Estimate 198 + 302.", options: ["400", "450", "500", "600"], answer: 2, explanation: "200 + 300 = 500." },
      { q: "What digits are used in the binary system?", options: ["0 and 1", "1 and 2", "0 to 9", "2 and 3"], answer: 0, explanation: "Binary uses only 0 and 1." },
      { q: "What is the binary form of 5?", options: ["100", "101", "110", "111"], answer: 1, explanation: "5 = 4 + 1, so binary is 101." },
      { q: "What is the binary form of 6?", options: ["101", "110", "111", "1000"], answer: 1, explanation: "6 = 4 + 2." },
      { q: "What is the binary form of 8?", options: ["111", "1000", "1010", "1100"], answer: 1, explanation: "8 in binary is 1000." },
      { q: "Solve x + 5 = 12.", options: ["5", "6", "7", "8"], answer: 2, explanation: "Subtract 5 from both sides." },
      { q: "Solve 3n = 21.", options: ["5", "6", "7", "8"], answer: 2, explanation: "Divide both sides by 3." },
      { q: "Solve y - 4 = 9.", options: ["11", "12", "13", "14"], answer: 2, explanation: "Add 4 to both sides." },
      { q: "What is 2x = 18, x = ?", options: ["7", "8", "9", "10"], answer: 2, explanation: "Divide both sides by 2." },
      { q: "What is 3x + 2x?", options: ["5", "5x", "6x", "x5"], answer: 1, explanation: "Like terms combine to 5x." },
      { q: "Simplify 4a + 3b + 2a.", options: ["6a + 3b", "7a + 3b", "6b + 3a", "4a + 5b"], answer: 0, explanation: "4a + 2a = 6a." },
      { q: "What is 2y + 7y - 5y?", options: ["4y", "5y", "6y", "7y"], answer: 0, explanation: "2 + 7 - 5 = 4." },
      { q: "What is 5m + 2m + m?", options: ["6m", "7m", "8m", "9m"], answer: 2, explanation: "5 + 2 + 1 = 8." },
      { q: "What is 2(x + 5)?", options: ["2x + 5", "2x + 10", "x + 10", "2x - 5"], answer: 1, explanation: "Distribute 2 across both terms." },
      { q: "What is 3(t - 4)?", options: ["3t - 12", "3t + 12", "t - 12", "t + 12"], answer: 0, explanation: "Distribute 3 across the bracket." },
      { q: "What is 7p - 2p + p?", options: ["4p", "5p", "6p", "7p"], answer: 2, explanation: "7 - 2 + 1 = 6." },
      { q: "Which of these is a correct estimate?", options: ["98 × 4 ≈ 100 × 4 = 400", "98 × 4 ≈ 80 × 4 = 200", "98 × 4 ≈ 90 × 5 = 500", "98 × 4 ≈ 70 × 3 = 210"], answer: 0, explanation: "A simple and close estimate is best." },
      { q: "Which is a correct statement about standard form?", options: ["The first number is between 1 and 10", "The first number is greater than 10", "The first number must be a decimal less than 1", "Standard form is only for fractions"], answer: 0, explanation: "Standard form uses a number between 1 and 10." },
      { q: "What is 9,100 in standard form?", options: ["9.1 × 10^3", "91 × 10^2", "9.1 × 10^4", "0.91 × 10^4"], answer: 0, explanation: "9,100 = 9.1 × 10^3." },
      { q: "What is 7,485 rounded to the nearest thousand?", options: ["7,000", "7,500", "8,000", "6,000"], answer: 0, explanation: "7,485 is closer to 7,000 in ordinary rounding? Actually it is closer to 7,000 than 8,000 if rounding to nearest thousand?" },
      { q: "Which of the following is a like term with 3x?", options: ["3y", "5x", "2", "7xy"], answer: 1, explanation: "5x has the same variable x." },
      { q: "What is 4.5 × 10^3 in ordinary number?", options: ["450", "4,500", "45,000", "450,000"], answer: 1, explanation: "4.5 × 10^3 = 4,500." },
      { q: "What is 0.00052 in standard form?", options: ["5.2 × 10^-4", "52 × 10^-5", "5.2 × 10^4", "0.52 × 10^-3"], answer: 0, explanation: "0.00052 = 5.2 × 10^-4." },
      { q: "What is 12 in binary?", options: ["1100", "1010", "1110", "1001"], answer: 0, explanation: "12 = 8 + 4, so binary is 1100." },
      { q: "What is the value of 2 in 57,214?", options: ["2", "20", "200", "2,000"], answer: 2, explanation: "2 is in the hundreds place." },
      { q: "What is 1/4 × 2/3?", options: ["2/12", "3/8", "4/6", "5/6"], answer: 0, explanation: "1×2 = 2 and 4×3 = 12." },
      { q: "What is 8/9 ÷ 4/9?", options: ["2", "1", "4", "8/4"], answer: 0, explanation: "8/9 × 9/4 = 2." },
      { q: "What is 4.6 × 10^4 in ordinary form?", options: ["460", "4,600", "46,000", "460,000"], answer: 2, explanation: "4.6 × 10^4 = 46,000." },
      { q: "What is x if 4x = 32?", options: ["6", "7", "8", "9"], answer: 2, explanation: "Divide both sides by 4." },
      { q: "What is 3x + x + 2x?", options: ["4x", "5x", "6x", "7x"], answer: 2, explanation: "3 + 1 + 2 = 6." },
      { q: "What is 15 rounded to the nearest ten?", options: ["10", "15", "20", "25"], answer: 2, explanation: "15 rounds to 20 when using standard rounding rules." },
      { q: "What is the reciprocal of 7/16?", options: ["7/16", "16/7", "1/7", "1/16"], answer: 1, explanation: "Flip the fraction." },
      { q: "What is 3/5 × 10/9?", options: ["30/45", "6/9", "2/3", "All of these"], answer: 3, explanation: "All the listed equivalent forms are correct." }
    ];

    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 = 1800;
    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;= 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;
      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 2 Mathematics Second Term Quiz Score');
      const body = encodeURIComponent(`Hello Edwin Ogie Library,\n\nI have completed the JSS 2 Mathematics second-term 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 = 1800;
      started = false;
      currentIndex = 0;
      startBtn.disabled = false;
      prevBtn.disabled = true;
      nextBtn.disabled = true;
      submitBtn.disabled = true;
      timerEl.textContent = '30: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%202%20Mathematics%20Second%20Term%20Quiz%20Score&amp;body=Hello%20Edwin%20Ogie%20Library,%0A%0AI%20have%20completed%20the%20JSS%202%20Mathematics%20second-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/03/2-mathematics-second-term-comprehensive.html</link><thr:total>0</thr:total><author>noreply@blogger.com (Edwin Ogie )</author></item></channel></rss>