{"id":7541,"date":"2026-09-11T17:48:55","date_gmt":"2026-09-11T16:48:55","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/"},"modified":"2026-09-25T09:31:10","modified_gmt":"2026-09-25T08:31:10","slug":"functional-groups-in-the-cambridge-table","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/","title":{"rendered":"Functional Groups in the Cambridge Table"},"content":{"rendered":"\n<section class=\"ols-revision-page ols-free-radical-substitution-page\">\n  <style>\n    .ols-revision-page {\n      --navy: #1C244B;\n      --blue: #2563eb;\n      --soft-blue: #eef4ff;\n      --soft-red: #fff7f7;\n      --soft-purple: #f7f0ff;\n      --soft-green: #f0f7f1;\n      --soft-yellow: #fff8e6;\n      --red: #c81e1e;\n      --gold: #c9973a;\n      --green: #3f8f46;\n      --grey-text: #667085;\n      --body-text: #1f2937;\n      --border: rgba(28, 36, 75, 0.14);\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 0.08);\n      font-family: Poppins, Arial, sans-serif;\n      color: var(--navy);\n      background: #ffffff;\n    }\n\n    .ols-revision-page * {\n      box-sizing: border-box;\n    }\n\n    .ols-main {\n      min-width: 0;\n      max-width: 970px;\n    }\n\n    .ols-breadcrumbs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 10px 0 22px;\n      font-size: 15px;\n      color: var(--grey-text);\n    }\n\n    .ols-breadcrumbs a,\n    .ols-breadcrumbs span {\n      color: var(--grey-text);\n      text-decoration: none;\n      font-weight: 600;\n    }\n\n    .ols-breadcrumbs a {\n      transition: color 0.2s ease, text-decoration-color 0.2s ease;\n    }\n\n    .ols-breadcrumbs a:hover {\n      color: var(--blue);\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .ols-title-card,\n    .ols-note-card,\n    .ols-h5p-card,\n    .ols-related-card,\n    .ols-faq-card {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 28px;\n      box-shadow: var(--shadow);\n      padding: 34px;\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .ols-title-card {\n      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n    }\n\n    .ols-title-card h1 {\n      margin: 0 0 18px;\n      font-size: clamp(36px, 5vw, 58px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -0.04em;\n      color: #111827;\n    }\n\n    .ols-page-intro {\n      font-size: 19px;\n      line-height: 1.7;\n      font-weight: 300;\n      color: var(--body-text);\n      margin: 0 0 22px;\n    }\n\n    .ols-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 22px;\n    }\n\n    .ols-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 9px 14px;\n      border-radius: 999px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--navy);\n    }\n\n    .ols-author {\n      display:flex;\n      align-items:center;\n      gap:20px;\n      padding:28px;\n      border-radius:28px;\n      background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);\n      border:1px solid rgba(28,36,75,0.12);\n      box-shadow:0 18px 45px rgba(28,36,75,0.10);\n    }\n\n    .ols-author-avatar-img {\n      width:92px;\n      height:92px;\n      border-radius:50%;\n      object-fit:cover;\n      object-position:center;\n      flex-shrink:0;\n      border:4px solid #ffffff;\n      box-shadow:\n        0 14px 32px rgba(28,36,75,0.18),\n        0 0 0 1px rgba(28,36,75,0.10);\n      transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n    }\n\n    .ols-author:hover .ols-author-avatar-img {\n      transform:scale(1.04);\n      box-shadow:\n        0 20px 42px rgba(28,36,75,0.22),\n        0 0 0 1px rgba(28,36,75,0.10);\n    }\n\n    .ols-author-content {\n      min-width:0;\n    }\n\n    .ols-author-title {\n      margin:0 0 4px;\n      font-size:clamp(24px,3vw,34px);\n      line-height:1.15;\n      font-weight:700;\n      color:#1C244B;\n      letter-spacing:-0.03em;\n    }\n\n    .ols-author-description {\n      margin:0;\n      font-size:17px;\n      line-height:1.7;\n      font-weight:300;\n      color:#667085;\n    }\n\n    .ols-linkedin-pill {\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      margin-top:16px;\n      padding:11px 18px;\n      border-radius:999px;\n      background:linear-gradient(135deg,#0A66C2,#004182);\n      color:#ffffff !important;\n      text-decoration:none;\n      font-size:14px;\n      line-height:1;\n      font-weight:700;\n      letter-spacing:0.01em;\n      box-shadow:0 10px 22px rgba(10,102,194,0.24);\n      position:relative;\n      overflow:hidden;\n      transition:\n        transform 0.22s ease,\n        box-shadow 0.22s ease;\n    }\n\n    .ols-linkedin-pill::before {\n      content:\"\";\n      position:absolute;\n      top:0;\n      left:-120%;\n      width:100%;\n      height:100%;\n      background:linear-gradient(\n        120deg,\n        rgba(255,255,255,0) 0%,\n        rgba(255,255,255,0.28) 50%,\n        rgba(255,255,255,0) 100%\n      );\n      transition:left 0.7s ease;\n    }\n\n    .ols-linkedin-pill:hover {\n      transform:translateY(-3px) scale(1.03);\n      color:#ffffff !important;\n      box-shadow:\n        0 16px 34px rgba(10,102,194,0.34),\n        0 0 0 6px rgba(10,102,194,0.10);\n    }\n\n    .ols-linkedin-pill:hover::before {\n      left:120%;\n    }\n\n    .ols-linkedin-icon {\n      width:18px;\n      height:18px;\n      display:block;\n      flex-shrink:0;\n    }\n\n    .ols-note-card.soft {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-red) 100%);\n    }\n\n    .ols-note-card.purple {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-purple) 100%);\n    }\n\n    .ols-note-card.green {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-green) 100%);\n    }\n\n    .ols-note-card.yellow {\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-yellow) 100%);\n    }\n\n    .ols-note-title {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 20px;\n    }\n\n    .ols-note-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 16px;\n      background: var(--navy);\n      color: #ffffff;\n      display: grid;\n      place-items: center;\n      font-size: 24px;\n      font-weight: 800;\n      flex-shrink: 0;\n    }\n\n    .ols-note-title h2,\n    .ols-h5p-card h2,\n    .ols-related-card h2,\n    .ols-faq-card h2,\n    .ols-infographic-title {\n      margin: 0;\n      font-size: clamp(28px, 3.5vw, 42px);\n      line-height: 1.15;\n      font-weight: 800;\n      color: #111827;\n      letter-spacing: -0.03em;\n    }\n\n    .ols-h5p-card h2,\n    .ols-related-card h2,\n    .ols-faq-card h2 {\n      margin-bottom: 14px;\n    }\n\n    .ols-note-card p,\n    .ols-note-card li {\n      font-size: clamp(15px, 1.25vw, 17px);\n      line-height: 1.65;\n      font-weight: 300;\n      color: var(--body-text);\n    }\n\n    .ols-h5p-card p,\n    .ols-related-card p,\n    .ols-faq-card p {\n      font-size: clamp(15px, 1.3vw, 18px);\n      line-height: 1.65;\n      font-weight: 300;\n      color: var(--body-text);\n    }\n\n    .ols-note-card strong,\n    .ols-h5p-card strong,\n    .ols-related-card strong,\n    .ols-faq-card strong {\n      font-weight: 700;\n      color: var(--navy);\n    }\n\n    .ols-note-card ul,\n    .ols-note-card ol {\n      margin: 0;\n      padding-left: 22px;\n    }\n\n    .ols-key-box {\n      margin-top: 20px;\n      background: var(--soft-green);\n      border: 1px solid rgba(63, 143, 70, 0.25);\n      border-radius: 20px;\n      padding: 18px 20px;\n    }\n\n    .ols-key-box p {\n      margin: 0;\n      font-weight: 400;\n      color: var(--navy);\n    }\n\n    .ols-warning-box {\n      margin-top: 20px;\n      background: #fff7f7;\n      border: 1px solid rgba(200, 30, 30, 0.22);\n      border-left: 5px solid var(--red);\n      border-radius: 20px;\n      padding: 18px 20px;\n    }\n\n    .ols-warning-box p {\n      margin: 0;\n      font-weight: 400;\n      color: var(--navy);\n    }\n\n    .ols-definition-box {\n      background: linear-gradient(135deg, #ffffff, var(--soft-purple));\n      border: 2px dashed rgba(122, 62, 157, 0.35);\n      border-radius: 24px;\n      padding: 24px;\n      margin-top: 22px;\n    }\n\n    .ols-definition-box p {\n      margin: 0;\n      font-weight: 400;\n      color: var(--navy);\n    }\n\n    .ols-figure-card {\n      margin: 26px 0 4px;\n      border: 1px solid var(--border);\n      border-radius: 26px;\n      overflow: hidden;\n      background: #ffffff;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-figure-image {\n      width: 100%;\n      min-height: 330px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffffff;\n      padding: 20px;\n    }\n\n    .ols-figure-image img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 18px;\n    }\n\n    .ols-figure-caption {\n      padding: 20px 24px 22px;\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n      border-top: 1px solid var(--border);\n    }\n\n    .ols-figure-caption p {\n      margin: 0;\n      color: #5f6b85;\n      font-size: clamp(15px, 1.25vw, 17px);\n      line-height: 1.6;\n      font-weight: 300;\n      font-style: italic;\n    }\n\n    .ols-table-wrap {\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid var(--border);\n      background: #ffffff;\n      margin-top: 18px;\n    }\n\n    .ols-table {\n      width: 100%;\n      border-collapse: collapse;\n      table-layout: fixed;\n    }\n\n    .ols-table th {\n      background: var(--navy);\n      color: #ffffff;\n      padding: 16px;\n      text-align: left;\n      font-size: clamp(14px, 1.2vw, 17px);\n      font-weight: 600;\n      overflow-wrap: anywhere;\n      word-break: normal;\n    }\n\n    .ols-table td {\n      padding: 16px;\n      border-bottom: 1px solid var(--border);\n      font-size: clamp(14px, 1.15vw, 16px);\n      line-height: 1.45;\n      color: var(--body-text);\n      vertical-align: top;\n      overflow-wrap: anywhere;\n      word-break: normal;\n    }\n\n    .ols-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .ols-h5p-card {\n      background: linear-gradient(135deg, #ffffff 0%, #f7f0ff 100%);\n    }\n\n    .ols-h5p-frame {\n      margin-top: 22px;\n      padding: 18px;\n      border-radius: 24px;\n      background: #ffffff;\n      border: 1px solid var(--border);\n      box-shadow: inset 0 0 0 1px rgba(28, 36, 75, 0.03);\n    }\n\n    .ols-infographic-full {\n      width: 100%;\n      max-width: 100%;\n      margin: 6px 0 30px;\n      overflow: hidden;\n    }\n\n    .ols-infographic-title {\n      margin: 0 0 18px;\n    }\n\n    .ols-infographic-full-frame {\n      width: 100%;\n      max-width: 100%;\n      border-radius: 22px;\n      overflow: hidden;\n      box-shadow: 0 18px 42px rgba(28, 36, 75, 0.13);\n      background: #ffffff;\n      border: 1px solid var(--border);\n      padding: 0;\n    }\n\n    .ols-infographic-full-frame img {\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n    }\n\n    .ols-infographic-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .ols-info-panel {\n      border: 1px solid var(--border);\n      border-radius: 20px;\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n      padding: 18px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-info-panel h3 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      line-height: 1.25;\n      color: var(--navy);\n    }\n\n    .ols-info-panel p {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.6;\n      color: var(--body-text);\n      font-weight: 300;\n    }\n\n    .ols-faq-card {\n      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n    }\n\n    .ols-faq-list {\n      display: grid;\n      gap: 14px;\n      margin-top: 20px;\n    }\n\n    .ols-faq-item {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px 20px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-faq-item h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      line-height: 1.35;\n      color: var(--navy);\n    }\n\n    .ols-faq-item p {\n      margin: 0;\n    }\n\n    .ols-related-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 16px;\n      margin-top: 18px;\n    }\n\n    .ols-related-item {\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 18px;\n      background: #ffffff;\n      color: var(--navy);\n      text-decoration: none;\n      font-weight: 600;\n      line-height: 1.5;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .ols-related-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 22px rgba(28, 36, 75, 0.08);\n    }\n\n    @media (max-width: 1050px) {\n\n      .ols-main {\n        max-width: none;\n      }\n\n      .ols-related-grid,\n      .ols-infographic-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 760px) {\n\n      .ols-title-card,\n      .ols-note-card,\n      .ols-h5p-card,\n      .ols-related-card,\n      .ols-faq-card {\n        padding: 24px 18px;\n        border-radius: 22px;\n      }\n\n      .ols-note-title {\n        align-items: flex-start;\n      }\n\n      .ols-figure-card {\n        border-radius: 22px;\n      }\n\n      .ols-figure-image {\n        min-height: 230px;\n        padding: 14px;\n      }\n\n      .ols-figure-caption {\n        padding: 18px;\n      }\n\n      .ols-related-grid,\n      .ols-infographic-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ols-table-wrap {\n        border-radius: 20px;\n        overflow: hidden;\n      }\n\n      .ols-table,\n      .ols-table thead,\n      .ols-table tbody,\n      .ols-table th,\n      .ols-table td,\n      .ols-table tr {\n        display: block;\n        width: 100%;\n      }\n\n      .ols-table thead {\n        display: none;\n      }\n\n      .ols-table tr {\n        border-bottom: 1px solid var(--border);\n        background: #ffffff;\n      }\n\n      .ols-table tr:last-child {\n        border-bottom: none;\n      }\n\n      .ols-table td {\n        display: grid;\n        grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);\n        gap: 12px;\n        align-items: start;\n        border-bottom: 1px solid rgba(28, 36, 75, 0.08);\n        padding: 14px;\n        overflow-wrap: anywhere;\n      }\n\n      .ols-table td:last-child {\n        border-bottom: none;\n      }\n\n      .ols-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--navy);\n        overflow-wrap: anywhere;\n      }\n\n      .ols-infographic-full {\n        margin: 0 0 26px;\n      }\n\n      .ols-infographic-full-frame {\n        border-radius: 18px;\n      }\n    }\n  \n    .ols-figure-placeholder .ols-placeholder-box { border: 2px dashed #c9973a; background: #fffaf0; border-radius: 16px; padding: 26px 22px; font-weight: 700; color: #7a4b12; text-align: center; line-height: 1.6; }\n    .ols-figure-placeholder .ols-figure-image { background: transparent; }\n    .ols-figure-placeholder { background: #ffffff; border: 1px solid rgba(28, 36, 75, 0.12); border-radius: 22px; padding: 14px; margin: 18px 0 6px; }\n    .ols-figure-placeholder .ols-figure-caption p { margin: 10px 0 0; font-size: 14px; color: #667085; text-align: center; }\n<\/style>\n\n  <aside class=\"ols-sidebar\">\n  <div class=\"ols-sidebar-header\">\n    <h3>Revision Notes<\/h3>\n    <p>Cambridge International AS Level Chemistry<\/p>\n  <\/div>\n  <div class=\"ols-topic-group\">\n    <h4>13.1 Formulas, Functional Groups and Naming<\/h4>\n    <ul class=\"ols-topic-list\">\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/\">Part overview<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/iupac-rules\/\">IUPAC Rules<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/alkene\/\">Alkene<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/alcohol\/\">Alcohol<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/halogenoalkanes\/\">Halogenoalkanes<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/aldehyde\/\">Aldehyde<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/ketone\/\">Ketone<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/carboxylic-acid\/\">Carboxylic Acid<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/ester\/\">Ester<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/\">Functional Groups in the Cambridge Table<\/a><\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"ols-topic-group\">\n    <h4>Other Topic 13 Parts<\/h4>\n    <ul class=\"ols-topic-list\">\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/\">Topic 13 overview<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/characteristic-organic-reactions\/\">13.2 Characteristic Organic Reactions<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/shapes-of-organic-molecules\/\">13.3 Shapes of Organic Molecules<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/isomerism\/\">13.4 Isomerism<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/\">Topic 14 Hydrocarbons<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/aside>\n<script>\r\n(function() {\r\n  function normalisePath(path) {\r\n    return String(path || '')\r\n      .split('?')[0]\r\n      .split('#')[0]\r\n      .replace(\/\\\/+$\/, '')\r\n      .toLowerCase();\r\n  }\r\n\r\n  function highlightActive() {\r\n    var sidebar = document.querySelector('.ols-sidebar');\r\n    if (!sidebar) return false;\r\n\r\n    var currentPath = normalisePath(window.location.pathname);\r\n    var links = sidebar.querySelectorAll('a[href]');\r\n    var matched = null;\r\n    var matchedLength = 0;\r\n\r\n    sidebar.querySelectorAll('.active, .active-main, .parent-active').forEach(function(item) {\r\n      item.classList.remove('active', 'active-main', 'parent-active');\r\n    });\r\n\r\n    sidebar.querySelectorAll('a[data-ols-disabled-parent=\"1\"], a[aria-current]').forEach(function(a) {\r\n      a.removeAttribute('aria-current');\r\n      a.removeAttribute('tabindex');\r\n      a.removeAttribute('data-ols-disabled-parent');\r\n    });\r\n\r\n    links.forEach(function(a) {\r\n      try {\r\n        var href = a.getAttribute('href');\r\n        if (!href || href === '#' || href.charAt(0) === '#') return;\r\n        var linkPath = normalisePath(new URL(href, window.location.origin).pathname);\r\n        if (!linkPath) return;\r\n        if (currentPath === linkPath || currentPath.indexOf(linkPath + '\/') === 0) {\r\n          if (linkPath.length > matchedLength) {\r\n            matched = a;\r\n            matchedLength = linkPath.length;\r\n          }\r\n        }\r\n      } catch(e) {}\r\n    });\r\n\r\n    if (matched) {\r\n      var matchedLi = matched.closest('li');\r\n      var parentSub = matched.closest('.ols-subtopic-list');\r\n\r\n      if (parentSub) {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('active');\r\n          matched.setAttribute('aria-current', 'page');\r\n        }\r\n\r\n        var parentLi = parentSub.closest('li');\r\n        while (parentLi) {\r\n          parentLi.classList.add('parent-active', 'active-main');\r\n\r\n          var parentLink = parentLi.querySelector(':scope > a');\r\n          if (parentLink) {\r\n            parentLink.setAttribute('aria-current', 'true');\r\n            parentLink.setAttribute('tabindex', '-1');\r\n            parentLink.setAttribute('data-ols-disabled-parent', '1');\r\n          }\r\n\r\n          var higherSub = parentLi.parentElement.closest('.ols-subtopic-list');\r\n          parentLi = higherSub ? higherSub.closest('li') : null;\r\n        }\r\n      } else {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('parent-active', 'active-main');\r\n          matched.setAttribute('aria-current', 'page');\r\n          matched.setAttribute('tabindex', '-1');\r\n          matched.setAttribute('data-ols-disabled-parent', '1');\r\n        }\r\n      }\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  if (!highlightActive()) {\r\n    document.addEventListener('DOMContentLoaded', highlightActive);\r\n  }\r\n})();\r\n<\/script>\n\n    <main class=\"ols-main\">\n      <nav class=\"ols-breadcrumbs\" aria-label=\"Breadcrumb\">\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\">Revision Notes<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\">A Level Chemistry<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/\">Cambridge International (CIE)<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/\">Topic 13 Introduction to AS Organic Chemistry<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/\">Formulas, Functional Groups and Naming<\/a> \/\n<span>Functional Groups in the Cambridge Table<\/span>\n<\/nav>\n\n      <header class=\"ols-title-card\">\n        <h1>Functional Groups in the Cambridge Table<\/h1>\n        <p class=\"ols-page-intro\">A concise Cambridge International AS Level Chemistry revision guide to the full table of functional groups in the 9701 syllabus (13.1.3): the classes not covered on the individual naming pages, how each group dictates the properties of its compounds, and the extra naming rules for esters and nitriles (13.1.5).<\/p>\n\n        <div class=\"ols-badges\">\n          <div class=\"ols-badge\">AS Level<\/div>\n<div class=\"ols-badge\">Topic 13: An Introduction to AS Level Organic Chemistry<\/div>\n<div class=\"ols-badge\">9701 Papers 1 and 2<\/div>\n        <\/div>\n\n        <div class=\"ols-author\">\n          <img decoding=\"async\"\n            class=\"ols-author-avatar-img\"\n            src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Author-Profile.jpeg\"\n            alt=\"Dr. Mohammed Al-Fatah\"\n          >\n\n          <div class=\"ols-author-content\">\n            <h2 class=\"ols-author-title\">Written by: Dr. Mohammed Al-Fatah<\/h2>\n            <p class=\"ols-author-description\">Chemistry specialist revision notes for A Level Chemistry.<\/p>\n\n            <a class=\"ols-linkedin-pill\" href=\"https:\/\/www.linkedin.com\/in\/doctormohammedfatah\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg class=\"ols-linkedin-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path d=\"M4.98 3.5C4.98 4.88 3.86 6 2.48 6S0 4.88 0 3.5 1.12 1 2.48 1s2.5 1.12 2.5 2.5zM.5 8h4V24h-4V8zm7 0h3.8v2.2h.1c.5-.9 1.8-2.2 3.9-2.2 4.2 0 5 2.8 5 6.4V24h-4v-7.6c0-1.8 0-4.2-2.6-4.2s-3 2-3 4v7.8h-4V8z\"\/>\n              <\/svg>\n              View LinkedIn Profile\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <section class=\"ols-h5p-card ols-h5p-inline ols-h5p-recap\">\n<span class=\"ols-h5p-kicker\">Before you start<\/span>\n<h2>GCSE Recap: Homologous Series and the Groups You Know<\/h2>\n<p>Before you start, check the groups you can already recognise and why members of one series behave alike.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-content\" data-content-id=\"828\"><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card soft\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">1<\/div>\n<h2>The Cambridge Functional-Group Table<\/h2>\n<\/div>\n<p>Cambridge 13.1.3 states that the compounds in the syllabus table contain a <strong>functional group<\/strong> which dictates their physical and chemical properties, and 13.1.4 asks you to interpret and use the general, structural, displayed and skeletal formulae of every class in that table. The individual naming pages cover alkenes, halogenoalkanes, alcohols, aldehydes, ketones, carboxylic acids and esters. This page completes the table.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Class<\/th><th>Functional group<\/th><th>General formula<\/th><th>Naming<\/th><th>Example<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Alkane<\/strong><\/td><td>None (C-C and C-H only)<\/td><td>C<sub>n<\/sub>H<sub>2n+2<\/sub><\/td><td>Suffix -ane<\/td><td>Propane, CH<sub>3<\/sub>CH<sub>2<\/sub>CH<sub>3<\/sub><\/td><\/tr>\n<tr><td><strong>Alkene<\/strong><\/td><td>C=C<\/td><td>C<sub>n<\/sub>H<sub>2n<\/sub><\/td><td>Suffix -ene<\/td><td>But-1-ene<\/td><\/tr>\n<tr><td><strong>Halogenoalkane<\/strong><\/td><td>C-X (X = F, Cl, Br, I)<\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>X<\/td><td>Prefix fluoro-, chloro-, bromo-, iodo-<\/td><td>2-Bromopropane<\/td><\/tr>\n<tr><td><strong>Alcohol<\/strong><\/td><td>C-OH<\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>OH<\/td><td>Suffix -ol<\/td><td>Propan-2-ol<\/td><\/tr>\n<tr><td><strong>Aldehyde<\/strong><\/td><td>CHO<\/td><td>C<sub>n<\/sub>H<sub>2n<\/sub>O<\/td><td>Suffix -al<\/td><td>Butanal<\/td><\/tr>\n<tr><td><strong>Ketone<\/strong><\/td><td>C=O (within the chain)<\/td><td>C<sub>n<\/sub>H<sub>2n<\/sub>O<\/td><td>Suffix -one<\/td><td>Pentan-3-one<\/td><\/tr>\n<tr><td><strong>Carboxylic acid<\/strong><\/td><td>COOH<\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>COOH<\/td><td>Suffix -oic acid<\/td><td>Propanoic acid<\/td><\/tr>\n<tr><td><strong>Ester<\/strong><\/td><td>COOR<\/td><td>RCOOR&prime;<\/td><td>Alkyl + -oate<\/td><td>Ethyl propanoate<\/td><\/tr>\n<tr><td><strong>Amine<\/strong><\/td><td>NH<sub>2<\/sub><\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>NH<sub>2<\/sub><\/td><td>Suffix -amine (or prefix amino-)<\/td><td>Propylamine<\/td><\/tr>\n<tr><td><strong>Nitrile<\/strong><\/td><td>C&#8801;N<\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>CN<\/td><td>Suffix -nitrile<\/td><td>Propanenitrile<\/td><\/tr>\n<tr><td><strong>Amide<\/strong><\/td><td>CONH<sub>2<\/sub><\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>CONH<sub>2<\/sub><\/td><td>Suffix -amide<\/td><td>Ethanamide<\/td><\/tr>\n<tr><td><strong>Acyl chloride<\/strong><\/td><td>COCl<\/td><td>C<sub>n<\/sub>H<sub>2n+1<\/sub>COCl<\/td><td>Suffix -oyl chloride<\/td><td>Propanoyl chloride<\/td><\/tr>\n<tr><td><strong>Hydroxynitrile<\/strong><\/td><td>C(OH)CN<\/td><td>&#8211;<\/td><td>Prefix hydroxy- with suffix -nitrile<\/td><td>2-Hydroxypropanenitrile<\/td><\/tr>\n<tr><td><strong>Arene<\/strong><\/td><td>Benzene ring, C<sub>6<\/sub>H<sub>5<\/sub>&#8211;<\/td><td>C<sub>6<\/sub>H<sub>5<\/sub>R<\/td><td>Named as benzene derivatives<\/td><td>Methylbenzene<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"ols-figure-card ols-zoom-pop\">\n<div class=\"ols-figure-image\">\n<a class=\"ols-image-fullscreen-link\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/five-panel-graphic.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open image fullscreen\">\n<img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/five-panel-graphic.jpg\" alt=\"One example each of the amine, nitrile, amide, acyl chloride, hydroxynitrile, arene and ester functional groups, with the group circled on each displayed formula\" data-fullscreen-src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/five-panel-graphic.jpg\">\n<\/a>\n<\/div>\n<div class=\"ols-figure-caption\"><p>The classes that complete the Cambridge table, each with its functional group highlighted.<\/p><\/div>\n<\/div>\n<div class=\"ols-key-box\">\n<p><strong>Key idea:<\/strong> The functional group decides the chemistry: every compound in a class undergoes the same characteristic reactions, which is why Cambridge asks you to recognise each group from a formula and to name compounds from it.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Name the Class from the Formula<\/h2>\n<p>Drag a class name into each gap; one compound needs two of them.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-407\" class=\"h5p-iframe\" data-content-id=\"407\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Functional Groups Drag: Naming the Class from a Condensed Formula\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">2<\/div>\n<h2>The Nitrogen-Containing Groups<\/h2>\n<\/div>\n<p>Four of the classes contain nitrogen. They are met in Topic 19 (nitrogen compounds) and in the synthesis routes of Topic 21, but you must recognise and name them from Topic 13 onwards.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Class<\/th><th>What to look for<\/th><th>Naming rule<\/th><th>Watch out<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Amine<\/strong><\/td><td>An NH<sub>2<\/sub> group on a carbon chain<\/td><td>Name the alkyl group then add -amine: ethylamine, butylamine<\/td><td>Not to be confused with an amide, which has C=O next to the nitrogen<\/td><\/tr>\n<tr><td><strong>Amide<\/strong><\/td><td>CONH<sub>2<\/sub>: a carbonyl carbon bonded to NH<sub>2<\/sub><\/td><td>Replace -oic acid with -amide: propanoic acid gives propanamide<\/td><td>The carbonyl carbon is counted in the chain<\/td><\/tr>\n<tr><td><strong>Nitrile<\/strong><\/td><td>C&#8801;N at the end of a chain<\/td><td>Count the nitrile carbon in the chain and add -nitrile: CH<sub>3<\/sub>CH<sub>2<\/sub>CN is propanenitrile, not ethanenitrile<\/td><td>Cambridge restricts nitrile naming to straight chains<\/td><\/tr>\n<tr><td><strong>Hydroxynitrile<\/strong><\/td><td>OH and CN on the same carbon<\/td><td>Number from the nitrile carbon: CH<sub>3<\/sub>CH(OH)CN is 2-hydroxypropanenitrile<\/td><td>Formed when HCN adds to an aldehyde or ketone<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"ols-key-box\">\n<p><strong>Exam focus:<\/strong> The nitrile carbon is part of the chain. CH<sub>3<\/sub>CN has two carbon atoms and is ethanenitrile; CH<sub>3<\/sub>CH<sub>2<\/sub>CH<sub>2<\/sub>CN has four and is butanenitrile.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: The Nitrogen Classes<\/h2>\n<p>Five quick questions on compounds the page has not used; classify first, then name.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-409\" class=\"h5p-iframe\" data-content-id=\"409\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Functional Groups Quick-Fire: The Nitrogen-Containing Classes\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card purple\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">3<\/div>\n<h2>Acyl Chlorides and Arenes<\/h2>\n<\/div>\n<p><strong>Acyl chlorides<\/strong> contain the COCl group: a carbonyl carbon bonded to chlorine. They are named from the parent acid by replacing -oic acid with <strong>-oyl chloride<\/strong>, so CH<sub>3<\/sub>COCl is ethanoyl chloride and CH<sub>3<\/sub>CH<sub>2<\/sub>COCl is propanoyl chloride. They are very reactive derivatives of carboxylic acids and appear in Topic 18.<\/p>\n<p><strong>Arenes<\/strong> contain a benzene ring, C<sub>6<\/sub>H<sub>6<\/sub>, drawn as a hexagon with a circle to show the delocalised electrons. Substituted arenes are named as derivatives of benzene: methylbenzene, C<sub>6<\/sub>H<sub>5<\/sub>CH<sub>3<\/sub>, and chlorobenzene, C<sub>6<\/sub>H<sub>5<\/sub>Cl. When the benzene ring is a substituent on a chain it is called a <strong>phenyl<\/strong> group, as in phenylethene. Arenes are studied in detail at A Level (Topic 30), but their formulae appear in AS questions on functional groups.<\/p>\n<div class=\"ols-key-box\">\n<p><strong>Key idea:<\/strong> A benzene ring is unsaturated, but it does not undergo the addition reactions of alkenes; its stability comes from the delocalised electrons.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: A Ring and a Double Bond in One Molecule<\/h2>\n<p>Decide which part of phenylethene reacts with bromine, and why the other does not.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-410\" class=\"h5p-iframe\" data-content-id=\"410\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Functional Groups MCQ: Why the Ring in Phenylethene Survives Bromine\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card soft\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">4<\/div>\n<h2>Naming Esters: Six Plus Six<\/h2>\n<\/div>\n<p>Cambridge 13.1.5 allows ester names with up to <strong>six carbon atoms in each part<\/strong>. An ester is named in two words: the <strong>alkyl group from the alcohol<\/strong> first, then the <strong>acid part with -oate<\/strong>.<\/p>\n<ol>\n<li>Find the C=O carbon. The chain it belongs to came from the acid and gives the second word: methanoate, ethanoate, propanoate, butanoate, pentanoate, hexanoate.<\/li>\n<li>The alkyl group on the single-bonded oxygen came from the alcohol and gives the first word: methyl, ethyl, propyl, butyl, pentyl, hexyl.<\/li>\n<\/ol>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Ester<\/th><th>Alcohol part (first word)<\/th><th>Acid part (second word)<\/th><th>Structural formula<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Propyl ethanoate<\/strong><\/td><td>Propyl, from propan-1-ol<\/td><td>Ethanoate, from ethanoic acid<\/td><td>CH<sub>3<\/sub>COOCH<sub>2<\/sub>CH<sub>2<\/sub>CH<sub>3<\/sub><\/td><\/tr>\n<tr><td><strong>Methyl butanoate<\/strong><\/td><td>Methyl, from methanol<\/td><td>Butanoate, from butanoic acid<\/td><td>CH<sub>3<\/sub>CH<sub>2<\/sub>CH<sub>2<\/sub>COOCH<sub>3<\/sub><\/td><\/tr>\n<tr><td><strong>Hexyl hexanoate<\/strong><\/td><td>Hexyl, from hexan-1-ol<\/td><td>Hexanoate, from hexanoic acid<\/td><td>CH<sub>3<\/sub>(CH<sub>2<\/sub>)<sub>4<\/sub>COO(CH<sub>2<\/sub>)<sub>5<\/sub>CH<sub>3<\/sub><\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"ols-key-box\">\n<p><strong>Exam focus:<\/strong> Write the formula the way the name reads, acid part first with its C=O: CH<sub>3<\/sub>CH<sub>2<\/sub>COOCH<sub>3<\/sub> is methyl propanoate. Students often swap the two parts.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Name Four New Esters<\/h2>\n<p>Work out both words of each name, then type it in.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-408\" class=\"h5p-iframe\" data-content-id=\"408\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Functional Groups Flashcards: Name Four New Esters\"><\/iframe><\/div><\/div>\n<\/section>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Pick the Accurate Statement<\/h2>\n<p>In each round, choose the one statement that reads the formula correctly.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-829\" class=\"h5p-iframe\" data-content-id=\"829\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Functional Groups Summary: Spot the Class in Look-Alike Formulae\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card purple\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">5<\/div>\n<h2>Common Exam Mistakes<\/h2>\n<\/div>\n<ul>\n<li>Naming CH<sub>3<\/sub>CH<sub>2<\/sub>CN as ethanenitrile. The nitrile carbon counts, so it is propanenitrile.<\/li>\n<li>Confusing amines (C-NH<sub>2<\/sub>) with amides (C(=O)NH<sub>2<\/sub>). Look for the carbonyl group next to the nitrogen.<\/li>\n<li>Swapping the two parts of an ester name, or writing the alkyl group on the wrong oxygen.<\/li>\n<li>Treating a benzene ring as an alkene and predicting addition reactions.<\/li>\n<li>Giving a general formula for a hydroxynitrile: the syllabus expects the group C(OH)CN to be recognised, not a general formula.<\/li>\n<\/ul>\n<div class=\"ols-key-box\">\n<p><strong>Exam sentence:<\/strong> Each class in the Cambridge table is defined by its functional group; the group is named by a suffix or prefix, and the nitrile and carbonyl carbons are counted as part of the chain.<\/p>\n<\/div>\n<\/article>\n\n<section class=\"ols-course-cta-alkenes\" id=\"olsCourseCtaAlkenes001\">\r\n  <style>\r\n    .ols-course-cta-alkenes,\r\n    .ols-course-cta-alkenes * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ols-course-cta-alkenes {\r\n      --navy: #1C244B;\r\n      --blue: #2563eb;\r\n      --body-text: #1f2937;\r\n      --grey-text: #667085;\r\n      --border: rgba(28, 36, 75, 0.14);\r\n      --shadow: 0 18px 45px rgba(28, 36, 75, 0.12);\r\n      --inner-shadow: 0 10px 26px rgba(28, 36, 75, 0.08);\r\n\r\n      width: 100%;\r\n      margin: 30px 0 24px;\r\n      font-family: Poppins, Arial, sans-serif;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-card {\r\n      overflow: hidden;\r\n      border-radius: 30px;\r\n      border: 1px solid var(--border);\r\n      background:\r\n        radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 34%),\r\n        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\r\n      box-shadow: var(--shadow);\r\n      padding: 30px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-top {\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);\r\n      gap: 28px;\r\n      align-items: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-image-link {\r\n      display: block;\r\n      text-decoration: none;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-image {\r\n      width: 100%;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--border);\r\n      background: #ffffff;\r\n      box-shadow: var(--inner-shadow);\r\n      transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-image img {\r\n      width: 100%;\r\n      height: auto;\r\n      display: block;\r\n      transition: transform 0.45s ease;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-image-link:hover .ols-course-cta-image {\r\n      transform: translateY(-8px) scale(1.015);\r\n      box-shadow:\r\n        0 26px 60px rgba(28, 36, 75, 0.18),\r\n        0 0 0 1px rgba(37, 99, 235, 0.12);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-image-link:hover .ols-course-cta-image img {\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-header-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(37, 99, 235, 0.18);\r\n      color: var(--blue);\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 700;\r\n      box-shadow: var(--inner-shadow);\r\n    }\r\n\r\n    .ols-course-cta-alkenes h2 {\r\n      margin: 0 0 14px;\r\n      font-size: clamp(28px, 3.5vw, 42px);\r\n      line-height: 1.15;\r\n      font-weight: 800;\r\n      letter-spacing: -0.03em;\r\n      color: #111827;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-intro-stats {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);\r\n      gap: 24px;\r\n      align-items: stretch;\r\n      margin: 0 0 30px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-intro {\r\n      margin: 0;\r\n      color: var(--body-text);\r\n      font-size: clamp(16px, 1.4vw, 18px);\r\n      line-height: 1.7;\r\n      font-weight: 300;\r\n      align-self: center;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-stat {\r\n      background: #ffffff;\r\n      border: 1px solid var(--border);\r\n      border-radius: 18px;\r\n      padding: 16px;\r\n      box-shadow: var(--inner-shadow);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-stat span {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      color: var(--grey-text);\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-stat strong {\r\n      display: block;\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-features {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin: 0 0 30px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-feature {\r\n      background: rgba(255, 255, 255, 0.78);\r\n      border: 1px solid var(--border);\r\n      border-radius: 18px;\r\n      padding: 16px 18px;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-feature h3 {\r\n      margin: 0 0 6px;\r\n      color: var(--navy);\r\n      font-size: 18px;\r\n      line-height: 1.3;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-feature p {\r\n      margin: 0;\r\n      color: var(--body-text);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n      font-weight: 300;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-animation-wrap {\r\n      position: relative;\r\n      margin: 0 0 30px;\r\n      border-radius: 0;\r\n      overflow: visible;\r\n      border: 0;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      padding: 0;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-animation-title {\r\n      margin: 0 0 18px;\r\n      text-align: center;\r\n      color: var(--navy);\r\n      font-size: clamp(26px, 3.2vw, 40px);\r\n      line-height: 1.15;\r\n      font-weight: 700;\r\n      letter-spacing: -0.03em;\r\n      text-shadow: -9px 0 9px rgba(28, 36, 75, 0.10);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-frame-shell {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 620px;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(70, 127, 247, 0.14), transparent 34%),\r\n        linear-gradient(135deg, #f8fbff 0%, #e9efff 100%);\r\n      box-shadow: 0 24px 64px rgba(28, 36, 75, 0.18);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-frame-shell iframe {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      border: 0;\r\n      background: #e9efff;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-start-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 0;\r\n      cursor: pointer;\r\n      background:\r\n        radial-gradient(circle at center, rgba(255, 255, 255, 0.26), rgba(28, 36, 75, 0.28)),\r\n        url(\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/cambridge-international-a-level-chemistry-topics-13-14-1-organic-chemistry-alkanes-interactive-course-banner.jpg\");\r\n      background-size: cover;\r\n      background-position: center;\r\n      transition:\r\n        opacity 0.35s ease,\r\n        visibility 0.35s ease;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-start-overlay::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(28, 36, 75, 0.30);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-start-overlay.is-hidden {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-start-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      justify-items: center;\r\n      gap: 16px;\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-play-circle {\r\n      width: 96px;\r\n      height: 96px;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--navy);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow:\r\n        0 18px 40px rgba(28, 36, 75, 0.30),\r\n        0 0 0 12px rgba(255, 255, 255, 0.22);\r\n      animation: olsAnimationPlayPulse001 1.8s ease-in-out infinite;\r\n      transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        color 0.25s ease;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-start-overlay:hover .ols-animation-play-circle {\r\n      transform: scale(1.08);\r\n      background: var(--navy);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-play-icon {\r\n      width: 0;\r\n      height: 0;\r\n      margin-left: 7px;\r\n      border-top: 18px solid transparent;\r\n      border-bottom: 18px solid transparent;\r\n      border-left: 28px solid currentColor;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-start-text {\r\n      max-width: 540px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(20px, 3vw, 32px);\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      text-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-pause-button {\r\n      position: absolute;\r\n      left: 16px;\r\n      bottom: 16px;\r\n      z-index: 7;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-width: 92px;\r\n      padding: 10px 16px;\r\n      border: 0;\r\n      border-radius: 999px;\r\n      background: rgba(28, 36, 75, 0.92);\r\n      color: #ffffff;\r\n      font-family: Poppins, Arial, sans-serif;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      box-shadow: 0 12px 28px rgba(28, 36, 75, 0.24);\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-pause-button:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--blue);\r\n      box-shadow: 0 16px 34px rgba(37, 99, 235, 0.28);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-animation-pause-button.is-visible {\r\n      display: inline-flex;\r\n    }\r\n\r\n    @keyframes olsAnimationPlayPulse001 {\r\n      0% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 0 rgba(255, 255, 255, 0.40);\r\n      }\r\n\r\n      70% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 18px rgba(255, 255, 255, 0);\r\n      }\r\n\r\n      100% {\r\n        box-shadow:\r\n          0 18px 40px rgba(28, 36, 75, 0.30),\r\n          0 0 0 0 rgba(255, 255, 255, 0);\r\n      }\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-video-status {\r\n      margin: 14px 0 0;\r\n      text-align: center;\r\n      color: var(--grey-text);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-cta-bottom {\r\n      display: flex;\r\n      justify-content: center;\r\n      padding-top: 22px;\r\n      border-top: 1px solid var(--border);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 15px 28px;\r\n      border-radius: 999px;\r\n      background: var(--navy);\r\n      color: #ffffff;\r\n      text-decoration: none;\r\n      font-size: 16px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      box-shadow: 0 12px 26px rgba(28, 36, 75, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-button:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--blue);\r\n      color: #ffffff;\r\n      box-shadow: 0 16px 32px rgba(37, 99, 235, 0.24);\r\n    }\r\n\r\n    .ols-course-cta-alkenes .ols-course-button-top {\r\n      flex-shrink: 0;\r\n      padding: 12px 22px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .ols-course-cta-alkenes .ols-course-cta-top {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-cta-image-link {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-cta-intro-stats {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-animation-frame-shell {\r\n        height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .ols-course-cta-alkenes {\r\n        margin: 26px 0 22px;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-cta-card {\r\n        padding: 20px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-cta-header-row {\r\n        align-items: stretch;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-button-top {\r\n        width: 100%;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-cta-stats,\r\n      .ols-course-cta-alkenes .ols-course-cta-features {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-animation-wrap {\r\n        padding: 0;\r\n        border-radius: 0;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-animation-frame-shell {\r\n        height: 420px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-animation-play-circle {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-animation-play-icon {\r\n        border-top-width: 14px;\r\n        border-bottom-width: 14px;\r\n        border-left-width: 22px;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-animation-pause-button {\r\n        left: 12px;\r\n        bottom: 12px;\r\n        min-width: 84px;\r\n        padding: 9px 14px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .ols-course-cta-alkenes .ols-course-button {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ols-course-cta-card\">\r\n\r\n    <div class=\"ols-course-cta-top\">\r\n\r\n      <a class=\"ols-course-cta-image-link\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/introduction-to-organic-chemistry-and-alkanes-topics-13-14-1-cambridge-international\/\" aria-label=\"Open the Cambridge International AS and A Level Chemistry Topics 13 and 14.1 Introduction to Organic Chemistry and Alkanes course page\">\r\n\r\n        <div class=\"ols-course-cta-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/cambridge-international-a-level-chemistry-topics-13-14-1-organic-chemistry-alkanes-interactive-course-banner.jpg\"\r\n            alt=\"Cambridge International AS and A Level Chemistry Topics 13 and 14.1 Introduction to Organic Chemistry and Alkanes interactive course banner\"\r\n          >\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <div class=\"ols-course-cta-content\">\r\n\r\n        <div class=\"ols-course-cta-header-row\">\r\n\r\n          <div class=\"ols-course-cta-kicker\">\r\n            Cambridge 9701 | Topics 13 and 14.1 Course\r\n          <\/div>\r\n\r\n          <a class=\"ols-course-button ols-course-button-top\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/introduction-to-organic-chemistry-and-alkanes-topics-13-14-1-cambridge-international\/\">\r\n            View Course\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <h2>\r\n          Master Introduction to Organic Chemistry and Alkanes for Cambridge International AS &amp; A Level Chemistry\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-intro-stats\">\r\n\r\n      <p class=\"ols-course-cta-intro\">\r\n        Continue from these free revision notes into the full Topics 13 and 14.1 Introduction to Organic Chemistry and Alkanes course. The guided video lessons are ready now; the Cambridge International MCQ bank, teacher-marked short-answer questions and KASP spec-point report are being written, and the course opens for enrolment as soon as they are complete.\r\n      <\/p>\r\n\r\n      <div class=\"ols-course-cta-stats\">\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Recorded lessons<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Video lessons<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>MCQ practice<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>SAQ practice<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-features\">\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Guided video teaching<\/h3>\r\n        <p>\r\n          Learn the chemistry and exam technique through structured video lessons with worked examples and walkthroughs.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Instant MCQ feedback<\/h3>\r\n        <p>\r\n          Auto-marked MCQ quizzes provide immediate diagnostic feedback for every answer choice.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Teacher-marked SAQs<\/h3>\r\n        <p>\r\n          Submit written exam responses and receive chemistry specialist feedback with improvement guidance.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Progress tracking<\/h3>\r\n        <p>\r\n          Identify strengths and weaknesses across the full Topics 13 and 14.1 specification with targeted reporting.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-animation-wrap\">\r\n\r\n      <h3 class=\"ols-course-animation-title\">\r\n        See how the course works\r\n      <\/h3>\r\n\r\n      <div class=\"ols-animation-frame-shell\">\r\n        <iframe\r\n          id=\"olsCourseAnimationFrame001\"\r\n          title=\"OLS course preview animation\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer\">\r\n        <\/iframe>\r\n\r\n        <button\r\n          class=\"ols-animation-start-overlay\"\r\n          id=\"olsCourseAnimationStart001\"\r\n          type=\"button\"\r\n          aria-label=\"Play OLS course preview animation\">\r\n          <span class=\"ols-animation-start-content\">\r\n            <span class=\"ols-animation-play-circle\" aria-hidden=\"true\">\r\n              <span class=\"ols-animation-play-icon\"><\/span>\r\n            <\/span>\r\n            <span class=\"ols-animation-start-text\">\r\n              Play course preview animation\r\n            <\/span>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"ols-animation-pause-button\"\r\n          id=\"olsCourseAnimationPause001\"\r\n          type=\"button\"\r\n          aria-label=\"Pause course preview animation\">\r\n          Pause\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <p class=\"ols-course-video-status\">\r\n        Click play to start the course preview animation.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-bottom\">\r\n\r\n      <a class=\"ols-course-button\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/introduction-to-organic-chemistry-and-alkanes-topics-13-14-1-cambridge-international\/\">\r\n        View Introduction to Organic Chemistry and Alkanes Course\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <template id=\"olsCourseAnimationTemplate001\">\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>OLS Combined Promo Animation<\/title>\r\n\r\n<style>\r\n*{box-sizing:border-box;}\r\n\r\nhtml.ols-animation-paused *,\r\nhtml.ols-animation-paused *::before,\r\nhtml.ols-animation-paused *::after{\r\n  animation-play-state:paused!important;\r\n}\r\n\r\n:root{\r\n  --ols-video-screen-w:1180;\r\n  --ols-video-screen-h:664;\r\n  --ols-video-screen-scale:1;\r\n  --ols-mcq-screen-w:1360;\r\n  --ols-mcq-screen-h:1130;\r\n  --ols-mcq-screen-scale:1;\r\n  --ols-saq-screen-w:1360;\r\n  --ols-saq-screen-h:965;\r\n  --ols-saq-screen-scale:1;\r\n}\r\n\r\nhtml,\r\nbody{\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\nbody{\r\n  margin:0;\r\n  overflow:hidden;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  background:#e9efff;\r\n}\r\n\r\n.ols-combined-stage{\r\n  position:relative;\r\n  width:100vw;\r\n  height:100vh;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n}\r\n\r\n.ols-scene{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100vw;\r\n  height:100vh;\r\n  opacity:0;\r\n  visibility:hidden;\r\n  pointer-events:none;\r\n}\r\n\r\n.ols-scene.active{\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:auto;\r\n}\r\n\r\n.ols-scene.fade-out{\r\n  animation:olsSceneFadeOut 0.85s ease forwards;\r\n}\r\n\r\n@keyframes olsSceneFadeOut{\r\n  to{\r\n    opacity:0;\r\n    visibility:hidden;\r\n  }\r\n}\r\n\r\n.ols-title-cursor{\r\n  display:inline-block;\r\n  width:5px;\r\n  height:0.85em;\r\n  background:#1C244B;\r\n  margin-left:8px;\r\n  transform:translateY(8px);\r\n  animation:olsBlink 0.8s infinite;\r\n}\r\n\r\n.cursor{\r\n  display:inline-block;\r\n  width:3px;\r\n  height:28px;\r\n  background:#1c244b;\r\n  margin-left:3px;\r\n  transform:translateY(5px);\r\n  animation:olsBlink 0.8s infinite;\r\n}\r\n\r\n@keyframes olsBlink{\r\n  0%,45%{opacity:1;}\r\n  46%,100%{opacity:0;}\r\n}\r\n\r\n.ols-video-stage,\r\n.ols-mcq-stage,\r\n.ols-saq-stage{\r\n  width:100vw;\r\n  height:100vh;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  padding:0;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n}\r\n\r\n.ols-video-title-screen,\r\n.ols-mcq-intro-screen,\r\n.ols-saq-intro{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:50;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  background:\r\n    radial-gradient(circle at top left,rgba(70,127,247,0.14),transparent 34%),\r\n    linear-gradient(135deg,#f8fbff 0%,#e9efff 100%);\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:none;\r\n}\r\n\r\n.ols-video-title-screen.hide{animation:olsVideoTitleFadeOut 0.85s ease forwards;}\r\n.ols-mcq-intro-screen.hide{animation:olsMcqIntroFadeOut 0.85s ease forwards;}\r\n.ols-saq-intro.hide{animation:olsSaqIntroFadeOut 0.85s ease forwards;}\r\n\r\n@keyframes olsVideoTitleFadeOut{to{opacity:0;visibility:hidden;}}\r\n@keyframes olsMcqIntroFadeOut{to{opacity:0;visibility:hidden;}}\r\n@keyframes olsSaqIntroFadeOut{to{opacity:0;visibility:hidden;}}\r\n\r\n.ols-video-title-wrap,\r\n.ols-mcq-intro-title-wrap,\r\n.ols-saq-intro-title-wrap{\r\n  max-width:1250px;\r\n  padding:0 34px;\r\n  text-align:center;\r\n}\r\n\r\n.ols-video-title,\r\n.ols-mcq-intro-title,\r\n.ols-saq-intro-title{\r\n  margin:0;\r\n  font-family:Poppins,Arial,sans-serif;\r\n  font-size:clamp(52px,8vw,124px);\r\n  font-weight:600;\r\n  line-height:1.08;\r\n  color:#1C244B;\r\n  text-shadow:-9px 0 9px rgba(28,36,75,0.16);\r\n  letter-spacing:-0.045em;\r\n}\r\n\r\n#videoTitleText,\r\n#mcqIntroTitleText,\r\n#saqIntroTitleText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.ols-video-scene{\r\n  width:100%;\r\n  height:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  opacity:0;\r\n  visibility:hidden;\r\n}\r\n\r\n.ols-video-scene.show{\r\n  visibility:visible;\r\n  animation:olsVideoSceneIn 1s ease forwards;\r\n}\r\n\r\n@keyframes olsVideoSceneIn{to{opacity:1;}}\r\n\r\n.ols-video-scale-wrap{\r\n  width:calc(var(--ols-video-screen-w) * 1px);\r\n  height:calc(var(--ols-video-screen-h) * 1px);\r\n  transform:scale(var(--ols-video-screen-scale));\r\n  transform-origin:center center;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n.ols-video-card{\r\n  width:1180px;\r\n  height:664px;\r\n  border-radius:28px;\r\n  overflow:hidden;\r\n  background:#1C244B;\r\n  box-shadow:0 28px 80px rgba(28,36,75,0.28);\r\n  transform:translateY(24px) scale(0.96);\r\n  opacity:0;\r\n}\r\n\r\n.ols-video-scene.show .ols-video-card{\r\n  animation:olsVideoCardIn 1s cubic-bezier(.18,.89,.32,1.12) forwards;\r\n  animation-delay:0.2s;\r\n}\r\n\r\n@keyframes olsVideoCardIn{\r\n  to{\r\n    transform:translateY(0) scale(1);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n.ols-video-card video{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  aspect-ratio:16 \/ 9;\r\n  object-fit:cover;\r\n  border:0;\r\n}\r\n\r\n.ols-mcq-scale-wrap,\r\n.ols-saq-scale-wrap{\r\n  width:calc(var(--ols-mcq-screen-w) * 1px);\r\n  height:calc(var(--ols-mcq-screen-h) * 1px);\r\n  transform:scale(var(--ols-mcq-screen-scale));\r\n  transform-origin:center center;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n}\r\n\r\n.ols-saq-scale-wrap{\r\n  width:calc(var(--ols-saq-screen-w) * 1px);\r\n  height:calc(var(--ols-saq-screen-h) * 1px);\r\n  transform:scale(var(--ols-saq-screen-scale));\r\n}\r\n\r\n.ols-mcq-screen{\r\n  width:1360px;\r\n  height:1130px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#eaf0ff;\r\n  box-shadow:0 26px 70px rgba(28,36,75,0.22);\r\n  opacity:0;\r\n  transform:translateY(24px) scale(0.96);\r\n}\r\n\r\n.ols-mcq-screen.show{\r\n  animation:olsMcqScreenEnter 1s ease forwards;\r\n}\r\n\r\n@keyframes olsMcqScreenEnter{\r\n  from{opacity:0;transform:translateY(24px) scale(0.96);}\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.mcq-question-area{\r\n  background:#eaf0ff;\r\n  padding:28px 30px 30px;\r\n  position:relative;\r\n  height:610px;\r\n}\r\n\r\n.mcq-question-lead{\r\n  margin:0 0 14px;\r\n  font-size:24px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-ionic-table{\r\n  border-collapse:collapse;\r\n  width:500px;\r\n  margin-bottom:8px;\r\n  font-size:21px;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-ionic-table th,\r\n.mcq-ionic-table td{\r\n  border:1.5px solid #c9ced8;\r\n  padding:12px 18px;\r\n  text-align:center;\r\n}\r\n\r\n.mcq-ionic-table th{\r\n  background:#f2f2f2;\r\n  font-weight:700;\r\n}\r\n\r\n.mcq-ionic-table td{\r\n  background:#eaf0ff;\r\n}\r\n\r\n.mcq-question-main{\r\n  margin:6px 0 28px;\r\n  font-size:24px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-options-wrap{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:17px;\r\n  max-width:1200px;\r\n}\r\n\r\n.mcq-option-row{\r\n  display:flex;\r\n  align-items:center;\r\n  min-height:34px;\r\n  position:relative;\r\n}\r\n\r\n.mcq-radio{\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  border:2px solid #6b7280;\r\n  margin-right:16px;\r\n  background:transparent;\r\n  position:relative;\r\n  flex:0 0 auto;\r\n}\r\n\r\n.mcq-radio::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:5px;\r\n  border-radius:50%;\r\n  background:#6b7280;\r\n  opacity:0;\r\n  transform:scale(0.4);\r\n  transition:opacity 0.25s ease,transform 0.25s ease;\r\n}\r\n\r\n.mcq-option-row.selected .mcq-radio::after{\r\n  opacity:1;\r\n  transform:scale(1);\r\n}\r\n\r\n.mcq-radio-ripple{\r\n  position:absolute;\r\n  left:14px;\r\n  top:50%;\r\n  width:28px;\r\n  height:28px;\r\n  border-radius:50%;\r\n  border:2px solid rgba(28,36,75,0.28);\r\n  transform:translate(-50%,-50%) scale(1);\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n.mcq-option-row.clicking .mcq-radio-ripple{\r\n  animation:mcqRipple 0.75s ease forwards;\r\n}\r\n\r\n@keyframes mcqRipple{\r\n  0%{opacity:0.65;transform:translate(-50%,-50%) scale(1);}\r\n  100%{opacity:0;transform:translate(-50%,-50%) scale(2.5);}\r\n}\r\n\r\n.mcq-option-label{\r\n  font-size:23px;\r\n  color:#111827;\r\n}\r\n\r\n.mcq-specific-feedback{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  margin-left:18px;\r\n  min-height:38px;\r\n  opacity:0;\r\n  transform:translateX(-8px);\r\n}\r\n\r\n.mcq-specific-feedback.show{\r\n  opacity:1;\r\n  transform:translateX(0);\r\n  transition:opacity 0.35s ease,transform 0.35s ease;\r\n}\r\n\r\n.mcq-cross-icon{\r\n  width:26px;\r\n  height:26px;\r\n  border-radius:50%;\r\n  border:2px solid #d83255;\r\n  color:#d83255;\r\n  display:inline-flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  font-size:18px;\r\n  font-weight:700;\r\n  margin-right:12px;\r\n  opacity:0;\r\n  transform:scale(0.4);\r\n}\r\n\r\n.mcq-cross-icon.show{\r\n  animation:mcqCrossPop 0.35s ease forwards;\r\n}\r\n\r\n@keyframes mcqCrossPop{\r\n  70%{opacity:1;transform:scale(1.18);}\r\n  100%{opacity:1;transform:scale(1);}\r\n}\r\n\r\n.mcq-specific-feedback-text{\r\n  display:inline-block;\r\n  background:#fff4b8;\r\n  color:#111827;\r\n  padding:8px 16px;\r\n  font-size:22px;\r\n  line-height:1.35;\r\n  min-width:850px;\r\n  min-height:44px;\r\n}\r\n\r\n.mcq-submit-button{\r\n  position:absolute;\r\n  right:34px;\r\n  bottom:30px;\r\n  border:0;\r\n  border-radius:999px;\r\n  background:#1C244B;\r\n  color:#ffffff;\r\n  padding:14px 28px;\r\n  font-size:18px;\r\n  font-weight:600;\r\n  box-shadow:0 14px 32px rgba(28,36,75,0.25);\r\n  cursor:default;\r\n  transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;\r\n}\r\n\r\n.mcq-submit-button.clicked{\r\n  transform:translateY(2px) scale(0.97);\r\n  background:#26315f;\r\n  box-shadow:0 7px 18px rgba(28,36,75,0.22);\r\n}\r\n\r\n.mcq-general-feedback{\r\n  height:520px;\r\n  background:#fff3c9;\r\n  color:#8a6a00;\r\n  padding:26px 30px 28px;\r\n  font-size:23px;\r\n  line-height:1.34;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity 0.7s ease,transform 0.7s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n.mcq-general-feedback.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n#mcqGeneralText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.mcq-specific-cursor{background:#111827;}\r\n.mcq-general-cursor{background:#8a6a00;}\r\n\r\n.ols-saq-screen{\r\n  width:1360px;\r\n  height:965px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  background:#eaf0ff;\r\n  box-shadow:0 26px 70px rgba(28,36,75,0.22);\r\n  opacity:0;\r\n  transform:translateY(24px) scale(0.96);\r\n}\r\n\r\n.ols-saq-screen.show{\r\n  animation:olsSaqScreenEnter 1s ease forwards;\r\n}\r\n\r\n@keyframes olsSaqScreenEnter{\r\n  from{opacity:0;transform:translateY(24px) scale(0.96);}\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.saq-question-area{\r\n  height:335px;\r\n  background:#eaf0ff;\r\n  padding:30px 40px 32px;\r\n}\r\n\r\n.saq-question-text{\r\n  font-size:25px;\r\n  line-height:1.42;\r\n  color:#111827;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.saq-student-box{\r\n  height:195px;\r\n  background:#f3f4f6;\r\n  border:2px solid #cfd6e3;\r\n  border-radius:8px;\r\n  padding:23px 26px;\r\n  font-size:24px;\r\n  line-height:1.55;\r\n  color:#4b5563;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.saq-teacher-feedback{\r\n  height:630px;\r\n  background:#dff3e6;\r\n  color:#075f3b;\r\n  padding:28px 40px 30px;\r\n  font-size:23px;\r\n  line-height:1.47;\r\n  opacity:0;\r\n  transform:translateY(20px);\r\n  transition:opacity 0.7s ease,transform 0.7s ease;\r\n  overflow:hidden;\r\n}\r\n\r\n.saq-teacher-feedback.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n#saqTeacherText{\r\n  white-space:pre-wrap;\r\n}\r\n\r\n.saq-teacher-cursor{\r\n  background:#075f3b;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .ols-video-title,\r\n  .ols-mcq-intro-title,\r\n  .ols-saq-intro-title{\r\n    font-size:clamp(42px,11vw,78px);\r\n    line-height:1.12;\r\n  }\r\n\r\n  .ols-title-cursor{\r\n    width:4px;\r\n    margin-left:6px;\r\n  }\r\n\r\n  .ols-video-card{\r\n    border-radius:20px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"ols-combined-stage\">\r\n\r\n  <section id=\"sceneVideo\" class=\"ols-scene active\">\r\n    <div class=\"ols-video-stage\">\r\n      <div id=\"videoTitleScreen\" class=\"ols-video-title-screen\">\r\n        <div class=\"ols-video-title-wrap\">\r\n          <h1 class=\"ols-video-title\">\r\n            <span id=\"videoTitleText\"><\/span><span id=\"videoTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <section id=\"videoScene\" class=\"ols-video-scene\">\r\n        <div class=\"ols-video-scale-wrap\">\r\n          <div class=\"ols-video-card\">\r\n            <video\r\n              id=\"lessonVideo\"\r\n              src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Virtual-Lesson.mp4\"\r\n              muted\r\n              playsinline\r\n              preload=\"auto\">\r\n            <\/video>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"sceneMcq\" class=\"ols-scene\">\r\n    <div class=\"ols-mcq-stage\">\r\n      <div id=\"mcqIntroScreen\" class=\"ols-mcq-intro-screen\">\r\n        <div class=\"ols-mcq-intro-title-wrap\">\r\n          <h1 class=\"ols-mcq-intro-title\">\r\n            <span id=\"mcqIntroTitleText\"><\/span><span id=\"mcqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ols-mcq-scale-wrap\">\r\n        <main id=\"mcqScreen\" class=\"ols-mcq-screen\">\r\n          <section class=\"mcq-question-area\">\r\n            <p class=\"mcq-question-lead\">Some ionic radii are shown.<\/p>\r\n\r\n            <table class=\"mcq-ionic-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Ion<\/th>\r\n                  <th>Ionic radius \/ nm<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr><td>Na<sup>+<\/sup><\/td><td>0.102<\/td><\/tr>\r\n                <tr><td>K<sup>+<\/sup><\/td><td>0.138<\/td><\/tr>\r\n                <tr><td>F<sup>\u2212<\/sup><\/td><td>0.133<\/td><\/tr>\r\n                <tr><td>Cl<sup>\u2212<\/sup><\/td><td>0.180<\/td><\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n\r\n            <p class=\"mcq-question-main\">Which compound has the strongest ionic bonding?<\/p>\r\n\r\n            <div class=\"mcq-options-wrap\">\r\n              <div id=\"mcqWrongOption\" class=\"mcq-option-row\">\r\n                <span class=\"mcq-radio\"><\/span>\r\n                <span class=\"mcq-radio-ripple\"><\/span>\r\n                <span class=\"mcq-option-label\">sodium chloride<\/span>\r\n\r\n                <span id=\"mcqSpecificFeedback\" class=\"mcq-specific-feedback\">\r\n                  <span id=\"mcqCrossIcon\" class=\"mcq-cross-icon\">\u00d7<\/span>\r\n                  <span class=\"mcq-specific-feedback-text\">\r\n                    <span id=\"mcqSpecificText\"><\/span><span id=\"mcqSpecificCursor\" class=\"cursor mcq-specific-cursor\" style=\"display:none;\"><\/span>\r\n                  <\/span>\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">potassium chloride<\/span><\/div>\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">sodium fluoride<\/span><\/div>\r\n              <div class=\"mcq-option-row\"><span class=\"mcq-radio\"><\/span><span class=\"mcq-radio-ripple\"><\/span><span class=\"mcq-option-label\">potassium fluoride<\/span><\/div>\r\n            <\/div>\r\n\r\n            <button id=\"mcqSubmitButton\" class=\"mcq-submit-button\">Submit answer<\/button>\r\n          <\/section>\r\n\r\n          <section id=\"mcqGeneralFeedback\" class=\"mcq-general-feedback\">\r\n            <span id=\"mcqGeneralText\"><\/span><span id=\"mcqGeneralCursor\" class=\"cursor mcq-general-cursor\" style=\"display:none;\"><\/span>\r\n          <\/section>\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"sceneSaq\" class=\"ols-scene\">\r\n    <div class=\"ols-saq-stage\">\r\n      <div id=\"saqIntro\" class=\"ols-saq-intro\">\r\n        <div class=\"ols-saq-intro-title-wrap\">\r\n          <h1 class=\"ols-saq-intro-title\">\r\n            <span id=\"saqIntroTitleText\"><\/span><span id=\"saqIntroTitleCursor\" class=\"ols-title-cursor\"><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ols-saq-scale-wrap\">\r\n        <main id=\"saqScreen\" class=\"ols-saq-screen\">\r\n          <section class=\"saq-question-area\">\r\n            <div class=\"saq-question-text\">\r\n              <strong>(ii)<\/strong>&nbsp;&nbsp; Melting temperature depends on the strength of metallic bonding.<br>\r\n              Explain why the metallic bonding in magnesium is much stronger than that in sodium.\r\n            <\/div>\r\n\r\n            <div class=\"saq-student-box\">\r\n              <span id=\"saqStudentText\"><\/span><span id=\"saqStudentCursor\" class=\"cursor\"><\/span>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section id=\"saqTeacherFeedback\" class=\"saq-teacher-feedback\">\r\n            <span id=\"saqTeacherText\"><\/span><span id=\"saqTeacherCursor\" class=\"cursor saq-teacher-cursor\" style=\"display:none;\"><\/span>\r\n          <\/section>\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const nativeSetTimeout=window.setTimeout.bind(window);\r\n  const nativeClearTimeout=window.clearTimeout.bind(window);\r\n  let nextTimerId=1;\r\n  let paused=false;\r\n  const timers=new Map();\r\n\r\n  function runTimer(timerId){\r\n    const timer=timers.get(timerId);\r\n\r\n    if(!timer || timer.cleared){\r\n      return;\r\n    }\r\n\r\n    timers.delete(timerId);\r\n    timer.callback();\r\n  }\r\n\r\n  window.setTimeout=function(callback,delay){\r\n    const timerId=nextTimerId++;\r\n    const safeDelay=Math.max(0,Number(delay) || 0);\r\n\r\n    const timer={\r\n      callback:callback,\r\n      delay:safeDelay,\r\n      remaining:safeDelay,\r\n      startedAt:Date.now(),\r\n      nativeId:null,\r\n      cleared:false\r\n    };\r\n\r\n    if(paused){\r\n      timer.startedAt=null;\r\n    }else{\r\n      timer.nativeId=nativeSetTimeout(function(){\r\n        runTimer(timerId);\r\n      },safeDelay);\r\n    }\r\n\r\n    timers.set(timerId,timer);\r\n    return timerId;\r\n  };\r\n\r\n  window.clearTimeout=function(timerId){\r\n    const timer=timers.get(timerId);\r\n\r\n    if(timer){\r\n      timer.cleared=true;\r\n\r\n      if(timer.nativeId!==null){\r\n        nativeClearTimeout(timer.nativeId);\r\n      }\r\n\r\n      timers.delete(timerId);\r\n      return;\r\n    }\r\n\r\n    nativeClearTimeout(timerId);\r\n  };\r\n\r\n  function pauseVideos(){\r\n    document.querySelectorAll(\"video\").forEach(function(video){\r\n      if(!video.paused && !video.ended){\r\n        video.dataset.olsWasPlaying=\"1\";\r\n        video.pause();\r\n      }\r\n    });\r\n  }\r\n\r\n  function resumeVideos(){\r\n    document.querySelectorAll(\"video\").forEach(function(video){\r\n      if(video.dataset.olsWasPlaying===\"1\"){\r\n        delete video.dataset.olsWasPlaying;\r\n\r\n        const playPromise=video.play();\r\n\r\n        if(playPromise!==undefined){\r\n          playPromise.catch(function(){});\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  function pauseAnimation(){\r\n    if(paused){\r\n      return \"paused\";\r\n    }\r\n\r\n    paused=true;\r\n    document.documentElement.classList.add(\"ols-animation-paused\");\r\n\r\n    timers.forEach(function(timer){\r\n      if(timer.nativeId!==null){\r\n        nativeClearTimeout(timer.nativeId);\r\n        timer.nativeId=null;\r\n      }\r\n\r\n      if(timer.startedAt!==null){\r\n        timer.remaining=Math.max(0,timer.delay-(Date.now()-timer.startedAt));\r\n        timer.startedAt=null;\r\n      }\r\n    });\r\n\r\n    pauseVideos();\r\n    return \"paused\";\r\n  }\r\n\r\n  function resumeAnimation(){\r\n    if(!paused){\r\n      return \"playing\";\r\n    }\r\n\r\n    paused=false;\r\n    document.documentElement.classList.remove(\"ols-animation-paused\");\r\n\r\n    timers.forEach(function(timer,timerId){\r\n      timer.startedAt=Date.now();\r\n      timer.delay=timer.remaining;\r\n      timer.nativeId=nativeSetTimeout(function(){\r\n        runTimer(timerId);\r\n      },timer.remaining);\r\n    });\r\n\r\n    resumeVideos();\r\n    return \"playing\";\r\n  }\r\n\r\n  window.olsToggleAnimationPause=function(){\r\n    if(paused){\r\n      return resumeAnimation();\r\n    }\r\n\r\n    return pauseAnimation();\r\n  };\r\n\r\n  window.olsPauseAnimation=pauseAnimation;\r\n  window.olsResumeAnimation=resumeAnimation;\r\n})();\r\n\r\nfunction typeWriter(target,text,speed,callback){\r\n  let i=0;\r\n\r\n  function typing(){\r\n    if(i<text.length){\r\n      const char=text.charAt(i);\r\n      target.textContent+=char;\r\n      i++;\r\n\r\n      let delay=speed;\r\n\r\n      if(char===\".\"){delay=speed*5;}\r\n      if(char===\",\"){delay=speed*2.5;}\r\n      if(char===\"\\n\"){delay=speed*4;}\r\n\r\n      setTimeout(typing,delay);\r\n    }else{\r\n      if(callback){callback();}\r\n    }\r\n  }\r\n\r\n  typing();\r\n}\r\n\r\nfunction switchScene(currentScene,nextScene,callback){\r\n  currentScene.classList.add(\"fade-out\");\r\n\r\n  setTimeout(function(){\r\n    currentScene.classList.remove(\"active\");\r\n    currentScene.classList.remove(\"fade-out\");\r\n    nextScene.classList.add(\"active\");\r\n\r\n    if(callback){callback();}\r\n  },850);\r\n}\r\n\r\nfunction fitVideoScreen(){\r\n  const baseWidth=1180;\r\n  const baseHeight=664;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-video-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitMcqScreen(){\r\n  const baseWidth=1360;\r\n  const baseHeight=1130;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-mcq-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitSaqScreen(){\r\n  const baseWidth=1360;\r\n  const baseHeight=965;\r\n  const safePadding=24;\r\n  const availableWidth=window.innerWidth-safePadding;\r\n  const availableHeight=window.innerHeight-safePadding;\r\n  const scaleByWidth=availableWidth\/baseWidth;\r\n  const scaleByHeight=availableHeight\/baseHeight;\r\n  const finalScale=Math.min(scaleByWidth,scaleByHeight,1);\r\n  document.documentElement.style.setProperty(\"--ols-saq-screen-scale\",finalScale.toFixed(4));\r\n}\r\n\r\nfunction fitAllScreens(){\r\n  fitVideoScreen();\r\n  fitMcqScreen();\r\n  fitSaqScreen();\r\n}\r\n\r\nwindow.addEventListener(\"resize\",fitAllScreens);\r\nwindow.addEventListener(\"orientationchange\",fitAllScreens);\r\nfitAllScreens();\r\n\r\nconst sceneVideo=document.getElementById(\"sceneVideo\");\r\nconst sceneMcq=document.getElementById(\"sceneMcq\");\r\nconst sceneSaq=document.getElementById(\"sceneSaq\");\r\n\r\nconst videoTitle=\"Online Chemistry Lessons\";\r\nconst videoTitleText=document.getElementById(\"videoTitleText\");\r\nconst videoTitleCursor=document.getElementById(\"videoTitleCursor\");\r\nconst videoTitleScreen=document.getElementById(\"videoTitleScreen\");\r\nconst videoScene=document.getElementById(\"videoScene\");\r\nconst lessonVideo=document.getElementById(\"lessonVideo\");\r\n\r\nlet videoFallbackTimer=null;\r\nlet videoSceneComplete=false;\r\n\r\nfunction playLessonVideo(){\r\n  lessonVideo.muted=true;\r\n  lessonVideo.currentTime=0;\r\n\r\n  const playPromise=lessonVideo.play();\r\n\r\n  if(playPromise!==undefined){\r\n    playPromise.catch(function(){\r\n      lessonVideo.muted=true;\r\n    });\r\n  }\r\n}\r\n\r\nfunction completeVideoScene(){\r\n  if(videoSceneComplete){return;}\r\n\r\n  videoSceneComplete=true;\r\n\r\n  if(videoFallbackTimer){\r\n    clearTimeout(videoFallbackTimer);\r\n  }\r\n\r\n  lessonVideo.pause();\r\n\r\n  setTimeout(function(){\r\n    switchScene(sceneVideo,sceneMcq,function(){\r\n      startMcqIntro();\r\n    });\r\n  },1400);\r\n}\r\n\r\nlessonVideo.addEventListener(\"ended\",function(){\r\n  lessonVideo.pause();\r\n  completeVideoScene();\r\n});\r\n\r\nfunction startVideoSection(){\r\n  fitVideoScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(videoTitleText,videoTitle,44,function(){\r\n      setTimeout(function(){\r\n        videoTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          videoTitleScreen.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            videoScene.classList.add(\"show\");\r\n\r\n            setTimeout(function(){\r\n              playLessonVideo();\r\n\r\n              videoFallbackTimer=setTimeout(function(){\r\n                completeVideoScene();\r\n              },45000);\r\n            },600);\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nconst mcqIntroTitle=\"Multiple Choice Question Bank\";\r\nconst mcqSpecificFeedbackText=\"Na\u207a is small, but Cl\u207b is larger than F\u207b, so the ionic bonding is weaker than in NaF.\";\r\nconst mcqGeneralFeedbackText=\r\n\"Your answer is incorrect.\\n\\n\"+\r\n\"To determine which compound has the strongest ionic bonding, recall the key principle:\\n\\n\"+\r\n\"\u2022 Ionic bond strength increases when ionic radii are small, because the ions can get closer together.\\n\"+\r\n\"\u2022 Smaller ions \u2192 stronger electrostatic attraction \u2192 stronger ionic lattice.\\n\"+\r\n\"\u2022 Na\u207a (0.102 nm) is smaller than K\u207a (0.138 nm).\\n\"+\r\n\"\u2022 F\u207b (0.133 nm) is smaller than Cl\u207b (0.180 nm).\\n\\n\"+\r\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\"+\r\n\"The correct answer is: sodium fluoride\";\r\n\r\nconst mcqIntroScreen=document.getElementById(\"mcqIntroScreen\");\r\nconst mcqIntroTitleText=document.getElementById(\"mcqIntroTitleText\");\r\nconst mcqIntroTitleCursor=document.getElementById(\"mcqIntroTitleCursor\");\r\nconst mcqScreen=document.getElementById(\"mcqScreen\");\r\nconst mcqWrongOption=document.getElementById(\"mcqWrongOption\");\r\nconst mcqSubmitButton=document.getElementById(\"mcqSubmitButton\");\r\nconst mcqSpecificFeedback=document.getElementById(\"mcqSpecificFeedback\");\r\nconst mcqCrossIcon=document.getElementById(\"mcqCrossIcon\");\r\nconst mcqSpecificText=document.getElementById(\"mcqSpecificText\");\r\nconst mcqSpecificCursor=document.getElementById(\"mcqSpecificCursor\");\r\nconst mcqGeneralFeedback=document.getElementById(\"mcqGeneralFeedback\");\r\nconst mcqGeneralText=document.getElementById(\"mcqGeneralText\");\r\nconst mcqGeneralCursor=document.getElementById(\"mcqGeneralCursor\");\r\n\r\nfunction selectMcqWrongOption(){\r\n  mcqWrongOption.classList.add(\"clicking\");\r\n\r\n  setTimeout(function(){\r\n    mcqWrongOption.classList.add(\"selected\");\r\n  },220);\r\n\r\n  setTimeout(function(){\r\n    mcqWrongOption.classList.remove(\"clicking\");\r\n  },850);\r\n}\r\n\r\nfunction clickMcqSubmit(){\r\n  mcqSubmitButton.classList.add(\"clicked\");\r\n\r\n  setTimeout(function(){\r\n    mcqSubmitButton.classList.remove(\"clicked\");\r\n  },240);\r\n}\r\n\r\nfunction showMcqSpecificFeedback(){\r\n  mcqSpecificFeedback.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    mcqCrossIcon.classList.add(\"show\");\r\n  },180);\r\n\r\n  setTimeout(function(){\r\n    mcqSpecificCursor.style.display=\"inline-block\";\r\n\r\n    typeWriter(mcqSpecificText,mcqSpecificFeedbackText,12,function(){\r\n      mcqSpecificCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        showMcqGeneralFeedback();\r\n      },650);\r\n    });\r\n  },560);\r\n}\r\n\r\nfunction showMcqGeneralFeedback(){\r\n  mcqGeneralFeedback.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    mcqGeneralCursor.style.display=\"inline-block\";\r\n\r\n    typeWriter(mcqGeneralText,mcqGeneralFeedbackText,8,function(){\r\n      mcqGeneralCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        switchScene(sceneMcq,sceneSaq,function(){\r\n          startSaqIntro();\r\n        });\r\n      },2600);\r\n    });\r\n  },600);\r\n}\r\n\r\nfunction startMcqAnimation(){\r\n  fitMcqScreen();\r\n  mcqScreen.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    selectMcqWrongOption();\r\n\r\n    setTimeout(function(){\r\n      clickMcqSubmit();\r\n\r\n      setTimeout(function(){\r\n        showMcqSpecificFeedback();\r\n      },620);\r\n    },1150);\r\n  },1300);\r\n}\r\n\r\nfunction startMcqIntro(){\r\n  fitMcqScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(mcqIntroTitleText,mcqIntroTitle,44,function(){\r\n      setTimeout(function(){\r\n        mcqIntroTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          mcqIntroScreen.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            startMcqAnimation();\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nconst saqIntroTitle=\"Chemistry Specialist\\nMarked Exam Feedback\";\r\nconst saqStudentAnswer=\"Magnesium has stronger metallic bonding because it has more atoms packed together and melts at a higher temperature than sodium.\";\r\nconst saqTeacherFeedbackText=\r\n\"Comment:\\n\"+\r\n\"This answer is not correct. Melting temperature is a result of bonding strength, not the cause of it.\\n\\n\"+\r\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\"+\r\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\"+\r\n\"Next time, include:\\n\"+\r\n\"\u2022 Ion charge: magnesium forms Mg\u00b2\u207a, sodium forms Na\u207a \u2713\\n\"+\r\n\"\u2022 Delocalised electrons: magnesium provides more electrons to the sea \u2713\\n\"+\r\n\"\u2022 Charge density: smaller, more highly charged ions create stronger attraction \u2713\\n\\n\"+\r\n\"You were close. Focus on explaining bonding in terms of charge and electron density rather than physical properties like melting point.\";\r\n\r\nconst saqIntro=document.getElementById(\"saqIntro\");\r\nconst saqIntroTitleText=document.getElementById(\"saqIntroTitleText\");\r\nconst saqIntroTitleCursor=document.getElementById(\"saqIntroTitleCursor\");\r\nconst saqStudentText=document.getElementById(\"saqStudentText\");\r\nconst saqTeacherText=document.getElementById(\"saqTeacherText\");\r\nconst saqStudentCursor=document.getElementById(\"saqStudentCursor\");\r\nconst saqTeacherCursor=document.getElementById(\"saqTeacherCursor\");\r\nconst saqFeedbackBox=document.getElementById(\"saqTeacherFeedback\");\r\nconst saqScreen=document.getElementById(\"saqScreen\");\r\n\r\nfunction startSaqFeedbackAnimation(){\r\n  fitSaqScreen();\r\n  saqScreen.classList.add(\"show\");\r\n\r\n  setTimeout(function(){\r\n    typeWriter(saqStudentText,saqStudentAnswer,27,function(){\r\n      saqStudentCursor.style.display=\"none\";\r\n\r\n      setTimeout(function(){\r\n        saqFeedbackBox.classList.add(\"show\");\r\n        saqTeacherCursor.style.display=\"inline-block\";\r\n\r\n        typeWriter(saqTeacherText,saqTeacherFeedbackText,10,function(){\r\n          saqTeacherCursor.style.display=\"none\";\r\n        });\r\n      },650);\r\n    });\r\n  },850);\r\n}\r\n\r\nfunction startSaqIntro(){\r\n  fitSaqScreen();\r\n\r\n  setTimeout(function(){\r\n    typeWriter(saqIntroTitleText,saqIntroTitle,44,function(){\r\n      setTimeout(function(){\r\n        saqIntroTitleCursor.style.display=\"none\";\r\n\r\n        setTimeout(function(){\r\n          saqIntro.classList.add(\"hide\");\r\n\r\n          setTimeout(function(){\r\n            startSaqFeedbackAnimation();\r\n          },850);\r\n        },3000);\r\n      },250);\r\n    });\r\n  },700);\r\n}\r\n\r\nstartVideoSection();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n  <\/template>\r\n\r\n  <script>\r\n    (function(){\r\n      var startButton = document.getElementById(\"olsCourseAnimationStart001\");\r\n      var pauseButton = document.getElementById(\"olsCourseAnimationPause001\");\r\n      var iframe = document.getElementById(\"olsCourseAnimationFrame001\");\r\n      var template = document.getElementById(\"olsCourseAnimationTemplate001\");\r\n\r\n      if (!startButton || !pauseButton || !iframe || !template) {\r\n        return;\r\n      }\r\n\r\n      startButton.addEventListener(\"click\", function(){\r\n        iframe.setAttribute(\"srcdoc\", template.innerHTML);\r\n        startButton.classList.add(\"is-hidden\");\r\n        pauseButton.classList.add(\"is-visible\");\r\n        pauseButton.textContent = \"Pause\";\r\n        pauseButton.setAttribute(\"aria-label\", \"Pause course preview animation\");\r\n      });\r\n\r\n      pauseButton.addEventListener(\"click\", function(){\r\n        if (!iframe.contentWindow || typeof iframe.contentWindow.olsToggleAnimationPause !== \"function\") {\r\n          return;\r\n        }\r\n\r\n        var state = iframe.contentWindow.olsToggleAnimationPause();\r\n\r\n        if (state === \"paused\") {\r\n          pauseButton.textContent = \"Resume\";\r\n          pauseButton.setAttribute(\"aria-label\", \"Resume course preview animation\");\r\n        } else {\r\n          pauseButton.textContent = \"Pause\";\r\n          pauseButton.setAttribute(\"aria-label\", \"Pause course preview animation\");\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\n\n      <section class=\"ols-faq-card\" id=\"free-radical-substitution-faq\">\n        <h2>Free Radical Substitution FAQs<\/h2>\n        <p>These questions summarise the core exam points on alkane substitution and free radicals.<\/p>\n\n        <div class=\"ols-faq-list\">\n          <div class=\"ols-faq-item\">\n            <h3>Why are alkanes usually unreactive?<\/h3>\n            <p>Alkanes are usually unreactive because they contain strong C-C and C-H bonds. These bonds require a large amount of energy to break.<\/p>\n          <\/div>\n\n          <div class=\"ols-faq-item\">\n            <h3>What condition is needed for alkanes to react with chlorine?<\/h3>\n            <p>Ultraviolet light is needed. UV light provides enough energy to break the Cl-Cl bond by homolytic fission, forming chlorine radicals.<\/p>\n          <\/div>\n\n          <div class=\"ols-faq-item\">\n            <h3>What is a free radical?<\/h3>\n            <p>A free radical is a species with an unpaired electron. The unpaired electron is usually represented using a dot, such as Cl\u2022.<\/p>\n          <\/div>\n\n          <div class=\"ols-faq-item\">\n            <h3>Why is the reaction called substitution?<\/h3>\n            <p>It is called substitution because a hydrogen atom in the alkane is replaced by a halogen atom.<\/p>\n          <\/div>\n\n          <div class=\"ols-faq-item\">\n            <h3>Why can a mixture of products form?<\/h3>\n            <p>After the first substitution, the haloalkane product can undergo further substitution. This can replace more hydrogen atoms and produce a mixture of chlorinated products.<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"ols-related-card\">\n        <h2>Related Topics<\/h2>\n        <p>Continue through the alkane reaction sequence by studying each stage of the free-radical substitution mechanism.<\/p>\n\n        <div class=\"ols-related-grid\">\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/alkanes\/reactions\/initiation\/\">Initiation<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/alkanes\/reactions\/propagation\/\">Propagation<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/alkanes\/reactions\/termination\/\">Termination<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/alkanes\/reactions\/further-substitution\/\">Further Substitution<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/alkanes\/fuel\/combustion\/\">Combustion<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-14-hydrocarbons\/alkenes\/electrophilic-addition-mechanism\/\">Electrophilic Addition Mechanism<\/a>\n        <\/div>\n      <\/section>\n\n      <!-- OLS Author Copyright Footprint \/ Attribution Card -->\n      <section class=\"ols-attribution-card\">\n        <style>\n          .ols-attribution-card {\n            background: linear-gradient(135deg, #ffffff, #f8fbff);\n            border: 1px solid rgba(28, 36, 75, 0.14);\n            border-radius: 28px;\n            box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n            padding: 34px;\n            margin-bottom: 24px;\n            overflow: hidden;\n            font-family: Poppins, Arial, sans-serif;\n            box-sizing: border-box;\n          }\n      \n          .ols-attribution-card,\n          .ols-attribution-card * {\n            box-sizing: border-box;\n          }\n      \n          .ols-attribution-card p {\n            margin: 0;\n            font-size: 14px;\n            line-height: 1.65;\n            font-weight: 300;\n            color: #667085;\n          }\n      \n          .ols-attribution-card strong {\n            font-weight: 700;\n            color: #1C244B;\n          }\n      \n          @media (max-width: 760px) {\n            .ols-attribution-card {\n              padding: 24px 18px;\n              border-radius: 22px;\n            }\n          }\n        <\/style>\n      \n        <p><strong>Copyright notice:<\/strong> This OLS revision content, including the explanations, layout, diagrams, tables and embedded learning structure, is authored for Online Learning System by Dr. Mohammed Al-Fatah. It may not be copied, reproduced, redistributed or adapted without written permission.<\/p>\n      <\/section>\n\n      <script type=\"application\/ld+json\">{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"WebPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/#webpage\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/\",\n      \"name\": \"Functional Groups in the Cambridge Table - Cambridge International AS Level Chemistry\",\n      \"description\": \"Cambridge International AS Level Chemistry 13.1.3 and 13.1.5 revision notes: the syllabus functional-group table including amines, nitriles, amides, acyl chlorides, hydroxynitriles and arenes, with the naming rules for esters and nitriles.\",\n      \"inLanguage\": \"en-GB\",\n      \"isPartOf\": {\n        \"@type\": \"WebSite\",\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#website\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n      },\n      \"about\": [\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Free radical substitution\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Alkanes\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Homolytic fission\"\n        }\n      ],\n      \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"Dr. Mohammed Al-Fatah\"\n      }\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/#breadcrumb\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"name\": \"Revision Notes\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"name\": \"A Level Chemistry\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"name\": \"Cambridge International (CIE)\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"name\": \"Topic 13 Introduction to AS Organic Chemistry\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 5,\n          \"name\": \"Formulas, Functional Groups and Naming\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 6,\n          \"name\": \"Functional Groups in the Cambridge Table\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/cie\/topic-13-an-introduction-to-as-level-organic-chemistry\/formulas-functional-groups-and-naming\/functional-groups-in-the-cambridge-table\/\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"Course\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/organic-chemistry-and-alkanes-topic-6ab\/#course\",\n      \"name\": \"Organic Chemistry and Alkanes Topic 14 Cambridge International AS &amp; A Level Chemistry Course\",\n      \"description\": \"A paid OLS course covering Topic 14 Hydrocarbons with video lessons, MCQ practice, teacher-marked short-answer questions and progress tracking.\",\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Online Learning System\",\n        \"sameAs\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n      },\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/organic-chemistry-and-alkanes-topic-6ab\/\"\n    }\n  ]\n}<\/script>\n    <\/main>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes \/ A Level Chemistry \/ Cambridge International (CIE) \/ Topic 13 Introduction to AS Organic Chemistry \/ Formulas, Functional Groups and Naming \/ Functional Groups in the Cambridge Table Functional Groups in the Cambridge Table A concise Cambridge International AS Level Chemistry revision guide to the full table of functional groups in the [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":7422,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7541","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=7541"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7541\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7422"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=7541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}