{"id":4843,"date":"2026-06-03T06:24:41","date_gmt":"2026-06-03T05:24:41","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/"},"modified":"2026-06-03T12:02:58","modified_gmt":"2026-06-03T11:02:58","slug":"hydrogen-halide","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/","title":{"rendered":"Hydrogen Halide"},"content":{"rendered":"\n<section class=\"ols-revision-page ols-alkene-hydrogen-halide-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      --green: #3f8f46;\n      --red: #d94b2b;\n      --gold: #c9973a;\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 * { box-sizing: border-box; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    .ols-reaction-sublist {\n      list-style: none;\n      margin: 10px 0 0;\n      padding: 0 0 0 14px;\n      display: grid;\n      gap: 7px;\n      border-left: 2px solid rgba(37, 99, 235, 0.18);\n    }\n\n    .ols-reaction-sublist li {\n      font-size: 14px;\n      border-radius: 12px;\n    }\n\n    .ols-reaction-sublist li.active {\n      padding: 0;\n      background: #ffffff;\n      color: var(--blue);\n      font-weight: 700;\n      box-shadow: inset 3px 0 0 var(--blue);\n    }\n\n    .ols-reaction-sublist li.active a {\n      color: var(--blue);\n      font-weight: 700;\n      background: #ffffff;\n      padding-left: 13px;\n    }\n\n    .ols-reaction-sublist li:not(.active) {\n      padding: 0;\n    }\n\n    .ols-reaction-sublist a {\n      padding: 9px 10px;\n      border-radius: 12px;\n      font-size: 14px;\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: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      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      margin-top: 22px;\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: 0 14px 32px rgba(28, 36, 75, 0.18), 0 0 0 1px rgba(28, 36, 75, 0.10);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n    .ols-author:hover .ols-author-avatar-img {\n      transform: scale(1.04);\n      box-shadow: 0 20px 42px rgba(28, 36, 75, 0.22), 0 0 0 1px rgba(28, 36, 75, 0.10);\n    }\n    .ols-author-content { min-width: 0; }\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: var(--navy);\n      letter-spacing: -0.03em;\n    }\n    .ols-author-description {\n      margin: 0;\n      font-size: 17px;\n      line-height: 1.7;\n      font-weight: 300;\n      color: var(--grey-text);\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;\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: transform 0.22s ease, box-shadow 0.22s ease;\n    }\n    .ols-linkedin-pill:hover {\n      transform: translateY(-3px) scale(1.03);\n      box-shadow: 0 16px 34px rgba(10, 102, 194, 0.34), 0 0 0 6px rgba(10, 102, 194, 0.10);\n    }\n    .ols-linkedin-icon { width: 18px; height: 18px; display: block; flex-shrink: 0; }\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-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      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      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      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      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-reaction-summary {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 20px;\n    }\n\n    .ols-summary-item {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      padding: 16px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-summary-item span {\n      display: block;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--grey-text);\n      margin-bottom: 6px;\n    }\n\n    .ols-summary-item strong {\n      display: block;\n      font-size: 16px;\n      line-height: 1.45;\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: 260px;\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    }\n\n    .ols-figure-caption {\n      padding: 22px 26px 24px;\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n    }\n\n    .ols-figure-caption p {\n      margin: 0;\n      color: #5f6b85;\n      font-size: clamp(16px, 1.4vw, 19px);\n      line-height: 1.65;\n      font-weight: 300;\n      font-style: italic;\n    }\n\n    .ols-table-wrap {\n      overflow-x: auto;\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      min-width: 680px;\n      border-collapse: collapse;\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    }\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    }\n\n    .ols-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .ols-mechanism-steps {\n      display: grid;\n      gap: 14px;\n      margin-top: 20px;\n    }\n\n    .ols-step-card {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 20px;\n      padding: 18px 20px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-step-card h3 {\n      margin: 0 0 8px;\n      font-size: 21px;\n      line-height: 1.25;\n      color: var(--navy);\n    }\n\n    .ols-step-card p {\n      margin: 0;\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: 26px;\n      margin-top: 22px;\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .ols-definition-circle {\n      width: 105px;\n      height: 105px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #9b59b6, #6f3d96);\n      color: white;\n      display: grid;\n      place-items: center;\n      font-size: 28px;\n      font-weight: 800;\n      text-align: center;\n      margin: 0 auto;\n    }\n\n    .ols-pathway-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n    }\n\n    .ols-pathway-card {\n      background: #ffffff;\n      border: 1px solid var(--border);\n      border-radius: 20px;\n      padding: 18px 20px;\n      box-shadow: var(--inner-shadow);\n    }\n\n    .ols-pathway-card h3 {\n      margin: 0 0 8px;\n      font-size: 21px;\n      line-height: 1.25;\n      color: var(--navy);\n    }\n\n    .ols-pathway-card p {\n      margin: 0;\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\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    .ols-unlock {\n      background: linear-gradient(135deg, var(--navy), #0f4fa8);\n      border-radius: 30px;\n      padding: 36px;\n      color: #ffffff;\n      box-shadow: var(--shadow);\n      text-align: center;\n      margin: 30px 0 24px;\n    }\n\n    .ols-unlock h2 {\n      margin: 0 0 12px;\n      font-size: clamp(30px, 4vw, 46px);\n      line-height: 1.15;\n      font-weight: 800;\n      color: #ffffff;\n      text-align: center;\n    }\n\n    .ols-unlock p {\n      margin: 0 auto 24px;\n      max-width: 700px;\n      font-size: 20px;\n      line-height: 1.6;\n      font-weight: 300;\n      text-align: center;\n      color: #ffffff;\n    }\n\n    .ols-cta-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 26px;\n      border-radius: 999px;\n      background: #ffffff;\n      color: var(--navy);\n      text-decoration: none;\n      font-weight: 700;\n      transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\n    }\n\n    .ols-cta-button:hover {\n      background: #f8fbff;\n      color: var(--blue);\n      transform: translateY(-1px);\n    }\n\n    \n    .ols-main,\n    .ols-revision-page,\n    .ols-note-card,\n    .ols-figure-card,\n    .ols-figure-image {\n      overflow: visible;\n    }\n\n    .ols-figure-card.ols-zoom-pop {\n      cursor: zoom-in;\n      position: relative;\n      z-index: 1;\n    }\n\n    .ols-figure-card.ols-zoom-pop:hover {\n      z-index: 999;\n    }\n\n    .ols-figure-card.ols-zoom-pop .ols-figure-image img {\n      position: relative;\n      z-index: 3;\n      cursor: zoom-in;\n      transition:\n        transform 0.28s ease,\n        box-shadow 0.28s ease,\n        border-radius 0.28s ease;\n      transform-origin: center center;\n      will-change: transform;\n      background: #ffffff;\n    }\n\n    .ols-figure-card.ols-zoom-pop:hover .ols-figure-image img {\n      transform: scale(1.5);\n      box-shadow: 0 30px 80px rgba(28, 36, 75, 0.28);\n      border-radius: 18px;\n      border: 1px solid rgba(28, 36, 75, 0.12);\n      background: #ffffff;\n    }\n\n    .ols-image-fullscreen-link {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      text-decoration: none;\n      cursor: zoom-in;\n    }\n\n    .ols-image-lightbox {\n      position: fixed;\n      inset: 0;\n      z-index: 999999;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 28px;\n      background: rgba(8, 12, 30, 0.88);\n      cursor: zoom-out;\n    }\n\n    .ols-image-lightbox.is-visible {\n      display: flex !important;\n    }\n\n    .ols-image-lightbox img {\n      display: block;\n      max-width: 96vw;\n      max-height: 92vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 18px;\n      background: #ffffff;\n      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);\n    }\n\n    .ols-image-lightbox-close {\n      position: fixed;\n      top: 18px;\n      right: 18px;\n      z-index: 1000000;\n      width: 44px;\n      height: 44px;\n      border: 0;\n      border-radius: 999px;\n      background: #ffffff;\n      color: #1C244B;\n      font-size: 28px;\n      line-height: 1;\n      font-weight: 700;\n      cursor: pointer;\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);\n    }\n\n    @media (max-width: 1050px) {\n\n\n\n      .ols-reaction-sublist {\n        grid-template-columns: 1fr;\n      }\n\n      .ols-main {\n        max-width: none;\n      }\n\n      .ols-related-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-unlock {\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: 210px;\n        padding: 14px;\n      }\n\n      .ols-figure-caption {\n        padding: 18px;\n      }\n\n      .ols-topic-list,\n      .ols-related-grid,\n      .ols-reaction-summary,\n      .ols-pathway-grid {\n        grid-template-columns: 1fr;\n      }\n\n\n    }\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      box-sizing: border-box;\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    .ols-attribution-card strong { font-weight: 700; color: #1C244B; }\n  \n    @media (max-width: 760px) {\n      .ols-figure-card.ols-zoom-pop:hover .ols-figure-image img {\n        transform: none;\n        box-shadow: none;\n        border: 0;\n        border-radius: 0;\n      }\n    }\n\n<\/style>\n\n  <aside class=\"ols-sidebar\">\r\n  <div class=\"ols-sidebar-header\">\r\n    <h3>Revision Notes<\/h3>\r\n    <p>A Level Chemistry<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Topic 6 Organic Chemistry I<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/\">Introduction to Organic Chemistry<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/iupac-rules\/\">IUPAC Rules<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/alkene\/\">Alkene<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/alcohol\/\">Alcohol<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/halogenoalkanes\/\">Halogenoalkanes<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/aldehyde\/\">Aldehyde<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/ketone\/\">Ketone<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/carboxylic-acid\/\">Carboxylic Acid<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/ester\/\">Ester<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/introduction-to-organic-chemistry\/isomerism\/\">Isomerism<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/\">Alkanes<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/\">Alkanes from Crude Oil<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/fractional-distillation\/\">Fractional Distillation<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/cracking\/\">Cracking<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/crude-oil\/reforming\/\">Reforming<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/\">Alkanes as Fuel<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/combustion\/\">Combustion<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/oxides-of-sulfur\/\">Oxides of Sulfur<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/oxides-of-nitrogen\/\">Oxides of Nitrogen<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/fuel\/catalytic-converter\/\">Catalytic Converter<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/alternative-fuel\/\">Alternative Fuel<\/a>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/\">Reactions of Alkanes<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/free-radical-substitution\/\">Free Radical Substitution<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/initiation\/\">Initiation<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/propagation\/\">Propagation<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/termination\/\">Termination<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkanes\/reactions\/further-substitution\/\">Further Substitution<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/\">Alkenes<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/alkene-bonding\/\">Alkene Bonding<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/geometric-isomerism\/\">Geometric Isomerism<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/electrophilic-addition-mechanism\/\">Electrophilic Addition Mechanism<\/a>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/\">Reactions of Alkenes<\/a>\r\n\r\n            <ul class=\"ols-subtopic-list\">\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/halogens\/\">Halogens<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/\">Hydrogen Halide<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/bromine-water\/\">Bromine Water<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen\/\">Hydrogen<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/steam\/\">Steam<\/a>\r\n              <\/li>\r\n              <li>\r\n                <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/kmno4\/\">KMnO4<\/a>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/polymerisation-reactions\/\">Polymerisation Reactions<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/polymer-waste\/\">Polymer Waste<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/halogenoalkanes\/\">Halogenoalkanes<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alcohols\/\">Alcohols<\/a>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Next Topics<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-7-modern-analytical-techniques-i\/\">Topic 7 Modern Analytical Techniques I<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-5-formulae-equations-and-amounts-of-substance\/\">Topic 5 Formulae, Equations &amp; Amounts<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-4-inorganic-chemistry-and-the-periodic-table\/\">Topic 4 Inorganic Chemistry &amp; The Periodic Table<\/a>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/aside>\r\n\r\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\/edexcel\/\">Edexcel<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/\">Topic 6 Organic Chemistry I<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/\">Alkenes<\/a> \/\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/\">Reactions of Alkenes<\/a> \/\n        <span>Hydrogen Halide<\/span>\n      <\/nav>\n\n      <header class=\"ols-title-card\">\n        <h1>Reactions of Alkenes with Hydrogen Halides<\/h1>\n        <p class=\"ols-page-intro\">A concise revision guide to the addition reaction of alkenes with hydrogen halides, including HBr and HCl, the electrophilic addition mechanism, carbocation formation and why one product may form in greater amount with unsymmetrical alkenes.<\/p>\n\n        <div class=\"ols-badges\">\n          <div class=\"ols-badge\">Paper 2<\/div>\n          <div class=\"ols-badge\">Topic 6: Organic Chemistry I<\/div>\n          <div class=\"ols-badge\">9CH0\/02<\/div>\n        <\/div>\n\n        <div class=\"ols-author\">\n\n    <img decoding=\"async\" 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    <div class=\"ols-author-content\">\n\n      <h2 class=\"ols-author-title\">\n        Written by: Dr. Mohammed Al-Fatah\n      <\/h2>\n\n      <p class=\"ols-author-description\">\n        Chemistry specialist revision notes for A Level Chemistry.\n      <\/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\n    <\/div>\n\n  <\/div>\n      <\/header>\n\n      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">1<\/div>\n          <h2>The Overall Reaction<\/h2>\n        <\/div>\n\n        <p>Alkenes react with hydrogen halides such as <strong>hydrogen bromide, HBr<\/strong>, or <strong>hydrogen chloride, HCl<\/strong>, in an <strong>addition reaction<\/strong>.<\/p>\n        <p>The C=C double bond opens. The hydrogen atom adds to one carbon atom from the original double bond, and the halogen atom adds to the other carbon atom.<\/p>\n        <p>The functional group changes from an <strong>alkene<\/strong> to a <strong>halogenoalkane<\/strong>.<\/p>\n\n        <div class=\"ols-reaction-summary\">\n          <div class=\"ols-summary-item\"><span>Functional group change<\/span><strong>alkene \u2192 halogenoalkane<\/strong><\/div>\n          <div class=\"ols-summary-item\"><span>Reagent<\/span><strong>HBr or HCl<\/strong><\/div>\n          <div class=\"ols-summary-item\"><span>Conditions<\/span><strong>Room temperature<\/strong><\/div>\n          <div class=\"ols-summary-item\"><span>Mechanism<\/span><strong>Electrophilic addition<\/strong><\/div>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Key idea:<\/strong> This is addition because two atoms are added across the C=C double bond and the alkene becomes a saturated halogenoalkane.<\/p>\n        <\/div>\n\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\/05\/Chemical-reaction-of-but-2-ene.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open image fullscreen\"><img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Chemical-reaction-of-but-2-ene.webp\" alt=\"Chemical reaction of but-2-ene with a hydrogen halide\" data-fullscreen-src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Chemical-reaction-of-but-2-ene.webp\"><\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">2<\/div>\n          <h2>Why HBr and HCl Act as Electrophiles<\/h2>\n        <\/div>\n\n        <p>In hydrogen bromide, bromine is more electronegative than hydrogen. This means the H-Br bond is <strong>polar<\/strong>, with an uneven distribution of electron density.<\/p>\n        <p>The hydrogen atom carries a partial positive charge, <strong>H\u03b4<sup>+<\/sup><\/strong>, while the bromine atom carries a partial negative charge, <strong>Br\u03b4<sup>&#8211;<\/sup><\/strong>.<\/p>\n        <p>The electron-rich \u03c0 bond in the alkene is attracted to <strong>H\u03b4<sup>+<\/sup><\/strong>. The hydrogen atom acts as the <strong>electrophile<\/strong> because it accepts electron density from the alkene \u03c0 bond.<\/p>\n\n        <div class=\"ols-definition-box\">\n          <div class=\"ols-definition-circle\">H\u03b4<sup>+<\/sup><\/div>\n          <p><strong>Electrophile:<\/strong> An electron-pair acceptor. In this reaction, H\u03b4<sup>+<\/sup> is attracted to the electron-rich \u03c0 bond and begins the electrophilic addition mechanism.<\/p>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Exam focus:<\/strong> The electrophile is H<sup>+<\/sup>, not Br<sup>&#8211;<\/sup>. The \u03c0 bond attacks the hydrogen atom first.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card purple\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">3<\/div>\n          <h2>The Electrophilic Addition Mechanism<\/h2>\n        <\/div>\n\n        <p>The \u03c0 bond donates electron density to <strong>H\u03b4<sup>+<\/sup><\/strong>, forming a new C-H bond. At the same time, the H-Br bond breaks by <strong>heterolytic fission<\/strong>, producing <strong>Br<sup>&#8211;<\/sup><\/strong>.<\/p>\n        <p>After H<sup>+<\/sup> has added, one carbon atom from the original C=C double bond becomes positively charged. This produces a <strong>carbocation intermediate<\/strong>.<\/p>\n        <p>The bromide ion, <strong>Br<sup>&#8211;<\/sup><\/strong>, then donates a lone pair to the carbocation, forming the final <strong>bromoalkane<\/strong> product.<\/p>\n\n        <div class=\"ols-mechanism-steps\">\n          <div class=\"ols-step-card\">\n            <h3>Step 1: The \u03c0 bond attacks H\u03b4<sup>+<\/sup><\/h3>\n            <p>The alkene \u03c0 bond is electron-rich, so it is attracted to the partially positive hydrogen atom in HBr.<\/p>\n          <\/div>\n\n          <div class=\"ols-step-card\">\n            <h3>Step 2: H-Br breaks heterolytically<\/h3>\n            <p>Both electrons from the H-Br bond move to bromine, forming Br<sup>&#8211;<\/sup> and leaving a carbocation on the organic molecule.<\/p>\n          <\/div>\n\n          <div class=\"ols-step-card\">\n            <h3>Step 3: Br<sup>&#8211;<\/sup> attacks the carbocation<\/h3>\n            <p>The bromide ion donates a lone pair to the positively charged carbon, forming a new C-Br bond.<\/p>\n          <\/div>\n        <\/div>\n\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\/05\/Electrophilic-addition-of-2-butene.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open image fullscreen\"><img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Electrophilic-addition-of-2-butene.webp\" alt=\"Electrophilic addition of 2-butene with hydrogen bromide\" data-fullscreen-src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Electrophilic-addition-of-2-butene.webp\"><\/a>\n          <\/div>\n          <div class=\"ols-figure-caption\">\n            <p>The \u03c0 bond reacts with H\u03b4<sup>+<\/sup> first, then Br<sup>&#8211;<\/sup> attacks the carbocation intermediate to form the halogenoalkane.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">4<\/div>\n          <h2>Unsymmetrical Alkenes Can Form More Than One Product<\/h2>\n        <\/div>\n\n        <p>When an alkene is <strong>unsymmetrical<\/strong>, HBr or HCl can add in two different ways. This is because H<sup>+<\/sup> can add to either carbon atom of the C=C double bond.<\/p>\n        <p>Each possible route forms a different <strong>carbocation intermediate<\/strong>. These carbocations can have different stabilities, so the products are not always formed in equal amounts.<\/p>\n\n        <div class=\"ols-pathway-grid\">\n          <div class=\"ols-pathway-card\">\n            <h3>Route 1<\/h3>\n            <p>H<sup>+<\/sup> adds to one carbon atom of the C=C bond, forming one possible carbocation intermediate.<\/p>\n          <\/div>\n\n          <div class=\"ols-pathway-card\">\n            <h3>Route 2<\/h3>\n            <p>H<sup>+<\/sup> adds to the other carbon atom of the C=C bond, forming a different carbocation intermediate.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Key idea:<\/strong> The major product usually forms from the pathway that produces the more stable carbocation intermediate.<\/p>\n        <\/div>\n\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\/05\/Carbocation-stability-and-reaction-pathways.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open image fullscreen\"><img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-and-reaction-pathways.webp\" alt=\"Carbocation stability and reaction pathways for hydrogen halide addition\" data-fullscreen-src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-and-reaction-pathways.webp\"><\/a>\n          <\/div>\n          <div class=\"ols-figure-caption\">\n            <p>Different addition pathways can produce different carbocations, and the more stable carbocation pathway gives the major product.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ols-note-card soft\">\n        <div class=\"ols-note-title\">\n          <div class=\"ols-note-icon\">5<\/div>\n          <h2>Why One Product Forms in Greater Amount<\/h2>\n        <\/div>\n\n        <p>A <strong>carbocation<\/strong> is an organic ion with a positively charged carbon atom. Carbocations are stabilised when alkyl groups are attached to the positively charged carbon.<\/p>\n        <p>Alkyl groups are electron-releasing. They help spread out and reduce the positive charge, making the carbocation less reactive and more stable.<\/p>\n        <p>Because the more stable carbocation is formed more readily, the reaction proceeds mainly through that pathway. This leads to a higher yield of the corresponding product.<\/p>\n\n        <div class=\"ols-table-wrap\">\n          <table class=\"ols-table\">\n            <thead>\n              <tr>\n                <th>Carbocation type<\/th>\n                <th>Alkyl groups attached to C<sup>+<\/sup><\/th>\n                <th>Relative stability<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr>\n                <td><strong>Primary<\/strong><\/td>\n                <td>One alkyl group<\/td>\n                <td>Less stable<\/td>\n              <\/tr>\n              <tr>\n                <td><strong>Secondary<\/strong><\/td>\n                <td>Two alkyl groups<\/td>\n                <td>More stable<\/td>\n              <\/tr>\n              <tr>\n                <td><strong>Tertiary<\/strong><\/td>\n                <td>Three alkyl groups<\/td>\n                <td>Most stable<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n\n        <div class=\"ols-key-box\">\n          <p><strong>Exam focus:<\/strong> Explain the major product by comparing carbocation stability, not just by stating which product forms.<\/p>\n        <\/div>\n\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\/05\/Carbocation-stability-chart-and-key-concepts.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open image fullscreen\"><img decoding=\"async\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-chart-and-key-concepts.webp\" alt=\"Carbocation stability chart and key concepts\" data-fullscreen-src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-chart-and-key-concepts.webp\"><\/a>\n          <\/div>\n          <div class=\"ols-figure-caption\">\n            <p>Alkyl groups stabilise carbocations by releasing electron density towards the positively charged carbon.<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <section class=\"ols-h5p-card\">\n        <h2>Check Your Understanding<\/h2>\n        <p>Use these short activities to check the key ideas before moving on to the next alkene reaction.<\/p>\n\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-29\" class=\"h5p-iframe\" data-content-id=\"29\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T5.4.2.1 Drag: Hydrogen Halide Addition Key Concepts\"><\/iframe><\/div><\/div>\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-30\" class=\"h5p-iframe\" data-content-id=\"30\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T5.4.2.2 MCQ: Reagent and Product in Hydrogen Halide Addition\"><\/iframe><\/div><\/div>\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-31\" class=\"h5p-iframe\" data-content-id=\"31\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T5.4.2.3 MCQ: Electrophile in HBr Addition\"><\/iframe><\/div><\/div>\n        <div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-32\" class=\"h5p-iframe\" data-content-id=\"32\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"T5.4.2.4 MCQ: Major Product and Carbocation Stability\"><\/iframe><\/div><\/div>\n      <\/section> \n\n\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\/04\/edexcel-a-level-chemistry-topic-6c-alkenes-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\/alkenes-topic-6c-edexcel-a-level-chemistry\/\" aria-label=\"Open the Edexcel A Level Chemistry Topic 6C Alkenes 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\/04\/edexcel-a-level-chemistry-topic-6c-alkenes-interactive-course-banner.jpg\"\r\n            alt=\"Edexcel A Level Chemistry Topic 6C Alkenes 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            Paper 2 | 9CH0\/02 | Topic 6C Alkenes Course\r\n          <\/div>\r\n\r\n          <a class=\"ols-course-button ols-course-button-top\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/alkenes-topic-6c-edexcel-a-level-chemistry\/\">\r\n            View Course\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <h2>\r\n          Master Alkenes for Edexcel 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 Topic 6C Alkenes course, with guided video teaching, diagnostic MCQ practice, teacher-marked short-answer questions and a specification assignment with a personalised progress report.\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>Guided learning<\/span>\r\n          <strong>12 hours<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Video lessons<\/span>\r\n          <strong>145 mins<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>MCQ practice<\/span>\r\n          <strong>41 marks<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>SAQ practice<\/span>\r\n          <strong>244 marks<\/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 Topic 6C 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\/alkenes-topic-6c-edexcel-a-level-chemistry\/\">\r\n        View Alkenes Topic 6C 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-related-card\">\n        <h2>Related Alkene Revision Notes<\/h2>\n        <p>Continue through Topic 6 by linking hydrogen halide addition to halogen addition, bromine water and the general electrophilic addition 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\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/electrophilic-addition-mechanism\/\">Electrophilic Addition Mechanism<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/halogens\/\">Halogens<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/bromine-water\/\">Bromine Water<\/a>\n        <\/div>\n      <\/section>\n\n      <section class=\"ols-attribution-card\">\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    <\/main>\n  <\/div>\n\n<script>\n(function(){\n  var lightbox = null;\n  var lightboxImage = null;\n  var closeButton = null;\n\n  function ensureLightbox() {\n    if (lightbox) {\n      return;\n    }\n\n    lightbox = document.createElement(\"div\");\n    lightbox.className = \"ols-image-lightbox\";\n    lightbox.setAttribute(\"role\", \"dialog\");\n    lightbox.setAttribute(\"aria-modal\", \"true\");\n    lightbox.setAttribute(\"aria-label\", \"Fullscreen image preview\");\n\n    closeButton = document.createElement(\"button\");\n    closeButton.className = \"ols-image-lightbox-close\";\n    closeButton.type = \"button\";\n    closeButton.setAttribute(\"aria-label\", \"Close fullscreen image\");\n    closeButton.textContent = \"\u00d7\";\n\n    lightboxImage = document.createElement(\"img\");\n    lightboxImage.alt = \"\";\n\n    lightbox.appendChild(closeButton);\n    lightbox.appendChild(lightboxImage);\n    document.body.appendChild(lightbox);\n\n    lightbox.addEventListener(\"click\", function(event){\n      if (event.target === lightbox) {\n        closeLightbox();\n      }\n    });\n\n    closeButton.addEventListener(\"click\", function(event){\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n  }\n\n  function openLightbox(src, altText) {\n    if (!src) {\n      return;\n    }\n\n    ensureLightbox();\n\n    lightboxImage.src = src;\n    lightboxImage.alt = altText || \"Fullscreen revision image\";\n    lightbox.classList.add(\"is-visible\");\n    document.documentElement.style.overflow = \"hidden\";\n    document.body.style.overflow = \"hidden\";\n  }\n\n  function closeLightbox() {\n    if (!lightbox) {\n      return;\n    }\n\n    lightbox.classList.remove(\"is-visible\");\n\n    if (lightboxImage) {\n      lightboxImage.removeAttribute(\"src\");\n    }\n\n    document.documentElement.style.overflow = \"\";\n    document.body.style.overflow = \"\";\n  }\n\n  document.addEventListener(\"click\", function(event){\n    var link = event.target.closest(\".ols-image-fullscreen-link\");\n\n    if (!link) {\n      return;\n    }\n\n    var image = link.querySelector(\"img[data-fullscreen-src]\");\n\n    if (!image) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    openLightbox(image.getAttribute(\"data-fullscreen-src\") || image.currentSrc || image.src, image.getAttribute(\"alt\") || image.getAttribute(\"aria-label\"));\n  }, true);\n\n  document.addEventListener(\"keydown\", function(event){\n    if (event.key === \"Escape\") {\n      closeLightbox();\n      return;\n    }\n\n    if (event.key !== \"Enter\" && event.key !== \" \") {\n      return;\n    }\n\n    var link = document.activeElement;\n\n    if (!link || !link.classList || !link.classList.contains(\"ols-image-fullscreen-link\")) {\n      return;\n    }\n\n    var image = link.querySelector(\"img[data-fullscreen-src]\");\n\n    if (!image) {\n      return;\n    }\n\n    event.preventDefault();\n    openLightbox(image.getAttribute(\"data-fullscreen-src\") || image.currentSrc || image.src, image.getAttribute(\"alt\") || image.getAttribute(\"aria-label\"));\n  });\n\n  window.olsOpenRevisionImageFullscreen = openLightbox;\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n\n    {\n      \"@type\": \"Organization\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\",\n      \"name\": \"Online Learning System\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/\",\n      \"logo\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2025\/07\/a-level-chemistry-virtual-lesson-tutor.webp\"\n      }\n    },\n\n    {\n      \"@type\": \"WebSite\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/\",\n      \"name\": \"Online Learning System\",\n      \"publisher\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      }\n    },\n\n    {\n      \"@type\": \"WebPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#webpage\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/\",\n      \"name\": \"Reactions of Alkenes with Hydrogen Halides - Edexcel A Level Chemistry\",\n      \"headline\": \"Reactions of Alkenes with Hydrogen Halides\",\n      \"description\": \"A Level Chemistry revision notes covering the reaction of alkenes with hydrogen halides including HBr and HCl, electrophilic addition, carbocation intermediates and major product formation.\",\n      \"inLanguage\": \"en-GB\",\n      \"isPartOf\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#website\"\n      },\n      \"publisher\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      },\n      \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"Dr. Mohammed Al-Fatah\"\n      },\n      \"primaryImageOfPage\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#reaction-image\"\n      },\n      \"about\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#course\"\n      },\n      \"breadcrumb\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#breadcrumb\"\n      }\n    },\n\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#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\": \"Edexcel\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"name\": \"Topic 6 Organic Chemistry I\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 5,\n          \"name\": \"Alkenes\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 6,\n          \"name\": \"Reactions of Alkenes\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 7,\n          \"name\": \"Reactions of Alkenes with Hydrogen Halides\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/\"\n        }\n      ]\n    },\n\n    {\n      \"@type\": \"Course\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#course\",\n      \"name\": \"Reactions of Alkenes with Hydrogen Halides\",\n      \"description\": \"Revision notes for Edexcel A Level Chemistry covering the addition reaction of alkenes with hydrogen halides, electrophilic addition, carbocation intermediates and product formation.\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/\",\n      \"provider\": {\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/#organization\"\n      },\n      \"educationalLevel\": \"A Level\",\n      \"courseCode\": \"Topic 6.4.2\",\n      \"inLanguage\": \"en-GB\",\n      \"teaches\": [\n        \"Hydrogen halide addition\",\n        \"Electrophilic addition\",\n        \"Hydrogen bromide reactions\",\n        \"Hydrogen chloride reactions\",\n        \"Carbocation intermediates\",\n        \"Major and minor products\",\n        \"Carbocation stability\",\n        \"Halogenoalkane formation\"\n      ],\n      \"hasCourseInstance\": {\n        \"@type\": \"CourseInstance\",\n        \"courseMode\": \"online\",\n        \"courseWorkload\": \"Self-paced revision\"\n      }\n    },\n\n    {\n      \"@type\": \"ImageObject\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#reaction-image\",\n      \"name\": \"Reaction of But-2-ene with Hydrogen Halide\",\n      \"description\": \"Chemical reaction of but-2-ene with hydrogen bromide forming a halogenoalkane.\",\n      \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Chemical-reaction-of-but-2-ene.webp\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Chemical-reaction-of-but-2-ene.webp\"\n    },\n\n    {\n      \"@type\": \"ImageObject\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#mechanism-image\",\n      \"name\": \"Electrophilic Addition of 2-Butene\",\n      \"description\": \"Electrophilic addition mechanism of 2-butene reacting with hydrogen bromide.\",\n      \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Electrophilic-addition-of-2-butene.webp\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Electrophilic-addition-of-2-butene.webp\"\n    },\n\n    {\n      \"@type\": \"ImageObject\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#carbocation-image\",\n      \"name\": \"Carbocation Stability and Reaction Pathways\",\n      \"description\": \"Diagram showing different carbocation pathways and stability during hydrogen halide addition.\",\n      \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-and-reaction-pathways.webp\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-and-reaction-pathways.webp\"\n    },\n\n    {\n      \"@type\": \"ImageObject\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#stability-image\",\n      \"name\": \"Carbocation Stability Chart\",\n      \"description\": \"Primary, secondary and tertiary carbocation stability comparison chart.\",\n      \"contentUrl\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-chart-and-key-concepts.webp\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Carbocation-stability-chart-and-key-concepts.webp\"\n    },\n\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/edexcel\/topic-6-organic-chemistry-i\/alkenes\/reactions-of-alkenes\/hydrogen-halide\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What type of reaction occurs when alkenes react with HBr?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Alkenes react with hydrogen bromide by electrophilic addition. The hydrogen and bromine atoms add across the carbon-carbon double bond.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Why is H\u03b4+ the electrophile in HBr?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"The H-Br bond is polar because bromine is more electronegative than hydrogen. This leaves hydrogen partially positive, allowing it to accept electron density from the alkene pi bond.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is a carbocation intermediate?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A carbocation intermediate is a positively charged organic ion formed temporarily during electrophilic addition reactions.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Why does one product form in greater amount with unsymmetrical alkenes?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"One product forms in greater amount because one reaction pathway produces a more stable carbocation intermediate, making that pathway more favourable.\"\n          }\n        }\n      ]\n    }\n\n  ]\n}\n<\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes \/ A Level Chemistry \/ Edexcel \/ Topic 6 Organic Chemistry I \/ Alkenes \/ Reactions of Alkenes \/ Hydrogen Halide Reactions of Alkenes with Hydrogen Halides A concise revision guide to the addition reaction of alkenes with hydrogen halides, including HBr and HCl, the electrophilic addition mechanism, carbocation formation and why one [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":4841,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"productId":0,"courseId":0,"footnotes":""},"class_list":["post-4843","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4843","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=4843"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4843\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/4841"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=4843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}