{"id":7788,"date":"2026-09-13T19:08:18","date_gmt":"2026-09-13T18:08:18","guid":{"rendered":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/structure-types\/"},"modified":"2026-09-14T20:09:24","modified_gmt":"2026-09-14T19:09:24","slug":"structure-types","status":"publish","type":"page","link":"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/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\">\r\n  <div class=\"ols-sidebar-header\">\r\n    <h3>Revision Notes<\/h3>\r\n    <p>AQA A Level Chemistry<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>3.1.3 Bonding<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/ionic-bonding\/\">Ionic Bonding<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/ionic-bonding\/nature-of-ionic-bonding\/\">Nature of Ionic Bonding<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/ionic-bonding\/polarisation-of-ions\/\">Polarisation of Ions<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/ionic-bonding\/physical-properties-of-ionic-compounds\/\">Physical Properties of Ionic Compounds<\/a>\r\n          <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/ionic-bonding\/ions-and-ionic-formulae\/\">Ions and Ionic Formulae<\/a>\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/covalent-bonding\/\">Covalent Bonding<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/covalent-bonding\/covalent-bonding\/\">Covalent Bonding<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/covalent-bonding\/dative-covalent-bonding\/\">Dative Covalent Bonding<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/covalent-bonding\/electronegativity\/\">Electronegativity<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/\">Shapes of Molecules and Ions<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/linear\/\">Linear<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/trigonal-planar\/\">Trigonal Planar<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/tetrahedral\/\">Tetrahedral<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/trigonal-pyramidal\/\">Trigonal Pyramidal<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/bent\/\">Bent<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/trigonal-bipyramidal\/\">Trigonal Bipyramidal<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/octahedral\/\">Octahedral<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/square-planar\/\">Square Planar<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/square-pyramidal\/\">Square Pyramidal<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/distorted-t\/\">Distorted T<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/shapes-of-molecules-and-ions\/seesaw\/\">SeeSaw<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/bond-polarity\/\">Bond Polarity<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/metallic-bonding\/\">Metallic Bonding<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/metallic-bonding\/metallic-bonding-and-structure\/\">Metallic Bonding and Structure<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/metallic-bonding\/physical-properties-of-metals\/\">Physical Properties of Metals<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/giant-covalent-structures\/\">Giant Covalent Structures<\/a>\r\n      <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/simple-molecular-structures\/\">Simple Molecular Structures<\/a>\r\n      <\/li>\n          <li>\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/structure-types\/\">Structure Types<\/a>\n          <\/li>\r\n\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/\">Intermolecular Forces<\/a>\r\n\r\n        <ul class=\"ols-subtopic-list\">\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/london-forces\/\">London Forces<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/permanent-dipole-dipole-forces\/\">Permanent Dipole-Dipole Forces<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/hydrogen-bonding\/\">Hydrogen Bonding<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/anomalous-properties-of-water\/\">Anomalous Properties of Water<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/boiling-temperature-trends\/\">Boiling Point Trends<\/a>\r\n          <\/li>\r\n          <li>\r\n            <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/intermolecular-forces\/choosing-solvents\/\">Choosing Solvents<\/a>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"ols-topic-group\">\r\n    <h4>Adjacent Topics<\/h4>\r\n\r\n    <ul class=\"ols-topic-list\">\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-1-atomicstructure\/\">3.1.1 Atomic Structure<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-2-amount-of-substance\/\">3.1.2 Amount of Substance<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-4-energetics\/\">3.1.4 Energetics<\/a>\r\n      <\/li>\r\n      <li>\r\n        <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-2-1-periodicity\/\">3.2.1 Periodicity<\/a>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/aside>\r\n\r\n<script>\r\n(function() {\r\n  function normalisePath(path) {\r\n    return String(path || '')\r\n      .split('?')[0]\r\n      .split('#')[0]\r\n      .replace(\/\\\/+$\/, '')\r\n      .toLowerCase();\r\n  }\r\n\r\n  function highlightActive() {\r\n    var sidebar = document.querySelector('.ols-sidebar');\r\n    if (!sidebar) return false;\r\n\r\n    var currentPath = normalisePath(window.location.pathname);\r\n    var links = sidebar.querySelectorAll('a[href]');\r\n    var matched = null;\r\n    var matchedLength = 0;\r\n\r\n    sidebar.querySelectorAll('.active, .active-main, .parent-active').forEach(function(item) {\r\n      item.classList.remove('active', 'active-main', 'parent-active');\r\n    });\r\n\r\n    sidebar.querySelectorAll('a[data-ols-disabled-parent=\"1\"], a[aria-current]').forEach(function(a) {\r\n      a.removeAttribute('aria-current');\r\n      a.removeAttribute('tabindex');\r\n      a.removeAttribute('data-ols-disabled-parent');\r\n    });\r\n\r\n    links.forEach(function(a) {\r\n      try {\r\n        var href = a.getAttribute('href');\r\n\r\n        if (!href || href === '#' || href.charAt(0) === '#') {\r\n          return;\r\n        }\r\n\r\n        var linkPath = normalisePath(new URL(href, window.location.origin).pathname);\r\n\r\n        if (!linkPath) {\r\n          return;\r\n        }\r\n\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\r\n        if (parentLi) {\r\n          parentLi.classList.add('parent-active', 'active-main');\r\n\r\n          var parentLink = parentLi.querySelector(':scope > a');\r\n\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      } 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\/aqa\/\">AQA<\/a> \/\n<a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/\">3.1.3 Bonding<\/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\">AQA<\/div>\n<div class=\"ols-badge\">3.1.3 Bonding<\/div>\n<div class=\"ols-badge\">7405\/1 and 7405\/2<\/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      <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\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<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 the strength of the intermolecular force decides: hydrogen bonds above permanent dipoles above London forces, and larger molecules have stronger London forces.<\/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<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<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; ice melts into water and sugar dissolves in it because they hydrogen bond.<\/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<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\/comparing-heating-curves-of-giant-ionic-and-simple-molecular-substances.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\/comparing-heating-curves-of-giant-ionic-and-simple-molecular-substances.jpg\" alt=\"Heating curves of a giant ionic and a simple molecular substance on one set of axes, showing the much higher melting and boiling temperatures of the ionic lattice\">\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<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<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<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 AQA Specification<\/h2>\n<\/div>\n<p>AQA 3.1.3.4 asks for the four crystal structures (<strong>ionic, metallic, macromolecular and molecular<\/strong>) with sodium chloride, magnesium, diamond, graphite, ice and iodine as the named examples, and for you to <strong>relate melting point and conductivity<\/strong> to the structure and bonding present and to <strong>explain the energy changes on changes of state<\/strong>. Diamond and graphite are on the <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/giant-covalent-structures\/\">Giant Covalent Structures<\/a> page, and ice and iodine on <a href=\"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/simple-molecular-structures\/\">Simple Molecular Structures<\/a>. You may also be asked to draw a lattice fragment with a specified number of particles.<\/p><div class=\"ols-key-box\">\n<p><strong>AQA focus:<\/strong> Name the particles, name the force between them, then state what that force means for melting point and conductivity. Three steps, every time.<\/p>\n<\/div>\n<\/article>\n<section class=\"ols-h5p-card\">\n<h2>Check Your Understanding<\/h2>\n<p>Use these short activities to test the four lattice types on substances that are not used as examples on this page.<\/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 Drag: Identifying Four Solids\"><\/iframe><\/div><\/div>\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<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 MCQ: Why Silicon Carbide Melts Above Aluminium\"><\/iframe><\/div><\/div>\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<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\/aqa-a-level-chemistry-3-1-3-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-3-1-3-aqa\/\" aria-label=\"Open the AQA A Level Chemistry 3.1.3 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\/aqa-a-level-chemistry-3-1-3-ionic-metallic-bonding-interactive-course-banner.jpg\"\r\n            alt=\"AQA A Level Chemistry 3.1.3 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            AQA 7405 | 3.1.3 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-3-1-3-aqa\/\">\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 AQA A Level Chemistry\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ols-course-cta-intro-stats\">\r\n\r\n      <p class=\"ols-course-cta-intro\">\r\n        Continue from these free revision notes into the full 3.1.3 Ionic and Metallic Bonding course. The three guided video lessons are ready now; the AQA MCQ bank, teacher-marked short-answer questions, supplementary lessons 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 3.1.3 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-3-1-3-aqa\/\">\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 AQA 3.1.3 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\/aqa\/3-1-3-bonding\/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\/aqa\/3-1-3-bonding\/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\/aqa\/3-1-3-bonding\/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\/aqa\/3-1-3-bonding\/structure-types\/#webpage\",\n      \"url\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/structure-types\/\",\n      \"name\": \"Structure Types - AQA A Level Chemistry\",\n      \"description\": \"AQA A Level Chemistry 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\": \"AQA A Level Chemistry\"\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\/aqa\/3-1-3-bonding\/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\": \"AQA\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 4,\n          \"name\": \"3.1.3 Bonding\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 5,\n          \"name\": \"Structure Types\",\n          \"item\": \"https:\/\/www.onlinelearningsystem.net\/xyz\/revision-notes\/a-level-chemistry\/aqa\/3-1-3-bonding\/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 - AQA A Level Chemistry Course\",\n      \"description\": \"A guided AQA A Level Chemistry 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 \/ AQA \/ 3.1.3 Bonding \/ 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 and the energy [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":5334,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7788","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7788","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=7788"}],"version-history":[{"count":0,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/7788\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/pages\/5334"}],"wp:attachment":[{"href":"https:\/\/www.onlinelearningsystem.net\/xyz\/wp-json\/wp\/v2\/media?parent=7788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}