{"id":3216,"date":"2026-05-08T07:59:56","date_gmt":"2026-05-08T06:59:56","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/?page_id=3216"},"modified":"2026-09-06T15:13:52","modified_gmt":"2026-09-06T14:13:52","slug":"a-level-chemistry-online-course","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/","title":{"rendered":"A Level Chemistry Online Course"},"content":{"rendered":"\n\n\nOnline Learning System \u2014 Home<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n html, body { margin: 0; padding: 0; background: #ffffff; font-family: Poppins, Arial, sans-serif; }\n<\/style>\n\n\n\n\n<!-- ============================================================\n SHARED ANIMATIONS + UNIFIED HOMEPAGE THEME (Navy Pill)\n ============================================================ -->\n<style>\n \/* === reveal-on-scroll === *\/\n .ols-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.8s cubic-bezier(.2,.7,.2,1), transform 0.8s cubic-bezier(.2,.7,.2,1);\n will-change: opacity, transform;\n }\n .ols-reveal.is-in {\n opacity: 1;\n transform: translateY(0);\n }\n .ols-reveal[data-delay=\"1\"] { transition-delay: 0.08s; }\n .ols-reveal[data-delay=\"2\"] { transition-delay: 0.16s; }\n .ols-reveal[data-delay=\"3\"] { transition-delay: 0.24s; }\n .ols-reveal[data-delay=\"4\"] { transition-delay: 0.32s; }\n\n .ols-reveal-left { transform: translateX(-32px); }\n .ols-reveal-left.is-in { transform: translateX(0); }\n .ols-reveal-right { transform: translateX(32px); }\n .ols-reveal-right.is-in { transform: translateX(0); }\n\n \/* === floating hero image === *\/\n @keyframes ols-float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \/* === gentle pulse for accent rule === *\/\n @keyframes ols-line-grow {\n from { transform: scaleX(0); }\n to { transform: scaleX(1); }\n }\n \/* === badge fade-in === *\/\n @keyframes ols-fade-up {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ols-reveal, .ols-reveal-left, .ols-reveal-right {\n opacity: 1 !important; transform: none !important; transition: none !important;\n }\n }\n\n \/* === mobile: no delayed loading\/reveal animations === *\/\n @media (max-width: 767px) {\n .ols-reveal,\n .ols-reveal-left,\n .ols-reveal-right,\n .ols-reveal.is-in,\n .ols-reveal-left.is-in,\n .ols-reveal-right.is-in {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n animation: none !important;\n will-change: auto !important;\n }\n\n .ols-title-cursor,\n .cursor {\n animation: none !important;\n }\n }\n<\/style>\n\n\n\n<!-- ============================================================\n HERO\n ============================================================ -->\n<section class=\"ols-home-hero-001\">\n <style>\n .ols-home-hero-001 {\n width: 100%;\n background: #ffffff;\n padding: 64px 20px 72px;\n font-family: Poppins, Arial, sans-serif;\n box-sizing: border-box;\n overflow: hidden;\n position: relative;\n }\n .ols-home-hero-001 * { box-sizing: border-box; }\n\n \/* soft brand-tinted backdrop blob *\/\n .ols-home-hero-001::before {\n content: \"\";\n position: absolute;\n inset: auto -10% 10% auto;\n width: 520px; height: 520px;\n background: radial-gradient(closest-side, rgba(70,127,247,0.18), rgba(70,127,247,0));\n filter: blur(8px);\n pointer-events: none;\n z-index: 0;\n }\n\n .ols-home-hero-001 .ols-hero-wrap {\n position: relative;\n z-index: 1;\n max-width: 1180px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n gap: 56px;\n }\n\n .ols-home-hero-001 .ols-hero-copy { text-align: center; }\n\n \/* --- rating pill (live 5.0 from verified purchases) --- *\/\n .ols-home-hero-001 .ols-hero-rating {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #ffffff;\n border: 1.5px solid rgba(28,36,75,0.12);\n color: #1C244B;\n font-size: 13.5px;\n font-weight: 600;\n padding: 8px 16px 8px 12px;\n border-radius: 999px;\n margin-bottom: 18px;\n box-shadow: 0 8px 20px rgba(28,36,75,0.08);\n }\n .ols-home-hero-001 .ols-hero-rating .ols-hero-stars {\n display: inline-flex;\n gap: 2px;\n }\n .ols-home-hero-001 .ols-hero-rating svg {\n width: 15px; height: 15px;\n fill: #F5B940;\n }\n .ols-home-hero-001 .ols-hero-rating b {\n font-weight: 700;\n letter-spacing: -0.2px;\n }\n .ols-home-hero-001 .ols-hero-rating .ols-hero-rating-sub {\n font-weight: 400;\n color: rgba(28,36,75,0.62);\n }\n\n .ols-home-hero-001 .ols-hero-title {\n margin: 0 0 22px;\n color: #1C244B;\n font-size: clamp(46px, 5.2vw, 72px);\n line-height: 1.05;\n font-weight: 800;\n letter-spacing: -1.5px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.18);\n }\n .ols-home-hero-001 .ols-hero-title .accent { color: #467FF7; }\n\n .ols-home-hero-001 .ols-hero-subtext {\n margin: 0 0 26px;\n color: #1C244B;\n font-size: clamp(18px, 1.6vw, 21px);\n line-height: 1.7;\n font-weight: 300;\n }\n\n .ols-home-hero-001 .ols-hero-cta-row {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n }\n .ols-home-hero-001 .ols-hero-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n text-decoration: none;\n font-family: Poppins, Arial, sans-serif;\n font-size: 15px;\n font-weight: 600;\n padding: 14px 26px;\n border-radius: 999px;\n transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ols-home-hero-001 .ols-hero-btn--primary {\n background: #1C244B;\n color: #ffffff;\n box-shadow: 0 14px 28px rgba(28,36,75,0.28);\n }\n .ols-home-hero-001 .ols-hero-btn--primary:hover {\n background: #467FF7; transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(70,127,247,0.36);\n }\n .ols-home-hero-001 .ols-hero-btn--ghost {\n background: #ffffff;\n color: #1C244B;\n border: 1.5px solid rgba(28,36,75,0.18);\n }\n .ols-home-hero-001 .ols-hero-btn--ghost:hover {\n border-color: #1C244B;\n transform: translateY(-2px);\n }\n .ols-home-hero-001 .ols-hero-btn svg { width: 16px; height: 16px; }\n\n .ols-home-hero-001 .ols-hero-note {\n margin: 18px 0 0;\n font-size: 13.5px;\n font-weight: 400;\n color: rgba(28,36,75,0.60);\n }\n\n .ols-home-hero-001 .ols-hero-image-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .ols-home-hero-001 .ols-hero-frame {\n display: block;\n position: relative;\n width: 100%;\n max-width: 560px;\n border-radius: 24px;\n overflow: hidden;\n background: #1C244B;\n box-shadow: 0 28px 56px rgba(28,36,75,0.28),\n 0 4px 10px rgba(28,36,75,0.18);\n animation: ols-float 6s ease-in-out infinite;\n }\n .ols-home-hero-001 .ols-hero-frame::after {\n content: \"\";\n position: absolute; inset: 0;\n border-radius: 24px;\n box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);\n pointer-events: none;\n }\n .ols-home-hero-001 .ols-hero-image {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n .ols-home-hero-001 .ols-hero-frame:hover .ols-hero-image {\n transform: scale(1.04);\n }\n\n @media (max-width: 900px) {\n .ols-home-hero-001 { padding: 48px 18px 56px; }\n .ols-home-hero-001 .ols-hero-wrap {\n grid-template-columns: 1fr;\n gap: 34px;\n }\n .ols-home-hero-001 .ols-hero-copy { order: 1; }\n .ols-home-hero-001 .ols-hero-image-wrap { order: 2; }\n .ols-home-hero-001 .ols-hero-title { font-size: clamp(40px, 9vw, 56px); }\n .ols-home-hero-001 .ols-hero-subtext { font-size: 18px; }\n }\n @media (max-width: 520px) {\n .ols-home-hero-001 { padding: 38px 16px 48px; }\n .ols-home-hero-001 .ols-hero-title {\n font-size: 38px; letter-spacing: -0.8px;\n }\n .ols-home-hero-001 .ols-hero-subtext { font-size: 17px; }\n .ols-home-hero-001 .ols-hero-btn { font-size: 14px; padding: 12px 22px; }\n .ols-home-hero-001 .ols-hero-rating { font-size: 12.5px; }\n }\n <\/style>\n\n <div class=\"ols-hero-wrap\">\n <div class=\"ols-hero-copy ols-reveal ols-reveal-left\">\n\n <div class=\"ols-hero-rating\">\n <span class=\"ols-hero-stars\" role=\"img\" aria-label=\"Rated 5.0 out of 5\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <\/span>\n <b>5.0<\/b>\n <span class=\"ols-hero-rating-sub\">from verified purchases<\/span>\n <\/div>\n\n <h1 class=\"ols-hero-title\">\n A Level<br>\n <span class=\"accent\">Chemistry<\/span><br>\n Online Course\n <\/h1>\n\n <p class=\"ols-hero-subtext\">\n Buy the topic you need. Notes, a full video lesson,<br>\n marked questions and spec-point analytics \u2014 in one place.\n <\/p>\n\n <div class=\"ols-hero-cta-row\">\n <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/courses\/\" class=\"ols-hero-btn ols-hero-btn--primary\">\n View Courses\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"13 5 20 12 13 19\"><\/polyline>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\" class=\"ols-hero-btn ols-hero-btn--ghost\">\n Start with Free Revision Notes\n <\/a>\n <\/div>\n\n <p class=\"ols-hero-note\">Pay per topic. No subscription. Instant access after purchase.<\/p>\n <\/div>\n\n <div class=\"ols-hero-image-wrap ols-reveal ols-reveal-right\">\n <a class=\"ols-hero-frame\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/courses\/\" aria-label=\"View OLS chemistry courses\">\n <img decoding=\"async\" class=\"ols-hero-image\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-international-a-level-chemistry-topic-2-atomic-structure-periodic-table-course-banner.jpg\" alt=\"Edexcel International A Level Chemistry \u2014 Topic 2: Atomic Structure and the Periodic Table\" title=\"Edexcel International A Level Chemistry \u2014 Topic 2\">\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n YOUR JOURNEY TO AN A*\n ============================================================ -->\n<section class=\"ols-journey-001\">\n <style>\n .ols-journey-001 {\n width: 100%;\n background: #f5f7fb;\n padding: 76px 20px 84px;\n font-family: Poppins, Arial, sans-serif;\n position: relative;\n overflow: hidden;\n }\n .ols-journey-001 * { box-sizing: border-box; }\n\n .ols-journey-001::before {\n content: \"\";\n position: absolute;\n inset: -20% auto auto -12%;\n width: 560px; height: 560px;\n background: radial-gradient(closest-side, rgba(70,127,247,0.14), rgba(70,127,247,0));\n pointer-events: none;\n }\n\n .ols-journey-001 .ols-jn-wrap {\n position: relative;\n z-index: 1;\n max-width: 1180px;\n margin: 0 auto;\n }\n\n \/* ---------- heading ---------- *\/\n .ols-journey-001 .ols-jn-head {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 46px;\n }\n .ols-journey-001 .ols-jn-eyebrow {\n display: inline-block;\n background: #1C244B;\n color: #ffffff;\n font-size: 12.5px;\n font-weight: 600;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n padding: 8px 16px;\n border-radius: 999px;\n margin-bottom: 18px;\n box-shadow: 0 10px 22px rgba(28,36,75,0.18);\n }\n .ols-journey-001 .ols-jn-title {\n margin: 0 0 16px;\n color: #1C244B;\n font-size: clamp(32px, 4vw, 52px);\n line-height: 1.1;\n font-weight: 800;\n letter-spacing: -1.2px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.14);\n }\n .ols-journey-001 .ols-jn-title .accent { color: #467FF7; }\n .ols-journey-001 .ols-jn-sub {\n margin: 0;\n color: rgba(28,36,75,0.72);\n font-size: clamp(16px, 1.5vw, 19px);\n font-weight: 300;\n line-height: 1.7;\n }\n\n \/* ---------- the climbing path (desktop) ---------- *\/\n .ols-journey-001 .ols-jn-path {\n display: block;\n width: 100%;\n height: auto;\n max-width: 1180px;\n margin: 0 auto -14px;\n overflow: visible;\n }\n .ols-journey-001 .ols-jn-halo,\n .ols-journey-001 .ols-jn-core {\n fill: none;\n stroke-linecap: round;\n }\n .ols-journey-001 .ols-jn-halo {\n stroke: #467FF7;\n stroke-width: 12;\n opacity: 0.16;\n }\n .ols-journey-001 .ols-jn-core {\n stroke: #467FF7;\n stroke-width: 3;\n stroke-dasharray: 1;\n stroke-dashoffset: 1;\n }\n .ols-journey-001 .ols-jn-pathwrap.is-in .ols-jn-core {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1) 0.15s;\n }\n\n .ols-journey-001 .ols-jn-node-ring {\n fill: #ffffff;\n stroke: rgba(28,36,75,0.12);\n stroke-width: 2;\n }\n .ols-journey-001 .ols-jn-node-core { fill: #1C244B; }\n .ols-journey-001 .ols-jn-node-num {\n fill: #ffffff;\n font-family: Poppins, Arial, sans-serif;\n font-size: 20px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n }\n .ols-journey-001 .ols-jn-node { transition: transform 0.25s ease; transform-box: fill-box; transform-origin: center; }\n .ols-journey-001 .ols-jn-node:hover { transform: scale(1.08); }\n\n .ols-journey-001 .ols-jn-star-halo { fill: #F5B940; opacity: 0.24; }\n .ols-journey-001 .ols-jn-star-core { fill: #F5B940; }\n .ols-journey-001 .ols-jn-star-label {\n fill: #1C244B;\n font-family: Poppins, Arial, sans-serif;\n font-size: 17px;\n font-weight: 800;\n text-anchor: middle;\n dominant-baseline: central;\n }\n @keyframes ols-jn-bob {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-4px); }\n }\n .ols-journey-001 .ols-jn-star { animation: ols-jn-bob 3.2s ease-in-out infinite; }\n\n \/* ---------- step cards ---------- *\/\n .ols-journey-001 .ols-jn-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 8px;\n }\n .ols-journey-001 a.ols-jn-step {\n display: flex;\n flex-direction: column;\n background: #ffffff;\n border: 1px solid rgba(28,36,75,0.10);\n border-radius: 22px;\n padding: 26px 22px 22px;\n text-align: center;\n text-decoration: none;\n box-shadow: 0 14px 32px rgba(28,36,75,0.07);\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n }\n .ols-journey-001 a.ols-jn-step:hover {\n transform: translateY(-5px);\n border-color: rgba(70,127,247,0.35);\n box-shadow: 0 24px 48px rgba(28,36,75,0.13);\n }\n .ols-journey-001 a.ols-jn-step:focus-visible {\n outline: 3px solid rgba(70,127,247,0.55);\n outline-offset: 3px;\n }\n .ols-journey-001 .ols-jn-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 34px; height: 34px;\n border-radius: 50%;\n background: #1C244B;\n color: #ffffff;\n font-size: 15px;\n font-weight: 700;\n margin: 0 auto 14px;\n }\n .ols-journey-001 .ols-jn-step-free {\n display: inline-block;\n margin-left: 8px;\n background: rgba(70,127,247,0.12);\n color: #467FF7;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n padding: 4px 10px;\n border-radius: 999px;\n vertical-align: middle;\n }\n .ols-journey-001 .ols-jn-badgerow {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 14px;\n }\n .ols-journey-001 .ols-jn-badgerow .ols-jn-badge { margin: 0; }\n .ols-journey-001 .ols-jn-step h3 {\n margin: 0 0 10px;\n color: #1C244B;\n font-size: 18px;\n font-weight: 700;\n letter-spacing: -0.3px;\n line-height: 1.3;\n }\n .ols-journey-001 .ols-jn-step p {\n margin: 0 0 16px;\n color: #4b5563;\n font-size: 14.5px;\n font-weight: 300;\n line-height: 1.7;\n flex: 1;\n }\n .ols-journey-001 .ols-jn-step-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n color: #467FF7;\n font-size: 13.5px;\n font-weight: 600;\n }\n .ols-journey-001 .ols-jn-step-link svg {\n width: 14px; height: 14px;\n transition: transform 0.25s ease;\n }\n .ols-journey-001 a.ols-jn-step:hover .ols-jn-step-link svg { transform: translateX(3px); }\n\n \/* ---------- destination: KASP ---------- *\/\n .ols-journey-001 .ols-jn-dest {\n margin-top: 26px;\n background: #1C244B;\n border-radius: 26px;\n padding: 38px 40px;\n display: flex;\n align-items: center;\n gap: 34px;\n box-shadow: 0 26px 56px rgba(28,36,75,0.26);\n position: relative;\n overflow: hidden;\n }\n .ols-journey-001 .ols-jn-dest::before {\n content: \"\";\n position: absolute;\n inset: auto -60px -90px auto;\n width: 320px; height: 320px;\n background: radial-gradient(closest-side, rgba(245,185,64,0.22), rgba(245,185,64,0));\n pointer-events: none;\n }\n .ols-journey-001 .ols-jn-dest-star {\n flex: 0 0 auto;\n width: 76px; height: 76px;\n border-radius: 50%;\n background: #F5B940;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #1C244B;\n font-size: 25px;\n font-weight: 800;\n letter-spacing: -0.5px;\n box-shadow: 0 14px 30px rgba(245,185,64,0.35);\n }\n .ols-journey-001 .ols-jn-dest-text { flex: 1; min-width: 0; position: relative; z-index: 1; }\n .ols-journey-001 .ols-jn-dest-eyebrow {\n display: block;\n color: #F5B940;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n .ols-journey-001 .ols-jn-dest-text h3 {\n margin: 0 0 10px;\n color: #ffffff;\n font-size: clamp(22px, 2.4vw, 30px);\n font-weight: 700;\n letter-spacing: -0.5px;\n line-height: 1.2;\n }\n .ols-journey-001 .ols-jn-dest-text p {\n margin: 0;\n color: rgba(255,255,255,0.82);\n font-size: 16px;\n font-weight: 300;\n line-height: 1.75;\n }\n .ols-journey-001 .ols-jn-dest-btn {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #ffffff;\n color: #1C244B;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n padding: 14px 26px;\n border-radius: 999px;\n box-shadow: 0 14px 28px rgba(0,0,0,0.24);\n transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\n position: relative;\n z-index: 1;\n }\n .ols-journey-001 .ols-jn-dest-btn:hover {\n background: #467FF7;\n color: #ffffff;\n transform: translateY(-2px);\n }\n .ols-journey-001 .ols-jn-dest-btn svg { width: 16px; height: 16px; }\n\n \/* ---------- exam board chooser ---------- *\/\n .ols-journey-001 .ols-jn-boards {\n margin-top: 26px;\n text-align: center;\n }\n .ols-journey-001 .ols-jn-boards-note {\n margin: 0 0 16px;\n color: rgba(28,36,75,0.62);\n font-size: 14.5px;\n font-weight: 400;\n line-height: 1.6;\n }\n .ols-journey-001 .ols-jn-boards-row {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n }\n .ols-journey-001 .ols-jn-board {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n background: #ffffff;\n border: 1.5px solid rgba(28,36,75,0.16);\n border-radius: 999px;\n padding: 13px 24px;\n color: #1C244B;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ols-journey-001 .ols-jn-board:hover {\n border-color: #467FF7;\n transform: translateY(-2px);\n box-shadow: 0 14px 28px rgba(70,127,247,0.18);\n }\n .ols-journey-001 .ols-jn-board svg { width: 15px; height: 15px; color: #467FF7; }\n\n \/* ---------- mobile \/ tablet ---------- *\/\n @media (max-width: 1024px) {\n .ols-journey-001 .ols-jn-steps { grid-template-columns: repeat(2, 1fr); }\n .ols-journey-001 .ols-jn-path { display: none; }\n }\n @media (max-width: 900px) {\n .ols-journey-001 .ols-jn-dest {\n flex-direction: column;\n text-align: center;\n gap: 22px;\n padding: 32px 24px;\n }\n }\n @media (max-width: 620px) {\n .ols-journey-001 { padding: 56px 16px 62px; }\n .ols-journey-001 .ols-jn-head { margin-bottom: 34px; }\n\n \/* vertical connector line down the left of the stacked steps *\/\n .ols-journey-001 .ols-jn-steps {\n grid-template-columns: 1fr;\n gap: 0;\n position: relative;\n padding-left: 46px;\n }\n .ols-journey-001 .ols-jn-steps::before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 18px;\n bottom: 18px;\n width: 3px;\n border-radius: 3px;\n background: linear-gradient(180deg, rgba(70,127,247,0.15), rgba(70,127,247,0.55));\n }\n .ols-journey-001 a.ols-jn-step {\n text-align: left;\n border-radius: 18px;\n padding: 20px 18px;\n margin-bottom: 14px;\n position: relative;\n }\n \/* pull the badge out of the card so it sits centred on the connector *\/\n .ols-journey-001 .ols-jn-badgerow {\n position: absolute;\n left: -46px;\n top: 20px;\n margin: 0;\n }\n .ols-journey-001 .ols-jn-badge { box-shadow: 0 0 0 5px #f5f7fb; }\n .ols-journey-001 .ols-jn-step-free {\n position: absolute;\n left: 0;\n top: 44px;\n margin: 0;\n }\n .ols-journey-001 .ols-jn-step h3 { margin-top: 0; }\n .ols-journey-001 .ols-jn-step-link { justify-content: flex-start; }\n .ols-journey-001 .ols-jn-dest { border-radius: 20px; }\n .ols-journey-001 .ols-jn-dest-btn { width: 100%; justify-content: center; }\n .ols-journey-001 .ols-jn-boards-row { display: flex; width: 100%; }\n .ols-journey-001 .ols-jn-board { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"ols-jn-wrap\">\n\n <div class=\"ols-jn-head ols-reveal\">\n <span class=\"ols-jn-eyebrow\">How it works<\/span>\n <h2 class=\"ols-jn-title\">Your journey to an <span class=\"accent\">A*<\/span><\/h2>\n <p class=\"ols-jn-sub\">Four steps, one topic, one payment. Start free, finish knowing exactly which specification points you have mastered. Click any step to see how it works on a real course.<\/p>\n <\/div>\n\n <div class=\"ols-jn-pathwrap ols-reveal\">\n <!-- The path climbs the whole way: each node sits higher than the last,\n finishing at the A* in the top right. The viewBox width matches\n .ols-jn-wrap (1180px) and the node x-positions match the centres of\n the four cards below \u2014 with a 4-column grid and 20px gaps that is\n 140 \/ 440 \/ 740 \/ 1040. Both scale off the same wrapper, and the\n path only renders above 1024px, where the drift is under a pixel. -->\n <svg class=\"ols-jn-path\" viewBox=\"0 0 1180 270\" role=\"img\" aria-label=\"A path climbing through the four steps up to an A star\">\n <path class=\"ols-jn-halo\" d=\"M140,215 C250,215 330,168 440,168 C550,168 630,121 740,121 C850,121 930,74 1040,74 C1086,74 1122,62 1146,46\"\/>\n <path class=\"ols-jn-core\" pathLength=\"1\" d=\"M140,215 C250,215 330,168 440,168 C550,168 630,121 740,121 C850,121 930,74 1040,74 C1086,74 1122,62 1146,46\"\/>\n\n <g class=\"ols-jn-node\">\n <circle class=\"ols-jn-node-ring\" cx=\"140\" cy=\"215\" r=\"32\"\/>\n <circle class=\"ols-jn-node-core\" cx=\"140\" cy=\"215\" r=\"25\"\/>\n <text class=\"ols-jn-node-num\" x=\"140\" y=\"215\">1<\/text>\n <\/g>\n <g class=\"ols-jn-node\">\n <circle class=\"ols-jn-node-ring\" cx=\"440\" cy=\"168\" r=\"32\"\/>\n <circle class=\"ols-jn-node-core\" cx=\"440\" cy=\"168\" r=\"25\"\/>\n <text class=\"ols-jn-node-num\" x=\"440\" y=\"168\">2<\/text>\n <\/g>\n <g class=\"ols-jn-node\">\n <circle class=\"ols-jn-node-ring\" cx=\"740\" cy=\"121\" r=\"32\"\/>\n <circle class=\"ols-jn-node-core\" cx=\"740\" cy=\"121\" r=\"25\"\/>\n <text class=\"ols-jn-node-num\" x=\"740\" y=\"121\">3<\/text>\n <\/g>\n <g class=\"ols-jn-node\">\n <circle class=\"ols-jn-node-ring\" cx=\"1040\" cy=\"74\" r=\"32\"\/>\n <circle class=\"ols-jn-node-core\" cx=\"1040\" cy=\"74\" r=\"25\"\/>\n <text class=\"ols-jn-node-num\" x=\"1040\" y=\"74\">4<\/text>\n <\/g>\n\n <g class=\"ols-jn-star\">\n <circle class=\"ols-jn-star-halo\" cx=\"1150\" cy=\"40\" r=\"34\"\/>\n <circle class=\"ols-jn-star-core\" cx=\"1150\" cy=\"40\" r=\"24\"\/>\n <text class=\"ols-jn-star-label\" x=\"1150\" y=\"40\">A*<\/text>\n <\/g>\n <\/svg>\n <\/div>\n\n <div class=\"ols-jn-steps\">\n\n <a class=\"ols-jn-step ols-reveal\" data-delay=\"1\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel-international\/topic-5-alkenes\/alkene-bonding\/\">\n <span class=\"ols-jn-badgerow\"><span class=\"ols-jn-badge\">1<\/span><span class=\"ols-jn-step-free\">Free<\/span><\/span>\n <h3>Revision Notes<\/h3>\n <p>Read the topic first. Interactive study notes with questions built into the page, so you check whether it has landed while you are still reading — free, and there before you buy anything.<\/p>\n <span class=\"ols-jn-step-link\">\n Read a real note\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"ols-jn-step ols-reveal\" data-delay=\"2\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_virtual_lesson\">\n <span class=\"ols-jn-badgerow\"><span class=\"ols-jn-badge\">2<\/span><\/span>\n <h3>Virtual Lesson<\/h3>\n <p>A recorded lesson that teaches the chemistry and the exam technique together. You pause at the practice questions, attempt them yourself, then watch them worked through against the mark scheme.<\/p>\n <span class=\"ols-jn-step-link\">\n See a lesson sample\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"ols-jn-step ols-reveal\" data-delay=\"3\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_mcq_bank\">\n <span class=\"ols-jn-badgerow\"><span class=\"ols-jn-badge\">3<\/span><\/span>\n <h3>MCQ Bank<\/h3>\n <p>Multiple-choice practice built from real past paper questions and auto-marked the moment you submit. Every option carries its own feedback, so a wrong answer tells you which misconception caused it.<\/p>\n <span class=\"ols-jn-step-link\">\n See a worked example\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"ols-jn-step ols-reveal\" data-delay=\"4\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_saq_bank\">\n <span class=\"ols-jn-badgerow\"><span class=\"ols-jn-badge\">4<\/span><\/span>\n <h3>SAQ Bank<\/h3>\n <p>Written-answer practice marked by hand, not by a machine. You get feedback against each individual mark, aimed squarely at the exam wording the examiner is looking for.<\/p>\n <span class=\"ols-jn-step-link\">\n See a marked answer\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/span>\n <\/a>\n\n <\/div>\n\n <div class=\"ols-jn-dest ols-reveal\">\n <div class=\"ols-jn-dest-star\">A*<\/div>\n <div class=\"ols-jn-dest-text\">\n <span class=\"ols-jn-dest-eyebrow\">Where it all adds up<\/span>\n <h3>KASP Analytics<\/h3>\n <p>Every question you attempt is tagged to a specification point, not just to a quiz. KASP turns those attempts into a live topic dashboard showing exactly what you have mastered, what is still pending, and where the marks are being lost — with a printable report you can revise from.<\/p>\n <\/div>\n <a class=\"ols-jn-dest-btn\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_kasp_analytics\">\n See a real dashboard\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <polyline points=\"13 5 20 12 13 19\"><\/polyline>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"ols-jn-boards ols-reveal\">\n <p class=\"ols-jn-boards-note\">Alkenes Topic 5 is the worked example above. Every topic course is built the same way — pick your exam board to find yours.<\/p>\n <div class=\"ols-jn-boards-row\">\n <a class=\"ols-jn-board\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product-category\/edexcel-international-a-level-chemistry\/\">\n Edexcel International A Level\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <a class=\"ols-jn-board\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product-category\/edexcel-a-level-chemistry\/\">\n Edexcel A Level\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <a class=\"ols-jn-board\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/courses\/\">\n All courses\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ============================================================\n EVERYTHING IN ONE PLACE (wraps the live course preview)\n ============================================================ -->\n<section class=\"ols-everything-001\">\n <style>\n .ols-everything-001 {\n width: 100%;\n background: #ffffff;\n padding: 76px 20px 20px;\n font-family: Poppins, Arial, sans-serif;\n position: relative;\n }\n .ols-everything-001 * { box-sizing: border-box; }\n\n .ols-everything-001 .ols-ev-wrap {\n max-width: 1180px;\n margin: 0 auto;\n }\n\n \/* ---------- heading ---------- *\/\n .ols-everything-001 .ols-ev-head {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 38px;\n }\n .ols-everything-001 .ols-ev-eyebrow {\n display: inline-block;\n background: rgba(70,127,247,0.12);\n color: #467FF7;\n font-size: 12.5px;\n font-weight: 700;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n padding: 8px 16px;\n border-radius: 999px;\n margin-bottom: 18px;\n }\n .ols-everything-001 .ols-ev-title {\n margin: 0 0 16px;\n color: #1C244B;\n font-size: clamp(30px, 3.8vw, 48px);\n line-height: 1.12;\n font-weight: 800;\n letter-spacing: -1.1px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.14);\n }\n .ols-everything-001 .ols-ev-title .accent { color: #467FF7; }\n .ols-everything-001 .ols-ev-sub {\n margin: 0;\n color: rgba(28,36,75,0.72);\n font-size: clamp(16px, 1.5vw, 19px);\n font-weight: 300;\n line-height: 1.7;\n }\n\n \/* ---------- tab strip ---------- *\/\n .ols-everything-001 .ols-ev-tabs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 30px;\n }\n .ols-everything-001 .ols-ev-tab {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #ffffff;\n border: 1.5px solid rgba(28,36,75,0.14);\n border-radius: 999px;\n padding: 11px 20px 11px 12px;\n font-family: Poppins, Arial, sans-serif;\n font-size: 14.5px;\n font-weight: 600;\n color: #1C244B;\n cursor: pointer;\n transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n }\n .ols-everything-001 .ols-ev-tab:hover {\n border-color: rgba(70,127,247,0.55);\n transform: translateY(-1px);\n }\n .ols-everything-001 .ols-ev-tab .ols-ev-tab-num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 26px; height: 26px;\n border-radius: 50%;\n background: rgba(28,36,75,0.08);\n color: #1C244B;\n font-size: 13px;\n font-weight: 700;\n transition: background 0.2s ease, color 0.2s ease;\n }\n .ols-everything-001 .ols-ev-tab[aria-selected=\"true\"] {\n background: #1C244B;\n border-color: #1C244B;\n color: #ffffff;\n box-shadow: 0 14px 28px rgba(28,36,75,0.24);\n }\n .ols-everything-001 .ols-ev-tab[aria-selected=\"true\"] .ols-ev-tab-num {\n background: #467FF7;\n color: #ffffff;\n }\n .ols-everything-001 .ols-ev-tab:focus-visible {\n outline: 3px solid rgba(70,127,247,0.5);\n outline-offset: 2px;\n }\n\n \/* ---------- panels ---------- *\/\n .ols-everything-001 .ols-ev-panels {\n max-width: 940px;\n margin: 0 auto 34px;\n }\n .ols-everything-001 .ols-ev-panel { display: none; }\n .ols-everything-001 .ols-ev-panel.is-active {\n display: block;\n animation: ols-ev-fade 0.4s ease both;\n }\n @keyframes ols-ev-fade {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .ols-everything-001 .ols-ev-panel-inner {\n background: #f5f7fb;\n border: 1px solid rgba(28,36,75,0.08);\n border-radius: 24px;\n padding: 32px 34px;\n text-align: center;\n }\n .ols-everything-001 .ols-ev-panel h3 {\n margin: 0 0 8px;\n color: #1C244B;\n font-size: clamp(21px, 2.2vw, 27px);\n font-weight: 700;\n letter-spacing: -0.4px;\n }\n .ols-everything-001 .ols-ev-panel .ols-ev-panel-lede {\n margin: 0 auto 22px;\n max-width: 660px;\n color: #4b5563;\n font-size: 16px;\n font-weight: 300;\n line-height: 1.75;\n }\n\n \/* the real lesson video, sat inside the Virtual Lesson panel *\/\n .ols-everything-001 .ols-ev-video {\n position: relative;\n width: 100%;\n max-width: 720px;\n margin: 0 auto 22px;\n aspect-ratio: 16 \/ 9;\n background: #000000;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 20px 44px rgba(28,36,75,0.22);\n }\n .ols-everything-001 .ols-ev-video iframe {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n border: 0;\n display: block;\n }\n .ols-everything-001 .ols-ev-video-cap {\n display: block;\n margin: -12px auto 22px;\n color: rgba(28,36,75,0.55);\n font-size: 13px;\n font-weight: 400;\n }\n\n .ols-everything-001 .ols-ev-facts {\n list-style: none;\n margin: 0 0 24px;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n text-align: left;\n }\n .ols-everything-001 .ols-ev-facts li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n background: #ffffff;\n border: 1px solid rgba(28,36,75,0.08);\n border-radius: 14px;\n padding: 14px 16px;\n color: #1C244B;\n font-size: 14px;\n font-weight: 500;\n line-height: 1.55;\n }\n .ols-everything-001 .ols-ev-facts svg {\n flex: 0 0 auto;\n width: 17px; height: 17px;\n margin-top: 2px;\n color: #467FF7;\n }\n .ols-everything-001 .ols-ev-panel-cta {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #1C244B;\n color: #ffffff;\n font-size: 14.5px;\n font-weight: 600;\n text-decoration: none;\n padding: 13px 26px;\n border-radius: 999px;\n box-shadow: 0 14px 28px rgba(28,36,75,0.22);\n transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ols-everything-001 .ols-ev-panel-cta:hover {\n background: #467FF7;\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(70,127,247,0.34);\n }\n .ols-everything-001 .ols-ev-panel-cta svg { width: 15px; height: 15px; }\n .ols-everything-001 .ols-ev-panel-note {\n display: block;\n margin: 14px 0 0;\n color: rgba(28,36,75,0.5);\n font-size: 12.5px;\n font-weight: 400;\n }\n\n \/* ---------- stage caption + mobile stills ---------- *\/\n .ols-everything-001 .ols-ev-stage-note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 9px;\n margin: 0 0 14px;\n color: rgba(28,36,75,0.55);\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.2px;\n }\n .ols-everything-001 .ols-ev-live-dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: #467FF7;\n box-shadow: 0 0 0 0 rgba(70,127,247,0.55);\n animation: ols-ev-pulse 2.2s ease-out infinite;\n }\n @keyframes ols-ev-pulse {\n 70% { box-shadow: 0 0 0 9px rgba(70,127,247,0); }\n 100% { box-shadow: 0 0 0 0 rgba(70,127,247,0); }\n }\n\n \/* the animated stage is desktop-only (it hides itself under 768px),\n so mobile gets a matching still for the selected step instead *\/\n .ols-everything-001 .ols-ev-still { display: none; }\n @media (max-width: 767px) {\n .ols-everything-001 .ols-ev-stage-note { display: none; }\n \/* :not([hidden]) matters \u2014 an author `display:block` would otherwise\n beat the user-agent [hidden] rule and show all four stills at once *\/\n .ols-everything-001 .ols-ev-still:not([hidden]) {\n display: block;\n margin: 0 auto;\n max-width: 100%;\n border-radius: 16px;\n border: 1px solid rgba(28,36,75,0.10);\n box-shadow: 0 16px 36px rgba(28,36,75,0.14);\n }\n }\n\n @media (max-width: 900px) {\n .ols-everything-001 .ols-ev-facts { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 620px) {\n .ols-everything-001 { padding: 56px 16px 12px; }\n .ols-everything-001 .ols-ev-facts { grid-template-columns: 1fr; }\n .ols-everything-001 .ols-ev-panel-inner { padding: 24px 18px; border-radius: 20px; }\n .ols-everything-001 .ols-ev-tab { font-size: 13.5px; padding: 9px 16px 9px 10px; }\n .ols-everything-001 .ols-ev-tabs { gap: 8px; }\n .ols-everything-001 .ols-ev-panel-cta { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"ols-ev-wrap\">\n\n <div class=\"ols-ev-head ols-reveal\">\n <span class=\"ols-ev-eyebrow\">Everything in one place<\/span>\n <h2 class=\"ols-ev-title\">One topic. Every resource. <span class=\"accent\">One payment.<\/span><\/h2>\n <p class=\"ols-ev-sub\">Four steps, one course, £34.99. Not a monthly membership — you buy the topic you actually need and keep it. The examples below come from one real course, Alkenes Topic 5; every topic course is built the same way.<\/p>\n <\/div>\n\n <div class=\"ols-ev-tabs ols-reveal\" role=\"tablist\" aria-label=\"What is included in an OLS course\">\n <button type=\"button\" class=\"ols-ev-tab\" role=\"tab\" id=\"ols-ev-tab-1\" aria-controls=\"ols-ev-panel-1\" aria-selected=\"true\">\n <span class=\"ols-ev-tab-num\">1<\/span> Revision Notes\n <\/button>\n <button type=\"button\" class=\"ols-ev-tab\" role=\"tab\" id=\"ols-ev-tab-2\" aria-controls=\"ols-ev-panel-2\" aria-selected=\"false\">\n <span class=\"ols-ev-tab-num\">2<\/span> Virtual Lesson\n <\/button>\n <button type=\"button\" class=\"ols-ev-tab\" role=\"tab\" id=\"ols-ev-tab-3\" aria-controls=\"ols-ev-panel-3\" aria-selected=\"false\">\n <span class=\"ols-ev-tab-num\">3<\/span> MCQ Bank\n <\/button>\n <button type=\"button\" class=\"ols-ev-tab\" role=\"tab\" id=\"ols-ev-tab-4\" aria-controls=\"ols-ev-panel-4\" aria-selected=\"false\">\n <span class=\"ols-ev-tab-num\">4<\/span> SAQ Bank\n <\/button>\n <\/div>\n\n <div class=\"ols-ev-panels\">\n\n <div class=\"ols-ev-panel is-active\" role=\"tabpanel\" id=\"ols-ev-panel-1\" aria-labelledby=\"ols-ev-tab-1\">\n <div class=\"ols-ev-panel-inner\">\n <h3>Revision Notes — free to start<\/h3>\n <p class=\"ols-ev-panel-lede\">A digital revision book written against the specification, with questions embedded in the reading, so you find out whether it has landed while you are still on the page.<\/p>\n <ul class=\"ols-ev-facts\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Free to read, no purchase needed to begin<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Interactive questions built into the notes<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Organised by exam board, topic and spec point<\/li>\n <\/ul>\n <a class=\"ols-ev-panel-cta\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel-international\/topic-5-alkenes\/alkene-bonding\/\">\n Read a real note — Alkene Bonding\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <span class=\"ols-ev-panel-note\">Sigma and pi bonding in alkenes — Edexcel IAL, Topic 5<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ols-ev-panel\" role=\"tabpanel\" id=\"ols-ev-panel-2\" aria-labelledby=\"ols-ev-tab-2\">\n <div class=\"ols-ev-panel-inner\">\n <h3>Virtual Lesson — taught by me<\/h3>\n <p class=\"ols-ev-panel-lede\">A recorded lesson that teaches the key chemistry and the exam technique needed to apply it accurately. You pause during the exam-practice sections, attempt the question independently, then review the worked explanation and the mark-scheme approach.<\/p>\n\n <div class=\"ols-ev-video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/pHZkFEhhxQo\" title=\"Alkenes Topic 5 virtual lesson sample \u2014 Edexcel International A Level Chemistry\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <span class=\"ols-ev-video-cap\">Sample from the Alkenes Topic 5 lesson — Edexcel International A Level Chemistry<\/span>\n\n <ul class=\"ols-ev-facts\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Covers every spec point in the topic<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Worked exam questions and mark-scheme strategy<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> The exact wording the examiner rewards<\/li>\n <\/ul>\n <a class=\"ols-ev-panel-cta\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_virtual_lesson\">\n See the lesson sample\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <span class=\"ols-ev-panel-note\">Lesson length varies by topic — each course page states its own guided learning hours<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ols-ev-panel\" role=\"tabpanel\" id=\"ols-ev-panel-3\" aria-labelledby=\"ols-ev-tab-3\">\n <div class=\"ols-ev-panel-inner\">\n <h3>MCQ Bank — instant, diagnostic marking<\/h3>\n <p class=\"ols-ev-panel-lede\">An auto-marked, instant-feedback practice engine built from past Edexcel paper questions. Every question is tagged to a specific spec point, every option carries diagnostic feedback explaining the chemistry, and every attempt feeds straight into your KASP dashboard.<\/p>\n <ul class=\"ols-ev-facts\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Built from genuine past paper questions<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Feedback on every option, not just the answer<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> New questions added to the bank every quarter<\/li>\n <\/ul>\n <a class=\"ols-ev-panel-cta\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_mcq_bank\">\n See the sample MCQ on the course page\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <span class=\"ols-ev-panel-note\">A worked sample on the course page: electrophilic addition of HBr to propene, with the feedback behind every option<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ols-ev-panel\" role=\"tabpanel\" id=\"ols-ev-panel-4\" aria-labelledby=\"ols-ev-tab-4\">\n <div class=\"ols-ev-panel-inner\">\n <h3>SAQ Bank — marked by hand, every mark<\/h3>\n <p class=\"ols-ev-panel-lede\">A written-answer practice engine marked by a real chemistry specialist. You attempt one quiz a week, submit your full written response, and get mark-by-mark feedback back the following Monday — every comment targeted at the exam wording you need to use.<\/p>\n <ul class=\"ols-ev-facts\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Marked by a chemistry specialist, not a machine<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> Feedback against each individual mark<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg> One quiz a week, returned the following Monday<\/li>\n <\/ul>\n <a class=\"ols-ev-panel-cta\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/#tab-ols_saq_bank\">\n See the sample marked answer\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <span class=\"ols-ev-panel-note\">A worked sample on the course page: a real student answer on E–Z isomerism, marked line by line<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <p class=\"ols-ev-stage-note\"><span class=\"ols-ev-live-dot\"><\/span> Live preview — lesson, MCQ and SAQ, exactly as students see them<\/p>\n\n <img decoding=\"async\" class=\"ols-ev-still\" data-step=\"1\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-h5p-study-notes-interactive.webp\" alt=\"Interactive A Level Chemistry study notes with questions embedded in the page\" loading=\"lazy\">\n <img decoding=\"async\" class=\"ols-ev-still\" data-step=\"2\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-international-a-level-chemistry-topic-2-atomic-structure-periodic-table-course-banner.jpg\" alt=\"A Level Chemistry virtual lesson video\" loading=\"lazy\" hidden>\n <img decoding=\"async\" class=\"ols-ev-still\" data-step=\"3\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-multiple-choice-questions.webp\" alt=\"A Level Chemistry multiple choice question bank with diagnostic feedback\" loading=\"lazy\" hidden>\n <img decoding=\"async\" class=\"ols-ev-still\" data-step=\"4\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-short-answer-questions.webp\" alt=\"A Level Chemistry teacher-marked short answer questions\" loading=\"lazy\" hidden>\n\n <\/div>\n\n <!-- the existing animated course preview, folded in as this section's stage -->\n\n<section class=\"ols-cta-animation-embed\">\n <style>\n\n.ols-cta-animation-embed{\n width:100%;\n background:#ffffff;\n padding:34px 20px 86px;\n font-family:Poppins,Arial,sans-serif;\n overflow:visible;\n}\n\n\/* Hide the animated course preview on mobile only. Desktop and tablet keep it. *\/\n@media (max-width:767px){\n .ols-cta-animation-embed{\n display:none !important;\n }\n}\n\n.ols-cta-animation-embed,\n.ols-cta-animation-embed *{\n box-sizing:border-box;\n}\n\n.ols-cta-animation-embed{\n --ols-video-screen-w:1180;\n --ols-video-screen-h:664;\n --ols-video-screen-scale:1;\n\n --ols-mcq-screen-w:1360;\n --ols-mcq-screen-h:1130;\n --ols-mcq-screen-scale:1;\n\n --ols-saq-screen-w:1360;\n --ols-saq-screen-h:965;\n --ols-saq-screen-scale:1;\n}\n\n\/* ============================================================\n GLOBAL SCENE SYSTEM\n============================================================ *\/\n\n.ols-combined-stage{\n position:relative;\n width:100%;\n max-width:1220px;\n height:clamp(680px,76vh,900px);\n margin:0 auto;\n overflow:hidden;\n border-radius:30px;\n box-shadow:\n 0 34px 90px rgba(28,36,75,0.18),\n 0 14px 34px rgba(28,36,75,0.10),\n inset 0 0 0 1px rgba(28,36,75,0.06);\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n}\n\n.ols-scene{\n position:absolute;\n inset:0;\n\n width:100%;\n height:100%;\n\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n}\n\n.ols-scene.active{\n opacity:1;\n visibility:visible;\n pointer-events:auto;\n}\n\n.ols-scene.fade-out{\n animation:olsSceneFadeOut 0.85s ease forwards;\n}\n\n@keyframes olsSceneFadeOut{\n to{\n opacity:0;\n visibility:hidden;\n }\n}\n\n.ols-title-cursor{\n display:inline-block;\n\n width:5px;\n height:0.85em;\n\n background:#1C244B;\n\n margin-left:8px;\n\n transform:translateY(8px);\n\n animation:olsBlink 0.8s infinite;\n}\n\n.ols-cta-animation-embed .cursor{\n display:inline-block;\n\n width:3px;\n height:28px;\n\n background:#1c244b;\n\n margin-left:3px;\n\n transform:translateY(5px);\n\n animation:olsBlink 0.8s infinite;\n}\n\n@keyframes olsBlink{\n 0%,45%{\n opacity:1;\n }\n 46%,100%{\n opacity:0;\n }\n}\n\n.ols-combined-stage.ols-animation-paused *,\n.ols-combined-stage.ols-animation-paused *::before,\n.ols-combined-stage.ols-animation-paused *::after{\n animation-play-state:paused !important;\n}\n\n\/* ============================================================\n 1. VIRTUAL LESSON PROMO\n============================================================ *\/\n\n.ols-video-stage{\n width:100%;\n height:100%;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n padding:0;\n overflow:hidden;\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n}\n\n.ols-video-title-screen{\n position:absolute;\n inset:0;\n z-index:20;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n\n opacity:1;\n visibility:visible;\n pointer-events:none;\n}\n\n.ols-video-title-screen.hide{\n animation:olsVideoTitleFadeOut 0.85s ease forwards;\n}\n\n@keyframes olsVideoTitleFadeOut{\n to{\n opacity:0;\n visibility:hidden;\n }\n}\n\n.ols-video-title-wrap{\n max-width:1250px;\n padding:0 34px;\n text-align:center;\n}\n\n.ols-video-title{\n margin:0;\n\n font-family:Poppins,Arial,sans-serif;\n\n font-size:clamp(52px,8vw,124px);\n font-weight:600;\n line-height:1.08;\n\n color:#1C244B;\n\n text-shadow:-9px 0 9px rgba(28,36,75,0.16);\n\n letter-spacing:-0.045em;\n}\n\n#videoTitleText{\n white-space:pre-wrap;\n}\n\n.ols-video-scene{\n width:100%;\n height:100%;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n opacity:0;\n visibility:hidden;\n}\n\n.ols-video-scene.show{\n visibility:visible;\n animation:olsVideoSceneIn 1s ease forwards;\n}\n\n@keyframes olsVideoSceneIn{\n to{\n opacity:1;\n }\n}\n\n.ols-video-scale-wrap{\n width:calc(var(--ols-video-screen-w) * 1px);\n height:calc(var(--ols-video-screen-h) * 1px);\n\n transform:scale(var(--ols-video-screen-scale));\n transform-origin:center center;\n\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.ols-video-card{\n width:1180px;\n height:664px;\n\n border-radius:28px;\n overflow:hidden;\n\n background:#1C244B;\n\n box-shadow:\n 0 28px 80px rgba(28,36,75,0.28);\n\n transform:translateY(24px) scale(0.96);\n opacity:0;\n}\n\n.ols-video-scene.show .ols-video-card{\n animation:olsVideoCardIn 1s cubic-bezier(.18,.89,.32,1.12) forwards;\n animation-delay:0.2s;\n}\n\n@keyframes olsVideoCardIn{\n to{\n transform:translateY(0) scale(1);\n opacity:1;\n }\n}\n\n.ols-video-card video{\n display:block;\n width:100%;\n height:100%;\n\n aspect-ratio:16 \/ 9;\n object-fit:cover;\n\n border:0;\n}\n\n\/* ============================================================\n 2. MULTIPLE CHOICE FEEDBACK\n============================================================ *\/\n\n.ols-mcq-stage{\n width:100%;\n height:100%;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n padding:0;\n overflow:hidden;\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.16),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n}\n\n.ols-mcq-intro-screen{\n position:absolute;\n inset:0;\n z-index:50;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n\n opacity:1;\n visibility:visible;\n pointer-events:none;\n}\n\n.ols-mcq-intro-screen.hide{\n animation:olsMcqIntroFadeOut 0.85s ease forwards;\n}\n\n@keyframes olsMcqIntroFadeOut{\n to{\n opacity:0;\n visibility:hidden;\n }\n}\n\n.ols-mcq-intro-title-wrap{\n max-width:1250px;\n padding:0 34px;\n text-align:center;\n}\n\n.ols-mcq-intro-title{\n margin:0;\n\n font-family:Poppins,Arial,sans-serif;\n\n font-size:clamp(52px,8vw,124px);\n font-weight:600;\n line-height:1.08;\n\n color:#1C244B;\n\n text-shadow:-9px 0 9px rgba(28,36,75,0.16);\n\n letter-spacing:-0.045em;\n}\n\n#mcqIntroTitleText{\n white-space:pre-wrap;\n}\n\n.ols-mcq-scale-wrap{\n width:calc(var(--ols-mcq-screen-w) * 1px);\n height:calc(var(--ols-mcq-screen-h) * 1px);\n\n transform:scale(var(--ols-mcq-screen-scale));\n transform-origin:center center;\n\n display:flex;\n justify-content:center;\n align-items:flex-start;\n}\n\n.ols-mcq-screen{\n width:1360px;\n height:1130px;\n\n border-radius:22px;\n overflow:hidden;\n\n background:#eaf0ff;\n\n box-shadow:\n 0 26px 70px rgba(28,36,75,0.22);\n\n opacity:0;\n transform:translateY(24px) scale(0.96);\n}\n\n.ols-mcq-screen.show{\n animation:olsMcqScreenEnter 1s ease forwards;\n}\n\n@keyframes olsMcqScreenEnter{\n from{\n opacity:0;\n transform:translateY(24px) scale(0.96);\n }\n to{\n opacity:1;\n transform:translateY(0) scale(1);\n }\n}\n\n.mcq-question-area{\n background:#eaf0ff;\n padding:28px 30px 30px;\n position:relative;\n height:610px;\n}\n\n.mcq-question-lead{\n margin:0 0 14px;\n font-size:24px;\n line-height:1.35;\n color:#111827;\n}\n\n.mcq-ionic-table{\n border-collapse:collapse;\n width:500px;\n margin-bottom:8px;\n font-size:21px;\n color:#111827;\n}\n\n.mcq-ionic-table th,\n.mcq-ionic-table td{\n border:1.5px solid #c9ced8;\n padding:12px 18px;\n text-align:center;\n}\n\n.mcq-ionic-table th{\n background:#f2f2f2;\n font-weight:700;\n}\n\n.mcq-ionic-table td{\n background:#eaf0ff;\n}\n\n.mcq-question-main{\n margin:6px 0 28px;\n font-size:24px;\n line-height:1.35;\n color:#111827;\n}\n\n.mcq-options-wrap{\n display:flex;\n flex-direction:column;\n gap:17px;\n max-width:1200px;\n}\n\n.mcq-option-row{\n display:flex;\n align-items:center;\n min-height:34px;\n position:relative;\n}\n\n.mcq-radio{\n width:28px;\n height:28px;\n border-radius:50%;\n border:2px solid #6b7280;\n margin-right:16px;\n background:transparent;\n position:relative;\n flex:0 0 auto;\n}\n\n.mcq-radio::after{\n content:\"\";\n position:absolute;\n inset:5px;\n border-radius:50%;\n background:#6b7280;\n opacity:0;\n transform:scale(0.4);\n transition:\n opacity 0.25s ease,\n transform 0.25s ease;\n}\n\n.mcq-option-row.selected .mcq-radio::after{\n opacity:1;\n transform:scale(1);\n}\n\n.mcq-option-row.selected .mcq-radio{\n border-color:#4b5563;\n}\n\n.mcq-radio-ripple{\n position:absolute;\n left:14px;\n top:50%;\n width:28px;\n height:28px;\n border-radius:50%;\n border:2px solid rgba(28,36,75,0.28);\n transform:translate(-50%,-50%) scale(1);\n opacity:0;\n pointer-events:none;\n}\n\n.mcq-option-row.clicking .mcq-radio-ripple{\n animation:mcqRipple 0.75s ease forwards;\n}\n\n@keyframes mcqRipple{\n 0%{\n opacity:0.65;\n transform:translate(-50%,-50%) scale(1);\n }\n 100%{\n opacity:0;\n transform:translate(-50%,-50%) scale(2.5);\n }\n}\n\n.mcq-option-label{\n font-size:23px;\n color:#111827;\n}\n\n.mcq-specific-feedback{\n display:inline-flex;\n align-items:center;\n margin-left:18px;\n min-height:38px;\n opacity:0;\n transform:translateX(-8px);\n}\n\n.mcq-specific-feedback.show{\n opacity:1;\n transform:translateX(0);\n transition:\n opacity 0.35s ease,\n transform 0.35s ease;\n}\n\n.mcq-cross-icon{\n width:26px;\n height:26px;\n border-radius:50%;\n border:2px solid #d83255;\n color:#d83255;\n\n display:inline-flex;\n justify-content:center;\n align-items:center;\n\n font-size:18px;\n font-weight:700;\n\n margin-right:12px;\n\n opacity:0;\n transform:scale(0.4);\n}\n\n.mcq-cross-icon.show{\n animation:mcqCrossPop 0.35s ease forwards;\n}\n\n@keyframes mcqCrossPop{\n 70%{\n opacity:1;\n transform:scale(1.18);\n }\n 100%{\n opacity:1;\n transform:scale(1);\n }\n}\n\n.mcq-specific-feedback-text{\n display:inline-block;\n\n background:#fff4b8;\n color:#111827;\n\n padding:8px 16px;\n\n font-size:22px;\n line-height:1.35;\n\n min-width:850px;\n min-height:44px;\n}\n\n.mcq-submit-button{\n position:absolute;\n right:34px;\n bottom:30px;\n\n border:0;\n border-radius:999px;\n\n background:#1C244B;\n color:#ffffff;\n\n padding:14px 28px;\n\n font-size:18px;\n font-weight:600;\n\n box-shadow:\n 0 14px 32px rgba(28,36,75,0.25);\n\n cursor:default;\n\n transform:translateY(0) scale(1);\n\n transition:\n transform 0.2s ease,\n box-shadow 0.2s ease,\n background 0.2s ease;\n}\n\n.mcq-submit-button.clicked{\n transform:translateY(2px) scale(0.97);\n background:#26315f;\n box-shadow:\n 0 7px 18px rgba(28,36,75,0.22);\n}\n\n.mcq-general-feedback{\n height:520px;\n\n background:#fff3c9;\n color:#8a6a00;\n\n padding:26px 30px 28px;\n\n font-size:23px;\n line-height:1.34;\n\n opacity:0;\n transform:translateY(20px);\n\n transition:\n opacity 0.7s ease,\n transform 0.7s ease;\n\n overflow:hidden;\n}\n\n.mcq-general-feedback.show{\n opacity:1;\n transform:translateY(0);\n}\n\n#mcqGeneralText{\n white-space:pre-wrap;\n}\n\n.mcq-specific-cursor{\n background:#111827;\n}\n\n.mcq-general-cursor{\n background:#8a6a00;\n}\n\n\/* ============================================================\n 3. SHORT ANSWER FEEDBACK\n============================================================ *\/\n\n.ols-saq-stage{\n width:100%;\n height:100%;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n padding:0;\n overflow:hidden;\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.16),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n}\n\n.ols-saq-intro{\n position:absolute;\n inset:0;\n z-index:50;\n\n display:flex;\n justify-content:center;\n align-items:center;\n\n background:\n radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\n linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\n\n opacity:1;\n visibility:visible;\n pointer-events:none;\n}\n\n.ols-saq-intro.hide{\n animation:olsSaqIntroFadeOut 0.85s ease forwards;\n}\n\n@keyframes olsSaqIntroFadeOut{\n to{\n opacity:0;\n visibility:hidden;\n }\n}\n\n.ols-saq-intro-title-wrap{\n max-width:1250px;\n padding:0 34px;\n text-align:center;\n}\n\n.ols-saq-intro-title{\n margin:0;\n\n font-family:Poppins,Arial,sans-serif;\n\n font-size:clamp(52px,8vw,124px);\n font-weight:600;\n line-height:1.08;\n\n color:#1C244B;\n\n text-shadow:-9px 0 9px rgba(28,36,75,0.16);\n\n letter-spacing:-0.045em;\n}\n\n#saqIntroTitleText{\n white-space:pre-wrap;\n}\n\n.ols-saq-scale-wrap{\n width:calc(var(--ols-saq-screen-w) * 1px);\n height:calc(var(--ols-saq-screen-h) * 1px);\n\n transform:scale(var(--ols-saq-screen-scale));\n transform-origin:center center;\n\n display:flex;\n justify-content:center;\n align-items:flex-start;\n}\n\n.ols-saq-screen{\n width:1360px;\n height:965px;\n\n border-radius:22px;\n overflow:hidden;\n\n background:#eaf0ff;\n\n box-shadow:\n 0 26px 70px rgba(28,36,75,0.22);\n\n opacity:0;\n transform:translateY(24px) scale(0.96);\n}\n\n.ols-saq-screen.show{\n animation:olsSaqScreenEnter 1s ease forwards;\n}\n\n@keyframes olsSaqScreenEnter{\n from{\n opacity:0;\n transform:translateY(24px) scale(0.96);\n }\n to{\n opacity:1;\n transform:translateY(0) scale(1);\n }\n}\n\n.saq-question-area{\n height:335px;\n background:#eaf0ff;\n padding:30px 40px 32px;\n}\n\n.saq-question-text{\n font-size:25px;\n line-height:1.42;\n color:#111827;\n margin-bottom:22px;\n}\n\n.saq-student-box{\n height:195px;\n\n background:#f3f4f6;\n\n border:2px solid #cfd6e3;\n border-radius:8px;\n\n padding:23px 26px;\n\n font-size:24px;\n line-height:1.55;\n\n color:#4b5563;\n\n position:relative;\n overflow:hidden;\n}\n\n.saq-teacher-feedback{\n height:630px;\n\n background:#dff3e6;\n color:#075f3b;\n\n padding:28px 40px 30px;\n\n font-size:23px;\n line-height:1.47;\n\n opacity:0;\n transform:translateY(20px);\n\n transition:\n opacity 0.7s ease,\n transform 0.7s ease;\n\n overflow:hidden;\n}\n\n.saq-teacher-feedback.show{\n opacity:1;\n transform:translateY(0);\n}\n\n#saqTeacherText{\n white-space:pre-wrap;\n}\n\n.saq-teacher-cursor{\n background:#075f3b;\n}\n\n\/* ============================================================\n SMALL WINDOW PROTECTION\n============================================================ *\/\n\n@media(max-width:900px){\n\n .ols-video-title,\n .ols-mcq-intro-title,\n .ols-saq-intro-title{\n font-size:clamp(42px,11vw,78px);\n line-height:1.12;\n }\n\n .ols-title-cursor{\n width:4px;\n margin-left:6px;\n }\n\n .ols-video-card{\n border-radius:20px;\n }\n\n}\n\n <\/style>\n\n<div class=\"ols-combined-stage\">\n\n <!-- ========================================================\n SCENE 1: VIRTUAL LESSON\n ========================================================= -->\n\n <section id=\"sceneVideo\" class=\"ols-scene active\">\n\n <div class=\"ols-video-stage\">\n\n <div id=\"videoTitleScreen\" class=\"ols-video-title-screen\">\n\n <div class=\"ols-video-title-wrap\">\n <h1 class=\"ols-video-title\">\n <span id=\"videoTitleText\"><\/span><span id=\"videoTitleCursor\" class=\"ols-title-cursor\"><\/span>\n <\/h1>\n <\/div>\n\n <\/div>\n\n <section id=\"videoScene\" class=\"ols-video-scene\">\n\n <div class=\"ols-video-scale-wrap\">\n\n <div class=\"ols-video-card\">\n <video\n id=\"lessonVideo\"\n src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\"\n muted\n playsinline\n preload=\"auto\">\n <\/video>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <\/div>\n\n <\/section>\n\n <!-- ========================================================\n SCENE 2: MULTIPLE CHOICE FEEDBACK\n ========================================================= -->\n\n <section id=\"sceneMcq\" class=\"ols-scene\">\n\n <div class=\"ols-mcq-stage\">\n\n <div id=\"mcqIntroScreen\" class=\"ols-mcq-intro-screen\">\n <div class=\"ols-mcq-intro-title-wrap\">\n <h1 class=\"ols-mcq-intro-title\">\n <span id=\"mcqIntroTitleText\"><\/span><span id=\"mcqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\n <\/h1>\n <\/div>\n <\/div>\n\n <div class=\"ols-mcq-scale-wrap\">\n\n <main id=\"mcqScreen\" class=\"ols-mcq-screen\">\n\n <section class=\"mcq-question-area\">\n\n <p class=\"mcq-question-lead\">Some ionic radii are shown.<\/p>\n\n <table class=\"mcq-ionic-table\">\n <thead>\n <tr>\n <th>Ion<\/th>\n <th>Ionic radius \/ nm<\/th>\n <\/tr>\n <\/thead>\n\n <tbody>\n <tr>\n <td>Na<sup>+<\/sup><\/td>\n <td>0.102<\/td>\n <\/tr>\n\n <tr>\n <td>K<sup>+<\/sup><\/td>\n <td>0.138<\/td>\n <\/tr>\n\n <tr>\n <td>F<sup>\u2212<\/sup><\/td>\n <td>0.133<\/td>\n <\/tr>\n\n <tr>\n <td>Cl<sup>\u2212<\/sup><\/td>\n <td>0.180<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <p class=\"mcq-question-main\">Which compound has the strongest ionic bonding?<\/p>\n\n <div class=\"mcq-options-wrap\">\n\n <div id=\"mcqWrongOption\" class=\"mcq-option-row\">\n <span class=\"mcq-radio\"><\/span>\n <span class=\"mcq-radio-ripple\"><\/span>\n <span class=\"mcq-option-label\">sodium chloride<\/span>\n\n <span id=\"mcqSpecificFeedback\" class=\"mcq-specific-feedback\">\n <span id=\"mcqCrossIcon\" class=\"mcq-cross-icon\">\u00d7<\/span>\n <span class=\"mcq-specific-feedback-text\">\n <span id=\"mcqSpecificText\"><\/span><span id=\"mcqSpecificCursor\" class=\"cursor mcq-specific-cursor\" style=\"display:none;\"><\/span>\n <\/span>\n <\/span>\n <\/div>\n\n <div class=\"mcq-option-row\">\n <span class=\"mcq-radio\"><\/span>\n <span class=\"mcq-radio-ripple\"><\/span>\n <span class=\"mcq-option-label\">potassium chloride<\/span>\n <\/div>\n\n <div class=\"mcq-option-row\">\n <span class=\"mcq-radio\"><\/span>\n <span class=\"mcq-radio-ripple\"><\/span>\n <span class=\"mcq-option-label\">sodium fluoride<\/span>\n <\/div>\n\n <div class=\"mcq-option-row\">\n <span class=\"mcq-radio\"><\/span>\n <span class=\"mcq-radio-ripple\"><\/span>\n <span class=\"mcq-option-label\">potassium fluoride<\/span>\n <\/div>\n\n <\/div>\n\n <button id=\"mcqSubmitButton\" class=\"mcq-submit-button\">Submit answer<\/button>\n\n <\/section>\n\n <section id=\"mcqGeneralFeedback\" class=\"mcq-general-feedback\">\n <span id=\"mcqGeneralText\"><\/span><span id=\"mcqGeneralCursor\" class=\"cursor mcq-general-cursor\" style=\"display:none;\"><\/span>\n <\/section>\n\n <\/main>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <!-- ========================================================\n SCENE 3: SHORT ANSWER FEEDBACK\n ========================================================= -->\n\n <section id=\"sceneSaq\" class=\"ols-scene\">\n\n <div class=\"ols-saq-stage\">\n\n <div id=\"saqIntro\" class=\"ols-saq-intro\">\n <div class=\"ols-saq-intro-title-wrap\">\n <h1 class=\"ols-saq-intro-title\">\n <span id=\"saqIntroTitleText\"><\/span><span id=\"saqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\n <\/h1>\n <\/div>\n <\/div>\n\n <div class=\"ols-saq-scale-wrap\">\n\n <main id=\"saqScreen\" class=\"ols-saq-screen\">\n\n <section class=\"saq-question-area\">\n\n <div class=\"saq-question-text\">\n <strong>(ii)<\/strong> Melting temperature depends on the strength of metallic bonding.<br>\n Explain why the metallic bonding in magnesium is much stronger than that in sodium.\n <\/div>\n\n <div class=\"saq-student-box\">\n <span id=\"saqStudentText\"><\/span><span id=\"saqStudentCursor\" class=\"cursor\"><\/span>\n <\/div>\n\n <\/section>\n\n <section id=\"saqTeacherFeedback\" class=\"saq-teacher-feedback\">\n <span id=\"saqTeacherText\"><\/span><span id=\"saqTeacherCursor\" class=\"cursor saq-teacher-cursor\" style=\"display:none;\"><\/span>\n <\/section>\n\n <\/main>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n<\/div>\n\n <script>\n(function(){\n\nconst olsDisablePreviewOnMobile =\n window.matchMedia && window.matchMedia(\"(max-width: 767px)\").matches;\n\nif (olsDisablePreviewOnMobile) {\n const olsMobilePreviewSection = document.querySelector(\".ols-cta-animation-embed\");\n if (olsMobilePreviewSection) {\n olsMobilePreviewSection.remove();\n }\n return;\n}\n\n\/* ============================================================\n 70% VIEWPORT PLAY \/ PAUSE CONTROLLER\n============================================================ *\/\n\nconst olsStage =\ndocument.querySelector(\".ols-combined-stage\");\n\nlet olsAnimationHasStarted = false;\nlet olsAnimationIsVisibleEnough = false;\nlet olsAnimationPaused = true;\n\nconst olsNativeSetTimeout = window.setTimeout.bind(window);\nconst olsNativeClearTimeout = window.clearTimeout.bind(window);\nconst olsPausableTimers = new Map();\nlet olsPausableTimerId = 1;\n\nfunction olsSetTimeout(callback,delay,...args){\n\n const timerId = olsPausableTimerId++;\n\n const timer = {\n callback,\n delay:Number(delay) || 0,\n remaining:Number(delay) || 0,\n args,\n startedAt:Date.now(),\n nativeId:null,\n completed:false\n };\n\n function runTimer(){\n\n if(timer.completed){\n return;\n }\n\n timer.completed = true;\n olsPausableTimers.delete(timerId);\n callback(...args);\n\n }\n\n timer.runTimer = runTimer;\n\n olsPausableTimers.set(timerId,timer);\n\n if(!olsAnimationPaused && olsAnimationIsVisibleEnough){\n timer.startedAt = Date.now();\n timer.nativeId = olsNativeSetTimeout(runTimer,timer.remaining);\n }\n\n return timerId;\n\n}\n\nfunction olsClearTimeout(timerId){\n\n const timer = olsPausableTimers.get(timerId);\n\n if(timer){\n\n timer.completed = true;\n\n if(timer.nativeId !== null){\n olsNativeClearTimeout(timer.nativeId);\n }\n\n olsPausableTimers.delete(timerId);\n\n }\n\n}\n\nfunction olsPauseTimers(){\n\n olsPausableTimers.forEach((timer) => {\n\n if(timer.completed){\n return;\n }\n\n if(timer.nativeId !== null){\n\n const elapsed = Date.now() - timer.startedAt;\n timer.remaining = Math.max(0,timer.remaining - elapsed);\n\n olsNativeClearTimeout(timer.nativeId);\n timer.nativeId = null;\n\n }\n\n });\n\n}\n\nfunction olsResumeTimers(){\n\n olsPausableTimers.forEach((timer) => {\n\n if(timer.completed || timer.nativeId !== null){\n return;\n }\n\n timer.startedAt = Date.now();\n timer.nativeId = olsNativeSetTimeout(timer.runTimer,timer.remaining);\n\n });\n\n}\n\nfunction olsPauseAnimation(){\n\n if(olsAnimationPaused){\n return;\n }\n\n olsAnimationPaused = true;\n\n if(olsStage){\n olsStage.classList.add(\"ols-animation-paused\");\n }\n\n if(typeof lessonVideo !== \"undefined\" && lessonVideo){\n lessonVideo.pause();\n }\n\n olsPauseTimers();\n\n}\n\nfunction olsResumeAnimation(){\n\n if(!olsAnimationPaused){\n return;\n }\n\n olsAnimationPaused = false;\n\n if(olsStage){\n olsStage.classList.remove(\"ols-animation-paused\");\n }\n\n olsResumeTimers();\n\n if(\n typeof lessonVideo !== \"undefined\" &&\n lessonVideo &&\n videoScene &&\n videoScene.classList.contains(\"show\") &&\n !videoSceneComplete &&\n !lessonVideo.ended\n ){\n\n lessonVideo.muted = true;\n\n const resumePromise = lessonVideo.play();\n\n if(resumePromise !== undefined){\n resumePromise.catch(() => {});\n }\n\n }\n\n}\n\nfunction olsGetVisibleRatio(element){\n\n if(!element){\n return 0;\n }\n\n const rect = element.getBoundingClientRect();\n const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\n const viewportWidth = window.innerWidth || document.documentElement.clientWidth;\n\n const visibleHeight = Math.max(0,Math.min(rect.bottom,viewportHeight) - Math.max(rect.top,0));\n const visibleWidth = Math.max(0,Math.min(rect.right,viewportWidth) - Math.max(rect.left,0));\n\n const visibleArea = visibleHeight * visibleWidth;\n const totalArea = Math.max(1,rect.width * rect.height);\n\n return visibleArea \/ totalArea;\n\n}\n\nfunction olsHandleVisibilityRatio(ratio){\n\n if(ratio >= 0.7){\n\n olsAnimationIsVisibleEnough = true;\n\n if(!olsAnimationHasStarted){\n\n olsAnimationHasStarted = true;\n olsAnimationPaused = false;\n\n if(olsStage){\n olsStage.classList.remove(\"ols-animation-paused\");\n }\n\n startVideoSection();\n\n }else{\n\n olsResumeAnimation();\n\n }\n\n }else{\n\n olsAnimationIsVisibleEnough = false;\n olsPauseAnimation();\n\n }\n\n}\n\nfunction initialiseOlsVisibilityControlledAnimation(){\n\n if(olsStage){\n olsStage.classList.add(\"ols-animation-paused\");\n }\n\n const initialRatio = olsGetVisibleRatio(olsStage);\n olsHandleVisibilityRatio(initialRatio);\n\n if(\"IntersectionObserver\" in window && olsStage){\n\n const observer = new IntersectionObserver((entries) => {\n\n entries.forEach((entry) => {\n olsHandleVisibilityRatio(entry.intersectionRatio);\n });\n\n },{\n threshold:[0,0.25,0.5,0.69,0.7,0.85,1]\n });\n\n observer.observe(olsStage);\n\n }else{\n\n window.addEventListener(\"scroll\",() => {\n olsHandleVisibilityRatio(olsGetVisibleRatio(olsStage));\n },{passive:true});\n\n window.addEventListener(\"resize\",() => {\n olsHandleVisibilityRatio(olsGetVisibleRatio(olsStage));\n });\n\n }\n\n}\n\n\/* ============================================================\n GLOBAL HELPERS\n============================================================ *\/\n\nfunction typeWriter(target,text,speed,callback){\n\n let i = 0;\n\n function typing(){\n\n if(i < text.length){\n\n const char = text.charAt(i);\n target.textContent += char;\n i++;\n\n let delay = speed;\n\n if(char === \".\") delay = speed * 5;\n if(char === \",\") delay = speed * 2.5;\n if(char === \"\\n\") delay = speed * 4;\n\n olsSetTimeout(typing,delay);\n\n }else{\n\n if(callback){\n callback();\n }\n\n }\n\n }\n\n typing();\n\n}\n\nfunction switchScene(currentScene,nextScene,callback){\n\n currentScene.classList.add(\"fade-out\");\n\n olsSetTimeout(() => {\n\n currentScene.classList.remove(\"active\");\n currentScene.classList.remove(\"fade-out\");\n\n nextScene.classList.add(\"active\");\n\n if(callback){\n callback();\n }\n\n },850);\n\n}\n\nfunction fitAllScreens(){\n\n fitVideoScreen();\n fitMcqScreen();\n fitSaqScreen();\n\n}\n\nwindow.addEventListener(\"resize\",fitAllScreens);\nwindow.addEventListener(\"orientationchange\",fitAllScreens);\n\n\/* ============================================================\n RESPONSIVE FITTING\n============================================================ *\/\n\nfunction fitVideoScreen(){\n\n const baseWidth = 1180;\n const baseHeight = 664;\n\n const safePadding = 24;\n\n const stageRect = olsStage ? olsStage.getBoundingClientRect() : { width: window.innerWidth, height: window.innerHeight };\n const availableWidth = stageRect.width - safePadding;\n const availableHeight = stageRect.height - safePadding;\n\n const scaleByWidth = availableWidth \/ baseWidth;\n const scaleByHeight = availableHeight \/ baseHeight;\n\n const finalScale = Math.min(scaleByWidth,scaleByHeight,1);\n\n olsStage.style.setProperty(\"--ols-video-screen-scale\",finalScale.toFixed(4));\n\n}\n\nfunction fitMcqScreen(){\n\n const baseWidth = 1360;\n const baseHeight = 1130;\n\n const safePadding = 24;\n\n const stageRect = olsStage ? olsStage.getBoundingClientRect() : { width: window.innerWidth, height: window.innerHeight };\n const availableWidth = stageRect.width - safePadding;\n const availableHeight = stageRect.height - safePadding;\n\n const scaleByWidth = availableWidth \/ baseWidth;\n const scaleByHeight = availableHeight \/ baseHeight;\n\n const finalScale = Math.min(scaleByWidth,scaleByHeight,1);\n\n olsStage.style.setProperty(\"--ols-mcq-screen-scale\",finalScale.toFixed(4));\n\n}\n\nfunction fitSaqScreen(){\n\n const baseWidth = 1360;\n const baseHeight = 965;\n\n const safePadding = 24;\n\n const stageRect = olsStage ? olsStage.getBoundingClientRect() : { width: window.innerWidth, height: window.innerHeight };\n const availableWidth = stageRect.width - safePadding;\n const availableHeight = stageRect.height - safePadding;\n\n const scaleByWidth = availableWidth \/ baseWidth;\n const scaleByHeight = availableHeight \/ baseHeight;\n\n const finalScale = Math.min(scaleByWidth,scaleByHeight,1);\n\n olsStage.style.setProperty(\"--ols-saq-screen-scale\",finalScale.toFixed(4));\n\n}\n\nfitAllScreens();\n\n\/* ============================================================\n SCENE ELEMENTS\n============================================================ *\/\n\nconst sceneVideo =\ndocument.getElementById(\"sceneVideo\");\n\nconst sceneMcq =\ndocument.getElementById(\"sceneMcq\");\n\nconst sceneSaq =\ndocument.getElementById(\"sceneSaq\");\n\n\/* ============================================================\n 1. VIRTUAL LESSON PROMO\n============================================================ *\/\n\nconst videoTitle =\n\"Online Chemistry Lessons\";\n\nconst videoTitleText =\ndocument.getElementById(\"videoTitleText\");\n\nconst videoTitleCursor =\ndocument.getElementById(\"videoTitleCursor\");\n\nconst videoTitleScreen =\ndocument.getElementById(\"videoTitleScreen\");\n\nconst videoScene =\ndocument.getElementById(\"videoScene\");\n\nconst lessonVideo =\ndocument.getElementById(\"lessonVideo\");\n\nlet videoFallbackTimer = null;\nlet videoSceneComplete = false;\n\nfunction playLessonVideo(){\n\n lessonVideo.muted = true;\n lessonVideo.currentTime = 0;\n\n const playPromise = lessonVideo.play();\n\n if(playPromise !== undefined){\n\n playPromise.catch(() => {\n\n lessonVideo.muted = true;\n lessonVideo.play();\n\n });\n\n }\n\n}\n\nfunction completeVideoScene(){\n\n if(videoSceneComplete){\n return;\n }\n\n videoSceneComplete = true;\n\n if(videoFallbackTimer){\n olsClearTimeout(videoFallbackTimer);\n }\n\n lessonVideo.pause();\n\n olsSetTimeout(() => {\n\n switchScene(sceneVideo,sceneMcq,() => {\n startMcqIntro();\n });\n\n },1400);\n\n}\n\nlessonVideo.addEventListener(\"ended\",() => {\n\n lessonVideo.pause();\n completeVideoScene();\n\n});\n\nfunction startVideoSection(){\n\n fitVideoScreen();\n\n olsSetTimeout(() => {\n\n typeWriter(videoTitleText,videoTitle,44,() => {\n\n olsSetTimeout(() => {\n\n videoTitleCursor.style.display = \"none\";\n\n olsSetTimeout(() => {\n\n videoTitleScreen.classList.add(\"hide\");\n\n olsSetTimeout(() => {\n\n videoScene.classList.add(\"show\");\n\n olsSetTimeout(() => {\n\n playLessonVideo();\n\n videoFallbackTimer = olsSetTimeout(() => {\n completeVideoScene();\n },45000);\n\n },600);\n\n },850);\n\n },3000);\n\n },250);\n\n });\n\n },700);\n\n}\n\n\/* ============================================================\n 2. MULTIPLE CHOICE FEEDBACK\n============================================================ *\/\n\nconst mcqIntroTitle =\n\"Multiple Choice Question Bank\";\n\nconst mcqSpecificFeedbackText =\n\"Na\u207a is small, but Cl\u207b is larger than F\u207b, so the ionic bonding is weaker than in NaF.\";\n\nconst mcqGeneralFeedbackText =\n\"Your answer is incorrect.\\n\\n\" +\n\"To determine which compound has the strongest ionic bonding, recall the key principle:\\n\\n\" +\n\"\u2022 Ionic bond strength increases when ionic radii are small, because the ions can get closer together.\\n\" +\n\"\u2022 Smaller ions \u2192 stronger electrostatic attraction \u2192 stronger ionic lattice.\\n\" +\n\"\u2022 Na\u207a (0.102 nm) is smaller than K\u207a (0.138 nm).\\n\" +\n\"\u2022 F\u207b (0.133 nm) is smaller than Cl\u207b (0.180 nm).\\n\\n\" +\n\"Therefore, the strongest ionic bonding occurs in the compound formed by the smallest cation and the smallest anion \u2192 sodium fluoride (NaF).\\n\\n\" +\n\"The correct answer is: sodium fluoride\";\n\nconst mcqIntroScreen =\ndocument.getElementById(\"mcqIntroScreen\");\n\nconst mcqIntroTitleText =\ndocument.getElementById(\"mcqIntroTitleText\");\n\nconst mcqIntroTitleCursor =\ndocument.getElementById(\"mcqIntroTitleCursor\");\n\nconst mcqScreen =\ndocument.getElementById(\"mcqScreen\");\n\nconst mcqWrongOption =\ndocument.getElementById(\"mcqWrongOption\");\n\nconst mcqSubmitButton =\ndocument.getElementById(\"mcqSubmitButton\");\n\nconst mcqSpecificFeedback =\ndocument.getElementById(\"mcqSpecificFeedback\");\n\nconst mcqCrossIcon =\ndocument.getElementById(\"mcqCrossIcon\");\n\nconst mcqSpecificText =\ndocument.getElementById(\"mcqSpecificText\");\n\nconst mcqSpecificCursor =\ndocument.getElementById(\"mcqSpecificCursor\");\n\nconst mcqGeneralFeedback =\ndocument.getElementById(\"mcqGeneralFeedback\");\n\nconst mcqGeneralText =\ndocument.getElementById(\"mcqGeneralText\");\n\nconst mcqGeneralCursor =\ndocument.getElementById(\"mcqGeneralCursor\");\n\nfunction selectMcqWrongOption(){\n\n mcqWrongOption.classList.add(\"clicking\");\n\n olsSetTimeout(() => {\n mcqWrongOption.classList.add(\"selected\");\n },220);\n\n olsSetTimeout(() => {\n mcqWrongOption.classList.remove(\"clicking\");\n },850);\n\n}\n\nfunction clickMcqSubmit(){\n\n mcqSubmitButton.classList.add(\"clicked\");\n\n olsSetTimeout(() => {\n mcqSubmitButton.classList.remove(\"clicked\");\n },240);\n\n}\n\nfunction showMcqSpecificFeedback(){\n\n mcqSpecificFeedback.classList.add(\"show\");\n\n olsSetTimeout(() => {\n mcqCrossIcon.classList.add(\"show\");\n },180);\n\n olsSetTimeout(() => {\n\n mcqSpecificCursor.style.display = \"inline-block\";\n\n typeWriter(mcqSpecificText,mcqSpecificFeedbackText,12,() => {\n\n mcqSpecificCursor.style.display = \"none\";\n\n olsSetTimeout(() => {\n showMcqGeneralFeedback();\n },650);\n\n });\n\n },560);\n\n}\n\nfunction showMcqGeneralFeedback(){\n\n mcqGeneralFeedback.classList.add(\"show\");\n\n olsSetTimeout(() => {\n\n mcqGeneralCursor.style.display = \"inline-block\";\n\n typeWriter(mcqGeneralText,mcqGeneralFeedbackText,8,() => {\n\n mcqGeneralCursor.style.display = \"none\";\n\n olsSetTimeout(() => {\n\n switchScene(sceneMcq,sceneSaq,() => {\n startSaqIntro();\n });\n\n },2600);\n\n });\n\n },600);\n\n}\n\nfunction startMcqAnimation(){\n\n fitMcqScreen();\n\n mcqScreen.classList.add(\"show\");\n\n olsSetTimeout(() => {\n\n selectMcqWrongOption();\n\n olsSetTimeout(() => {\n\n clickMcqSubmit();\n\n olsSetTimeout(() => {\n\n showMcqSpecificFeedback();\n\n },620);\n\n },1150);\n\n },1300);\n\n}\n\nfunction startMcqIntro(){\n\n fitMcqScreen();\n\n olsSetTimeout(() => {\n\n typeWriter(mcqIntroTitleText,mcqIntroTitle,44,() => {\n\n olsSetTimeout(() => {\n\n mcqIntroTitleCursor.style.display = \"none\";\n\n olsSetTimeout(() => {\n\n mcqIntroScreen.classList.add(\"hide\");\n\n olsSetTimeout(() => {\n startMcqAnimation();\n },850);\n\n },3000);\n\n },250);\n\n });\n\n },700);\n\n}\n\n\/* ============================================================\n 3. SHORT ANSWER FEEDBACK\n============================================================ *\/\n\nconst saqIntroTitle =\n\"Chemistry Specialist\\nMarked Exam Feedback\";\n\nconst saqStudentAnswer =\n\"Magnesium has stronger metallic bonding because it has more atoms packed together and melts at a higher temperature than sodium.\";\n\nconst saqTeacherFeedbackText =\n\"Comment:\\n\" +\n\"This answer is not correct. Melting temperature is a result of bonding strength, not the cause of it.\\n\\n\" +\n\"In metallic bonding, positive metal ions are attracted to a sea of delocalised electrons. The strength of this attraction depends on the charge of the ions and the number of delocalised electrons.\\n\\n\" +\n\"Magnesium forms Mg\u00b2\u207a ions and contributes two delocalised electrons per atom, whereas sodium forms Na\u207a ions and contributes only one electron. This results in a stronger electrostatic attraction in magnesium. Additionally, Mg\u00b2\u207a ions have a higher charge density than Na\u207a ions, further strengthening the metallic bonding.\\n\\n\" +\n\"Next time, include:\\n\" +\n\"\u2022 Ion charge: magnesium forms Mg\u00b2\u207a, sodium forms Na\u207a \u2713\\n\" +\n\"\u2022 Delocalised electrons: magnesium provides more electrons to the sea \u2713\\n\" +\n\"\u2022 Charge density: smaller, more highly charged ions create stronger attraction \u2713\\n\\n\" +\n\"You were close. Focus on explaining bonding in terms of charge and electron density rather than physical properties like melting point.\";\n\nconst saqIntro =\ndocument.getElementById(\"saqIntro\");\n\nconst saqIntroTitleText =\ndocument.getElementById(\"saqIntroTitleText\");\n\nconst saqIntroTitleCursor =\ndocument.getElementById(\"saqIntroTitleCursor\");\n\nconst saqStudentText =\ndocument.getElementById(\"saqStudentText\");\n\nconst saqTeacherText =\ndocument.getElementById(\"saqTeacherText\");\n\nconst saqStudentCursor =\ndocument.getElementById(\"saqStudentCursor\");\n\nconst saqTeacherCursor =\ndocument.getElementById(\"saqTeacherCursor\");\n\nconst saqFeedbackBox =\ndocument.getElementById(\"saqTeacherFeedback\");\n\nconst saqScreen =\ndocument.getElementById(\"saqScreen\");\n\nfunction startSaqFeedbackAnimation(){\n\n fitSaqScreen();\n\n saqScreen.classList.add(\"show\");\n\n olsSetTimeout(() => {\n\n typeWriter(saqStudentText,saqStudentAnswer,27,() => {\n\n saqStudentCursor.style.display = \"none\";\n\n olsSetTimeout(() => {\n\n saqFeedbackBox.classList.add(\"show\");\n saqTeacherCursor.style.display = \"inline-block\";\n\n typeWriter(saqTeacherText,saqTeacherFeedbackText,10,() => {\n\n saqTeacherCursor.style.display = \"none\";\n\n });\n\n },650);\n\n });\n\n },850);\n\n}\n\nfunction startSaqIntro(){\n\n fitSaqScreen();\n\n olsSetTimeout(() => {\n\n typeWriter(saqIntroTitleText,saqIntroTitle,44,() => {\n\n olsSetTimeout(() => {\n\n saqIntroTitleCursor.style.display = \"none\";\n\n olsSetTimeout(() => {\n\n saqIntro.classList.add(\"hide\");\n\n olsSetTimeout(() => {\n\n startSaqFeedbackAnimation();\n\n },850);\n\n },3000);\n\n },250);\n\n });\n\n },700);\n\n}\n\n\/* ============================================================\n START\n============================================================ *\/\n\ninitialiseOlsVisibilityControlledAnimation();\n\nolsNativeSetTimeout(() => {\n olsHandleVisibilityRatio(olsGetVisibleRatio(olsStage));\n}, 120);\n\nwindow.addEventListener(\"load\", () => {\n fitAllScreens();\n olsHandleVisibilityRatio(olsGetVisibleRatio(olsStage));\n}, { once:true });\n\n\/* Pause when the tab is not on screen, not just when scrolled past.\n IntersectionObserver does not fire on tab switches, so without this the\n timers and the lesson video keep running in a background tab. *\/\ndocument.addEventListener(\"visibilitychange\", () => {\n\n if(document.hidden){\n olsPauseAnimation();\n return;\n }\n\n olsHandleVisibilityRatio(olsGetVisibleRatio(olsStage));\n\n});\n\n\/* A bfcache restore (back button) replays neither load nor visibilitychange,\n so re-check the ratio there too. *\/\nwindow.addEventListener(\"pageshow\", (event) => {\n if(event.persisted){\n olsHandleVisibilityRatio(olsGetVisibleRatio(olsStage));\n }\n});\n\n})();\n <\/script>\n<\/section>\n\n <script>\n \/* ------------------------------------------------------------\n \"Everything in one place\" \u2014 tab switching, plus a read-only\n sync with the animated stage below it.\n\n The stage (.ols-cta-animation-embed) is left completely\n untouched: we only observe which .ols-scene is active and\n mirror it in the tab strip. As soon as the visitor picks a\n tab themselves, the mirroring stops and their choice sticks.\n ------------------------------------------------------------ *\/\n (function () {\n var root = document.querySelector(\".ols-everything-001\");\n if (!root) return;\n\n var tabs = Array.prototype.slice.call(root.querySelectorAll(\".ols-ev-tab\"));\n var panels = Array.prototype.slice.call(root.querySelectorAll(\".ols-ev-panel\"));\n var stills = Array.prototype.slice.call(root.querySelectorAll(\".ols-ev-still\"));\n if (!tabs.length) return;\n\n var userPicked = false;\n\n function select(index) {\n tabs.forEach(function (tab, i) {\n tab.setAttribute(\"aria-selected\", i === index ? \"true\" : \"false\");\n });\n panels.forEach(function (panel, i) {\n panel.classList.toggle(\"is-active\", i === index);\n });\n stills.forEach(function (still, i) {\n still.hidden = i !== index;\n });\n }\n\n tabs.forEach(function (tab, i) {\n tab.addEventListener(\"click\", function () {\n userPicked = true;\n select(i);\n });\n\n \/\/ left\/right arrow keys move between tabs, as expected of a tablist\n tab.addEventListener(\"keydown\", function (e) {\n var step = e.key === \"ArrowRight\" ? 1 : e.key === \"ArrowLeft\" ? -1 : 0;\n if (!step) return;\n e.preventDefault();\n userPicked = true;\n var next = (i + step + tabs.length) % tabs.length;\n select(next);\n tabs[next].focus();\n });\n });\n\n \/* --- mirror the animated stage --- *\/\n var sceneToTab = { sceneVideo: 1, sceneMcq: 2, sceneSaq: 3 };\n var scenes = Object.keys(sceneToTab)\n .map(function (id) { return document.getElementById(id); })\n .filter(Boolean);\n\n if (!scenes.length || typeof MutationObserver === \"undefined\") return;\n\n \/\/ don't fight the stage on mobile, where it is hidden entirely\n if (window.matchMedia && window.matchMedia(\"(max-width: 767px)\").matches) return;\n\n var mo = new MutationObserver(function (records) {\n if (userPicked) {\n mo.disconnect();\n return;\n }\n records.forEach(function (record) {\n var el = record.target;\n if (el.classList && el.classList.contains(\"active\") && sceneToTab.hasOwnProperty(el.id)) {\n select(sceneToTab[el.id]);\n }\n });\n });\n\n scenes.forEach(function (scene) {\n mo.observe(scene, { attributes: true, attributeFilter: [\"class\"] });\n if (scene.classList.contains(\"active\") && !userPicked) {\n select(sceneToTab[scene.id]);\n }\n });\n })();\n <\/script>\n<\/section>\n\n<!-- ============================================================\n TAUGHT BY (credentials) + COURSE CTA\n ============================================================ -->\n<section class=\"ols-taughtby-001\">\n <style>\n .ols-taughtby-001 {\n width: 100%;\n background: #f5f7fb;\n padding: 76px 20px 84px;\n font-family: Poppins, Arial, sans-serif;\n position: relative;\n overflow: hidden;\n }\n .ols-taughtby-001 * { box-sizing: border-box; }\n\n .ols-taughtby-001::before {\n content: \"\";\n position: absolute;\n inset: auto -8% -18% auto;\n width: 520px; height: 520px;\n background: radial-gradient(closest-side, rgba(70,127,247,0.13), rgba(70,127,247,0));\n pointer-events: none;\n }\n\n .ols-taughtby-001 .ols-tb-wrap {\n position: relative;\n z-index: 1;\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .ols-taughtby-001 .ols-tb-head {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 44px;\n }\n .ols-taughtby-001 .ols-tb-eyebrow {\n display: inline-block;\n background: #1C244B;\n color: #ffffff;\n font-size: 12.5px;\n font-weight: 600;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n padding: 8px 16px;\n border-radius: 999px;\n margin-bottom: 18px;\n box-shadow: 0 10px 22px rgba(28,36,75,0.18);\n }\n .ols-taughtby-001 .ols-tb-title {\n margin: 0 0 16px;\n color: #1C244B;\n font-size: clamp(30px, 3.8vw, 48px);\n line-height: 1.12;\n font-weight: 800;\n letter-spacing: -1.1px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.14);\n }\n .ols-taughtby-001 .ols-tb-title .accent { color: #467FF7; }\n .ols-taughtby-001 .ols-tb-sub {\n margin: 0;\n color: rgba(28,36,75,0.72);\n font-size: clamp(16px, 1.5vw, 19px);\n font-weight: 300;\n line-height: 1.7;\n }\n\n \/* ---------- credentials card ---------- *\/\n .ols-taughtby-001 .ols-tb-card {\n background: #ffffff;\n border: 1px solid rgba(28,36,75,0.10);\n border-radius: 28px;\n padding: 40px;\n box-shadow: 0 22px 50px rgba(28,36,75,0.10);\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 44px;\n align-items: start;\n }\n\n .ols-taughtby-001 .ols-tb-portrait {\n border-radius: 22px;\n overflow: hidden;\n background: #1C244B;\n box-shadow: 0 20px 44px rgba(28,36,75,0.24);\n }\n .ols-taughtby-001 .ols-tb-portrait img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform 0.6s ease;\n }\n .ols-taughtby-001 .ols-tb-portrait:hover img { transform: scale(1.04); }\n\n .ols-taughtby-001 .ols-tb-role {\n display: block;\n color: #467FF7;\n font-size: 12.5px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin: 0 0 8px;\n }\n .ols-taughtby-001 .ols-tb-name {\n margin: 0 0 14px;\n color: #1C244B;\n font-size: clamp(22px, 2.4vw, 30px);\n font-weight: 700;\n letter-spacing: -0.5px;\n line-height: 1.2;\n }\n .ols-taughtby-001 .ols-tb-strap {\n margin: 0 0 16px;\n color: #1C244B;\n font-size: 17px;\n font-weight: 500;\n line-height: 1.5;\n }\n .ols-taughtby-001 .ols-tb-copy {\n margin: 0 0 26px;\n color: #4b5563;\n font-size: 16px;\n font-weight: 300;\n line-height: 1.8;\n }\n\n .ols-taughtby-001 .ols-tb-creds {\n list-style: none;\n margin: 0 0 28px;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n .ols-taughtby-001 .ols-tb-creds li {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n background: #f5f7fb;\n border: 1px solid rgba(28,36,75,0.07);\n border-radius: 14px;\n padding: 14px 16px;\n }\n .ols-taughtby-001 .ols-tb-creds svg {\n flex: 0 0 auto;\n width: 18px; height: 18px;\n margin-top: 2px;\n color: #467FF7;\n }\n .ols-taughtby-001 .ols-tb-creds b {\n display: block;\n color: #1C244B;\n font-size: 14.5px;\n font-weight: 600;\n line-height: 1.4;\n }\n .ols-taughtby-001 .ols-tb-creds span {\n display: block;\n color: rgba(28,36,75,0.62);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n margin-top: 2px;\n }\n\n .ols-taughtby-001 .ols-tb-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n .ols-taughtby-001 .ols-tb-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n padding: 14px 26px;\n border-radius: 999px;\n transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ols-taughtby-001 .ols-tb-btn--primary {\n background: #1C244B;\n color: #ffffff;\n box-shadow: 0 14px 28px rgba(28,36,75,0.24);\n }\n .ols-taughtby-001 .ols-tb-btn--primary:hover {\n background: #467FF7;\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(70,127,247,0.34);\n }\n .ols-taughtby-001 .ols-tb-btn--ghost {\n background: #ffffff;\n color: #1C244B;\n border: 1.5px solid rgba(28,36,75,0.18);\n }\n .ols-taughtby-001 .ols-tb-btn--ghost:hover {\n border-color: #1C244B;\n transform: translateY(-2px);\n }\n .ols-taughtby-001 .ols-tb-btn svg { width: 16px; height: 16px; }\n\n\n @media (max-width: 1024px) {\n .ols-taughtby-001 .ols-tb-card {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n .ols-taughtby-001 .ols-tb-portrait { max-width: 320px; margin: 0 auto; }\n .ols-taughtby-001 .ols-tb-body { text-align: center; }\n .ols-taughtby-001 .ols-tb-creds { text-align: left; }\n .ols-taughtby-001 .ols-tb-actions { justify-content: center; }\n }\n @media (max-width: 620px) {\n .ols-taughtby-001 { padding: 56px 16px 62px; }\n .ols-taughtby-001 .ols-tb-card { padding: 24px 20px; border-radius: 22px; }\n .ols-taughtby-001 .ols-tb-creds { grid-template-columns: 1fr; }\n .ols-taughtby-001 .ols-tb-btn { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"ols-tb-wrap\">\n\n <div class=\"ols-tb-head ols-reveal\">\n <span class=\"ols-tb-eyebrow\">Who is teaching you<\/span>\n <h2 class=\"ols-tb-title\">Every lesson taught by <span class=\"accent\">one specialist<\/span><\/h2>\n <p class=\"ols-tb-sub\">Not a content team, not a marketplace of tutors. Every video, every marked answer and every progress report on this site is made by the same person.<\/p>\n <\/div>\n\n <div class=\"ols-tb-card ols-reveal\">\n <div class=\"ols-tb-portrait\">\n <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Author-Profile.jpeg\" alt=\"Dr. Mohammed Al-Fatah, chemistry specialist, teaching A Level Chemistry\" loading=\"lazy\">\n <\/div>\n\n <div class=\"ols-tb-body\">\n <span class=\"ols-tb-role\">Your Chemistry Specialist<\/span>\n <h3 class=\"ols-tb-name\">Dr. Mohammed Al-Fatah<\/h3>\n <p class=\"ols-tb-strap\">UCL chemist, qualified teacher, and the person who writes every question you answer<\/p>\n <p class=\"ols-tb-copy\">I record every lesson, write every question and mark every short-answer paper myself. When your SAQ comes back with per-mark feedback on Monday morning, that feedback is mine — which is also why the weekly marking schedule is a promise I can actually keep.<\/p>\n\n <ul class=\"ols-tb-creds\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5\"\/><\/svg>\n <span><b>BSc Chemistry — First Class Honours<\/b><span>University College London<\/span><\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5\"\/><\/svg>\n <span><b>MSc Advanced Chemical Research — Distinction<\/b><span>University College London<\/span><\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l2.6 6.6L21.5 9l-5.2 4.6 1.5 6.9L12 16.9 6.2 20.5l1.5-6.9L2.5 9l6.9-.4z\"\/><\/svg>\n <span><b>Research Scholarship<\/b><span>The Royal Institution<\/span><\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l2.6 6.6L21.5 9l-5.2 4.6 1.5 6.9L12 16.9 6.2 20.5l1.5-6.9L2.5 9l6.9-.4z\"\/><\/svg>\n <span><b>PGCE Secondary Chemistry — QTS<\/b><span>Goldsmiths, University of London<\/span><\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5\"\/><\/svg>\n <span><b>MA Education<\/b><span>University College London<\/span><\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1 2.7 2.5 6 2.5s6-1.5 6-2.5v-5\"\/><\/svg>\n <span><b>BDS Dentistry<\/b><span>Queen Mary University of London<\/span><\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n <span><b>A decade of A Level Chemistry teaching<\/b><span>Royal Society of Chemistry Teacher Scholar<\/span><\/span>\n <\/li>\n <\/ul>\n\n <div class=\"ols-tb-actions\">\n <a class=\"ols-tb-btn ols-tb-btn--primary\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/chemistry-specialist\/\">\n Read the full profile\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <a class=\"ols-tb-btn ols-tb-btn--ghost\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/courses\/\">View Courses<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ============================================================\n REVIEWS (live from WooCommerce -- see mu-plugins\/ols-homepage-reviews.php)\n ============================================================ -->\n<section class=\"ols-reviews-001\">\n <style>\n .ols-reviews-001 {\n width: 100%;\n background: #ffffff;\n padding: 76px 20px 84px;\n font-family: Poppins, Arial, sans-serif;\n }\n .ols-reviews-001 * { box-sizing: border-box; }\n\n .ols-reviews-001 .ols-rv-wrap {\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .ols-reviews-001 .ols-rv-head {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 44px;\n }\n .ols-reviews-001 .ols-rv-score {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: #f5f7fb;\n border: 1px solid rgba(28,36,75,0.10);\n border-radius: 999px;\n padding: 10px 22px 10px 16px;\n margin-bottom: 20px;\n }\n .ols-reviews-001 .ols-rv-score .ols-rv-score-num {\n color: #1C244B;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: -0.8px;\n line-height: 1;\n }\n .ols-reviews-001 .ols-rv-score .ols-rv-score-stars {\n display: inline-flex;\n gap: 2px;\n }\n .ols-reviews-001 .ols-rv-score svg {\n width: 17px; height: 17px;\n fill: #F5B940;\n }\n .ols-reviews-001 .ols-rv-score .ols-rv-score-label {\n color: rgba(28,36,75,0.66);\n font-size: 13.5px;\n font-weight: 500;\n text-align: left;\n line-height: 1.35;\n }\n\n .ols-reviews-001 .ols-rv-title {\n margin: 0 0 16px;\n color: #1C244B;\n font-size: clamp(30px, 3.8vw, 48px);\n line-height: 1.12;\n font-weight: 800;\n letter-spacing: -1.1px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.14);\n }\n .ols-reviews-001 .ols-rv-title .accent { color: #467FF7; }\n .ols-reviews-001 .ols-rv-sub {\n margin: 0;\n color: rgba(28,36,75,0.72);\n font-size: clamp(16px, 1.5vw, 19px);\n font-weight: 300;\n line-height: 1.7;\n }\n\n \/* ---------- cards (markup comes from the shortcode) ---------- *\/\n .ols-reviews-001 .ols-rv-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 22px;\n align-items: start;\n }\n .ols-reviews-001 .ols-rv-card {\n margin: 0;\n background: #ffffff;\n border: 1px solid rgba(28,36,75,0.10);\n border-radius: 22px;\n padding: 28px 26px 24px;\n box-shadow: 0 14px 32px rgba(28,36,75,0.07);\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n position: relative;\n }\n .ols-reviews-001 .ols-rv-card:hover {\n transform: translateY(-5px);\n border-color: rgba(70,127,247,0.35);\n box-shadow: 0 24px 48px rgba(28,36,75,0.13);\n }\n\n .ols-reviews-001 .ols-rv-stars {\n display: inline-flex;\n gap: 3px;\n margin-bottom: 14px;\n }\n .ols-reviews-001 .ols-rv-stars svg {\n width: 16px; height: 16px;\n fill: rgba(28,36,75,0.16);\n }\n .ols-reviews-001 .ols-rv-stars svg.is-on { fill: #F5B940; }\n\n .ols-reviews-001 .ols-rv-quote {\n margin: 0 0 20px;\n color: #374151;\n font-size: 14.8px;\n font-weight: 300;\n line-height: 1.8;\n }\n .ols-reviews-001 .ols-rv-toggle {\n display: inline;\n background: none;\n border: 0;\n padding: 0 0 0 4px;\n font-family: Poppins, Arial, sans-serif;\n font-size: 14px;\n font-weight: 600;\n color: #467FF7;\n cursor: pointer;\n }\n .ols-reviews-001 .ols-rv-toggle:hover { text-decoration: underline; }\n .ols-reviews-001 .ols-rv-toggle:focus-visible {\n outline: 3px solid rgba(70,127,247,0.5);\n outline-offset: 2px;\n border-radius: 4px;\n }\n\n .ols-reviews-001 .ols-rv-meta {\n border-top: 1px solid rgba(28,36,75,0.08);\n padding-top: 16px;\n }\n .ols-reviews-001 .ols-rv-author {\n display: block;\n color: #1C244B;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: -0.2px;\n text-transform: capitalize;\n }\n .ols-reviews-001 .ols-rv-verified {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n margin-top: 5px;\n color: #16a34a;\n font-size: 12.5px;\n font-weight: 600;\n }\n .ols-reviews-001 .ols-rv-verified svg { width: 13px; height: 13px; }\n .ols-reviews-001 .ols-rv-course {\n display: block;\n margin-top: 8px;\n color: rgba(28,36,75,0.60);\n font-size: 12.5px;\n font-weight: 500;\n line-height: 1.5;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n .ols-reviews-001 .ols-rv-course:hover { color: #467FF7; }\n\n .ols-reviews-001 .ols-rv-footnote {\n margin: 30px 0 0;\n text-align: center;\n color: rgba(28,36,75,0.55);\n font-size: 13.5px;\n font-weight: 400;\n }\n\n .ols-reviews-001 .ols-rv-cta {\n margin-top: 34px;\n text-align: center;\n }\n .ols-reviews-001 .ols-rv-cta a {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #1C244B;\n color: #ffffff;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n padding: 14px 28px;\n border-radius: 999px;\n box-shadow: 0 14px 28px rgba(28,36,75,0.24);\n transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ols-reviews-001 .ols-rv-cta a:hover {\n background: #467FF7;\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(70,127,247,0.34);\n }\n .ols-reviews-001 .ols-rv-cta svg { width: 16px; height: 16px; }\n\n @media (max-width: 1024px) {\n .ols-reviews-001 .ols-rv-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 700px) {\n .ols-reviews-001 { padding: 56px 16px 62px; }\n .ols-reviews-001 .ols-rv-grid { grid-template-columns: 1fr; gap: 16px; }\n .ols-reviews-001 .ols-rv-card { padding: 22px 20px; border-radius: 18px; }\n .ols-reviews-001 .ols-rv-score { padding: 10px 18px 10px 14px; }\n .ols-reviews-001 .ols-rv-cta a { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"ols-rv-wrap\">\n\n <div class=\"ols-rv-head ols-reveal\">\n <div class=\"ols-rv-score\">\n <span class=\"ols-rv-score-num\">5.0<\/span>\n <span class=\"ols-rv-score-stars\" role=\"img\" aria-label=\"Rated 5.0 out of 5\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg>\n <\/span>\n <span class=\"ols-rv-score-label\">from verified<br>purchases<\/span>\n <\/div>\n\n <h2 class=\"ols-rv-title\">What students say <span class=\"accent\">after the exam<\/span><\/h2>\n <p class=\"ols-rv-sub\">Every review below is left by someone who bought the course. Nothing here is collected from anywhere else.<\/p>\n <\/div>\n\n \t<div class=\"ols-rv-grid\">\n\t\t\t\t\t\t\t\t<figure class=\"ols-rv-card ols-reveal\">\n\t\t\t\t<span class=\"ols-rv-stars\" role=\"img\" aria-label=\"5 out of 5 stars\"><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><\/span>\t\t\t\t<blockquote class=\"ols-rv-quote\">\n\t\t\t\t\tThis Alkenes course made the topic much easier to understand. The videos explain everything step-by-step and go through the details properly, which helped me follow the reactions and mechanisms a lot better. I also liked how the lessons connect everything together instead of just giving information, so the whole topic makes<span class=\"ols-rv-more\" hidden> more sense when revising. It really helped improve my understanding of Alkenes and made the topic feel much clearer.<\/span><button type=\"button\" class=\"ols-rv-toggle\">\u2026 Read more<\/button>\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"ols-rv-meta\">\n\t\t\t\t\t<span class=\"ols-rv-author\">maryam<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ols-rv-verified\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\tVerified purchase\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<a class=\"ols-rv-course\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-6c-edexcel-a-level-chemistry\/\">\n\t\t\t\t\t\tEdexcel A Level \u00b7 Paper 2 \u00b7 9CH0\/02 \u00b7 Alkenes \u2013 Topic 6C\t\t\t\t\t<\/a>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<figure class=\"ols-rv-card ols-reveal\">\n\t\t\t\t<span class=\"ols-rv-stars\" role=\"img\" aria-label=\"5 out of 5 stars\"><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><\/span>\t\t\t\t<blockquote class=\"ols-rv-quote\">\n\t\t\t\t\tI studied the T5 Alkenes course from Abu Dhabi and it really helped improve my confidence with the topic. The Chemistry Specialist explains complex ideas in a very clear and simple way, which made the reactions and mechanisms much easier to understand. The lessons are very well organised and the recorded videos meant I could go<span class=\"ols-rv-more\" hidden> back and review anything I didn\u2019t fully understand. The notes and online quizzes were also really helpful for reinforcing the material and preparing for exam-style questions. Overall, the course made the topic much easier to grasp and helped me focus on actually understanding the chemistry rather than just memorising it.<\/span><button type=\"button\" class=\"ols-rv-toggle\">\u2026 Read more<\/button>\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"ols-rv-meta\">\n\t\t\t\t\t<span class=\"ols-rv-author\">Sara<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ols-rv-verified\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\tVerified purchase\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<a class=\"ols-rv-course\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/\">\n\t\t\t\t\t\tEdexcel IAL \u00b7 Unit 1 \u00b7 WCH11\/01 \u00b7 Alkenes \u2013 Topic 5\t\t\t\t\t<\/a>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<figure class=\"ols-rv-card ols-reveal\">\n\t\t\t\t<span class=\"ols-rv-stars\" role=\"img\" aria-label=\"5 out of 5 stars\"><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><\/span>\t\t\t\t<blockquote class=\"ols-rv-quote\">\n\t\t\t\t\tThe T6C Alkenes course really helped improve my understanding of the topic. The explanations go into detail and break the content down clearly, which made some of the harder ideas much easier to understand. I liked the way the lessons and resources work through the topic step by step, and the videos explain everything clearly<span class=\"ols-rv-more\" hidden> so it\u2019s easy to follow. Overall it really helped improve my understanding of Alkenes.<\/span><button type=\"button\" class=\"ols-rv-toggle\">\u2026 Read more<\/button>\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"ols-rv-meta\">\n\t\t\t\t\t<span class=\"ols-rv-author\">David Jones<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ols-rv-verified\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\tVerified purchase\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<a class=\"ols-rv-course\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-6c-edexcel-a-level-chemistry\/\">\n\t\t\t\t\t\tEdexcel A Level \u00b7 Paper 2 \u00b7 9CH0\/02 \u00b7 Alkenes \u2013 Topic 6C\t\t\t\t\t<\/a>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<figure class=\"ols-rv-card ols-reveal\">\n\t\t\t\t<span class=\"ols-rv-stars\" role=\"img\" aria-label=\"5 out of 5 stars\"><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><\/span>\t\t\t\t<blockquote class=\"ols-rv-quote\">\n\t\t\t\t\tThe Topic 5 Alkenes course really helped improve my confidence in Chemistry. The videos explain the topics step by step and make the harder ideas much easier to understand. I also found the diagrams and examples really helpful because they show how the theory actually works instead of just memorising it. Overall it made the<span class=\"ols-rv-more\" hidden> topic feel much clearer and easier to revise.<\/span><button type=\"button\" class=\"ols-rv-toggle\">\u2026 Read more<\/button>\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"ols-rv-meta\">\n\t\t\t\t\t<span class=\"ols-rv-author\">Linda<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ols-rv-verified\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\tVerified purchase\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<a class=\"ols-rv-course\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/\">\n\t\t\t\t\t\tEdexcel IAL \u00b7 Unit 1 \u00b7 WCH11\/01 \u00b7 Alkenes \u2013 Topic 5\t\t\t\t\t<\/a>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<figure class=\"ols-rv-card ols-reveal\">\n\t\t\t\t<span class=\"ols-rv-stars\" role=\"img\" aria-label=\"5 out of 5 stars\"><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><\/span>\t\t\t\t<blockquote class=\"ols-rv-quote\">\n\t\t\t\t\tThe Topic 5 Alkenes course helped increase my confidence in Chemistry a lot. The lesson materials and resources were very organised, which made it easy to follow the topic without worrying about where to find things. The recorded explanations and practice questions helped me understand the concepts more clearly, and the course<span class=\"ols-rv-more\" hidden> overall helped improve my understanding of the topic significantly.<\/span><button type=\"button\" class=\"ols-rv-toggle\">\u2026 Read more<\/button>\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"ols-rv-meta\">\n\t\t\t\t\t<span class=\"ols-rv-author\">Latifa<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ols-rv-verified\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\tVerified purchase\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<a class=\"ols-rv-course\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/\">\n\t\t\t\t\t\tEdexcel IAL \u00b7 Unit 1 \u00b7 WCH11\/01 \u00b7 Alkenes \u2013 Topic 5\t\t\t\t\t<\/a>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<figure class=\"ols-rv-card ols-reveal\">\n\t\t\t\t<span class=\"ols-rv-stars\" role=\"img\" aria-label=\"5 out of 5 stars\"><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><svg class=\"is-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.6l2.9 5.9 6.5.95-4.7 4.58 1.11 6.47L12 17.45 6.19 20.5 7.3 14.03 2.6 9.45l6.5-.95z\"\/><\/svg><\/span>\t\t\t\t<blockquote class=\"ols-rv-quote\">\n\t\t\t\t\tThe course taught by the Chemistry Specialist has really improved my confidence in Chemistry, and I now feel much more confident with the subject than before. What I found most helpful was the way the content explains how and why things work rather than just asking us to memorise facts. The recorded lesson videos break down<span class=\"ols-rv-more\" hidden> complex ideas clearly, and the diagrams and visual explanations make the theory much easier to understand. The MCQs, SAQs, and assignments also helped a lot because they allowed me to practise applying the concepts and check my understanding as I worked through the course. Everything feels well structured and clearly prepared, which makes it easier to see the bigger picture of the topic. Using the course resources also helped me become more consistent with revising previous topics and practising exam-style questions. Overall, the course made Chemistry feel much more approachable and less intimidating because difficult concepts are explained step by step and supported with practice questions that help reinforce what you learn.<\/span><button type=\"button\" class=\"ols-rv-toggle\">\u2026 Read more<\/button>\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"ols-rv-meta\">\n\t\t\t\t\t<span class=\"ols-rv-author\">Jumana<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"ols-rv-verified\">\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n\t\t\t\t\t\t\tVerified purchase\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<a class=\"ols-rv-course\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-5-edexcel-international\/\">\n\t\t\t\t\t\tEdexcel IAL \u00b7 Unit 1 \u00b7 WCH11\/01 \u00b7 Alkenes \u2013 Topic 5\t\t\t\t\t<\/a>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"ols-rv-footnote\">\n\t\t\t5.0 average from 8 verified purchase reviews.\t\t<\/p>\n\t\n\t<script>\n\t(function () {\n\t\tdocument.querySelectorAll('.ols-rv-toggle').forEach(function (btn) {\n\t\t\tbtn.addEventListener('click', function () {\n\t\t\t\tvar more = btn.parentNode.querySelector('.ols-rv-more');\n\t\t\t\tif (!more) return;\n\t\t\t\tvar open = !more.hidden;\n\t\t\t\tmore.hidden = open;\n\t\t\t\tbtn.textContent = open ? '\u2026 Read more' : ' Show less';\n\t\t\t});\n\t\t});\n\t})();\n\t<\/script>\n\t\n\n <div class=\"ols-rv-cta ols-reveal\">\n <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/courses\/\">\n Find your topic\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"13 5 20 12 13 19\"><\/polyline><\/svg>\n <\/a>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FAQ\n ============================================================ -->\n<section class=\"ols-faq-section-001\">\n <style>\n .ols-faq-section-001 {\n width: 100%;\n background: #ffffff;\n padding: 64px 20px;\n font-family: Poppins, Arial, sans-serif;\n box-sizing: border-box;\n }\n .ols-faq-section-001 * { box-sizing: border-box; }\n\n .ols-faq-section-001 .ols-faq-wrap { max-width: 1100px; margin: 0 auto; }\n\n .ols-faq-section-001 .ols-faq-heading {\n margin: 0 0 34px;\n text-align: center;\n color: #1C244B;\n font-size: clamp(36px, 4vw, 54px);\n line-height: 1.12;\n font-weight: 700;\n letter-spacing: -0.8px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.18);\n }\n\n .ols-faq-section-001 .ols-faq-list {\n display: flex; flex-direction: column; gap: 14px;\n }\n\n .ols-faq-section-001 details {\n background: #ffffff;\n border: 1px solid rgba(28, 36, 75, 0.12);\n border-radius: 22px;\n box-shadow: 0 10px 26px rgba(28,36,75,0.08);\n overflow: hidden;\n transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;\n }\n .ols-faq-section-001 details:hover {\n border-color: rgba(70,127,247,0.35);\n box-shadow: 0 14px 32px rgba(28,36,75,0.12);\n transform: translateY(-1px);\n }\n .ols-faq-section-001 details[open] {\n border-color: rgba(70,127,247,0.35);\n box-shadow: 0 18px 38px rgba(28,36,75,0.12);\n }\n\n .ols-faq-section-001 summary {\n cursor: pointer;\n list-style: none;\n padding: 22px 64px 22px 24px;\n position: relative;\n color: #1C244B;\n font-size: 19px;\n line-height: 1.35;\n font-weight: 600;\n }\n .ols-faq-section-001 summary::-webkit-details-marker { display: none; }\n\n .ols-faq-section-001 summary::after {\n content: \"+\";\n position: absolute;\n right: 22px; top: 50%;\n transform: translateY(-50%);\n width: 32px; height: 32px;\n border-radius: 50%;\n background: #1C244B;\n color: #ffffff;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; font-weight: 400; line-height: 1;\n transition: background 0.25s ease, transform 0.25s ease;\n }\n .ols-faq-section-001 details[open] summary::after {\n content: \"\u2212\";\n background: #467FF7;\n transform: translateY(-50%) rotate(180deg);\n }\n\n \/* smooth-open content *\/\n .ols-faq-section-001 .ols-faq-answer {\n padding: 0 24px 22px;\n color: #1C244B;\n font-size: 17px;\n line-height: 1.75;\n font-weight: 300;\n animation: ols-fade-up 0.35s ease both;\n }\n .ols-faq-section-001 .ols-faq-answer p { margin: 0 0 14px; }\n .ols-faq-section-001 .ols-faq-answer p:last-child { margin-bottom: 0; }\n\n .ols-faq-section-001 .ols-grade-table-wrap {\n width: 100%; overflow-x: auto; margin: 18px 0;\n }\n .ols-faq-section-001 table {\n width: 100%; border-collapse: collapse;\n min-width: 460px; background: #ffffff;\n border-radius: 16px; overflow: hidden;\n }\n .ols-faq-section-001 th,\n .ols-faq-section-001 td {\n padding: 13px 16px; text-align: left;\n border-bottom: 1px solid rgba(28, 36, 75, 0.12);\n color: #1C244B; font-size: 16px;\n }\n .ols-faq-section-001 th { background: #f4f7ff; font-weight: 600; }\n\n @media (max-width: 640px) {\n .ols-faq-section-001 { padding: 46px 16px; }\n .ols-faq-section-001 summary { font-size: 17px; padding: 20px 56px 20px 20px; }\n .ols-faq-section-001 .ols-faq-answer { font-size: 15.5px; padding: 0 20px 22px; }\n }\n <\/style>\n\n <div class=\"ols-faq-wrap\">\n <h2 class=\"ols-faq-heading ols-reveal\">Frequently Asked Questions<\/h2>\n\n <div class=\"ols-faq-list ols-reveal\">\n\n <details>\n <summary>Can you do Chemistry A Level online?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes, studying Chemistry A Level online is entirely possible and increasingly popular, particularly among students who need flexibility around school timetables, work commitments, or geographical location. Online study works best when the resources are structured around the actual exam specification, so you are learning exactly what will be assessed rather than general chemistry content.<\/p>\n <p>The key components you need are topic-by-topic video lessons, worked examples, and plenty of practice questions with mark scheme guidance. Many students combine online resources with past paper practice to build both understanding and exam technique. For practical components, most exam boards accept a practical endorsement from a registered centre, which can be arranged separately.<\/p>\n <p>Online Chemistry A Level study suits independent learners who are comfortable managing their own schedule. With the right resources and consistent effort, there is no barrier to achieving a strong grade through self-directed online study.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>What grade is 60% in A Level Chemistry?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Grade boundaries in A Level Chemistry vary each year depending on overall cohort performance and paper difficulty, so no percentage maps to a grade with certainty. That said, 60% typically falls around a C or low B in most years. Here is a general guide based on historical boundary ranges:<\/p>\n <div class=\"ols-grade-table-wrap\">\n <table>\n <thead>\n <tr><th>Grade<\/th><th>Approximate % Range<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>A*<\/td><td>90%+<\/td><\/tr>\n <tr><td>A<\/td><td>80\u201389%<\/td><\/tr>\n <tr><td>B<\/td><td>70\u201379%<\/td><\/tr>\n <tr><td>C<\/td><td>60\u201369%<\/td><\/tr>\n <tr><td>D<\/td><td>50\u201359%<\/td><\/tr>\n <tr><td>E<\/td><td>40\u201349%<\/td><\/tr>\n <tr><td>U<\/td><td>Below 40%<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <p>These are indicative ranges only. In a particularly difficult year, boundaries shift downward, meaning 60% could secure a B. In an easier year, it might sit firmly at C. Always check the official grade boundary documents released by your exam board alongside your results.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Can you teach yourself A Level Chemistry?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes, self-teaching A Level Chemistry is achievable, but it requires discipline, the right resources, and a structured approach. The subject has a broad specification, so knowing exactly what you need to cover is the essential starting point. Working through each topic systematically, rather than jumping between areas, helps build the conceptual foundations that later topics depend on.<\/p>\n <p>The areas students find hardest to self-teach are those requiring strong mathematical fluency, such as equilibrium calculations, electrochemistry, and kinetics, alongside organic chemistry mechanisms, which need to be learnt methodically rather than memorised in isolation. Regular practice with exam-style questions is critical; understanding the content is necessary but not sufficient without developing the ability to apply it under timed conditions.<\/p>\n <p>Many successful self-taught candidates use a combination of structured video lessons, textbooks, and past papers with mark schemes. Progress is very achievable with consistent daily study.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Is Chemistry A Level very hard?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Chemistry A Level has a well-earned reputation for being one of the more demanding A Levels. It combines three distinct disciplines: physical, organic, and inorganic chemistry, each requiring different skills. Physical chemistry is heavily mathematical; organic chemistry demands the ability to follow and apply reaction mechanisms; inorganic chemistry requires substantial factual recall.<\/p>\n <p>The jump from GCSE to A Level is significant. Content that was treated superficially at GCSE, such as atomic structure, bonding, and energetics, is revisited with considerably greater depth and rigour. Students who find A Level Chemistry manageable tend to keep up with topics, practise calculations regularly, and engage with past papers early.<\/p>\n <p>Difficulty is relative. Students who enjoyed GCSE Chemistry and are prepared to put in consistent effort generally find it challenging but very rewarding.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>What exam boards are the courses designed for?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Courses are developed for AQA, OCR, Cambridge International, Edexcel and Edexcel International A-Level Chemistry. Each course is aligned to the exact specification points used by its exam board to ensure students are learning precisely what is required for their exams. Availability varies by topic, so please check the View Courses section of the website to see what is currently live for your board.<\/p>\n <p>Unlike GCSE Chemistry, A-Level Chemistry exam boards differ significantly in structure, required knowledge, and assessment style. For this reason, our courses are designed separately for each exam board, rather than using a generic approach.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Which topics are currently available?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>The topics currently available depend on the courses that have been released on the platform. To view all available topics and units, please visit the View Courses section of the website, where you can see the full list of courses currently available for purchase.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Do you cover exam boards other than Edexcel?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. In addition to Edexcel and Edexcel International, courses are also designed for AQA, OCR and Cambridge International A-Level Chemistry. Each one is built separately against that board’s own specification, rather than reusing Edexcel content with the terminology relabelled.<\/p>\n <p>Because exam boards organise topics differently and place different emphasis on the same content, course availability is rolled out board by board rather than all at once — check View Courses for what is currently live for yours.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Do the courses follow the official specification?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. Each course is structured directly around the official specification points for its exam board. Lessons, study notes, and assessment questions are organised so that students can clearly see how each section corresponds to the required content in the syllabus.<\/p>\n <p>This ensures that all material studied on the platform directly supports what students are expected to know for their A-Level Chemistry examinations.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>How are the courses structured?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Each course follows a structured learning sequence designed to build understanding step by step. Students begin with interactive study notes, which function like a digital revision book but include embedded questions to check understanding as they read.<\/p>\n <p>This is followed by recorded teaching lessons that explain the key concepts in detail. After the lesson, students complete multiple-choice questions with instant feedback to test their understanding. The final stage includes exam-style short-answer questions, allowing students to practise applying their knowledge in the same format used in A-Level examinations.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Are the study notes interactive?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. The study notes are designed to be interactive rather than passive reading material. As students move through the notes, they encounter embedded questions such as fill-in-the-word activities and true\/false checks that reinforce important concepts.<\/p>\n <p>This approach encourages active engagement with the material and helps students identify gaps in their understanding immediately.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Can I study at my own pace?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. All courses on the platform are self-paced, meaning students can work through the material at a speed that suits their schedule and learning style.<\/p>\n <p>Lessons and resources remain accessible so students can revisit difficult topics, review explanations, and practise questions as many times as needed while preparing for their examinations.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Are there exam-style questions?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. The platform includes exam-style questions drawn from past examination papers and other assessment materials relevant to the specification.<\/p>\n <p>These questions are designed to reflect the style, wording, and level of difficulty students can expect in their A-Level Chemistry exams, allowing them to practise applying their knowledge in realistic exam conditions.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Will my answers be marked?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. Short-answer questions are reviewed and marked, with feedback provided to help students understand how marks are awarded in exam questions.<\/p>\n <p>The feedback explains where marks were gained and where improvements could be made, helping students refine their exam technique as well as their subject knowledge.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Who are these courses designed for?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>These courses are designed for A-Level Chemistry students who want structured support with understanding the specification and preparing for exams.<\/p>\n <p>They are suitable for students studying independently, those who want additional support alongside school lessons, or students who want focused revision using exam-style questions and structured learning materials.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Do I get instant feedback on quizzes?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. Multiple-choice quizzes provide instant feedback after each question. Students are shown which answer is correct and are given an explanation to help reinforce the underlying chemistry concept.<\/p>\n <p>This allows students to correct misunderstandings immediately rather than carrying them forward into later topics.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Is my progress tracked?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. After completing each multiple-choice quiz and short-answer quiz, students receive their results so they can see how well they performed.<\/p>\n <p>This allows students to monitor their understanding of each topic and identify areas that may require further revision.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Who created the courses?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>The courses were created by a highly qualified chemistry specialist with a strong academic background in science and education.<\/p>\n <p>His qualifications include a BSc in Chemistry with First Class Honours from University College London, an MSc in Advanced Chemical Research from UCL, a PGCE in Secondary Chemistry, a BDS in Dentistry from Queen Mary University of London, and a Master’s degree in Education from UCL. Before university, he achieved three A* grades in A-Level Biology, Chemistry and Mathematics, providing a strong academic foundation in the sciences.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>What teaching experience is behind the courses?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>The courses are built on extensive teaching experience in both the UK and internationally. This includes teaching at City of London School for Boys, one of the UK’s leading independent schools with a long-standing reputation for academic excellence.<\/p>\n <p>Additional teaching experience includes working at high-performing British curriculum schools in Dubai, teaching GCSE and A-Level Chemistry. This experience has helped shape the courses to reflect the standards, expectations, and exam preparation strategies used in top-performing schools.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>How do I access the course after purchase?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>After purchasing a course, you will automatically receive an email containing a link to access the course. This link will direct you to the course hosted on our Online Learning System platform, which runs through the Moodle learning management system.<\/p>\n <p>Once logged in, you will be able to access all course materials, lessons, quizzes, and assessments directly from your student dashboard.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>Can I access the course on mobile or tablet?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Yes. The platform can be accessed on mobile phones, tablets, laptops, and desktop computers through a web browser.<\/p>\n <p>However, for the best learning experience, particularly when viewing study notes, diagrams, and exam questions, it is recommended to use a larger screen such as a tablet, laptop, or desktop computer.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>How long do I have access to the course?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Students receive one year of access to the course from the date of purchase. During this time, all lessons, study materials, and quizzes can be revisited as many times as needed to support learning and exam preparation.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>How much does a course cost?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Course prices vary depending on the amount of content included. Some topics contain more material, such as longer video lessons, additional quizzes, and extended exam question practice.<\/p>\n <p>Because of this, pricing may differ between courses depending on the depth and volume of content provided.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>What payment methods are accepted?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>We accept a wide range of secure digital payment methods through our online checkout system. These include major debit and credit cards and other standard online payment options supported by the website’s payment processor.<\/p>\n <\/div>\n <\/details>\n\n <details>\n <summary>What is the refund policy?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Refund requests must be submitted by email within three working days of purchase. To qualify for a refund, the course must not have been accessed or used.<\/p>\n <p>This means that no video lessons should have been watched, no study material should have been read, and no multiple-choice or short-answer questions should have been attempted. Student activity on the platform is recorded, including the time spent on each page, allowing us to verify whether course content has been accessed before processing a refund request.<\/p>\n <\/div>\n <\/details>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<!-- ============================================================\n CONTACT\n ============================================================ -->\n<section class=\"ols-contact-section-001\">\n <style>\n .ols-contact-section-001 {\n width: 100%;\n background: #f5f7fb;\n padding: 80px 20px 90px;\n font-family: Poppins, Arial, sans-serif;\n box-sizing: border-box;\n }\n .ols-contact-section-001 * { box-sizing: border-box; }\n .ols-contact-section-001 .ols-contact-wrap {\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .ols-contact-section-001 .ols-contact-topline {\n text-align: center;\n color: #467FF7;\n font-size: 18px;\n font-weight: 500;\n letter-spacing: 0.6px;\n text-transform: uppercase;\n margin-bottom: 14px;\n }\n\n .ols-contact-section-001 .ols-contact-heading {\n margin: 0;\n text-align: center;\n color: #1C244B;\n font-size: clamp(48px, 6.5vw, 76px);\n line-height: 1;\n font-weight: 800;\n letter-spacing: -2px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.18);\n }\n\n .ols-contact-section-001 .ols-contact-info-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-top: 70px;\n margin-bottom: 70px;\n }\n\n .ols-contact-section-001 .ols-contact-info-card {\n text-align: center;\n background: #ffffff;\n border: 1px solid rgba(28,36,75,0.10);\n border-radius: 22px;\n padding: 30px 24px;\n box-shadow: 0 14px 32px rgba(28,36,75,0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .ols-contact-section-001 .ols-contact-info-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 42px rgba(28,36,75,0.14);\n }\n\n .ols-contact-section-001 .ols-contact-bar {\n width: 56px; height: 6px;\n background: #467FF7;\n border-radius: 999px;\n margin: 0 auto 20px;\n }\n\n .ols-contact-section-001 .ols-contact-info-title {\n margin: 0 0 8px;\n color: #1C244B;\n font-size: 22px;\n line-height: 1.2;\n font-weight: 700;\n }\n\n .ols-contact-section-001 .ols-contact-info-text {\n margin: 0;\n color: #1C244B;\n font-size: 16px;\n line-height: 1.6;\n font-weight: 300;\n }\n .ols-contact-section-001 .ols-contact-info-text a {\n color: #1C244B;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n .ols-contact-section-001 .ols-contact-info-text a:hover {\n color: #467FF7;\n }\n\n .ols-contact-section-001 .ols-contact-form {\n max-width: 980px;\n margin: 0 auto;\n background: #ffffff;\n border: 1px solid rgba(28,36,75,0.10);\n border-radius: 28px;\n padding: 44px 48px;\n box-shadow: 0 18px 42px rgba(28,36,75,0.10);\n }\n\n .ols-contact-section-001 .ols-contact-form-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 50px 42px;\n align-items: end;\n }\n\n .ols-contact-section-001 .ols-field-group { width: 100%; }\n\n .ols-contact-section-001 .ols-field,\n .ols-contact-section-001 .ols-textarea {\n width: 100%;\n border: none;\n border-bottom: 1.5px solid rgba(28,36,75,0.30);\n background: transparent;\n padding: 0 0 10px;\n color: #1C244B;\n font-size: 17px;\n font-weight: 400;\n outline: none;\n border-radius: 0;\n font-family: Poppins, Arial, sans-serif;\n transition: border-color 0.2s ease;\n }\n .ols-contact-section-001 .ols-field:focus,\n .ols-contact-section-001 .ols-textarea:focus {\n border-bottom-color: #467FF7;\n }\n .ols-contact-section-001 .ols-field::placeholder,\n .ols-contact-section-001 .ols-textarea::placeholder {\n color: #6b7280; opacity: 1;\n }\n\n .ols-contact-section-001 .ols-textarea {\n resize: vertical;\n min-height: 42px;\n max-height: 140px;\n }\n\n .ols-contact-section-001 .ols-send-wrap {\n display: flex;\n justify-content: flex-start;\n align-items: flex-end;\n height: 100%;\n }\n\n .ols-contact-section-001 .ols-send-btn {\n border: none;\n background: #1C244B;\n color: #ffffff;\n padding: 16px 44px;\n font-size: 16px;\n line-height: 1;\n font-weight: 600;\n cursor: pointer;\n border-radius: 999px;\n transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\n box-shadow: 0 14px 28px rgba(28,36,75,0.24);\n font-family: Poppins, Arial, sans-serif;\n }\n .ols-contact-section-001 .ols-send-btn:hover {\n background: #467FF7;\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(70,127,247,0.36);\n }\n\n @media (max-width: 900px) {\n .ols-contact-section-001 { padding: 64px 20px 72px; }\n .ols-contact-section-001 .ols-contact-info-grid {\n grid-template-columns: 1fr;\n gap: 22px;\n margin-top: 56px;\n margin-bottom: 56px;\n }\n .ols-contact-section-001 .ols-contact-form { padding: 32px 24px; }\n .ols-contact-section-001 .ols-contact-form-grid {\n grid-template-columns: 1fr;\n gap: 36px;\n }\n .ols-contact-section-001 .ols-send-wrap { justify-content: center; }\n .ols-contact-section-001 .ols-send-btn { width: 100%; max-width: 320px; }\n }\n @media (max-width: 520px) {\n .ols-contact-section-001 { padding: 54px 16px 62px; }\n .ols-contact-section-001 .ols-contact-info-title { font-size: 20px; }\n .ols-contact-section-001 .ols-contact-info-text { font-size: 15.5px; }\n .ols-contact-section-001 .ols-field,\n .ols-contact-section-001 .ols-textarea { font-size: 16px; }\n }\n <\/style>\n\n <div class=\"ols-contact-wrap\">\n <div class=\"ols-contact-topline ols-reveal\">We’d Love To Hear From You<\/div>\n <h2 class=\"ols-contact-heading ols-reveal\">Contact Us<\/h2>\n\n <div class=\"ols-contact-info-grid\">\n <div class=\"ols-contact-info-card ols-reveal\" data-delay=\"1\">\n <div class=\"ols-contact-bar\"><\/div>\n <h3 class=\"ols-contact-info-title\">Find Us Here<\/h3>\n <p class=\"ols-contact-info-text\">\n 124 City Road<br>\n EC1V 2NX<br>\n London, United Kingdom\n <\/p>\n <\/div>\n <div class=\"ols-contact-info-card ols-reveal\" data-delay=\"2\">\n <div class=\"ols-contact-bar\"><\/div>\n <h3 class=\"ols-contact-info-title\">Get In Touch<\/h3>\n <p class=\"ols-contact-info-text\">\n <a href=\"tel:+447307443497\">+44 730 7443 497<\/a><br>\n <a href=\"mailto:Admin@onlinelearningsystem.net\">Admin@onlinelearningsystem.net<\/a>\n <\/p>\n <\/div>\n <div class=\"ols-contact-info-card ols-reveal\" data-delay=\"3\">\n <div class=\"ols-contact-bar\"><\/div>\n <h3 class=\"ols-contact-info-title\">Hours<\/h3>\n <p class=\"ols-contact-info-text\">\n Mon\u2013Fri: 9am\u20135pm<br>\n Saturday: 10am\u20134pm\n <\/p>\n <\/div>\n <\/div>\n\n <form class=\"ols-contact-form ols-reveal\" action=\"https:\/\/formsubmit.co\/Admin@onlinelearningsystem.net\" method=\"POST\">\n <input type=\"hidden\" name=\"_subject\" value=\"OLS Contact Form Submission\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n <div class=\"ols-contact-form-grid\">\n <div class=\"ols-field-group\">\n <input type=\"text\" name=\"First Name\" class=\"ols-field\" placeholder=\"First Name\" required=\"\">\n <\/div>\n <div class=\"ols-field-group\">\n <input type=\"text\" name=\"Last Name\" class=\"ols-field\" placeholder=\"Last Name\" required=\"\">\n <\/div>\n <div class=\"ols-field-group\">\n <input type=\"tel\" name=\"Phone Number\" class=\"ols-field\" placeholder=\"* Phone Number\" required=\"\">\n <\/div>\n <div class=\"ols-field-group\">\n <input type=\"email\" name=\"Email Address\" class=\"ols-field\" placeholder=\"* Email Address\" required=\"\">\n <\/div>\n <div class=\"ols-field-group\">\n <textarea name=\"Message\" class=\"ols-textarea\" placeholder=\"Leave a message\" required=\"\"><\/textarea>\n <\/div>\n <div class=\"ols-send-wrap\">\n <button type=\"submit\" class=\"ols-send-btn\">Send<\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n<\/section>\n\n\n\n\n\n<!-- ============================================================\n SCROLL-REVEAL OBSERVER (single, page-wide)\n ============================================================ -->\n<script>\n(function () {\n function reveal(el) {\n if (el) el.classList.add(\"is-in\");\n }\n\n var isMobileNoRevealAnimation =\n window.matchMedia && window.matchMedia(\"(max-width: 767px)\").matches;\n\n if (isMobileNoRevealAnimation) {\n Array.prototype.slice.call(document.querySelectorAll(\".ols-reveal\")).forEach(reveal);\n return;\n }\n\n function isInInitialViewport(el) {\n var rect = el.getBoundingClientRect();\n var viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;\n \/\/ Deliberately written without a less-than sign. WordPress runs post\n \/\/ content through wptexturize, whose tag splitter reads an angle-bracket\n \/\/ pair as an HTML tag and turns the logical-and operator inside it into an\n \/\/ HTML entity. That is a SyntaxError, and it kills the whole script -- the\n \/\/ only thing that adds .is-in -- so every .ols-reveal section is left at\n \/\/ opacity 0 for anyone not on mobile or reduced motion.\n var topInView = viewportHeight * 1.05 > rect.top;\n return topInView && rect.bottom > -40;\n }\n\n var revealItems = Array.prototype.slice.call(document.querySelectorAll(\".ols-reveal\"));\n\n if (typeof IntersectionObserver === \"undefined\") {\n revealItems.forEach(reveal);\n return;\n }\n\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (e) {\n if (e.isIntersecting) {\n reveal(e.target);\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.05, rootMargin: \"0px 0px 120px 0px\" });\n\n revealItems.forEach(function (el) {\n io.observe(el);\n });\n\n function revealVisibleItems() {\n revealItems.forEach(function (el) {\n if (!el.classList.contains(\"is-in\") && isInInitialViewport(el)) {\n reveal(el);\n io.unobserve(el);\n }\n });\n }\n\n requestAnimationFrame(revealVisibleItems);\n window.addEventListener(\"load\", revealVisibleItems, { once: true });\n setTimeout(revealVisibleItems, 350);\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\",\n \"name\": \"Online Learning System\",\n \"url\": \"https:\/\/www.onlinelearningsystem.net\/\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-virtual-lesson-tutor.webp\"\n },\n \"email\": \"Admin@onlinelearningsystem.net\",\n \"telephone\": \"+447307443497\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"124 City Road\",\n \"addressLocality\": \"London\",\n \"postalCode\": \"EC1V 2NX\",\n \"addressCountry\": \"GB\"\n },\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+447307443497\",\n \"email\": \"Admin@onlinelearningsystem.net\",\n \"contactType\": \"customer support\",\n \"availableLanguage\": \"English\"\n }\n },\n {\n \"@type\": \"WebSite\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\",\n \"url\": \"https:\/\/www.onlinelearningsystem.net\/\",\n \"name\": \"Online Learning System\",\n \"publisher\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n }\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#webpage\",\n \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\",\n \"name\": \"Online Learning System Home\",\n \"headline\": \"A Level Chemistry Online Course\",\n \"description\": \"Online Learning System provides A Level Chemistry online courses with virtual lessons, multiple-choice question banks, short-answer practice, marked feedback and structured AQA, OCR, Cambridge International and Edexcel Chemistry support.\",\n \"inLanguage\": \"en-GB\",\n \"isPartOf\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\"\n },\n \"publisher\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n },\n \"about\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#course\"\n },\n \"primaryImageOfPage\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-international-a-level-chemistry-topic-2-atomic-structure-periodic-table-course-banner.jpg\"\n }\n },\n {\n \"@type\": \"Course\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#course\",\n \"name\": \"A Level Chemistry Online Course\",\n \"description\": \"A Level Chemistry online course support with structured virtual lessons, interactive study materials, multiple-choice quizzes, short-answer practice, marked feedback and specification-focused learning for AQA, OCR, Cambridge International and Edexcel.\",\n \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/courses\/\",\n \"provider\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n },\n \"educationalLevel\": \"A Level\",\n \"teaches\": [\n \"A Level Chemistry\",\n \"AQA A Level Chemistry\",\n \"OCR A Level Chemistry\",\n \"Cambridge International A Level Chemistry\",\n \"Edexcel A Level Chemistry\",\n \"Edexcel International A Level Chemistry\",\n \"Atomic structure\",\n \"Periodic table\",\n \"Ionic bonding\",\n \"Metallic bonding\",\n \"Exam-style chemistry questions\",\n \"Chemistry feedback and assessment\"\n ],\n \"hasCourseInstance\": {\n \"@type\": \"CourseInstance\",\n \"courseMode\": \"online\",\n \"courseWorkload\": \"Self-paced online study\"\n }\n },\n {\n \"@type\": \"VideoObject\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#virtual-lesson-video\",\n \"name\": \"Online Chemistry Lessons\",\n \"description\": \"A course preview video showing an online chemistry lesson as part of the A Level Chemistry course experience.\",\n \"thumbnailUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-international-a-level-chemistry-topic-2-atomic-structure-periodic-table-course-banner.jpg\",\n \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\",\n \"uploadDate\": \"2026-05-01T09:00:00+00:00\",\n \"publisher\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n }\n },\n {\n \"@type\": \"VideoObject\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#sample-lesson-video\",\n \"name\": \"Alkenes Topic 5 \\u2014 Virtual Lesson Sample\",\n \"description\": \"A sample of the guided video teaching from the Alkenes Topic 5 course, Edexcel International A Level Chemistry.\",\n \"thumbnailUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/edexcel-international-a-level-chemistry-topic-2-atomic-structure-periodic-table-course-banner.jpg\",\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/pHZkFEhhxQo\",\n \"uploadDate\": \"2026-04-01T09:00:00+00:00\",\n \"publisher\": {\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n }\n },\n {\n \"@type\": \"FAQPage\",\n \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#faq\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Can you do Chemistry A Level online?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes, studying Chemistry A Level online is possible and increasingly popular. Online study works best when resources are structured around the exam specification, with topic-by-topic lessons, worked examples, practice questions and mark scheme guidance.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What grade is 60% in A Level Chemistry?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Grade boundaries vary each year depending on paper difficulty and cohort performance. As a general guide, 60% often sits around a C or low B, but students should always check the official grade boundaries released by their exam board.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can you teach yourself A Level Chemistry?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes, self-teaching A Level Chemistry is achievable with discipline, structured resources and regular exam-style practice. Students should work through the specification systematically and use past papers to develop application and exam technique.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Is Chemistry A Level very hard?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"A Level Chemistry is regarded as a demanding A Level because it combines physical, organic and inorganic chemistry with mathematical reasoning and factual recall. With consistent study and regular exam practice, students can make strong progress.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What exam boards are the courses designed for?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Courses are developed for AQA, OCR, Cambridge International, Edexcel and Edexcel International A Level Chemistry, with lessons and assessments aligned to the relevant specification points for each board.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Which topics are currently available?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Available topics depend on the courses currently released on the platform. Students can view the full list of available topics and units in the View Courses section of the website.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Do you cover exam boards other than Edexcel?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. In addition to Edexcel and Edexcel International, courses are also designed for AQA, OCR and Cambridge International A Level Chemistry, each built separately against that board\\u2019s own specification.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Do the courses follow the official specification?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. Each course is structured around the official specification points for its exam board, so students can clearly see how the lessons, notes and assessment questions correspond to required syllabus content.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How are the courses structured?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Each course follows a structured learning sequence with interactive study notes, recorded teaching lessons, multiple-choice questions with feedback and exam-style short-answer questions.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Are the study notes interactive?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. The study notes include embedded activities such as fill-in-the-word questions and true or false checks to encourage active engagement and immediate knowledge checking.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can I study at my own pace?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. Courses are self-paced, allowing students to work through lessons, notes and quizzes at a speed that suits their schedule and learning needs.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Are there exam-style questions?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. The platform includes exam-style questions designed to reflect the wording, format and level of difficulty students can expect in A Level Chemistry exams.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Will my answers be marked?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. Short-answer questions are reviewed and marked, with feedback explaining where marks were gained and where improvements can be made.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Who are these courses designed for?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The courses are designed for A Level Chemistry students who want structured support with the specification and exam preparation, including independent learners and students seeking additional support alongside school lessons.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Do I get instant feedback on quizzes?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. Multiple-choice quizzes provide instant feedback after each question, showing the correct answer and an explanation to reinforce the underlying chemistry concept.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Is my progress tracked?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. After completing multiple-choice and short-answer quizzes, students receive results so they can monitor understanding and identify areas requiring further revision.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Who created the courses?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The courses were created by a highly qualified chemistry specialist with academic qualifications including a BSc Chemistry with First Class Honours from UCL, an MSc Advanced Chemical Research from UCL, a PGCE in Secondary Chemistry, a BDS Dentistry from Queen Mary University of London and a Master's degree in Education from UCL.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What teaching experience is behind the courses?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The courses are built on extensive teaching experience in the UK and internationally, including teaching at City of London School for Boys and British curriculum schools in Dubai.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How do I access the course after purchase?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"After purchasing a course, students receive an email containing a link to access the course through the Online Learning System Moodle platform.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Can I access the course on mobile or tablet?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Yes. The platform can be accessed on mobile phones, tablets, laptops and desktop computers through a web browser. A larger screen is recommended for the best experience with diagrams and exam questions.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How long do I have access to the course?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Students receive one year of access from the date of purchase, during which lessons, study materials and quizzes can be revisited as needed.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How much does a course cost?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Course prices vary depending on the amount of content included, such as lesson length, quizzes and extended exam question practice.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What payment methods are accepted?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The website accepts secure digital payment methods through its online checkout system, including major debit and credit cards and other standard payment options supported by the payment processor.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What is the refund policy?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Refund requests must be submitted by email within three working days of purchase. To qualify, the course must not have been accessed or used, and student activity on the platform may be checked before processing a refund.\"\n }\n }\n ]\n }\n ]\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Online Learning System \u2014 Home from verified purchases A Level Chemistry Online Course Buy the topic you need. Notes, a full video lesson, marked questions and spec-point analytics \u2014 in one place. View Courses Start with Free Revision Notes Pay per topic. No subscription. Instant access after purchase. How it works Your journey to an […]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/3216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/comments?post=3216"}],"version-history":[{"count":2,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/3216\/revisions"}],"predecessor-version":[{"id":6962,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/3216\/revisions\/6962"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=3216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}