{"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-06-09T06:16:24","modified_gmt":"2026-06-09T05:16:24","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<\/style>\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 .ols-home-hero-001 a.ols-hero-eyebrow {\n display: inline-block;\n background: #1C244B;\n color: #ffffff;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.6px;\n text-transform: uppercase;\n text-decoration: none;\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 transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n cursor: pointer;\n }\n .ols-home-hero-001 a.ols-hero-eyebrow:hover {\n background: #467FF7;\n transform: translateY(-1px);\n box-shadow: 0 14px 26px rgba(70,127,247,0.30);\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-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 }\n <\/style>\n\n <div class=\"ols-hero-wrap\">\n <div class=\"ols-hero-copy ols-reveal ols-reveal-left\">\n <a class=\"ols-hero-eyebrow\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\">Free Revision Notes<\/a>\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 Click ‘View Course’ after purchase.<br>\n Instant access. No setup.\n <\/p>\n\n <div class=\"ols-hero-cta-row\">\n <a href=\"https:\/\/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:\/\/onlinelearningsystem.net\/xyz\/chemistry-specialist\/\" class=\"ols-hero-btn ols-hero-btn--ghost\">\n Meet the Specialist\n <\/a>\n <\/div>\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<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.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\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})();\n <\/script>\n<\/section>\n\n<!-- ============================================================\n CTA BLOCKS (Course + Specialist)\n ============================================================ -->\n<div class=\"hp-cta-full\">\n <style>\n .hp-cta-full * { box-sizing: border-box; font-family: Poppins, Arial, sans-serif; }\n\n .hp-cta-full {\n width: 100%;\n background: #ffffff;\n padding: 64px 20px 72px;\n }\n .hp-cta-full .hp-wrap {\n max-width: 1200px;\n margin: 0 auto;\n }\n .hp-cta-full .hp-stack {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n .hp-cta-full .hp-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 18px 40px rgba(28,36,75,0.10),\n 0 2px 6px rgba(28,36,75,0.06);\n transition: transform 0.35s ease, box-shadow 0.35s ease;\n overflow: hidden;\n }\n .hp-cta-full .hp-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 26px 54px rgba(28,36,75,0.16);\n }\n .hp-cta-full .hp-card.is-feature {\n background: #1C244B;\n color: #ffffff;\n border-color: transparent;\n }\n\n .hp-cta-full .hp-block {\n display: flex;\n align-items: center;\n gap: 40px;\n }\n .hp-cta-full .hp-card.is-reverse .hp-block { flex-direction: row-reverse; }\n\n .hp-cta-full .hp-text {\n flex: 0 0 40%;\n text-align: center;\n }\n .hp-cta-full .hp-title {\n font-size: clamp(26px, 2.6vw, 36px);\n font-weight: 700;\n line-height: 1.1;\n color: #1C244B;\n letter-spacing: -0.4px;\n text-shadow: -7px 8px 10px rgba(28,36,75,0.18);\n margin: 0 0 18px 0;\n }\n .hp-cta-full .hp-card.is-feature .hp-title {\n color: #ffffff;\n text-shadow: -7px 8px 10px rgba(0,0,0,0.28);\n }\n .hp-cta-full .hp-desc {\n font-size: 17px;\n font-weight: 300;\n line-height: 1.8;\n color: #374151;\n margin: 0 0 24px 0;\n }\n .hp-cta-full .hp-card.is-feature .hp-desc {\n color: rgba(255,255,255,0.85);\n }\n .hp-cta-full .hp-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: 999px;\n background: #1C244B;\n color: #ffffff;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n box-shadow: 0 14px 28px rgba(28,36,75,0.24);\n }\n .hp-cta-full .hp-btn svg { width: 16px; height: 16px; }\n .hp-cta-full .hp-btn:hover {\n background: #467FF7;\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(70,127,247,0.36);\n }\n .hp-cta-full .hp-card.is-feature .hp-btn {\n background: #ffffff;\n color: #1C244B;\n box-shadow: 0 14px 28px rgba(0,0,0,0.24);\n }\n .hp-cta-full .hp-card.is-feature .hp-btn:hover {\n background: #467FF7;\n color: #ffffff;\n }\n\n .hp-cta-full .hp-image {\n flex: 1;\n min-width: 0;\n border-radius: 18px;\n overflow: hidden;\n background: #ffffff;\n padding: 14px;\n box-sizing: border-box;\n box-shadow: 0 14px 32px rgba(0,0,0,0.18);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n .hp-cta-full .hp-card:hover .hp-image {\n transform: translateY(-2px);\n box-shadow: 0 22px 42px rgba(0,0,0,0.22);\n }\n .hp-cta-full .hp-image img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 6px;\n display: block;\n transition: transform 0.6s ease;\n }\n .hp-cta-full .hp-card:hover .hp-image img {\n transform: scale(1.04);\n }\n\n .hp-cta-full .hp-video-frame {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n background: #000;\n }\n .hp-cta-full .hp-video-frame iframe {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%;\n border: 0; display: block; border-radius: 6px;\n border: 0; display: block;\n }\n\n @media (max-width: 1024px) {\n .hp-cta-full .hp-block,\n .hp-cta-full .hp-card.is-reverse .hp-block {\n flex-direction: column;\n text-align: center;\n }\n .hp-cta-full .hp-text,\n .hp-cta-full .hp-image {\n flex: 1; width: 100%;\n }\n .hp-cta-full .hp-desc { font-size: 16px; }\n }\n @media (max-width: 600px) {\n .hp-cta-full { padding: 48px 16px 56px; }\n .hp-cta-full .hp-card { padding: 22px; border-radius: 22px; }\n .hp-cta-full .hp-title { font-size: 26px; }\n .hp-cta-full .hp-btn { font-size: 14px; padding: 12px 22px; }\n }\n <\/style>\n\n <div class=\"hp-wrap\">\n <div class=\"hp-stack\">\n\n <div class=\"hp-card is-feature ols-reveal\">\n <div class=\"hp-block\">\n <div class=\"hp-text\">\n <h3 class=\"hp-title\">A Level Chemistry<br>Online Course<\/h3>\n <a href=\"https:\/\/onlinelearningsystem.net\/xyz\/courses\" class=\"hp-btn\">\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 <\/div>\n <div class=\"hp-image\">\n <div class=\"hp-video-frame\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/M0iLMXF5o6o\" title=\"A Level Chemistry Lesson\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hp-card is-reverse ols-reveal\">\n <div class=\"hp-block\">\n <div class=\"hp-text\">\n <h3 class=\"hp-title\">Meet the Chemistry<br>Specialist Behind OLS<\/h3>\n <p class=\"hp-desc\">\n Every A Level Chemistry online course, every assignment, every progress report,\n created and delivered by one chemistry specialist. Find out who is teaching your chemistry.\n <\/p>\n <a href=\"https:\/\/onlinelearningsystem.net\/xyz\/chemistry-specialist\/\" class=\"hp-btn\">\n Meet The Specialist\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 <div class=\"hp-image\">\n <img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/a-level-chemistry-specialist-laboratory.webp\" alt=\"A Level Chemistry Specialist Laboratory\">\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\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>At present, courses are developed specifically for Edexcel and Edexcel International A-Level Chemistry. Each course is aligned to the exact specification points used in these exam boards to ensure students are learning precisely what is required for their exams. Additional exam boards will be introduced in future, so please check the course roadmap on the website to see upcoming releases.<\/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>Are the courses suitable for other exam boards?<\/summary>\n <div class=\"ols-faq-answer\">\n <p>Although the courses are designed specifically around the Edexcel and Edexcel International specifications, much of the underlying chemistry overlaps with other A-Level exam boards such as AQA or OCR. This means many students studying with other exam boards may still find the content helpful for strengthening their understanding of core chemical concepts.<\/p>\n <p>However, because exam boards organise topics differently and may emphasise different details, the courses are most accurate and directly aligned for Edexcel-based specifications.<\/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 Edexcel specification points. 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 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 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 function isInInitialViewport(el) {\n var rect = el.getBoundingClientRect();\n var viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;\n return rect.top < viewportHeight * 1.05 && 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 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 Edexcel specification-focused learning.\",\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 \"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\": \"A Level Chemistry Lesson\",\n \"description\": \"A sample A Level Chemistry lesson embedded on the Online Learning System homepage.\",\n \"thumbnailUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/04\/a-level-chemistry-specialist-laboratory.webp\",\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/M0iLMXF5o6o\",\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\": \"The courses are currently developed specifically for Edexcel and Edexcel International A Level Chemistry, with lessons and assessments aligned to the relevant specification points.\"\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\": \"Are the courses suitable for other exam boards?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Although the courses are designed around Edexcel and Edexcel International specifications, much of the chemistry overlaps with other A Level exam boards such as AQA and OCR. However, the courses are most directly aligned to Edexcel-based specifications.\"\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 official Edexcel specification points 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","protected":false},"excerpt":{"rendered":"<p>Online Learning System \u2014 Home Free Revision Notes A Level Chemistry Online Course Click ‘View Course’ after purchase. Instant access. No setup. View Courses Meet the Specialist Some ionic radii are shown. Ion Ionic radius \/ nm Na+ 0.102 K+ 0.138 F\u2212 0.133 Cl\u2212 0.180 Which compound has the strongest ionic bonding? sodium chloride \u00d7 […]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"productId":0,"courseId":0,"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":5098,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/3216\/revisions\/5098"}],"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}]}}