* * Behaviour: * - Shows full-screen when a visitor ARRIVES at the home page from outside * (typed URL, WhatsApp, Facebook, Google...). Works the same in normal and * Incognito windows because it uses no cookies / localStorage. * - Does NOT show when the visitor navigates inside dabour-hub.com * (e.g. clicks "International Schools" → goes to the home page normally). * - Force it: https://dabour-hub.com/?landing=1 Skip it: ?landing=0 * - On the standalone page (/landing/) set window.DABOUR_LANDING_MODE = "page" */ (function () { "use strict"; var SCRIPT = document.currentScript; var BASE = SCRIPT && SCRIPT.src ? SCRIPT.src.replace(/[^\/]*(\?.*)?$/, "") : "/landing/"; var MODE = window.DABOUR_LANDING_MODE || "overlay"; var IMG = window.DABOUR_LANDING_IMG || {}; function img(name) { return IMG[name] || BASE + "img/" + name; } var TRACKS = [ { key: "egEn", url: "https://dabour-hub.com/eg-en/", label: "dabour-hub.com/eg-en/", img: "eg-languages.webp" }, { key: "egAr", url: "https://dabour-hub.com/eg/", label: "dabour-hub.com/eg/", img: "eg-arabic.webp" }, { key: "qudurat", url: "https://dabour-hub.com/ar/", label: "dabour-hub.com/ar/", img: "qudurat.webp" }, { key: "intl", url: "https://dabour-hub.com/", label: "dabour-hub.com", img: "international.webp", en: true } ]; var TEXT = { ar: { dir: "rtl", h1a: " ", h1b: "", h2: " ", sub: " — .", cta: " ", menu: "", close: "", intl: "INTERNATIONAL SCHOOLS", qudurat: " ", egAr: " - ", egEn: " - " }, en: { dir: "ltr", h1a: "Choose your", h1b: "learning path", h2: "Your learning journey starts here", sub: "From international schools to Qudurat & Tahsili and the Egyptian curriculum — all your learning paths in one place.", cta: "Start now", menu: "Tracks", close: "Close", intl: "INTERNATIONAL SCHOOLS", qudurat: "Qudurat & Tahsili", egAr: "Egyptian Curriculum - Arabic", egEn: "Egyptian Curriculum - Languages" } }; /* ---------- decide whether to show ---------- */ function shouldShow() { if (MODE === "page") return true; var q = /[?&]landing=([01])/.exec(location.search); if (q) return q[1] === "1"; var path = location.pathname.replace(/\/index\.php$/, "/"); if (path !== "/") return false; if (/[?&](s|p|page_id|preview|elementor-preview|fl_builder)=/.test(location.search)) return false; var ref = ""; try { ref = document.referrer ? new URL(document.referrer).hostname : ""; } catch (e) {} var host = location.hostname.replace(/^www\./, ""); return ref.replace(/^www\./, "") !== host; } if (!shouldShow()) return; /* hide the page underneath until the landing is mounted (no flash) */ var root = document.documentElement; var pre = document.createElement("style"); pre.id = "dh-landing-pre"; pre.textContent = "html.dh-landing-on{overflow:hidden!important}html.dh-landing-on body{visibility:hidden!important}"; (document.head || root).appendChild(pre); root.classList.add("dh-landing-on"); var safety = setTimeout(unlock, 6000); function unlock() { clearTimeout(safety); root.classList.remove("dh-landing-on"); var s = document.getElementById("dh-landing-pre"); if (s) s.remove(); } var font = document.createElement("link"); font.rel = "stylesheet"; font.href = "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Poppins:wght@500;700;800"; (document.head || root).appendChild(font); var arrow = ''; var CSS = "\ :host{all:initial}\ *{box-sizing:border-box;margin:0;padding:0}\ .dh{--blue:#0b55e6;--blue-d:#0a46c0;--red:#f02b37;--ink:#111318;--muted:#5d6270;--line:#e4e7ee;--soft:#e9eefc;\ position:fixed;inset:0;z-index:2147483646;background:#fff;color:var(--ink);overflow-y:auto;overflow-x:hidden;\ font-family:Cairo,'Segoe UI',Tahoma,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}\ .dh[dir=ltr]{font-family:Poppins,Cairo,'Segoe UI',sans-serif}\ .wrap{max-width:1500px;margin:0 auto;padding:0 clamp(16px,3vw,44px)}\ a{color:inherit;text-decoration:none}\ header{display:flex;align-items:center;justify-content:space-between;padding:22px 0 0;direction:ltr;position:relative;z-index:3}\ .logo{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(26px,3.2vw,46px);letter-spacing:-1.5px;color:var(--ink)}\ .logo b{color:var(--blue);font-weight:800}.logo i{color:var(--red);font-style:normal}\ .tools{display:flex;align-items:center;gap:26px}\ .lang{display:flex;align-items:center;gap:12px;font:500 18px Poppins,sans-serif;color:var(--ink)}\ .lang button{all:unset;cursor:pointer;padding:2px 2px}.lang button[aria-pressed=true]{color:var(--blue);font-weight:700}\ .lang span{width:1.5px;height:20px;background:var(--ink)}\ .burger{all:unset;cursor:pointer;display:grid;gap:6px;padding:8px}.burger i{display:block;width:30px;height:2.5px;background:var(--ink);border-radius:2px}\ .hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:20px;position:relative}\ .copy{padding:30px 0 20px;position:relative}\ .dash{display:block;width:56px;height:4px;background:var(--blue);border-radius:2px;margin-bottom:16px}\ h1{font-weight:900;font-size:clamp(38px,5.5vw,92px);line-height:1.15;letter-spacing:-1px;white-space:nowrap}\ h1 em{font-style:normal;color:var(--blue)}.dh[dir=ltr] h1{white-space:normal;font-size:clamp(36px,4.6vw,76px)}\ h2{font-weight:800;font-size:clamp(26px,3.6vw,58px);line-height:1.25;margin-top:6px}\ .sub{color:var(--muted);font-size:clamp(16px,1.55vw,24px);max-width:620px;margin-top:14px;line-height:1.75}\ .art{position:relative;align-self:end;min-height:300px}\ .art .disc{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--blue);inset-inline-start:22%;top:8%}\ .art .dot{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;background:var(--red);inset-inline-start:6%;top:4%}\ .art .grid{position:absolute;inset-inline-end:6%;top:30%;width:96px;height:72px;background-image:radial-gradient(#1b1d22 1.6px,transparent 1.8px);background-size:16px 16px;opacity:.85}\ .art .arc{position:absolute;inset-inline-end:2%;bottom:0;width:22%;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;border-bottom-color:transparent;border-inline-start-color:transparent;transform:rotate(-20deg);opacity:.9}\ .art .cap{position:absolute;inset-inline-end:16%;top:12%;width:clamp(56px,6vw,96px)}\ .art .building{position:absolute;inset-inline-start:0;bottom:0;width:16%;height:58%;background:repeating-linear-gradient(0deg,#d9dbe0 0 1px,#eceef2 1px 14px);border-top:2px solid #b9bcc4}\ .art img.people{position:relative;display:block;width:100%;height:auto;z-index:2}\ .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,26px);margin-top:4px;position:relative;z-index:3}\ .card{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:22px 30px 26px;\ transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 2px 6px rgba(15,25,60,.04)}\ .card:hover,.card:focus-visible{transform:translateY(-6px);border-color:#c9d6fb;box-shadow:0 18px 40px -18px rgba(11,85,230,.45);outline:none}\ .pic{position:relative;height:clamp(150px,13vw,200px);display:flex;align-items:center;justify-content:center;margin-bottom:12px}\ .pic::before{content:'';position:absolute;width:62%;aspect-ratio:1.15;border-radius:50% 46% 52% 48%;background:var(--soft);inset-inline-start:12%;top:8%}\ .pic img{position:relative;max-width:88%;max-height:100%;object-fit:contain;transition:transform .35s ease}\ .card:hover .pic img{transform:scale(1.05)}\ .title{font-weight:800;font-size:clamp(19px,1.55vw,28px);line-height:1.3;min-height:2.6em;display:flex;align-items:flex-end;justify-content:center;text-align:center}\ .title.en{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(18px,1.6vw,27px);direction:ltr;justify-content:flex-start;text-align:left}\ .url{direction:ltr;color:var(--muted);font:400 clamp(14px,1.15vw,18px) Poppins,sans-serif;margin-top:4px;text-align:center}\ .title.en+.url{text-align:left}\ .bar{width:52px;height:3.5px;border-radius:2px;background:var(--blue);margin:14px 0 22px}\ .btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;border-radius:7px;\ height:54px;font-weight:700;font-size:clamp(17px,1.4vw,22px);transition:background .2s}\ .btn svg{transition:transform .2s}\ .dh[dir=rtl] .btn svg{order:-1}\ .card:hover .btn{background:var(--blue-d)}.card:hover .btn svg{transform:translateX(4px)}\ footer{display:flex;align-items:center;gap:26px;padding:34px 0 26px;direction:ltr}\ .dots{display:flex;gap:9px}.dots i{width:11px;height:11px;border-radius:50%;background:var(--blue)}.dots i+i{background:var(--red)}.dots i+i+i{background:var(--ink)}\ footer .ln{flex:1;height:1.5px;background:#c7cad2}\ footer .ln.end{flex:0 0 60px;height:3px;background:var(--blue)}\ footer a{font:400 17px Poppins,sans-serif;color:var(--muted)}\ .menu{position:fixed;inset:0;z-index:5;background:rgba(10,15,30,.45);display:none}\ .menu.open{display:block}\ .panel{position:absolute;top:0;inset-inline-end:0;height:100%;width:min(360px,86vw);background:#fff;padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:-20px 0 40px rgba(0,0,0,.15)}\ .dh[dir=rtl] .panel{inset-inline-end:auto;inset-inline-start:0}\ .panel .x{all:unset;cursor:pointer;align-self:flex-end;font-size:30px;line-height:1;padding:4px 8px}\ .panel h3{font-weight:800;font-size:22px;margin-bottom:6px}\ .panel a{display:block;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;font-weight:700;font-size:18px}\ .panel a:hover{border-color:var(--blue);color:var(--blue)}\ .panel a small{display:block;direction:ltr;font:400 13px Poppins,sans-serif;color:var(--muted)}\ .dh[dir=rtl] .panel a small{text-align:right}\ @media (max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}\ @media (max-width:820px){h1{white-space:normal}.hero{grid-template-columns:1fr}.art{max-width:520px;width:100%;margin:0 auto;min-height:0}.copy{padding-bottom:0}}\ @media (max-width:520px){.cards{grid-template-columns:minmax(0,1fr)}.card{padding:18px 20px 22px}.tools{gap:16px}.lang{font-size:16px}footer{gap:14px}footer .ln.end{display:none}}\ @media (prefers-reduced-motion:reduce){*{transition:none!important}}\ "; var CAP = ''; function cardHTML(t, L) { return '' + '
' + '
' + L[t.key] + "
" + '
' + t.label + "
" + '' + '' + L.cta + "" + arrow + "
"; } function menuLink(t, L) { return '' + L[t.key] + "" + t.label + ""; } function build() { var L = TEXT.ar; var host = document.createElement("div"); host.id = "dabour-landing"; var shadow = host.attachShadow ? host.attachShadow({ mode: "open" }) : host; var order = TRACKS; // RTL: first card sits on the right, as in the design shadow.innerHTML = "" + '"; var dh = shadow.querySelector(".dh"); var menu = shadow.querySelector(".menu"); function setLang(code) { var T = TEXT[code]; dh.setAttribute("dir", T.dir); dh.setAttribute("lang", code); shadow.querySelectorAll("[data-k]").forEach(function (el) { el.textContent = T[el.getAttribute("data-k")]; }); shadow.querySelectorAll("[data-lang]").forEach(function (b) { b.setAttribute("aria-pressed", String(b.getAttribute("data-lang") === code)); }); } shadow.querySelectorAll("[data-lang]").forEach(function (b) { b.addEventListener("click", function () { setLang(b.getAttribute("data-lang")); }); }); shadow.querySelector(".burger").addEventListener("click", function () { menu.classList.add("open"); }); shadow.querySelector(".x").addEventListener("click", function () { menu.classList.remove("open"); }); menu.addEventListener("click", function (e) { if (e.target === menu) menu.classList.remove("open"); }); document.addEventListener("keydown", function (e) { if (e.key === "Escape") menu.classList.remove("open"); }); // bfcache: when the student presses Back to the landing, keep it visible window.addEventListener("pageshow", function () { root.classList.add("dh-landing-on"); }); document.body.appendChild(host); // keep the page under the landing hidden & non-scrollable, but let the landing itself render pre.textContent = "html.dh-landing-on,html.dh-landing-on body{overflow:hidden!important}" + "html.dh-landing-on body>*:not(#dabour-landing){visibility:hidden!important}"; clearTimeout(safety); } if (document.body) build(); else document.addEventListener("DOMContentLoaded", build); })();
Curriculum
Course: Alhussan Chemistry — Stage 8
Login

Curriculum

Alhussan Chemistry — Stage 8

Chapter 8: Pure Substances and Solutions

0/35

Chapter 9: Chemical Reactions 2

0/43
Quiz

9.1 More chemical reactions — Visual & Photo Quiz

Submit quiz
Once you submit, you will no longer be able to change your answers. Are you sure you want to submit the quiz?
1.
Look at the photograph of the dramatic chemical reaction between zinc metal powder and yellow sulfur heated on a heatproof mat. What observation confirms a new substance has formed?
Dr Dabour Hub Academy - figure 1
A fierce flash of light, release of intense heat, and formation of a white smoke residue (zinc sulfide)
The sulfur melts reversibly without changing color
Zinc turns into pure gold metal
No heat or light is produced