{"id":902264,"date":"2026-09-12T20:55:42","date_gmt":"2026-09-12T20:55:42","guid":{"rendered":"https:\/\/knightongrange.co.uk\/portal\/?page_id=902264"},"modified":"2026-09-22T18:24:42","modified_gmt":"2026-09-22T18:24:42","slug":"https-knightongrange-co-uk-portal-free-teacher-samples","status":"publish","type":"page","link":"https:\/\/knightongrange.co.uk\/portal\/https-knightongrange-co-uk-portal-free-teacher-samples\/","title":{"rendered":"free-teacher-samples"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\">\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\n<div class=\"kge-free-samples\">\n<style>\n.kge-free-samples{\n  --deep:#001f18;\n  --green:#00382b;\n  --teaching:#3b7543;\n  --gold:#c5a059;\n  --light-gold:#e5c98d;\n  --cream:#fcfcfb;\n  --paper:#f6f7f5;\n  --ink:#17342b;\n  --muted:#63716c;\n  --line:#e2e6e3;\n  font-family:\"Montserrat\",Arial,sans-serif;\n  color:var(--ink);\n  background:#f5f6f4;\n  overflow:hidden;\n}\n.kge-free-samples *{box-sizing:border-box}\n.kge-free-samples a{color:inherit}\n.kge-free-samples button{font:inherit}\n\n.kge-free-samples .hero{\n  position:relative;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 85% 15%,rgba(197,160,89,.12),transparent 26%),\n    radial-gradient(circle at 18% 92%,rgba(59,117,67,.22),transparent 30%),\n    linear-gradient(135deg,#001f18 0%,#00382b 58%,#001f18 100%);\n  color:#fff;\n  padding:34px 20px 30px;\n}\n.kge-free-samples .hero::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);\n  background-size:42px 42px;\n  mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);\n}\n.kge-free-samples .hero-inner{\n  position:relative;\n  z-index:2;\n  max-width:1250px;\n  margin:auto;\n  text-align:center;\n}\n.kge-free-samples .hero-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  padding:6px 11px;\n  border:1px solid rgba(229,201,141,.35);\n  border-radius:999px;\n  background:rgba(255,255,255,.055);\n  color:var(--light-gold);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n.kge-free-samples .hero h1{\n  max-width:950px;\n  margin:12px auto 10px;\n  font-size:clamp(36px,4.6vw,58px);\n  line-height:1.02;\n  letter-spacing:-.045em;\n  font-weight:700;\n}\n.kge-free-samples .hero h1 span{color:var(--light-gold)}\n.kge-free-samples .hero p{\n  max-width:800px;\n  margin:0 auto;\n  color:rgba(255,255,255,.85);\n  font-size:15.5px;\n  line-height:1.5;\n}\n.kge-free-samples .hero-proof{\n  margin-top:16px;\n  display:flex;\n  justify-content:center;\n  gap:10px;\n  flex-wrap:wrap;\n}\n.kge-free-samples .hero-proof span{\n  padding:6px 10px;\n  border-radius:999px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.12);\n  font-size:12px;\n  font-weight:700;\n}\n.kge-free-samples .hero-proof i{\n  color:var(--light-gold);\n  margin-right:7px;\n}\n\n.kge-free-samples .samples{\n  padding:70px 24px 82px;\n  background:linear-gradient(180deg,#f5f6f4,#fbfbfa);\n}\n.kge-free-samples .samples-intro{\n  max-width:1240px;\n  margin:0 auto 38px;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:16px;\n  text-align:center;\n}\n.kge-free-samples .samples-intro h2{\n  margin:0;\n  color:var(--deep);\n  font-size:clamp(28px,3.1vw,43px);\n  letter-spacing:-.03em;\n}\n.kge-free-samples .samples-intro p{\n  max-width:600px;\n  margin:8px 0 0;\n  color:var(--muted);\n  line-height:1.65;\n}\n.kge-free-samples .samples-note{\n  flex:0 0 auto;\n  padding:10px 14px;\n  border-radius:10px;\n  background:#fff;\n  border:1px solid var(--line);\n  font-size:12px;\n  font-weight:700;\n  color:#51615b;\n  box-shadow:0 5px 16px rgba(0,31,24,.04);\n}\n\n.kge-free-samples .lesson-grid{\n  max-width:1500px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n  align-items:stretch;\n}\n.kge-free-samples .lesson-card{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  background:#fff;\n  border:1px solid #e1e5e2;\n  border-radius:22px;\n  overflow:hidden;\n  box-shadow:0 14px 38px rgba(0,31,24,.075);\n  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;\n}\n.kge-free-samples .lesson-card:hover{\n  transform:translateY(-5px);\n  box-shadow:0 24px 55px rgba(0,31,24,.12);\n  border-color:rgba(197,160,89,.55);\n}\n.kge-free-samples .lesson-card-top{\n  position:relative;\n  min-height:330px;\n  padding:30px 27px 25px;\n  background:linear-gradient(145deg,#00271e 0%,#00382b 100%);\n  color:#fff;\n  overflow:hidden;\n}\n.kge-free-samples .lesson-card-top::after{\n  content:\"\";\n  position:absolute;\n  width:190px;\n  height:190px;\n  border-radius:50%;\n  right:-75px;\n  top:-65px;\n  background:radial-gradient(circle,rgba(229,201,141,.18),transparent 68%);\n}\n.kge-free-samples .lesson-marker{\n  position:absolute;\n  right:22px;\n  bottom:10px;\n  font-size:88px;\n  font-weight:800;\n  line-height:1;\n  color:rgba(255,255,255,.045);\n  letter-spacing:-.08em;\n}\n.kge-free-samples .lesson-badges{\n  position:relative;\n  z-index:2;\n  display:flex;\n  justify-content:space-between;\n  gap:8px;\n  align-items:center;\n}\n.kge-free-samples .free-badge{\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.1em;\n  padding:7px 9px;\n  border-radius:999px;\n  color:var(--deep);\n  background:linear-gradient(145deg,var(--gold),var(--light-gold));\n}\n.kge-free-samples .lesson-code{\n  font-size:11px;\n  font-weight:800;\n  color:var(--light-gold);\n  padding:6px 9px;\n  border-radius:999px;\n  border:1px solid rgba(229,201,141,.32);\n  background:rgba(255,255,255,.04);\n}\n.kge-free-samples .lesson-kicker{\n  position:relative;\n  z-index:2;\n  margin:26px 0 8px;\n  color:var(--light-gold);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.13em;\n}\n.kge-free-samples .lesson-card h2{\n  position:relative;\n  z-index:2;\n  margin:0;\n  font-size:clamp(25px,2vw,34px);\n  line-height:1.08;\n  letter-spacing:-.035em;\n  color:#fff;\n}\n.kge-free-samples .lesson-blurb{\n  position:relative;\n  z-index:2;\n  margin:15px 0 19px;\n  color:rgba(255,255,255,.8);\n  font-size:13.5px;\n  line-height:1.6;\n  min-height:64px;\n}\n.kge-free-samples .lesson-chips{\n  position:relative;\n  z-index:2;\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n}\n.kge-free-samples .lesson-chips span{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  font-size:10.5px;\n  font-weight:650;\n  color:#f4f7f5;\n  padding:7px 9px;\n  border-radius:8px;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.1);\n}\n.kge-free-samples .lesson-chips i{\n  color:var(--light-gold);\n  font-size:9px;\n}\n\n.kge-free-samples .resource-section{\n  padding:24px 20px 15px;\n  flex:1;\n}\n.kge-free-samples .resource-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:10px;\n  padding:0 5px 16px;\n  border-bottom:1px solid var(--line);\n}\n.kge-free-samples .resource-eyebrow{\n  display:block;\n  color:var(--gold);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.12em;\n  margin-bottom:4px;\n}\n.kge-free-samples .resource-heading h3{\n  margin:0;\n  font-size:17px;\n  color:var(--deep);\n}\n.kge-free-samples .resource-count{\n  font-size:10px;\n  font-weight:700;\n  color:#68756f;\n  background:#f3f5f3;\n  border-radius:999px;\n  padding:6px 8px;\n  white-space:nowrap;\n}\n.kge-free-samples .resource-list{display:flex;flex-direction:column}\n.kge-free-samples .resource-row{\n  padding:13px 4px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:9px;\n  border-bottom:1px solid #edf0ee;\n}\n.kge-free-samples .resource-row:last-child{border-bottom:0}\n.kge-free-samples .resource-main{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  min-width:0;\n  flex:1;\n}\n.kge-free-samples .resource-icon{\n  width:30px;\n  height:30px;\n  flex:0 0 30px;\n  border-radius:8px;\n  display:grid;\n  place-items:center;\n  background:#f2f6f3;\n  color:var(--teaching);\n  font-size:12px;\n  border:1px solid #e1e9e4;\n}\n.kge-free-samples .resource-name{\n  font-size:13.5px;\n  line-height:1.3;\n  font-weight:700;\n  color:#2a4139;\n}\n.kge-free-samples .resource-actions{\n  display:grid;\n  grid-template-columns:56px 29px;\n  align-items:center;\n  justify-content:end;\n  gap:4px;\n  flex:0 0 89px;\n}\n.kge-free-samples .resource-action,\n.kge-free-samples .answer-action{\n  height:29px;\n  border-radius:7px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0;\n  text-decoration:none;\n  border:1px solid #dfe5e1;\n  background:#fff;\n  color:#365047;\n  font-size:11.5px;\n  font-weight:800;\n  cursor:pointer;\n}\n\n.kge-free-samples .resource-action{\n  width:56px;\n  grid-column:1;\n}\n\n.kge-free-samples .resource-action i{\n  display:none !important;\n}\n\n.kge-free-samples .resource-action span{\n  display:inline !important;\n}\n.kge-free-samples .resource-action:hover{\n  border-color:var(--teaching);\n  color:var(--teaching);\n  background:#f7faf8;\n}\n.kge-free-samples .answer-action{\n  width:29px;\n  padding:0;\n  grid-column:2;\n  color:#8a6b20;\n  border-color:rgba(197,160,89,.38);\n  background:#fffaf0;\n}\n.kge-free-samples .answer-action span{display:none}\n.kge-free-samples .answer-action:hover{\n  background:linear-gradient(145deg,var(--gold),var(--light-gold));\n  color:var(--deep);\n}\n.kge-free-samples .lesson-card-footer{\n  padding:14px 24px 18px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:10px;\n  border-top:1px solid var(--line);\n  background:#fafbfa;\n  color:#63716c;\n  font-size:10px;\n  font-weight:700;\n}\n.kge-free-samples .lesson-card-footer i{\n  color:var(--teaching);\n  margin-right:5px;\n}\n\n.kge-free-samples .value-strip{\n  padding:0 24px 85px;\n  background:#fbfbfa;\n}\n.kge-free-samples .value-inner{\n  max-width:1250px;\n  margin:auto;\n  padding:28px 32px;\n  border-radius:20px;\n  background:#fff;\n  border:1px solid var(--line);\n  box-shadow:0 10px 30px rgba(0,31,24,.05);\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n}\n.kge-free-samples .value-item{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  padding:12px;\n}\n.kge-free-samples .value-icon{\n  width:43px;\n  height:43px;\n  flex:0 0 43px;\n  border-radius:12px;\n  background:#f2f6f3;\n  color:var(--teaching);\n  display:grid;\n  place-items:center;\n}\n.kge-free-samples .value-item strong{\n  display:block;\n  color:var(--deep);\n  font-size:13px;\n}\n.kge-free-samples .value-item span{\n  display:block;\n  color:#74817c;\n  font-size:11px;\n  margin-top:3px;\n  line-height:1.4;\n}\n\n.kge-free-samples .cta{\n  padding:78px 20px 84px;\n  background:linear-gradient(135deg,#001f18,#00382b);\n  color:#fff;\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n}\n.kge-free-samples .cta::before{\n  content:\"\";\n  position:absolute;\n  width:420px;\n  height:420px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(197,160,89,.13),transparent 67%);\n  right:-100px;\n  top:-170px;\n}\n.kge-free-samples .cta-inner{\n  max-width:900px;\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n.kge-free-samples .cta-kicker{\n  color:var(--light-gold);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n.kge-free-samples .cta h2{\n  margin:12px 0 15px;\n  font-size:clamp(32px,4.2vw,54px);\n  line-height:1.05;\n  letter-spacing:-.04em;\n  color:#fff;\n}\n.kge-free-samples .cta p{\n  max-width:700px;\n  margin:0 auto;\n  color:rgba(255,255,255,.8);\n  font-size:16px;\n  line-height:1.7;\n}\n.kge-free-samples .cta-actions{\n  display:flex;\n  justify-content:center;\n  gap:12px;\n  flex-wrap:wrap;\n  margin-top:27px;\n}\n.kge-free-samples .cta-primary,\n.kge-free-samples .cta-secondary{\n  min-height:50px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  padding:13px 21px;\n  border-radius:9px;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:800;\n}\n.kge-free-samples .cta-primary{\n  background:linear-gradient(145deg,var(--gold),var(--light-gold));\n  color:var(--deep);\n  box-shadow:0 9px 24px rgba(0,0,0,.18);\n}\n.kge-free-samples .cta-secondary{\n  border:1px solid rgba(229,201,141,.55);\n  color:#fff;\n  background:rgba(255,255,255,.04);\n}\n\n.kge-free-samples .viewer{\n  position:fixed;\n  inset:0;\n  z-index:20000;\n  background:rgba(0,20,15,.82);\n  backdrop-filter:blur(10px);\n  display:none;\n  padding:24px;\n}\n.kge-free-samples .viewer.open{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.kge-free-samples .viewer-panel{\n  width:min(1180px,100%);\n  height:min(88vh,900px);\n  background:#fff;\n  border-radius:18px;\n  overflow:hidden;\n  box-shadow:0 30px 90px rgba(0,0,0,.35);\n  display:flex;\n  flex-direction:column;\n}\n.kge-free-samples .viewer-head{\n  min-height:58px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  padding:10px 15px 10px 20px;\n  background:linear-gradient(90deg,#001f18,#00382b);\n  color:#fff;\n}\n.kge-free-samples .viewer-title{\n  font-size:13px;\n  font-weight:700;\n  overflow:hidden;\n  text-overflow:ellipsis;\n  white-space:nowrap;\n}\n.kge-free-samples .viewer-close{\n  width:38px;\n  height:38px;\n  flex:0 0 38px;\n  padding:0 !important;\n  border:0;\n  border-radius:50%;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  background:rgba(255,255,255,.09);\n  color:#fff;\n  cursor:pointer;\n  line-height:1 !important;\n}\n.kge-free-samples .viewer-close i{\n  display:block;\n  margin:0 !important;\n  padding:0 !important;\n  width:auto;\n  height:auto;\n  line-height:1 !important;\n  font-size:16px;\n  transform:none !important;\n}\n.kge-free-samples .pdfjs-wrap{\n  flex:1;\n  min-height:0;\n  background:#e9ecea;\n  display:flex;\n  flex-direction:column;\n}\n.kge-free-samples .pdfjs-toolbar{\n  min-height:52px;\n  padding:7px 12px;\n  background:#f7f8f7;\n  border-bottom:1px solid #dfe4e1;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n}\n.kge-free-samples .pdfjs-toolbar button{\n  width:38px;\n  height:38px;\n  border:1px solid #d7ded9;\n  border-radius:7px;\n  background:#fff;\n  color:var(--deep);\n  cursor:pointer;\n}\n\n.kge-free-samples .pdfjs-toolbar button{\n  padding:0 !important;\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  line-height:1 !important;\n  vertical-align:middle;\n}\n.kge-free-samples .pdfjs-toolbar button i{\n  display:block;\n  margin:0 !important;\n  padding:0 !important;\n  line-height:1 !important;\n  width:auto;\n  height:auto;\n}\n.kge-free-samples .pdfjs-toolbar button.pdfjs-fit{\n  padding:0 12px !important;\n  line-height:1 !important;\n}\n.kge-free-samples .pdfjs-toolbar button:disabled{\n  opacity:.4;\n  cursor:not-allowed;\n}\n.kge-free-samples .pdfjs-toolbar > *{\n  flex-shrink:0;\n}\n.kge-free-samples .pdfjs-page-info,\n.kge-free-samples .pdfjs-zoom-info{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  height:38px;\n  line-height:1;\n}\n.kge-free-samples .pdfjs-page-info{\n  min-width:92px;\n  text-align:center;\n  font-size:11px;\n  font-weight:700;\n  color:#53635d;\n}\n.kge-free-samples .pdfjs-zoom-separator{\n  width:1px;\n  height:24px;\n  background:#d9dfdb;\n  margin:0 2px;\n}\n.kge-free-samples .pdfjs-zoom-info{\n  min-width:56px;\n  text-align:center;\n  font-size:11px;\n  font-weight:800;\n  color:#53635d;\n}\n.kge-free-samples .pdfjs-toolbar button.pdfjs-fit{\n  width:auto;\n  min-width:48px;\n  padding:0 10px;\n  font-size:11px;\n  font-weight:800;\n}\n.kge-free-samples .pdfjs-stage.is-zoomed{\n  display:block;\n  text-align:center;\n}\n.kge-free-samples .pdfjs-stage.is-zoomed #pdfCanvas{\n  max-width:none;\n  margin:0 auto;\n}\n.kge-free-samples .pdfjs-stage{\n  flex:1;\n  overflow:auto;\n  padding:18px;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n}\n.kge-free-samples #pdfCanvas{\n  display:block;\n  max-width:100%;\n  height:auto;\n  background:#fff;\n  box-shadow:0 8px 26px rgba(0,31,24,.12);\n}\n\n@media(max-width:1250px){\n  .kge-free-samples .lesson-grid{gap:16px}\n  .kge-free-samples .lesson-card-top{padding:27px 22px 23px}\n  .kge-free-samples .resource-section{padding:22px 15px 14px}\n  .kge-free-samples .resource-row{gap:6px}\n  .kge-free-samples .resource-name{font-size:13px}\n  .kge-free-samples .resource-action{padding:0 6px}\n}\n@media(max-width:1080px){\n  .kge-free-samples .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n  .kge-free-samples .lesson-card:last-child{\n    grid-column:1\/-1;\n    max-width:calc(50% - 8px);\n    width:100%;\n    margin:0 auto;\n  }\n  .kge-free-samples .value-inner{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:700px){\n  .kge-free-samples .hero h1{\n    margin:10px auto 8px;\n    font-size:clamp(32px,9vw,44px);\n  }\n  .kge-free-samples .hero-proof{margin-top:12px;gap:7px}\n  .kge-free-samples .hero-proof span{padding:5px 8px;font-size:10.5px}\n  .kge-free-samples .hero{padding:24px 16px 22px}\n  .kge-free-samples .hero p{font-size:14px;line-height:1.45}\n  .kge-free-samples .samples{padding:50px 15px 58px}\n  .kge-free-samples .samples-intro{display:block;margin-bottom:25px}\n  .kge-free-samples .samples-note{display:inline-block;margin-top:17px}\n  .kge-free-samples .lesson-grid{grid-template-columns:1fr}\n  .kge-free-samples .lesson-card:last-child{grid-column:auto;max-width:none}\n  .kge-free-samples .lesson-card-top{min-height:0}\n  .kge-free-samples .lesson-blurb{min-height:0}\n  .kge-free-samples .resource-actions{\n    grid-template-columns:56px 29px;\n    flex:0 0 89px;\n  }\n  .kge-free-samples .resource-action{\n    width:56px;\n    padding:0;\n  }\n  .kge-free-samples .resource-action span{display:inline !important}\n  .kge-free-samples .resource-action i{display:none !important}\n  .kge-free-samples .lesson-card-footer{padding-left:19px;padding-right:19px}\n  .kge-free-samples .value-strip{padding:0 15px 58px}\n  .kge-free-samples .value-inner{grid-template-columns:1fr;padding:18px}\n  .kge-free-samples .cta{padding:60px 18px 65px}\n  .kge-free-samples .cta-actions{flex-direction:column}\n  .kge-free-samples .cta-primary,\n  .kge-free-samples .cta-secondary{width:100%}\n  .kge-free-samples .pdfjs-toolbar{gap:6px;flex-wrap:nowrap}\n  .kge-free-samples .pdfjs-toolbar button{width:36px;height:36px;flex:0 0 auto}\n  .kge-free-samples .pdfjs-page-info{min-width:82px}\n  .kge-free-samples .pdfjs-zoom-info{min-width:48px}\n  .kge-free-samples .viewer{padding:8px}\n  .kge-free-samples .viewer-panel{height:94vh;border-radius:12px}\n}\n\n\/* WordPress-safe hero heading override *\/\n.kge-free-samples .hero h1,\n.kge-free-samples .hero h1 *,\n.kge-free-samples .hero h1 span:not(.gold){\n  color:#ffffff !important;\n}\n.kge-free-samples .hero h1 span{\n  color:var(--light-gold) !important;\n}\n\n.kge-free-samples .seo-content{\n  padding:0 24px 76px;\n  background:#fbfbfa;\n}\n.kge-free-samples .seo-content-inner{\n  max-width:1250px;\n  margin:auto;\n  padding:34px 36px;\n  border-radius:22px;\n  background:#fff;\n  border:1px solid var(--line);\n  box-shadow:0 10px 30px rgba(0,31,24,.05);\n}\n.kge-free-samples .seo-content h2{\n  margin:0 0 12px;\n  color:var(--deep);\n  font-size:clamp(26px,3vw,40px);\n  line-height:1.12;\n  letter-spacing:-.03em;\n}\n.kge-free-samples .seo-content p{\n  margin:0;\n  color:var(--muted);\n  line-height:1.75;\n  font-size:14.5px;\n}\n.kge-free-samples .seo-resource-links{\n  display:flex;\n  flex-wrap:wrap;\n  gap:9px;\n  margin-top:20px;\n}\n.kge-free-samples .seo-resource-links span{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  padding:9px 11px;\n  border-radius:9px;\n  background:#f4f8f5;\n  border:1px solid #e0e9e3;\n  color:#365047;\n  font-size:11.5px;\n  font-weight:750;\n}\n.kge-free-samples .seo-resource-links i{\n  color:var(--teaching);\n}\n.kge-free-samples .teacher-credibility{\n  margin-top:19px !important;\n  padding-top:19px;\n  border-top:1px solid var(--line);\n  color:#51615b !important;\n  font-size:13px !important;\n}\n\n.kge-free-samples .teacher-use-cases{\n  margin-top:26px;\n  padding-top:24px;\n  border-top:1px solid var(--line);\n}\n.kge-free-samples .teacher-use-cases h3{\n  margin:0 0 10px;\n  color:var(--deep);\n  font-size:21px;\n  line-height:1.25;\n}\n.kge-free-samples .teacher-use-cases p{\n  margin:0 0 14px;\n}\n.kge-free-samples .teacher-use-cases p:last-child{\n  margin-bottom:0;\n}\n\n@media(max-width:700px){\n  .kge-free-samples .seo-content{padding:0 15px 55px}\n  .kge-free-samples .seo-content-inner{padding:25px 20px}\n}\n\n<\/style>\n<section class=\"hero\">\n<div class=\"hero-inner\">\n<span class=\"hero-kicker\"><i class=\"fa-solid fa-gift\"><\/i> Free GCSE Computer Science Teacher Resources<\/span>\n<h1>Free GCSE Computer Science <span>Teacher Resources<\/span><\/h1>\n<p>Explore three complete OCR J277 GCSE Computer Science lessons free. Preview classroom-ready lesson presentations, student workbooks, worksheets, homework, lesson plans, knowledge organisers, vocabulary resources, stretch and challenge activities and answers.<\/p>\n<div class=\"hero-proof\">\n<span><i class=\"fa-solid fa-layer-group\"><\/i> 3 complete lessons<\/span>\n<span><i class=\"fa-solid fa-box-open\"><\/i> 24 classroom resources<\/span>\n<span><i class=\"fa-solid fa-check-double\"><\/i> Answers included<\/span>\n<span><i class=\"fa-solid fa-chalkboard-user\"><\/i> Built for teachers<\/span>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"samples\">\n<div class=\"samples-intro\">\n  <div>\n    <h2>Explore Free OCR J277 Teaching Resources<\/h2>\n  \n  <\/div>\n  <div class=\"samples-note\"><i class=\"fa-solid fa-eye\"><\/i> Preview the complete lesson packs below<\/div>\n<\/div>\n\n<div class=\"lesson-grid\">\n<article class=\"lesson-card\">\n<div class=\"lesson-card-top\">\n<div class=\"lesson-marker\">01<\/div>\n<div class=\"lesson-badges\">\n<span class=\"free-badge\">FULL FREE LESSON<\/span>\n<span class=\"lesson-code\">1.1.1<\/span>\n<\/div>\n<p class=\"lesson-kicker\">CORE THEORY<\/p>\n<h2>Architecture of the CPU<\/h2>\n<p class=\"lesson-blurb\">See how complex hardware is made clear, visual and classroom-ready.<\/p>\n<div class=\"lesson-chips\"><span><i class=\"fa-solid fa-check\"><\/i>CPU purpose &amp; structure<\/span><span><i class=\"fa-solid fa-check\"><\/i>Core components<\/span><span><i class=\"fa-solid fa-check\"><\/i>Data &amp; instructions<\/span><\/div>\n<\/div>\n<div class=\"resource-section\">\n<div class=\"resource-heading\">\n<div>\n<span class=\"resource-eyebrow\">COMPLETE RESOURCE PACK<\/span>\n<h3>Teacher resources included<\/h3>\n<\/div>\n<span class=\"resource-count\">8 resources<\/span>\n<\/div>\n<div class=\"resource-list\">\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-display\"><\/i><\/span>\n<span class=\"resource-name\">Lesson Presentation<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Lesson-Slides.pdf\" data-title=\"Lesson Presentation\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/span>\n<span class=\"resource-name\">Student Workbook<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Student-Workbook.pdf\" data-title=\"Student Workbook\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Student Workbook answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-StudentWorkbookAnswers.pdf\" data-title=\"Student Workbook Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-list-check\"><\/i><\/span>\n<span class=\"resource-name\">Lesson Activities<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Worksheets.pdf\" data-title=\"Lesson Activities\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Lesson Activities answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-WorksheetAnswers.pdf\" data-title=\"Lesson Activities Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-pen\"><\/i><\/span>\n<span class=\"resource-name\">Homework<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Homework.pdf\" data-title=\"Homework\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Homework answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-HomeworkAnswers.pdf\" data-title=\"Homework Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-diagram-project\"><\/i><\/span>\n<span class=\"resource-name\">Knowledge Organiser<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-KO.pdf\" data-title=\"Knowledge Organiser\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-spell-check\"><\/i><\/span>\n<span class=\"resource-name\">Vocabulary Sheet<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Vocabulary.pdf\" data-title=\"Vocabulary Sheet\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-star\"><\/i><\/span>\n<span class=\"resource-name\">Stretch &amp; Challenge<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Stretch-and-Challenge.pdf\" data-title=\"Stretch &amp; Challenge\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Stretch &amp; Challenge answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-StretchAndChallengeAnswers.pdf\" data-title=\"Stretch &amp; Challenge Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/span>\n<span class=\"resource-name\">Teacher Lesson Plan &amp; Notes<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/1.1.1-Lesson-Plans.pdf\" data-title=\"Teacher Lesson Plan &amp; Notes\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"lesson-card-footer\">\n<span><i class=\"fa-solid fa-circle-check\"><\/i> Ready to teach<\/span>\n<span><i class=\"fa-solid fa-file-circle-check\"><\/i> Answers included<\/span>\n<\/div>\n<\/article>\n<article class=\"lesson-card\">\n<div class=\"lesson-card-top\">\n<div class=\"lesson-marker\">02<\/div>\n<div class=\"lesson-badges\">\n<span class=\"free-badge\">FULL FREE LESSON<\/span>\n<span class=\"lesson-code\">2.2.3.5<\/span>\n<\/div>\n<p class=\"lesson-kicker\">PRACTICAL SKILLS<\/p>\n<h2>SQL<\/h2>\n<p class=\"lesson-blurb\">Explore a complete SQL lesson with guided practice and exam-focused tasks.<\/p>\n<div class=\"lesson-chips\"><span><i class=\"fa-solid fa-check\"><\/i>SELECT queries<\/span><span><i class=\"fa-solid fa-check\"><\/i>Filter &amp; sort<\/span><span><i class=\"fa-solid fa-check\"><\/i>Insert, update &amp; delete<\/span><\/div>\n<\/div>\n<div class=\"resource-section\">\n<div class=\"resource-heading\">\n<div>\n<span class=\"resource-eyebrow\">COMPLETE RESOURCE PACK<\/span>\n<h3>Teacher resources included<\/h3>\n<\/div>\n<span class=\"resource-count\">8 resources<\/span>\n<\/div>\n<div class=\"resource-list\">\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-display\"><\/i><\/span>\n<span class=\"resource-name\">Lesson Presentation<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Lesson-Slides.pdf\" data-title=\"Lesson Presentation\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/span>\n<span class=\"resource-name\">Student Workbook<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Student-Workbook.pdf\" data-title=\"Student Workbook\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Student Workbook answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-StudentWorkbookAnswers.pdf\" data-title=\"Student Workbook Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-list-check\"><\/i><\/span>\n<span class=\"resource-name\">Lesson Activities<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Worksheets.pdf\" data-title=\"Lesson Activities\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Lesson Activities answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-WorksheetAnswers.pdf\" data-title=\"Lesson Activities Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-pen\"><\/i><\/span>\n<span class=\"resource-name\">Homework<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Homework.pdf\" data-title=\"Homework\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Homework answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-HomeworkAnswers.pdf\" data-title=\"Homework Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-diagram-project\"><\/i><\/span>\n<span class=\"resource-name\">Knowledge Organiser<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-KO.pdf\" data-title=\"Knowledge Organiser\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-spell-check\"><\/i><\/span>\n<span class=\"resource-name\">Vocabulary Sheet<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Vocabulary.pdf\" data-title=\"Vocabulary Sheet\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-star\"><\/i><\/span>\n<span class=\"resource-name\">Stretch &amp; Challenge<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Stretch-and-Challenge.pdf\" data-title=\"Stretch &amp; Challenge\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Stretch &amp; Challenge answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-StretchAndChallengeAnswers.pdf\" data-title=\"Stretch &amp; Challenge Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/span>\n<span class=\"resource-name\">Teacher Lesson Plan &amp; Notes<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.2.3.5-Lesson-Plans.pdf\" data-title=\"Teacher Lesson Plan &amp; Notes\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"lesson-card-footer\">\n<span><i class=\"fa-solid fa-circle-check\"><\/i> Ready to teach<\/span>\n<span><i class=\"fa-solid fa-file-circle-check\"><\/i> Answers included<\/span>\n<\/div>\n<\/article>\n<article class=\"lesson-card\">\n<div class=\"lesson-card-top\">\n<div class=\"lesson-marker\">03<\/div>\n<div class=\"lesson-badges\">\n<span class=\"free-badge\">FULL FREE LESSON<\/span>\n<span class=\"lesson-code\">2.4.1.1<\/span>\n<\/div>\n<p class=\"lesson-kicker\">LOGIC &amp; PROBLEM SOLVING<\/p>\n<h2>Boolean Logic and Logic Gates<\/h2>\n<p class=\"lesson-blurb\">See how abstract logic concepts become structured, teachable activities.<\/p>\n<div class=\"lesson-chips\"><span><i class=\"fa-solid fa-check\"><\/i>AND, OR &amp; NOT<\/span><span><i class=\"fa-solid fa-check\"><\/i>Boolean expressions<\/span><span><i class=\"fa-solid fa-check\"><\/i>Logic gate outputs<\/span><\/div>\n<\/div>\n<div class=\"resource-section\">\n<div class=\"resource-heading\">\n<div>\n<span class=\"resource-eyebrow\">COMPLETE RESOURCE PACK<\/span>\n<h3>Teacher resources included<\/h3>\n<\/div>\n<span class=\"resource-count\">8 resources<\/span>\n<\/div>\n<div class=\"resource-list\">\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-display\"><\/i><\/span>\n<span class=\"resource-name\">Lesson Presentation<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Lesson-Slides.pdf\" data-title=\"Lesson Presentation\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-book-open\"><\/i><\/span>\n<span class=\"resource-name\">Student Workbook<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Student-Workbook.pdf\" data-title=\"Student Workbook\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Student Workbook answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-StudentWorkbookAnswers.pdf\" data-title=\"Student Workbook Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-list-check\"><\/i><\/span>\n<span class=\"resource-name\">Lesson Activities<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Worksheets.pdf\" data-title=\"Lesson Activities\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Lesson Activities answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-WorksheetAnswers.pdf\" data-title=\"Lesson Activities Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-pen\"><\/i><\/span>\n<span class=\"resource-name\">Homework<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Homework.pdf\" data-title=\"Homework\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Homework answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-HomeworkAnswers.pdf\" data-title=\"Homework Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-diagram-project\"><\/i><\/span>\n<span class=\"resource-name\">Knowledge Organiser<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-KO.pdf\" data-title=\"Knowledge Organiser\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-spell-check\"><\/i><\/span>\n<span class=\"resource-name\">Vocabulary Sheet<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Vocabulary.pdf\" data-title=\"Vocabulary Sheet\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-star\"><\/i><\/span>\n<span class=\"resource-name\">Stretch &amp; Challenge<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Stretch-and-Challenge.pdf\" data-title=\"Stretch &amp; Challenge\" type=\"button\"><span>View<\/span><\/button><button aria-label=\"View Stretch &amp; Challenge answers\" class=\"answer-action\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-StretchAndChallengeAnswers.pdf\" data-title=\"Stretch &amp; Challenge Answers\" title=\"View answers\" type=\"button\"><i class=\"fa-solid fa-check\"><\/i><span>Answers<\/span><\/button>\n<\/div>\n<\/div>\n<div class=\"resource-row\">\n<div class=\"resource-main\">\n<span class=\"resource-icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/span>\n<span class=\"resource-name\">Teacher Lesson Plan &amp; Notes<\/span>\n<\/div>\n<div class=\"resource-actions\">\n<button class=\"resource-action preview\" data-preview=\"https:\/\/knightongrange.co.uk\/portal\/wp-content\/uploads\/public\/2.4.1.1-Lesson-Plans.pdf\" data-title=\"Teacher Lesson Plan &amp; Notes\" type=\"button\"><span>View<\/span><\/button>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"lesson-card-footer\">\n<span><i class=\"fa-solid fa-circle-check\"><\/i> Ready to teach<\/span>\n<span><i class=\"fa-solid fa-file-circle-check\"><\/i> Answers included<\/span>\n<\/div>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"seo-content\" aria-labelledby=\"gcse-teacher-resources-heading\">\n  <div class=\"seo-content-inner\">\n    <h2 id=\"gcse-teacher-resources-heading\">What Is Included in KGE GCSE Computer Science Teacher Resources?<\/h2>\n    <p>Knighton Grange Education provides structured GCSE Computer Science teaching resources designed to support complete classroom delivery. Resource packs include lesson presentations, student workbooks, worksheets and lesson activities, homework, knowledge organisers, vocabulary sheets, stretch and challenge tasks, teacher lesson plans and answers. The free samples above let teachers preview the quality and structure before exploring the complete 63-lesson resource library.<\/p>\n    <div class=\"seo-resource-links\" aria-label=\"GCSE Computer Science resource types\">\n      <span><i class=\"fa-solid fa-display\"><\/i> Lesson Presentations<\/span>\n      <span><i class=\"fa-solid fa-book-open\"><\/i> Student Workbooks<\/span>\n      <span><i class=\"fa-solid fa-list-check\"><\/i> Worksheets &amp; Activities<\/span>\n      <span><i class=\"fa-solid fa-pen\"><\/i> Homework<\/span>\n      <span><i class=\"fa-solid fa-diagram-project\"><\/i> Knowledge Organisers<\/span>\n      <span><i class=\"fa-solid fa-spell-check\"><\/i> Vocabulary<\/span>\n      <span><i class=\"fa-solid fa-star\"><\/i> Stretch &amp; Challenge<\/span>\n      <span><i class=\"fa-solid fa-clipboard-list\"><\/i> Lesson Plans &amp; Answers<\/span>\n    <\/div>\n    <p class=\"teacher-credibility\"><strong>Created for real classroom use:<\/strong> KGE resources are developed by a qualified UK Computer Science teacher and former Head of Department, with a focus on clear explanations, consistent lesson structure and practical teacher support.<\/p>\n\n    <div class=\"teacher-use-cases\">\n      <h3>Free GCSE Computer Science Teacher Resources for Classroom Use<\/h3>\n      <p>KGE teacher resources are designed to reduce planning time while maintaining a clear and consistent approach across the GCSE Computer Science curriculum. Each lesson pack combines teacher-led presentation materials with student practice, independent learning, homework and revision resources so that the different parts of a lesson work together rather than as separate standalone documents.<\/p>\n      <p>The free OCR J277 samples include examples from computer systems, programming and Boolean logic, allowing teachers to see how different areas of the specification are presented. Teachers can use the resources for whole-class teaching, cover lessons, intervention, revision, homework or independent study, while keeping the same structured approach across the course.<\/p>\n      <p>The complete KGE teacher library follows the same consistent format across the full 63-lesson GCSE Computer Science curriculum. This gives departments a predictable lesson structure, clear supporting materials and answers throughout, while still allowing teachers to adapt delivery to the needs of their own classes.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"value-strip\">\n<div class=\"value-inner\">\n<div class=\"value-item\"><span class=\"value-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/span><div><strong>Save planning time<\/strong><span>Complete lesson packs ready to use.<\/span><\/div><\/div>\n<div class=\"value-item\"><span class=\"value-icon\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><\/span><div><strong>Everything works together<\/strong><span>Slides, activities, homework and revision.<\/span><\/div><\/div>\n<div class=\"value-item\"><span class=\"value-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/span><div><strong>Support every learner<\/strong><span>Core practice plus stretch and challenge.<\/span><\/div><\/div>\n<div class=\"value-item\"><span class=\"value-icon\"><i class=\"fa-solid fa-shield-heart\"><\/i><\/span><div><strong>Teach with confidence<\/strong><span>Structured, consistent GCSE resources.<\/span><\/div><\/div>\n<\/div>\n<\/section>\n<section class=\"cta\">\n<div class=\"cta-inner\">\n<span class=\"cta-kicker\">LIKE WHAT YOU SEE?<\/span>\n<h2>Explore the Complete GCSE Computer Science Teacher Resource Library<\/h2>\n<p>Access a complete 63-lesson GCSE Computer Science curriculum with classroom-ready lesson presentations, worksheets, workbooks, homework, lesson plans, knowledge organisers, vocabulary resources, stretch and challenge activities and answers.<\/p>\n<div class=\"cta-actions\">\n<a class=\"cta-primary\" href=\"\/portal\/subscriptionsteachers\">Explore GCSE Computer Science Teacher Resources <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n<a class=\"cta-secondary\" href=\"\/#contactus\">Ask a Question<\/a>\n<\/div>\n<\/div>\n<\/section>\n<div aria-hidden=\"true\" class=\"viewer\" id=\"viewer\">\n<div class=\"viewer-panel\">\n<div class=\"viewer-head\">\n<span class=\"viewer-title\" id=\"viewerTitle\">Resource preview<\/span>\n<button aria-label=\"Close preview\" class=\"viewer-close\" id=\"viewerClose\" type=\"button\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n<\/div>\n<div class=\"pdfjs-wrap\">\n<div class=\"pdfjs-toolbar\">\n<button aria-label=\"Previous page\" id=\"pdfPrev\" type=\"button\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n<span class=\"pdfjs-page-info\" id=\"pdfPageInfo\">Page 1<\/span>\n<button aria-label=\"Next page\" id=\"pdfNext\" type=\"button\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n<span class=\"pdfjs-zoom-separator\" aria-hidden=\"true\"><\/span>\n<button aria-label=\"Zoom out\" id=\"pdfZoomOut\" title=\"Zoom out\" type=\"button\"><i class=\"fa-solid fa-minus\"><\/i><\/button>\n<span class=\"pdfjs-zoom-info\" id=\"pdfZoomInfo\">Fit<\/span>\n<button aria-label=\"Zoom in\" id=\"pdfZoomIn\" title=\"Zoom in\" type=\"button\"><i class=\"fa-solid fa-plus\"><\/i><\/button>\n<button aria-label=\"Fit page\" class=\"pdfjs-fit\" id=\"pdfFit\" title=\"Fit page\" type=\"button\">Fit<\/button>\n<\/div>\n<div class=\"pdfjs-stage\"><canvas id=\"pdfCanvas\"><\/canvas><\/div>\n<\/div>\n<\/div>\n<\/div>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js\"><\/script>\n<script>\n(function(){\n  const root = document.currentScript.previousElementSibling\n    ? document.currentScript.parentElement\n    : document.querySelector('.kge-free-samples');\n  const scope = document.querySelector('.kge-free-samples');\n  if(!scope || !window.pdfjsLib) return;\n\n  pdfjsLib.GlobalWorkerOptions.workerSrc =\n    'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js';\n\n  const viewer = scope.querySelector('#viewer');\n  const viewerTitle = scope.querySelector('#viewerTitle');\n  const closeBtn = scope.querySelector('#viewerClose');\n  const canvas = scope.querySelector('#pdfCanvas');\n  const ctx = canvas.getContext('2d');\n  const prevBtn = scope.querySelector('#pdfPrev');\n  const nextBtn = scope.querySelector('#pdfNext');\n  const pageInfo = scope.querySelector('#pdfPageInfo');\n  const zoomOutBtn = scope.querySelector('#pdfZoomOut');\n  const zoomInBtn = scope.querySelector('#pdfZoomIn');\n  const fitBtn = scope.querySelector('#pdfFit');\n  const zoomInfo = scope.querySelector('#pdfZoomInfo');\n\n  let pdfDoc = null;\n  let pageNum = 1;\n  let renderTask = null;\n  let zoomLevel = 1;\n\n  function updateZoomUI(){\n    const stage = scope.querySelector('.pdfjs-stage');\n    const fitted = Math.abs(zoomLevel - 1) < 0.001;\n    zoomInfo.textContent = fitted ? 'Fit' : Math.round(zoomLevel * 100) + '%';\n    stage.classList.toggle('is-zoomed', !fitted);\n    zoomOutBtn.disabled = zoomLevel <= 0.6;\n    zoomInBtn.disabled = zoomLevel >= 3;\n  }\n\n  async function renderPage(num){\n    if(!pdfDoc) return;\n\n    if(renderTask){\n      try { renderTask.cancel(); } catch(e) {}\n      renderTask = null;\n    }\n\n    const page = await pdfDoc.getPage(num);\n    const stage = scope.querySelector('.pdfjs-stage');\n\n    const baseViewport = page.getViewport({scale:1});\n\n    \/* True fit-to-page: fit landscape AND portrait pages completely\n       inside the available viewer area. *\/\n    const availableWidth = Math.max(100, stage.clientWidth - 36);\n    const availableHeight = Math.max(100, stage.clientHeight - 36);\n\n    const widthScale = availableWidth \/ baseViewport.width;\n    const heightScale = availableHeight \/ baseViewport.height;\n    const fitScale = Math.min(widthScale, heightScale);\n    const scale = fitScale * zoomLevel;\n\n    const viewport = page.getViewport({scale});\n\n    const dpr = window.devicePixelRatio || 1;\n    canvas.width = Math.floor(viewport.width * dpr);\n    canvas.height = Math.floor(viewport.height * dpr);\n    canvas.style.width = Math.floor(viewport.width) + 'px';\n    canvas.style.height = Math.floor(viewport.height) + 'px';\n\n    const transform = dpr !== 1 ? [dpr,0,0,dpr,0,0] : null;\n\n    renderTask = page.render({\n      canvasContext: ctx,\n      viewport,\n      transform\n    });\n\n    try {\n      await renderTask.promise;\n    } catch(e) {\n      if(e && e.name !== 'RenderingCancelledException') console.error(e);\n    }\n\n    pageInfo.textContent = 'Page ' + pageNum + ' of ' + pdfDoc.numPages;\n    prevBtn.disabled = pageNum <= 1;\n    nextBtn.disabled = pageNum >= pdfDoc.numPages;\n    updateZoomUI();\n  }\n\n  async function openPdf(url, title){\n    viewerTitle.textContent = title || 'Resource preview';\n    viewer.classList.add('open');\n    viewer.setAttribute('aria-hidden','false');\n    document.body.style.overflow='hidden';\n    pageInfo.textContent = 'Loading\u2026';\n    prevBtn.disabled = true;\n    nextBtn.disabled = true;\n\n    try{\n      pdfDoc = await pdfjsLib.getDocument({\n        url: url,\n        withCredentials: true\n      }).promise;\n      pageNum = 1;\n      zoomLevel = 1;\n      updateZoomUI();\n      await renderPage(pageNum);\n    }catch(err){\n      console.error(err);\n      pageInfo.textContent = 'Unable to load preview';\n    }\n  }\n\n  scope.querySelectorAll('[data-preview]').forEach(btn => {\n    btn.addEventListener('click', () => {\n      openPdf(btn.dataset.preview, btn.dataset.title || 'Resource preview');\n    });\n  });\n\n  prevBtn.addEventListener('click', async () => {\n    if(!pdfDoc || pageNum <= 1) return;\n    pageNum--;\n    await renderPage(pageNum);\n  });\n\n  nextBtn.addEventListener('click', async () => {\n    if(!pdfDoc || pageNum >= pdfDoc.numPages) return;\n    pageNum++;\n    await renderPage(pageNum);\n  });\n\n  async function changeZoom(nextZoom){\n    if(!pdfDoc) return;\n\n    const stage = scope.querySelector('.pdfjs-stage');\n    const oldScrollWidth = stage.scrollWidth;\n    const oldScrollHeight = stage.scrollHeight;\n    const centreX = stage.scrollLeft + stage.clientWidth \/ 2;\n    const centreY = stage.scrollTop + stage.clientHeight \/ 2;\n    const ratioX = oldScrollWidth ? centreX \/ oldScrollWidth : 0.5;\n    const ratioY = oldScrollHeight ? centreY \/ oldScrollHeight : 0.5;\n\n    zoomLevel = nextZoom;\n    await renderPage(pageNum);\n\n    stage.scrollLeft = Math.max(\n      0,\n      ratioX * stage.scrollWidth - stage.clientWidth \/ 2\n    );\n    stage.scrollTop = Math.max(\n      0,\n      ratioY * stage.scrollHeight - stage.clientHeight \/ 2\n    );\n  }\n\n  zoomInBtn.addEventListener('click', async () => {\n    await changeZoom(Math.min(3, zoomLevel * 1.25));\n  });\n\n  zoomOutBtn.addEventListener('click', async () => {\n    await changeZoom(Math.max(0.6, zoomLevel \/ 1.25));\n  });\n\n  fitBtn.addEventListener('click', async () => {\n    if(!pdfDoc) return;\n    zoomLevel = 1;\n    const stage = scope.querySelector('.pdfjs-stage');\n    stage.scrollLeft = 0;\n    stage.scrollTop = 0;\n    await renderPage(pageNum);\n  });\n\n  function closeViewer(){\n    if(renderTask){\n      try { renderTask.cancel(); } catch(e) {}\n      renderTask = null;\n    }\n    pdfDoc = null;\n    zoomLevel = 1;\n    updateZoomUI();\n    viewer.classList.remove('open');\n    viewer.setAttribute('aria-hidden','true');\n    document.body.style.overflow='';\n    ctx.clearRect(0,0,canvas.width,canvas.height);\n    pageInfo.textContent='Page 1';\n  }\n\n  closeBtn.addEventListener('click', closeViewer);\n  viewer.addEventListener('click', e => {\n    if(e.target === viewer) closeViewer();\n  });\n  document.addEventListener('keydown', e => {\n    if(e.key === 'Escape' && viewer.classList.contains('open')) closeViewer();\n  });\n\n  let resizeTimer;\n  window.addEventListener('resize', () => {\n    if(!pdfDoc || !viewer.classList.contains('open')) return;\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(() => renderPage(pageNum), 160);\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Free GCSE Computer Science Teacher Resources Free GCSE Computer Science Teacher Resources Explore three complete OCR J277 GCSE Computer Science [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-902264","page","type-page","status-publish","hentry","pmpro-has-access"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/902264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/comments?post=902264"}],"version-history":[{"count":27,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/902264\/revisions"}],"predecessor-version":[{"id":903500,"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/pages\/902264\/revisions\/903500"}],"wp:attachment":[{"href":"https:\/\/knightongrange.co.uk\/portal\/wp-json\/wp\/v2\/media?parent=902264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}