{"id":7797,"date":"2026-09-13T19:08:38","date_gmt":"2026-09-13T18:08:38","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/structure-types\/"},"modified":"2026-09-24T11:04:59","modified_gmt":"2026-09-24T10:04:59","slug":"structure-types","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/structure-types\/","title":{"rendered":"Structure Types"},"content":{"rendered":"<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n\n<section class=\"ols-revision-page ols-nature-of-ionic-bonding-9ch0-page\">\n  <style>\n    .ols-revision-page {\n      --navy: #1C244B;\n      --blue: #2563eb;\n      --soft-blue: #eef4ff;\n      --soft-red: #fff7f7;\n      --soft-purple: #f7f0ff;\n      --soft-green: #f0f7f1;\n      --soft-orange: #fff7ed;\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    .ols-main { min-width: 0; max-width: 970px; }\n    .ols-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 22px; font-size: 15px; color: var(--grey-text); }\n    .ols-breadcrumbs a, .ols-breadcrumbs span { color: var(--grey-text); text-decoration: none; font-weight: 600; }\n    .ols-breadcrumbs a:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }\n    .ols-title-card, .ols-note-card, .ols-h5p-card, .ols-related-card, .ols-faq-card { background: #ffffff; border: 1px solid var(--border); border-radius: 28px; box-shadow: var(--shadow); padding: 34px; margin-bottom: 24px; overflow: hidden; }\n    .ols-title-card { background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%); }\n    .ols-title-card h1 { margin: 0 0 18px; font-size: clamp(36px, 5vw, 58px); line-height: 1.08; font-weight: 800; letter-spacing: -0.04em; color: #111827; }\n    .ols-page-intro { font-size: 19px; line-height: 1.7; font-weight: 300; color: var(--body-text); margin: 0 0 22px; }\n    .ols-badges { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 22px; }\n    .ols-badge { display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 999px; background: #ffffff; border: 1px solid var(--border); font-size: 15px; font-weight: 600; color: var(--navy); }\n    .ols-author { display: flex; align-items: center; gap: 20px; padding: 28px; border-radius: 28px; background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%); border: 1px solid rgba(28,36,75,0.12); box-shadow: 0 18px 45px rgba(28,36,75,0.10); margin-top: 22px; }\n    .ols-author-avatar-img { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; object-position: center; flex-shrink: 0; border: 4px solid #ffffff; box-shadow: 0 14px 32px rgba(28,36,75,0.18), 0 0 0 1px rgba(28,36,75,0.10); transition: transform 0.25s ease, box-shadow 0.25s ease; }\n    .ols-author:hover .ols-author-avatar-img { transform: scale(1.04); box-shadow: 0 20px 42px rgba(28,36,75,0.22), 0 0 0 1px rgba(28,36,75,0.10); }\n    .ols-author-content { min-width: 0; }\n    .ols-author-title { margin: 0 0 4px; font-size: clamp(24px,3vw,34px); line-height: 1.15; font-weight: 700; color: var(--navy); letter-spacing: -0.03em; }\n    .ols-author-description { margin: 0; font-size: 17px; line-height: 1.7; font-weight: 300; color: var(--grey-text); }\n    .ols-linkedin-pill { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; padding: 11px 18px; border-radius: 999px; background: linear-gradient(135deg,#0A66C2,#004182); color: #ffffff; text-decoration: none; font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0.01em; box-shadow: 0 10px 22px rgba(10,102,194,0.24); position: relative; overflow: hidden; transition: transform 0.22s ease, box-shadow 0.22s ease; }\n    .ols-linkedin-pill::before { content: \"\"; position: absolute; top: 0; left: -120%; width: 100%; height: 100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0) 100%); transition: left 0.7s ease; }\n    .ols-linkedin-pill:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 16px 34px rgba(10,102,194,0.34), 0 0 0 6px rgba(10,102,194,0.10); color: #ffffff; }\n    .ols-linkedin-pill:hover::before { left: 120%; }\n    .ols-linkedin-icon { width: 18px; height: 18px; display: block; flex-shrink: 0; }\n    .ols-note-card.soft { background: linear-gradient(135deg, #ffffff 0%, var(--soft-red) 100%); }\n    .ols-note-card.purple { background: linear-gradient(135deg, #ffffff 0%, var(--soft-purple) 100%); }\n    .ols-note-card.orange { background: linear-gradient(135deg, #ffffff 0%, var(--soft-orange) 100%); }\n    .ols-note-title { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }\n    .ols-note-icon { width: 52px; height: 52px; border-radius: 16px; background: var(--navy); color: #ffffff; display: grid; place-items: center; font-size: 24px; font-weight: 800; flex-shrink: 0; }\n    .ols-note-title h2, .ols-h5p-card h2, .ols-related-card h2, .ols-faq-card h2 { margin: 0; font-size: clamp(28px, 3.5vw, 42px); line-height: 1.15; font-weight: 800; color: #111827; letter-spacing: -0.03em; }\n    .ols-h5p-card h2, .ols-related-card h2, .ols-faq-card h2 { margin-bottom: 14px; }\n    .ols-note-card p, .ols-note-card li { font-size: clamp(15px, 1.25vw, 17px); line-height: 1.65; font-weight: 300; color: var(--body-text); }\n    .ols-h5p-card p, .ols-related-card p, .ols-faq-card p { font-size: clamp(15px, 1.3vw, 18px); line-height: 1.65; font-weight: 300; color: var(--body-text); }\n    .ols-note-card strong, .ols-h5p-card strong, .ols-related-card strong, .ols-faq-card strong { font-weight: 700; color: var(--navy); }\n    .ols-note-card ul, .ols-note-card ol { margin: 0; padding-left: 22px; }\n    .ols-key-box { margin-top: 20px; background: var(--soft-green); border: 1px solid rgba(63, 143, 70, 0.25); border-radius: 20px; padding: 18px 20px; }\n    .ols-key-box p { margin: 0; font-weight: 400; color: var(--navy); }\n    .ols-rule-list { display: grid; gap: 14px; margin-top: 18px; }\n    .ols-rule-item { background: #ffffff; border: 1px solid var(--border); border-left: 5px solid var(--blue); border-radius: 18px; padding: 18px; box-shadow: var(--inner-shadow); }\n    .ols-rule-item h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.25; color: var(--navy); }\n    .ols-rule-item p { margin: 0; font-size: 15px; line-height: 1.6; }\n    .ols-revision-page, .ols-main, .ols-title-card, .ols-note-card, .ols-h5p-card, .ols-related-card, .ols-faq-card { overflow: visible !important; }\n    .ols-zoom-card, .ols-zoom-card * { box-sizing: border-box; }\n    .ols-zoom-card { display: block !important; margin: 26px auto 34px !important; border: 1px solid rgba(28, 36, 75, 0.14) !important; border-radius: 26px !important; background: #ffffff !important; box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10) !important; overflow: visible !important; position: relative !important; z-index: 1 !important; isolation: isolate !important; max-width: 100%; }\n    .ols-zoom-card.medium { max-width: 820px; }\n    .ols-zoom-card.compact { max-width: 700px; }\n    .ols-zoom-card.wide { max-width: 940px; }\n    .ols-zoom-card:hover { z-index: 50 !important; }\n    .ols-zoom-card-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 290px !important; padding: 24px !important; background: #ffffff !important; overflow: visible !important; border-top-left-radius: 26px !important; border-top-right-radius: 26px !important; position: relative !important; z-index: 2 !important; }\n    .ols-zoom-card img.ols-zoomable-img { display: block !important; max-width: 100% !important; height: auto !important; border-radius: 18px !important; cursor: zoom-in !important; pointer-events: auto !important; user-select: none !important; -webkit-user-drag: none !important; transform: translateZ(0) scale(1) !important; transform-origin: center center !important; transition: transform 0.32s ease, box-shadow 0.32s ease, filter 0.32s ease !important; position: relative !important; z-index: 2 !important; }\n    @media (hover: hover) and (pointer: fine) { .ols-zoom-card img.ols-zoomable-img:hover { transform: translateZ(0) scale(1.35) !important; box-shadow: 0 28px 70px rgba(28, 36, 75, 0.34) !important; filter: saturate(1.02) contrast(1.01) !important; z-index: 100 !important; } }\n    .ols-zoom-card-caption { padding: 18px 24px 22px !important; background: linear-gradient(135deg, #ffffff, #f8fbff) !important; border-top: 1px solid rgba(28, 36, 75, 0.14) !important; border-bottom-left-radius: 26px !important; border-bottom-right-radius: 26px !important; position: relative !important; z-index: 1 !important; }\n    .ols-zoom-card-caption p { margin: 0 !important; color: #5f6b85 !important; font-size: clamp(15px, 1.3vw, 17px) !important; line-height: 1.6 !important; font-weight: 300 !important; font-style: italic !important; font-family: Poppins, Arial, sans-serif !important; }\n    .ols-image-lightbox { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 34px; background: rgba(10, 15, 35, 0.86); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }\n    .ols-image-lightbox.is-open { display: flex; }\n    .ols-image-lightbox-inner { position: relative; width: min(96vw, 1500px); max-height: 92vh; display: flex; align-items: center; justify-content: center; }\n    .ols-image-lightbox-img { display: block; max-width: 100%; max-height: 92vh; height: auto; width: auto; border-radius: 22px; background: #ffffff; box-shadow: 0 32px 90px rgba(0, 0, 0, 0.45); object-fit: contain; }\n    .ols-image-lightbox-close { position: absolute; top: -18px; right: -18px; width: 46px; height: 46px; border: 0; border-radius: 50%; background: #ffffff; color: var(--navy); font-family: Poppins, Arial, sans-serif; font-size: 28px; line-height: 1; font-weight: 700; cursor: pointer; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28); display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; }\n    .ols-image-lightbox-close:hover { transform: scale(1.08); background: var(--blue); color: #ffffff; }\n    .ols-table-wrap { overflow: hidden; border-radius: 22px; border: 1px solid var(--border); background: #ffffff; margin-top: 18px; }\n    .ols-table { width: 100%; border-collapse: collapse; table-layout: fixed; }\n    .ols-table th { background: var(--navy); color: #ffffff; padding: 16px; text-align: left; font-size: clamp(14px, 1.2vw, 17px); font-weight: 600; overflow-wrap: anywhere; }\n    .ols-table td { padding: 16px; border-bottom: 1px solid var(--border); font-size: clamp(14px, 1.15vw, 16px); line-height: 1.45; color: var(--body-text); vertical-align: top; overflow-wrap: anywhere; }\n    .ols-table tr:last-child td { border-bottom: none; }\n    .ols-h5p-card { background: linear-gradient(135deg, #ffffff 0%, #f7f0ff 100%); }\n    .ols-h5p-frame { margin-top: 22px; padding: 18px; border-radius: 24px; background: #ffffff; border: 1px solid var(--border); box-shadow: inset 0 0 0 1px rgba(28, 36, 75, 0.03); }\n    .ols-faq-list { display: grid; gap: 14px; margin-top: 18px; }\n    .ols-faq-item { background: #ffffff; border: 1px solid var(--border); border-radius: 18px; padding: 18px 20px; box-shadow: var(--inner-shadow); }\n    .ols-faq-item h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; color: var(--navy); }\n    .ols-faq-item p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--body-text); }\n    .ols-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }\n    .ols-related-item { border: 1px solid var(--border); border-radius: 18px; padding: 18px; background: #ffffff; color: var(--navy); text-decoration: none; font-weight: 600; line-height: 1.5; transition: transform 0.2s ease, box-shadow 0.2s ease; }\n    .ols-related-item:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(28, 36, 75, 0.08); }\n\n    @media (max-width: 1050px) {\n      .ols-main { max-width: none; }\n      .ols-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    }\n\n    @media (max-width: 760px) {\n      .ols-title-card, .ols-note-card, .ols-h5p-card, .ols-related-card, .ols-faq-card { padding: 24px 18px; border-radius: 22px; }\n      .ols-note-title { align-items: flex-start; }\n      .ols-related-grid { grid-template-columns: 1fr; }\n      .ols-zoom-card { border-radius: 22px !important; overflow: hidden !important; }\n      .ols-zoom-card-image { min-height: 220px !important; padding: 16px !important; overflow: hidden !important; }\n      .ols-zoom-card img.ols-zoomable-img, .ols-zoom-card img.ols-zoomable-img:hover { transform: none !important; box-shadow: none !important; }\n      .ols-zoom-card-caption { padding: 16px !important; }\n      .ols-image-lightbox { padding: 16px; }\n      .ols-image-lightbox-inner { width: 100%; max-height: 88vh; }\n      .ols-image-lightbox-img { max-height: 88vh; border-radius: 16px; }\n      .ols-image-lightbox-close { top: 10px; right: 10px; width: 42px; height: 42px; font-size: 26px; }\n      .ols-table-wrap { border: none; background: transparent; }\n      .ols-table, .ols-table thead, .ols-table tbody, .ols-table th, .ols-table td, .ols-table tr { display: block; width: 100%; }\n      .ols-table { border-collapse: separate; border-spacing: 0; }\n      .ols-table thead { display: none; }\n      .ols-table tr { margin-bottom: 14px; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; background: #ffffff; box-shadow: var(--inner-shadow); }\n      .ols-table td { border-bottom: 1px solid var(--border); padding: 14px 16px; overflow-wrap: anywhere; }\n      .ols-table td:last-child { border-bottom: none; }\n      .ols-table td::before { content: attr(data-label); display: block; margin-bottom: 6px; font-size: 13px; font-weight: 700; color: var(--blue); }\n      .ols-author { align-items: flex-start; padding: 22px 18px; border-radius: 22px; }\n      .ols-author-avatar-img { width: 72px; height: 72px; }\n      .ols-author-title { font-size: 24px; }\n      .ols-author-description { font-size: 15px; }\n    }\n  \n    .ols-figure-placeholder .ols-placeholder-box { border: 2px dashed #c9973a; background: #fffaf0; border-radius: 16px; padding: 26px 22px; font-weight: 700; color: #7a4b12; text-align: center; line-height: 1.6; }\n    .ols-figure-placeholder .ols-figure-image { background: transparent; }\n    .ols-figure-placeholder { background: #ffffff; border: 1px solid rgba(28, 36, 75, 0.12); border-radius: 22px; padding: 14px; margin: 18px 0 6px; }\n    .ols-figure-placeholder .ols-figure-caption p { margin: 10px 0 0; font-size: 14px; color: #667085; text-align: center; }\n<\/style>\n\n    <aside class=\"ols-sidebar\">\n  <div class=\"ols-sidebar-header\">\n    <h3>Revision Notes<\/h3>\n    <p>OCR A Level Chemistry A<\/p>\n  <\/div>\n  <div class=\"ols-topic-group\">\n    <h4>2.2.2 Bonding and Structure<\/h4>\n    <ul class=\"ols-topic-list\">\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/\">Section overview<\/a><\/li>\n      <li>\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/\">Ionic Bonding<\/a>\n        <ul class=\"ols-subtopic-list\">\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/nature-of-ionic-bonding\/\">Nature of Ionic Bonding<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/polarisation-of-ions\/\">Polarisation of Ions<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/physical-properties-of-ionic-compounds\/\">Physical Properties of Ionic Compounds<\/a><\/li>\n        <\/ul>\n      <\/li>\n      <li>\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/covalent-bonding\/\">Covalent Bonding<\/a>\n        <ul class=\"ols-subtopic-list\">\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/covalent-bonding\/nature-of-covalent-bonding\/\">Nature of Covalent Bonding<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/covalent-bonding\/dative-covalent-bonding\/\">Dative Covalent Bonding<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/covalent-bonding\/electronegativity\/\">Electronegativity<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/covalent-bonding\/giant-covalent-structures\/\">Giant Covalent Structures<\/a><\/li>\n        <\/ul>\n      <\/li>\n      <li>\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/\">Shapes of Molecules<\/a>\n        <ul class=\"ols-subtopic-list\">\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/linear\/\">Linear<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/trigonal-planar\/\">Trigonal Planar<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/tetrahedral\/\">Tetrahedral<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/trigonal-pyramidal\/\">Trigonal Pyramidal<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/bent\/\">Bent<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/trigonal-bipyramidal\/\">Trigonal Bipyramidal<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/octahedral\/\">Octahedral<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/square-planar\/\">Square Planar<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/square-pyramidal\/\">Square Pyramidal<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/distorted-t\/\">Distorted T<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/shapes-of-molecules\/seesaw\/\">SeeSaw<\/a><\/li>\n        <\/ul>\n      <\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/polar-molecules\/\">Non-Polar and Polar Molecules<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/bond-enthalpy-and-pauling-values\/\">Bond Enthalpy and Pauling Values<\/a><\/li>\n      <li>\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/metallic-bonding\/\">Metallic Bonding<\/a>\n        <ul class=\"ols-subtopic-list\">\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/metallic-bonding\/metallic-bonding-and-structure\/\">Metallic Bonding and Structure<\/a><\/li>\n          <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/metallic-bonding\/physical-properties-of-metals\/\">Physical Properties of Metals<\/a><\/li>\n        <\/ul>\n      <\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/simple-molecular-structures\/\">Simple Molecular Structures<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/structure-types\/\">Structure Types<\/a><\/li>\n      <li>\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/\">Intermolecular Forces<\/a>\n        <ul class=\"ols-subtopic-list\">\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/london-forces\/\">London Forces<\/a>\n          <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/permanent-dipole-dipole-forces\/\">Permanent Dipole-Dipole Forces<\/a>\n          <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/hydrogen-bonding\/\">Hydrogen Bonding<\/a>\n          <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/anomalous-properties-of-water\/\">Anomalous Properties of Water<\/a>\n          <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/boiling-temperature-trends\/\">Boiling Point Trends<\/a>\n          <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/intermolecular-forces\/choosing-solvents\/\">Choosing Solvents<\/a>\n          <\/li>\n        <\/ul>\n      <\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"ols-topic-group\">\n    <h4>Other OCR Sections<\/h4>\n    <ul class=\"ols-topic-list\">\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/4-1-1-basic-concepts-of-organic-chemistry\/\">4.1.1 Basic Concepts of Organic Chemistry<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/4-1-2-alkanes\/\">4.1.2 Alkanes<\/a><\/li>\n      <li><a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/4-1-3-alkenes\/\">4.1.3 Alkenes<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/aside>\n<script>\r\n(function() {\r\n  function normalisePath(path) {\r\n    return String(path || '')\r\n      .split('?')[0]\r\n      .split('#')[0]\r\n      .replace(\/\\\/+$\/, '')\r\n      .toLowerCase();\r\n  }\r\n\r\n  function highlightActive() {\r\n    var sidebar = document.querySelector('.ols-sidebar');\r\n    if (!sidebar) return false;\r\n\r\n    var currentPath = normalisePath(window.location.pathname);\r\n    var links = sidebar.querySelectorAll('a[href]');\r\n    var matched = null;\r\n    var matchedLength = 0;\r\n\r\n    sidebar.querySelectorAll('.active, .active-main, .parent-active').forEach(function(item) {\r\n      item.classList.remove('active', 'active-main', 'parent-active');\r\n    });\r\n\r\n    sidebar.querySelectorAll('a[data-ols-disabled-parent=\"1\"], a[aria-current]').forEach(function(a) {\r\n      a.removeAttribute('aria-current');\r\n      a.removeAttribute('tabindex');\r\n      a.removeAttribute('data-ols-disabled-parent');\r\n    });\r\n\r\n    links.forEach(function(a) {\r\n      try {\r\n        var href = a.getAttribute('href');\r\n        if (!href || href === '#' || href.charAt(0) === '#') return;\r\n        var linkPath = normalisePath(new URL(href, window.location.origin).pathname);\r\n        if (!linkPath) return;\r\n        if (currentPath === linkPath || currentPath.indexOf(linkPath + '\/') === 0) {\r\n          if (linkPath.length > matchedLength) {\r\n            matched = a;\r\n            matchedLength = linkPath.length;\r\n          }\r\n        }\r\n      } catch(e) {}\r\n    });\r\n\r\n    if (matched) {\r\n      var matchedLi = matched.closest('li');\r\n      var parentSub = matched.closest('.ols-subtopic-list');\r\n\r\n      if (parentSub) {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('active');\r\n          matched.setAttribute('aria-current', 'page');\r\n        }\r\n\r\n        var parentLi = parentSub.closest('li');\r\n        while (parentLi) {\r\n          parentLi.classList.add('parent-active', 'active-main');\r\n\r\n          var parentLink = parentLi.querySelector(':scope > a');\r\n          if (parentLink) {\r\n            parentLink.setAttribute('aria-current', 'true');\r\n            parentLink.setAttribute('tabindex', '-1');\r\n            parentLink.setAttribute('data-ols-disabled-parent', '1');\r\n          }\r\n\r\n          var higherSub = parentLi.parentElement.closest('.ols-subtopic-list');\r\n          parentLi = higherSub ? higherSub.closest('li') : null;\r\n        }\r\n      } else {\r\n        if (matchedLi) {\r\n          matchedLi.classList.add('parent-active', 'active-main');\r\n          matched.setAttribute('aria-current', 'page');\r\n          matched.setAttribute('tabindex', '-1');\r\n          matched.setAttribute('data-ols-disabled-parent', '1');\r\n        }\r\n      }\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  if (!highlightActive()) {\r\n    document.addEventListener('DOMContentLoaded', highlightActive);\r\n  }\r\n})();\r\n<\/script>\n\n  <main class=\"ols-main\">\n      <nav class=\"ols-breadcrumbs\" aria-label=\"Breadcrumb\">\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/\">Revision Notes<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/\">A Level Chemistry<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/\">OCR A<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/\">2.2.2 Bonding and Structure<\/a> \/\n<span>Structure Types<\/span>\n<\/nav>\n\n      <header class=\"ols-title-card\">\n        <h1>Structure Types<\/h1>\n        <p class=\"ols-page-intro\">A concise revision guide to the four types of solid lattice, giant ionic, giant metallic, giant covalent and simple molecular: which particles they contain, what holds them together, and how that decides melting point, conductivity, solubility and the energy changes on melting and boiling.<\/p>\n\n        <div class=\"ols-badges\">\n          <div class=\"ols-badge\">Paper 1 and 2<\/div>\n<div class=\"ols-badge\">2.2.2: Bonding and Structure<\/div>\n<div class=\"ols-badge\">H432\/01 and H432\/02<\/div>\n        <\/div>\n\n        <div class=\"ols-author\">\n\n    <img decoding=\"async\"\n      class=\"ols-author-avatar-img\"\n      src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/05\/Author-Profile.jpeg\"\n      alt=\"Dr. Mohammed Al-Fatah\"\n    >\n\n    <div class=\"ols-author-content\">\n\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\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\n        View LinkedIn Profile\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n      <\/header>\n\n      <section class=\"ols-h5p-card ols-h5p-inline ols-h5p-recap\">\n<span class=\"ols-h5p-kicker\">Before you start<\/span>\n<h2>GCSE Recap: Bonding Types and Changes of State<\/h2>\n<p>Answer three quick GCSE questions before you start.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-content\" data-content-id=\"690\"><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card soft\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">1<\/div>\n<h2>The Four Types of Solid Lattice<\/h2>\n<\/div>\n<p>Every crystalline solid is a regular, repeating arrangement of particles: a <strong>lattice<\/strong>. What decides a solid&#8217;s properties is not the lattice pattern itself but <strong>which particles<\/strong> sit at the lattice points and <strong>which forces<\/strong> hold them there. There are four cases to know.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Lattice type<\/th><th>Particles<\/th><th>Forces holding the lattice together<\/th><th>Examples<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Giant ionic<\/strong><\/td><td>Positive and negative ions<\/td><td>Strong electrostatic attraction between oppositely charged ions, acting in all directions<\/td><td>NaCl, MgO, CaF<sub>2<\/sub><\/td><\/tr>\n<tr><td><strong>Giant metallic<\/strong><\/td><td>Positive metal ions and delocalised electrons<\/td><td>Strong electrostatic attraction between the ions and the sea of delocalised electrons<\/td><td>Mg, Cu, Na<\/td><\/tr>\n<tr><td><strong>Giant covalent (macromolecular)<\/strong><\/td><td>Atoms<\/td><td>Strong covalent bonds throughout the whole structure<\/td><td>Diamond, graphite, SiO<sub>2<\/sub><\/td><\/tr>\n<tr><td><strong>Simple molecular<\/strong><\/td><td>Molecules<\/td><td>Weak intermolecular forces between molecules (the covalent bonds inside each molecule are strong but are not broken on melting)<\/td><td>I<sub>2<\/sub>, ice, C<sub>60<\/sub>, CO<sub>2<\/sub><\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>The word <strong>giant<\/strong> means the bonding continues throughout the crystal, so there is no separate molecule to point to. In a <strong>simple molecular<\/strong> solid there are two different forces: strong covalent bonds within each molecule and weak forces between them, and only the weak forces are overcome when the solid melts.<\/p>\n<section class=\"ols-sol-001\" id=\"olsSol001\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap');\n\n.ols-sol-001{\n  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n  color:#1C244B; background:#ffffff;\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:44px; margin:26px auto; max-width:980px;\n  box-sizing:border-box; -webkit-font-smoothing:antialiased;\n}\n.ols-sol-001 *{box-sizing:border-box;}\n\n.ols-sol-001 .sol-head{margin:0 0 22px;}\n.ols-sol-001 h2.sol-title{\n  font-size:26px; line-height:1.25; font-weight:600; letter-spacing:-0.012em;\n  margin:0 0 9px; color:#1C244B;\n}\n.ols-sol-001 p.sol-sub{\n  font-size:14.5px; line-height:1.62; font-weight:300; color:#4a5270;\n  margin:0; max-width:66ch;\n}\n\n.ols-sol-001 .sol-stage{\n  position:relative; width:100%; height:560px;\n  background:#ffffff; border:1px solid rgba(28,36,75,0.12);\n  border-radius:18px; overflow:hidden;\n}\n.ols-sol-001 .sol-canvas{\n  display:block; width:100%; height:100%;\n  touch-action:none; cursor:grab; background:#ffffff;\n}\n.ols-sol-001 .sol-canvas.is-drag{cursor:grabbing;}\n.ols-sol-001 .sol-overlay{position:absolute; inset:0; pointer-events:none; overflow:hidden;}\n\n.ols-sol-001 .sol-lab{\n  position:absolute; left:0; top:0; transform:translate(-50%,-50%);\n  white-space:nowrap; font-size:12.5px; font-weight:500; line-height:1;\n  padding:5px 10px; background:rgba(255,255,255,0.93);\n  border:1px solid rgba(28,36,75,0.16); border-radius:999px;\n  color:#1C244B; will-change:transform;\n}\n.ols-sol-001 .sol-lab.l-part{border-color:rgba(28,36,75,0.34); color:#1C244B;}\n.ols-sol-001 .sol-lab.l-force{border-color:rgba(37,99,235,0.45); color:#1d47b8;}\n\n.ols-sol-001 .sol-caption{\n  position:absolute; left:14px; top:14px; max-width:62%;\n  font-size:12px; font-weight:500; color:#4a5270;\n  background:rgba(255,255,255,0.92); padding:6px 12px;\n  border-radius:999px; border:1px solid rgba(28,36,75,0.12);\n}\n.ols-sol-001 .sol-hint{\n  position:absolute; right:14px; top:14px;\n  font-size:11.5px; font-weight:400; color:#8b92a8;\n  background:rgba(255,255,255,0.9); padding:5px 11px;\n  border-radius:999px; border:1px solid rgba(28,36,75,0.10);\n}\n.ols-sol-001 .sol-badges{\n  position:absolute; right:14px; bottom:14px;\n  display:flex; flex-direction:column; align-items:flex-end; gap:7px;\n}\n.ols-sol-001 .sol-mp{\n  font-size:13px; font-weight:600; color:#a8401c;\n  background:rgba(255,255,255,0.94); padding:6px 13px;\n  border-radius:999px; border:1px solid rgba(190,60,30,0.45);\n}\n.ols-sol-001 .sol-cond{\n  font-size:12px; font-weight:500; color:#1d47b8;\n  background:rgba(255,255,255,0.94); padding:5px 12px;\n  border-radius:999px; border:1px solid rgba(37,99,235,0.45);\n  max-width:300px; text-align:right;\n}\n.ols-sol-001 .sol-cond.none{color:#6b7290; border-color:rgba(28,36,75,0.22);}\n.ols-sol-001 .sol-cond.hide{display:none;}\n\n.ols-sol-001 .sol-controls{margin-top:20px; display:flex; flex-direction:column; gap:12px;}\n.ols-sol-001 .sol-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}\n.ols-sol-001 .sol-rowlab{font-size:12px; font-weight:500; color:#6b7290; min-width:100px; flex:0 0 auto;}\n\n.ols-sol-001 .sol-seg{\n  display:inline-flex; border:1px solid rgba(28,36,75,0.16);\n  border-radius:12px; overflow:hidden; background:#fbfbfd; flex-wrap:wrap;\n}\n.ols-sol-001 .sol-seg button{\n  font-family:inherit; font-size:13.5px; font-weight:500; color:#3c4463;\n  background:transparent; border:0; border-right:1px solid rgba(28,36,75,0.12);\n  padding:9px 16px; cursor:pointer; transition:background .15s, color .15s;\n}\n.ols-sol-001 .sol-seg button:last-child{border-right:0;}\n.ols-sol-001 .sol-seg button:hover{background:rgba(37,99,235,0.06);}\n.ols-sol-001 .sol-seg button[aria-pressed=\"true\"]{background:#2563eb; color:#fff;}\n.ols-sol-001 .sol-seg button:focus-visible{outline:2px solid #2563eb; outline-offset:-2px;}\n\n.ols-sol-001 .sol-pill{\n  font-family:inherit; font-size:13px; font-weight:500; color:#3c4463;\n  background:#fbfbfd; border:1px solid rgba(28,36,75,0.16);\n  border-radius:999px; padding:8px 16px; cursor:pointer;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:background .15s, border-color .15s, color .15s;\n}\n.ols-sol-001 .sol-pill:hover{border-color:rgba(37,99,235,0.4);}\n.ols-sol-001 .sol-pill:focus-visible{outline:2px solid #2563eb; outline-offset:2px;}\n.ols-sol-001 .sol-pill .dot{width:9px; height:9px; border-radius:50%; background:#c6cad8; flex:0 0 auto; transition:background .15s;}\n.ols-sol-001 .sol-pill[aria-pressed=\"true\"]{background:rgba(37,99,235,0.08); border-color:rgba(37,99,235,0.45); color:#1d47b8;}\n.ols-sol-001 .sol-pill[aria-pressed=\"true\"] .dot{background:#2563eb;}\n.ols-sol-001 .sol-pill.act{background:rgba(190,60,30,0.07); border-color:rgba(190,60,30,0.38); color:#a8401c;}\n.ols-sol-001 .sol-pill.act:hover{border-color:rgba(190,60,30,0.65);}\n.ols-sol-001 .sol-pill.is-off{opacity:0.42; cursor:default;}\n\n.ols-sol-001 .sol-info{\n  margin-top:22px; padding:22px 24px;\n  border:1px solid rgba(28,36,75,0.12); border-radius:16px; background:#fbfbfd;\n}\n.ols-sol-001 .sol-info h3{margin:0 0 8px; font-size:15.5px; font-weight:600; color:#1C244B;}\n.ols-sol-001 .sol-info p{margin:0; font-size:14px; line-height:1.68; font-weight:300; color:#41496a; max-width:74ch;}\n.ols-sol-001 .sol-facts{\n  margin-top:16px; display:flex; gap:26px; flex-wrap:wrap;\n  padding-top:16px; border-top:1px solid rgba(28,36,75,0.10);\n}\n.ols-sol-001 .sol-fact{min-width:110px;}\n.ols-sol-001 .sol-fact span{display:block; font-size:11.5px; color:#7d8399; font-weight:400; margin-bottom:3px;}\n.ols-sol-001 .sol-fact strong{display:block; font-size:15px; font-weight:600; color:#1C244B;}\n\n.ols-sol-001 .sol-key{\n  margin-top:16px; display:flex; gap:20px; flex-wrap:wrap;\n  font-size:12.5px; font-weight:400; color:#5a6180;\n}\n.ols-sol-001 .sol-key i{\n  display:inline-block; width:13px; height:13px; border-radius:3px;\n  margin-right:7px; vertical-align:-2px; border:1px solid rgba(28,36,75,0.18);\n}\n\n@media (max-width:760px){\n  .ols-sol-001{padding:26px; border-radius:22px;}\n  .ols-sol-001 h2.sol-title{font-size:20.5px;}\n  .ols-sol-001 p.sol-sub{font-size:13.5px;}\n  .ols-sol-001 .sol-stage{height:420px;}\n  .ols-sol-001 .sol-rowlab{min-width:100%;}\n  .ols-sol-001 .sol-seg button{padding:9px 11px; font-size:12.5px;}\n  .ols-sol-001 .sol-lab{font-size:10.5px; padding:4px 8px;}\n  .ols-sol-001 .sol-caption{font-size:10.5px; padding:5px 9px; max-width:66%;}\n  .ols-sol-001 .sol-info{padding:18px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .ols-sol-001 .sol-seg button,.ols-sol-001 .sol-pill{transition:none;}\n}\n\n.ols-cc-sol-001{\n  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n  margin:10px auto 0; text-align:center; font-size:11px; font-style:italic; color:#aab0c0;\n}\n.ols-cc-sol-001 a{color:#aab0c0; text-decoration:none;}\n.ols-cc-sol-001 a:hover{text-decoration:underline;}\n<\/style>\n\n<div class=\"sol-head\">\n  <h2 class=\"sol-title\">Four Types of Solid Lattice: What Holds Them Together<\/h2>\n  <p class=\"sol-sub\">Drag to rotate, scroll or pinch to zoom. Each block is a few repeat units of the real structure. Press Heat it to see what actually has to be overcome when each solid melts, which is what sets the melting point.<\/p>\n<\/div>\n\n<div class=\"sol-stage\" id=\"solStage\">\n  <canvas class=\"sol-canvas\" id=\"solCanvas\"><\/canvas>\n  <div class=\"sol-overlay\" id=\"solOverlay\"><\/div>\n  <div class=\"sol-caption\" id=\"solCaption\"><\/div>\n  <div class=\"sol-hint\" id=\"solHint\">Drag to rotate<\/div>\n  <div class=\"sol-badges\">\n    <div class=\"sol-mp\" id=\"solMp\"><\/div>\n    <div class=\"sol-cond hide\" id=\"solCond\"><\/div>\n  <\/div>\n<\/div>\n\n<div class=\"sol-controls\">\n  <div class=\"sol-row\">\n    <span class=\"sol-rowlab\">Structure<\/span>\n    <div class=\"sol-seg\" role=\"group\" aria-label=\"Structure\">\n      <button type=\"button\" data-s=\"ionic\" aria-pressed=\"true\">Giant ionic<\/button>\n      <button type=\"button\" data-s=\"metal\" aria-pressed=\"false\">Giant metallic<\/button>\n      <button type=\"button\" data-s=\"cov\" aria-pressed=\"false\">Giant covalent<\/button>\n      <button type=\"button\" data-s=\"mol\" aria-pressed=\"false\">Simple molecular<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"sol-row\">\n    <span class=\"sol-rowlab\">View<\/span>\n    <div class=\"sol-seg\" role=\"group\" aria-label=\"Camera view\">\n      <button type=\"button\" data-v=\"front\" aria-pressed=\"false\">Front<\/button>\n      <button type=\"button\" data-v=\"corner\" aria-pressed=\"false\">Corner<\/button>\n      <button type=\"button\" data-v=\"top\" aria-pressed=\"false\">Top<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"sol-row\">\n    <span class=\"sol-rowlab\">Show<\/span>\n    <button type=\"button\" class=\"sol-pill\" id=\"solTogF\" aria-pressed=\"true\"><i class=\"dot\"><\/i>Forces<\/button>\n    <button type=\"button\" class=\"sol-pill\" id=\"solTogC\" aria-pressed=\"false\"><i class=\"dot\"><\/i>Conducts?<\/button>\n    <button type=\"button\" class=\"sol-pill\" id=\"solTogL\" aria-pressed=\"true\"><i class=\"dot\"><\/i>Labels<\/button>\n  <\/div>\n\n  <div class=\"sol-row\">\n    <span class=\"sol-rowlab\">Animate<\/span>\n    <button type=\"button\" class=\"sol-pill act\" id=\"solHeat\">Heat it<\/button>\n    <button type=\"button\" class=\"sol-pill\" id=\"solResetA\">Reset animation<\/button>\n  <\/div>\n\n  <div class=\"sol-row\">\n    <span class=\"sol-rowlab\">Motion<\/span>\n    <button type=\"button\" class=\"sol-pill\" id=\"solSpin\" aria-pressed=\"false\"><i class=\"dot\"><\/i>Rotation<\/button>\n    <button type=\"button\" class=\"sol-pill\" id=\"solResetV\">Reset view<\/button>\n  <\/div>\n<\/div>\n\n<div class=\"sol-info\">\n  <h3 id=\"solInfoTitle\"><\/h3>\n  <p id=\"solInfoText\"><\/p>\n  <div class=\"sol-facts\" id=\"solFacts\"><\/div>\n  <div class=\"sol-key\" id=\"solKey\"><\/div>\n<\/div>\n<\/section>\n\n<p class=\"ols-cc-sol-001\">&copy; Dr. Mohammed Al-Fatah &#8211; <a href=\"https:\/\/www.onlinelearningsystem.net\" target=\"_blank\" rel=\"noopener\">onlinelearningsystem.net<\/a><\/p>\n\n<script src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/JS\/solid-lattices.js\"><\/script>\n\n<div class=\"ols-key-box\">\n<p><strong>Key idea:<\/strong> Three giant lattices, one molecular lattice. Melting a giant lattice breaks strong bonds; melting a molecular lattice only overcomes weak intermolecular forces.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Spot the Molecular Solids<\/h2>\n<p>Click every substance that would form a simple molecular lattice.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-691\" class=\"h5p-iframe\" data-content-id=\"691\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Structure Types Mark the Words: Which Solids Are Simple Molecular?\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">2<\/div>\n<h2>Melting Point Follows the Force That Must Be Overcome<\/h2>\n<\/div>\n<p>Melting a solid means giving the particles enough energy to break free from their lattice positions. The energy needed depends on the force holding them, so melting points fall into two clear bands.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Substance<\/th><th>Lattice type<\/th><th>What must be overcome on melting<\/th><th>Melting point \/ \u00b0C<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Sodium chloride<\/strong><\/td><td>Giant ionic<\/td><td>Strong electrostatic attraction between ions<\/td><td>801<\/td><\/tr>\n<tr><td><strong>Magnesium<\/strong><\/td><td>Giant metallic<\/td><td>Strong attraction between ions and delocalised electrons<\/td><td>650<\/td><\/tr>\n<tr><td><strong>Diamond<\/strong><\/td><td>Giant covalent<\/td><td>Strong covalent bonds<\/td><td>above 3500 (sublimes)<\/td><\/tr>\n<tr><td><strong>Iodine<\/strong><\/td><td>Simple molecular<\/td><td>Weak London forces between I<sub>2<\/sub> molecules<\/td><td>114<\/td><\/tr>\n<tr><td><strong>Ice<\/strong><\/td><td>Simple molecular<\/td><td>Hydrogen bonds between H<sub>2<\/sub>O molecules<\/td><td>0<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Within a band the details matter. Among ionic compounds a higher charge and a smaller ionic radius give stronger attraction and a higher melting point (MgO melts at 2852 \u00b0C, NaCl at 801 \u00b0C). Among metals more delocalised electrons per ion and a smaller ion give a higher melting point (Mg above Na). Among simple molecular substances two things decide the melting point. <strong>For molecules of similar size<\/strong>, that is with similar numbers of electrons, the order is hydrogen bonds above permanent dipoles above London forces. Size matters as well, because a larger molecule has more electrons and therefore stronger London forces. That is why iodine, with only London forces, melts at 114 \u00b0C, well above ice at 0 \u00b0C, although ice has hydrogen bonds: an I<sub>2<\/sub> molecule is far larger than an H<sub>2<\/sub>O molecule.<\/p>\n<div class=\"ols-key-box\">\n<p><strong>Exam sentence:<\/strong> Sodium chloride has a high melting point because a lot of energy is needed to overcome the strong electrostatic attraction between oppositely charged ions in the giant lattice; iodine has a low melting point because only weak London forces between I<sub>2<\/sub> molecules need to be overcome.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Explain Two Melting Points<\/h2>\n<p>Write a short explanation, then compare it with the mark points and the model answer.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-461\" class=\"h5p-iframe\" data-content-id=\"461\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Structure Types Explain: Magnesium Chloride and Silicon Tetrachloride\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card purple\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">3<\/div>\n<h2>Electrical Conductivity Needs Mobile Charged Particles<\/h2>\n<\/div>\n<p>A substance conducts electricity only if it contains <strong>charged particles that are free to move<\/strong>. Apply that one test to each lattice type in each state.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Lattice type<\/th><th>Solid<\/th><th>Molten or dissolved<\/th><th>Reason<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Giant ionic<\/strong><\/td><td>Does not conduct<\/td><td>Conducts<\/td><td>Ions are fixed in the solid lattice; when molten or in solution they are free to move and carry charge<\/td><\/tr>\n<tr><td><strong>Giant metallic<\/strong><\/td><td>Conducts<\/td><td>Conducts<\/td><td>Delocalised electrons are free to move through the lattice in both states<\/td><\/tr>\n<tr><td><strong>Giant covalent<\/strong><\/td><td>Does not conduct (except graphite)<\/td><td>Does not conduct<\/td><td>All outer electrons are held in localised covalent bonds; graphite alone has one delocalised electron per carbon<\/td><\/tr>\n<tr><td><strong>Simple molecular<\/strong><\/td><td>Does not conduct<\/td><td>Does not conduct<\/td><td>Molecules are neutral and there are no delocalised electrons or ions<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>The ionic case is the one examiners test most: the solid is an insulator, the melt is a conductor, and the reason is the <strong>mobility<\/strong> of the ions, not whether ions exist.<\/p>\n<div class=\"ols-key-box\">\n<p><strong>Exam focus:<\/strong> Never write &#8220;ionic compounds conduct electricity&#8221;. Write &#8220;ionic compounds conduct when molten or aqueous because the ions are free to move; in the solid the ions are held in fixed positions&#8221;.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: When Does Potassium Bromide Conduct?<\/h2>\n<p>Use the data to choose the structure and the reason for the conductivity.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-460\" class=\"h5p-iframe\" data-content-id=\"460\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Structure Types MCQ: Potassium Bromide\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">4<\/div>\n<h2>Solubility and Hardness<\/h2>\n<\/div>\n<ul>\n<li><strong>Giant ionic:<\/strong> many dissolve in water because the polar water molecules attract the ions and hydrate them; insoluble in non-polar solvents. Hard but brittle, because shifting a layer brings like charges together and the layers repel.<\/li>\n<li><strong>Giant metallic:<\/strong> insoluble in all common solvents; malleable and ductile because layers of ions slide past each other while the electron sea keeps the attraction.<\/li>\n<li><strong>Giant covalent:<\/strong> insoluble in everything; very hard (diamond) or soft and slippery (graphite, where layers slide).<\/li>\n<li><strong>Simple molecular:<\/strong> soft, easily crushed; solubility follows polarity (&#8220;like dissolves like&#8221;): iodine dissolves in hexane, not in water; sugar and ethanol dissolve in water because they can hydrogen bond with it.<\/li>\n<\/ul>\n<div class=\"ols-key-box\">\n<p><strong>Key idea:<\/strong> Solubility is about the forces between solute and solvent; hardness is about how easily the lattice can be deformed without the forces breaking.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Shatter, Bend or Dissolve<\/h2>\n<p>Drag the words into place to explain three test results.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-692\" class=\"h5p-iframe\" data-content-id=\"692\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Structure Types Drag: Shattering, Bending and Dissolving\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card soft\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">5<\/div>\n<h2>Energy Changes on Changes of State<\/h2>\n<\/div>\n<p>When a solid melts or a liquid boils, energy is absorbed to overcome the forces between particles while the temperature stays constant: the <strong>enthalpy of fusion<\/strong> and <strong>enthalpy of vaporisation<\/strong>. The size of each depends on the lattice type.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Change<\/th><th>Giant lattices<\/th><th>Simple molecular<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Melting<\/strong><\/td><td>Large energy input: strong ionic, metallic or covalent bonds are partly broken<\/td><td>Small energy input: some weak intermolecular forces are overcome<\/td><\/tr>\n<tr><td><strong>Boiling<\/strong><\/td><td>Very large: the remaining strong bonds are broken so the particles separate completely<\/td><td>Small: all the remaining intermolecular forces are overcome; the covalent bonds inside the molecules survive<\/td><\/tr>\n<tr><td><strong>Sign of the enthalpy change<\/strong><\/td><td>Endothermic (positive)<\/td><td>Endothermic (positive)<\/td><\/tr>\n<tr><td><strong>Reverse change (freezing, condensing)<\/strong><\/td><td>Exothermic: the same amount of energy is released as the forces re-form<\/td><td>Exothermic<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>On a heating curve the two flat plateaus are melting and boiling: the energy supplied is going into overcoming forces, not into raising the temperature. The plateaus are longer and sit at higher temperatures for giant lattices than for simple molecular substances.<\/p>\n<div class=\"ols-zoom-card\">\n<div class=\"ols-zoom-card-image\">\n<a class=\"ols-lightbox-link\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/wave-15.jpg\" aria-label=\"Open image full screen\">\n<img decoding=\"async\" class=\"ols-zoomable-img ols-lightbox-target\" src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/wave-15.jpg\" alt=\"Heating curves of a named giant ionic solid and a named simple molecular solid on one set of axes, with what is overcome at each plateau\">\n<\/a>\n<\/div>\n<div class=\"ols-zoom-card-caption\"><p>Energy supplied during a plateau overcomes forces between particles; the temperature does not rise until they are overcome.<\/p><\/div>\n<\/div>\n<div class=\"ols-key-box\">\n<p><strong>Exam sentence:<\/strong> During melting the temperature stays constant because the energy supplied is used to overcome the forces between the particles rather than to increase their kinetic energy.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: The Plateau for Sulfur<\/h2>\n<p>Decide where the energy goes while the temperature stays constant.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-462\" class=\"h5p-iframe\" data-content-id=\"462\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Structure Types MCQ: The Heating Curve Plateau\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">6<\/div>\n<h2>Deducing the Structure from Data<\/h2>\n<\/div>\n<p>Exam questions often give a table of properties for unnamed substances and ask for the structure and bonding. Work through the tests in order.<\/p>\n<div class=\"ols-table-wrap\">\n<table class=\"ols-table\">\n<thead>\n<tr><th>Question to ask<\/th><th>If yes<\/th><th>If no<\/th><\/tr>\n<\/thead>\n<tbody>\n<tr><td><strong>Does it conduct as a solid?<\/strong><\/td><td>Metallic (or graphite)<\/td><td>Go on<\/td><\/tr>\n<tr><td><strong>Does it conduct when molten but not as a solid?<\/strong><\/td><td>Giant ionic<\/td><td>Go on<\/td><\/tr>\n<tr><td><strong>Is the melting point very high (above about 1000 \u00b0C) with no conduction in any state?<\/strong><\/td><td>Giant covalent<\/td><td>Go on<\/td><\/tr>\n<tr><td><strong>Is the melting point low and there is no conduction?<\/strong><\/td><td>Simple molecular<\/td><td>Re-check the data<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Then confirm with solubility: ionic solids often dissolve in water, molecular solids dissolve in solvents of similar polarity, giant covalent and metallic solids dissolve in neither.<\/p>\n<p>Keep to that order. Plenty of ionic solids also melt far above 1000 \u00b0C, MgO at 2852 \u00b0C, so a high melting point <strong>on its own<\/strong> does not prove giant covalent. It is the conduction test, done first, that separates the two.<\/p>\n<p>One warning about data tables. A few simple molecular substances <strong>react with water to form ions<\/strong>, so their solutions conduct although the pure substance does not. Hydrogen chloride is the example: it is a molecular gas, but hydrochloric acid conducts. A low melting point with conduction only in aqueous solution points to this, not to a giant ionic lattice.<\/p>\n<div class=\"ols-key-box\">\n<p><strong>Exam focus:<\/strong> State the structure, then justify it with two properties from the data, naming the particles and the forces each time.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card ols-h5p-inline\">\n<span class=\"ols-h5p-kicker\">Check your understanding<\/span>\n<h2>Quick Check: Six Unknown Solids<\/h2>\n<p>Read each set of data and pick the structure as quickly as you can.<\/p>\n<div class=\"ols-h5p-frame\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-459\" class=\"h5p-iframe\" data-content-id=\"459\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Structure Types Quick Fire: Deduce the Structure from the Data\"><\/iframe><\/div><\/div>\n<\/section>\n<article class=\"ols-note-card soft\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">7<\/div>\n<h2>Common Exam Mistakes<\/h2>\n<\/div>\n<ul>\n<li>Saying a simple molecular solid melts when &#8220;the covalent bonds break&#8221;. Only the intermolecular forces are overcome; the molecules stay intact.<\/li>\n<li>Saying ionic compounds conduct electricity without stating the condition (molten or aqueous) and the reason (ions free to move).<\/li>\n<li>Calling the attraction in a metal &#8220;between atoms&#8221; or &#8220;between ions&#8221;. It is between positive ions and delocalised electrons.<\/li>\n<li>Describing diamond as a molecule. It is a giant covalent lattice with no separate molecules.<\/li>\n<li>Explaining a high melting point by &#8220;strong bonds&#8221; alone. Name the type of bond or force and the particles it acts between.<\/li>\n<\/ul>\n<div class=\"ols-key-box\">\n<p><strong>Exam sentence:<\/strong> Particles, force between them, consequence: every structure-and-bonding answer follows that pattern.<\/p>\n<\/div>\n<\/article>\n<article class=\"ols-note-card purple\">\n<div class=\"ols-note-title\">\n<div class=\"ols-note-icon\">8<\/div>\n<h2>Where This Sits in the OCR Specification<\/h2>\n<\/div>\n<p>OCR 2.2.2 treats each lattice type separately: giant ionic lattices in <strong>2.2.2(b)<\/strong> with their properties in <strong>(c)<\/strong>, simple molecular lattices such as I<sub>2<\/sub> and ice in <strong>(n)<\/strong> with their properties in <strong>(o)<\/strong>, and giant covalent lattices with the elements in 3.1.1. This page pulls the four types together so you can compare them; the ionic pages sit under <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/\">Ionic Bonding<\/a> and the molecular examples on <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/simple-molecular-structures\/\">Simple Molecular Structures<\/a>.<\/p><div class=\"ols-key-box\">\n<p><strong>OCR focus:<\/strong> OCR questions usually give data (melting point, conductivity as solid and liquid, solubility) and ask you to deduce the structure and justify it. Practise working from the data to the lattice type.<\/p>\n<\/div>\n<\/article>\n\n<section class=\"ols-course-cta-ionic\" id=\"olsCourseCtaIonic001\">\r\n  <style>\r\n    .ols-course-cta-ionic,\r\n    .ols-course-cta-ionic * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ols-course-cta-ionic {\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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic 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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .ols-animation-start-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 0;\r\n      cursor: pointer;\r\n      background:\r\n        radial-gradient(circle at center, rgba(255, 255, 255, 0.26), rgba(28, 36, 75, 0.28)),\r\n        url(\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/ocr-a-level-chemistry-a-2-2-2-ionic-metallic-bonding-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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .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-ionic .ols-course-cta-top {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-cta-image-link {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-cta-intro-stats {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-ionic .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-ionic {\r\n        margin: 26px 0 22px;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-cta-card {\r\n        padding: 20px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-cta-header-row {\r\n        align-items: stretch;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-button-top {\r\n        width: 100%;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-cta-stats,\r\n      .ols-course-cta-ionic .ols-course-cta-features {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-course-animation-wrap {\r\n        padding: 0;\r\n        border-radius: 0;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-animation-frame-shell {\r\n        height: 420px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ols-course-cta-ionic .ols-animation-play-circle {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .ols-course-cta-ionic .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-ionic .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-ionic .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\/ionic-and-metallic-bonding-2-2-2-ocr-a\/\" aria-label=\"Open the OCR A Level Chemistry A 2.2.2 Ionic and Metallic Bonding course page\">\r\n\r\n        <div class=\"ols-course-cta-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-content\/uploads\/2026\/09\/ocr-a-level-chemistry-a-2-2-2-ionic-metallic-bonding-interactive-course-banner.jpg\"\r\n            alt=\"OCR A Level Chemistry A 2.2.2 Ionic and Metallic Bonding 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            OCR H432 | 2.2.2 Course\r\n          <\/div>\r\n\r\n          <a class=\"ols-course-button ols-course-button-top\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/ionic-and-metallic-bonding-2-2-2-ocr-a\/\">\r\n            View Course\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <h2>\r\n          Master Ionic and Metallic Bonding for OCR A Level Chemistry A\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 2.2.2 Ionic and Metallic Bonding course. The guided video lessons are ready now; the OCR A MCQ bank, teacher-marked short-answer questions and KASP spec-point report are being written, and the course opens for enrolment as soon as they are complete.\r\n      <\/p>\r\n\r\n      <div class=\"ols-course-cta-stats\">\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Recorded lessons<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>Video lessons<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>MCQ practice<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"ols-course-stat\">\r\n          <span>SAQ practice<\/span>\n          <strong>Coming soon<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-features\">\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Guided video teaching<\/h3>\r\n        <p>\r\n          Learn the chemistry and exam technique through structured video lessons with worked examples and walkthroughs.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Instant MCQ feedback<\/h3>\r\n        <p>\r\n          Auto-marked MCQ quizzes provide immediate diagnostic feedback for every answer choice.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Teacher-marked SAQs<\/h3>\r\n        <p>\r\n          Submit written exam responses and receive chemistry specialist feedback with improvement guidance.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ols-course-feature\">\r\n        <h3>Progress tracking<\/h3>\r\n        <p>\r\n          Identify strengths and weaknesses across the full 2.2.2 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\/ionic-and-metallic-bonding-2-2-2-ocr-a\/\">\r\n        View Ionic and Metallic Bonding 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 Ionic Bonding Revision Notes<\/h2>\n        <p>Continue through OCR 2.2.2 by linking ionic bonding to polarisation, ionic properties and covalent bonding.<\/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\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/polarisation-of-ions\/\">Polarisation of Ions<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/physical-properties-of-ionic-compounds\/\">Physical Properties of Ionic Compounds<\/a>\n          <a class=\"ols-related-item\" href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/covalent-bonding\/\">Covalent Bonding<\/a>\n        <\/div>\n      <\/section>\n\n    \n\n      <section class=\"ols-attribution-card\">\n  <style>\n    .ols-attribution-card {\n      background: linear-gradient(135deg, #ffffff, #f8fbff);\n      border: 1px solid rgba(28, 36, 75, 0.14);\n      border-radius: 28px;\n      box-shadow: 0 18px 45px rgba(28, 36, 75, 0.10);\n      padding: 34px;\n      margin-bottom: 24px;\n      overflow: hidden;\n      font-family: Poppins, Arial, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .ols-attribution-card,\n    .ols-attribution-card * {\n      box-sizing: border-box;\n    }\n\n    .ols-attribution-card p {\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.65;\n      font-weight: 300;\n      color: #667085;\n    }\n\n    .ols-attribution-card strong {\n      font-weight: 700;\n      color: #1C244B;\n    }\n\n    @media (max-width: 760px) {\n      .ols-attribution-card {\n        padding: 24px 18px;\n        border-radius: 22px;\n      }\n    }\n  <\/style>\n\n  <p><strong>Copyright notice:<\/strong> This OLS revision content, including the explanations, layout, diagrams, tables and embedded learning structure, is authored for Online Learning System by Dr. Mohammed Al-Fatah. It may not be copied, reproduced, redistributed or adapted without written permission.<\/p>\n<\/section>\n      <div class=\"ols-image-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image lightbox\">\n        <div class=\"ols-image-lightbox-inner\">\n          <button class=\"ols-image-lightbox-close\" type=\"button\" aria-label=\"Close image lightbox\">&times;<\/button>\n          <img decoding=\"async\" class=\"ols-image-lightbox-img\" src=\"\" alt=\"\">\n        <\/div>\n      <\/div>\n    <\/main>\n<script>\n(function(){\n  var wrap = document.querySelector('.ols-nature-of-ionic-bonding-9ch0-page');\n  if (!wrap) return;\n\n  var targets = wrap.querySelectorAll('.ols-lightbox-target');\n  var overlay = wrap.querySelector('.ols-image-lightbox');\n  var lbImg = wrap.querySelector('.ols-image-lightbox-img');\n  var closeBtn = wrap.querySelector('.ols-image-lightbox-close');\n\n  if (!overlay || !lbImg || !closeBtn || !targets.length) return;\n\n  targets.forEach(function(img){\n    img.addEventListener('click', function(){\n      lbImg.src = img.src;\n      lbImg.alt = img.alt || '';\n      overlay.classList.add('is-open');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  function closeLightbox(){\n    overlay.classList.remove('is-open');\n    document.body.style.overflow = '';\n    lbImg.src = '';\n    lbImg.alt = '';\n  }\n\n  closeBtn.addEventListener('click', closeLightbox);\n  overlay.addEventListener('click', function(event){\n    if (event.target === overlay) {\n      closeLightbox();\n    }\n  });\n  document.addEventListener('keydown', function(event){\n    if (event.key === 'Escape' && overlay.classList.contains('is-open')) {\n      closeLightbox();\n    }\n  });\n})();\n<\/script>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"WebPage\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/structure-types\/#webpage\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/structure-types\/\",\n      \"name\": \"Structure Types - OCR A Level Chemistry A\",\n      \"description\": \"OCR A Level Chemistry A revision notes comparing giant ionic, giant metallic, giant covalent and simple molecular lattices and explaining melting point, conductivity and solubility from structure and bonding.\",\n      \"inLanguage\": \"en-GB\",\n      \"isPartOf\": {\n        \"@type\": \"WebSite\",\n        \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/#website\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n      },\n      \"about\": [\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Ionic bonding\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Electron transfer\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Giant ionic lattice\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"Ionic radii\"\n        },\n        {\n          \"@type\": \"Thing\",\n          \"name\": \"OCR A Level Chemistry A\"\n        }\n      ],\n      \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"Dr. Mohammed Al-Fatah\",\n        \"url\": \"https:\/\/www.linkedin.com\/in\/doctormohammedfatah\/\"\n      },\n      \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n      }\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/ionic-bonding\/nature-of-ionic-bonding\/#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\": \"OCR A\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"name\": \"2.2.2 Bonding and Structure\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 5,\n          \"name\": \"Structure Types\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/ocr-a\/2-2-2-bonding-and-structure\/structure-types\/\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"Course\",\n      \"@id\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/metallic-bonding-edexcel-a-level-chemistry\/#course\",\n      \"name\": \"Ionic Bonding and Metallic Bonding - OCR A Level Chemistry A Course\",\n      \"description\": \"A guided OCR A Level Chemistry A course covering ionic bonding, ionic lattices, ionic radii, metallic bonding, MCQ practice, teacher-marked SAQs and progress tracking.\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/product\/metallic-bonding-edexcel-a-level-chemistry\/\",\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Online Learning System\",\n        \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/\"\n      }\n    }\n  ]\n}\n<\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Revision Notes \/ A Level Chemistry \/ OCR A \/ 2.2.2 Bonding and Structure \/ Structure Types Structure Types A concise revision guide to the four types of solid lattice, giant ionic, giant metallic, giant covalent and simple molecular: which particles they contain, what holds them together, and how that decides melting point, conductivity, solubility [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":7667,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7797","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=7797"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7797\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7667"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=7797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}