{"id":111,"date":"2026-04-16T02:42:01","date_gmt":"2026-04-16T02:42:01","guid":{"rendered":"https:\/\/allenglish4u.com\/grammar\/"},"modified":"2026-07-05T02:44:43","modified_gmt":"2026-07-05T02:44:43","slug":"grammar","status":"publish","type":"page","link":"https:\/\/allenglish4u.com\/vi\/grammar\/","title":{"rendered":"English Grammar Lessons \u2014 All English 4U"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<style>\n\n\/* WP wrapper escape (grammar page) *\/\n.entry-content,.wp-block-post-content,.is-layout-constrained{max-width:none !important;margin:0 !important;padding:0 !important;}\n.wp-block-post-title{display:none !important;}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,700&display=swap');\n\n\/* ============================ TOKENS ============================ *\/\n:root{\n  --jakarta:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;\n  --fraunces:'Fraunces',Georgia,serif;\n\n  --app:#F0FDF4;\n  --surface-2:#F7FEF9;\n  --surface:#FFFFFF;\n\n  --ink:#0F172A;\n  --muted:#475569;\n  --subtle:#94A3B8;\n  --border:#DCFCE7;\n\n  --dark-1:#062018;\n  --dark-2:#0B2E22;\n  --dark-3:#0F4C3A;\n\n  \/* Grammar accent = sage \/ emerald (foundation green) *\/\n  --accent-deep:#14532D;\n  --accent:#16A34A;\n  --accent-bright:#22C55E;\n  --cyan:#84CC16;\n\n  \/* level palette *\/\n  --lvl-1:#10B981; \/* Beginning *\/\n  --lvl-2:#F59E0B; \/* Intermediate *\/\n  --lvl-3:#8B5CF6; \/* Advanced *\/\n\n  --r-xs:6px; --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:32px;\n  --sh-card:0 2px 8px rgba(0,0,0,.06);\n  --sh-lg:0 12px 40px rgba(0,0,0,.12);\n  --sh-glow:0 8px 24px rgba(22,163,74,.32);\n\n  --ease:160ms ease;\n  --smooth:280ms cubic-bezier(.4,0,.2,1);\n  --spring:400ms cubic-bezier(.34,1.56,.64,1);\n  --motion-scale:1;\n\n  --maxw:1200px;\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{\n  font-family:var(--jakarta);\n  background:var(--app);\n  color:var(--ink);\n  font-size:16px;\n  line-height:1.6;\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n}\na{color:inherit;text-decoration:none}\nimg{display:block;max-width:100%}\nbutton{font-family:inherit;cursor:pointer;border:none;background:none}\n:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}\n.hero :focus-visible,footer :focus-visible{outline-color:#86EFAC}\n.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}\n.eyebrow{\n  display:inline-flex;align-items:center;gap:9px;\n  font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n  color:var(--accent);\n}\n.eyebrow::before{content:\"\";width:7px;height:7px;border-radius:50%;flex:0 0 auto;\n  background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 16%,transparent)}\n.hero .eyebrow{color:#86EFAC}\n.hero .eyebrow::before{box-shadow:0 0 10px rgba(34,197,94,.7),0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}\nsection{position:relative}\n.grad{\n  background:linear-gradient(100deg,var(--accent-deep),var(--accent) 45%,var(--accent-bright) 75%,var(--cyan));\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n\n.reveal{opacity:0;transform:translateY(26px);\n  transition:opacity calc(.7s * var(--motion-scale)) cubic-bezier(.4,0,.2,1),\n             transform calc(.7s * var(--motion-scale)) cubic-bezier(.4,0,.2,1);\n  transition-delay:var(--d,0s);\n}\n.reveal.in{opacity:1;transform:none}\n\n\/* ============================ HEADER ============================ *\/\n.hdr{\n  position:fixed;top:0;left:0;right:0;z-index:90;\n  transition:background var(--smooth),box-shadow var(--smooth),border-color var(--smooth);\n  border-bottom:1px solid transparent;\n}\n.hdr-inner{max-width:var(--maxw);margin:0 auto;padding:16px 24px;\n  display:flex;align-items:center;gap:28px}\n.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px;color:#fff;transition:color var(--smooth);white-space:nowrap}\n.brand img{width:40px;height:40px;border-radius:11px;object-fit:cover;box-shadow:0 2px 10px rgba(0,0,0,.25)}\n.nav{display:flex;align-items:center;gap:4px;margin-left:6px}\n.nav a{\n  position:relative;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.74);\n  padding:8px 13px;border-radius:var(--r-xs);transition:color var(--ease),background var(--ease);\n}\n.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}\n.nav a.active{color:#fff}\n.nav a.active::after{\n  content:\"\";position:absolute;left:13px;right:13px;bottom:2px;height:2.5px;border-radius:2px;\n  background:linear-gradient(90deg,var(--accent),var(--accent-bright));\n}\n.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px}\n.icon-btn{\n  width:40px;height:40px;border-radius:var(--r-xs);display:grid;place-items:center;\n  color:rgba(255,255,255,.82);transition:background var(--ease),color var(--ease);\n}\n.icon-btn:hover{background:rgba(255,255,255,.1);color:#fff}\n.pill{\n  display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:#fff;\n  padding:10px 18px;border-radius:999px;\n  background:linear-gradient(100deg,var(--accent-deep),var(--accent) 55%,var(--accent-bright));\n  box-shadow:var(--sh-glow);transition:transform var(--spring),box-shadow var(--smooth);\n}\n.pill:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 30px rgba(22,163,74,.45)}\n.hamb{display:none}\n\n.hdr.solid{background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(160%);\n  -webkit-backdrop-filter:blur(18px) saturate(160%);\n  border-bottom-color:var(--border);box-shadow:0 1px 0 rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.05)}\n.hdr.solid .brand{color:var(--ink)}\n.hdr.solid .nav a{color:var(--muted)}\n.hdr.solid .nav a:hover{color:var(--ink);background:rgba(22,163,74,.07)}\n.hdr.solid .nav a.active{color:var(--accent)}\n.hdr.solid .icon-btn{color:var(--muted)}\n.hdr.solid .icon-btn:hover{background:rgba(22,163,74,.08);color:var(--accent)}\n\n\/* mobile menu *\/\n.menu-backdrop{position:fixed;inset:0;background:rgba(5,14,32,.5);backdrop-filter:blur(4px);z-index:110;opacity:0;pointer-events:none;transition:opacity var(--smooth)}\n.menu-backdrop.open{opacity:1;pointer-events:auto}\n.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(82vw,340px);background:#fff;z-index:120;transform:translateX(100%);transition:transform var(--smooth);padding:24px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh-lg)}\n.mobile-menu.open{transform:translateX(0)}\n.mobile-menu .menu-close{align-self:flex-end;width:40px;height:40px;border-radius:10px;color:var(--muted);display:grid;place-items:center;margin-bottom:14px}\n.mobile-menu .menu-close:hover{background:var(--surface-2)}\n.mobile-menu a{font-size:16px;font-weight:600;color:var(--ink);padding:13px 12px;border-radius:10px;transition:background var(--ease)}\n.mobile-menu a:hover{background:var(--surface-2)}\n.mobile-menu a.active{color:var(--accent);background:rgba(22,163,74,.08)}\n\n\/* ============================ HERO ============================ *\/\n.hero{\n  position:relative;\n  background:radial-gradient(1200px 700px at 70% 30%,rgba(34,197,94,.22),transparent 60%),\n             linear-gradient(160deg,var(--dark-1) 0%,var(--dark-2) 50%,var(--dark-3) 100%);\n  color:#fff;\n  padding:140px 0 110px;\n  overflow:hidden;\n}\n.hero-grid{\n  position:absolute;inset:0;pointer-events:none;\n  background-image:linear-gradient(rgba(34,197,94,.08) 1px,transparent 1px),\n                   linear-gradient(90deg,rgba(34,197,94,.08) 1px,transparent 1px);\n  background-size:60px 60px;\n  mask-image:radial-gradient(ellipse 80% 50% at 50% 30%,#000 30%,transparent 80%);\n}\n.hero-inner{\n  position:relative;max-width:var(--maxw);margin:0 auto;padding:0 24px;\n  display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;\n}\n.hero-copy h1{\n  font-family:var(--fraunces);font-weight:700;\n  font-size:clamp(40px,5.6vw,68px);\n  line-height:1.05;letter-spacing:-.02em;margin:14px 0 22px;color:#fff;\n}\n.hero-copy h1 .grad{display:inline-block}\n.hero-copy .sub{font-size:18px;color:rgba(255,255,255,.82);max-width:580px;margin-bottom:26px}\n.hero-copy .sub em{font-style:italic;color:#A7F3D0}\n.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}\n.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;\n  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);\n  font-size:13px;font-weight:600;color:rgba(255,255,255,.92)}\n.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-bright)}\n.hero-cta{display:flex;flex-wrap:wrap;gap:14px}\n.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:14px 22px;border-radius:14px;transition:all var(--spring)}\n.btn-primary{color:#fff;background:linear-gradient(100deg,var(--accent-deep),var(--accent) 55%,var(--accent-bright));box-shadow:var(--sh-glow)}\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(22,163,74,.5)}\n.btn-ghost{color:rgba(255,255,255,.95);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}\n.btn-ghost:hover{background:rgba(255,255,255,.14)}\n\n\/* ============================ HERO 3D STAGE (book stack) ============================ *\/\n.stage{position:relative;width:100%;max-width:480px;justify-self:center;aspect-ratio:1;perspective:1200px}\n.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}\n.stage-num{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);text-align:center;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.5);z-index:2}\n.stage-num .band{font-family:var(--fraunces);font-size:54px;font-weight:700;line-height:1;background:linear-gradient(100deg,#86EFAC,#22C55E 50%,#4ADE80);-webkit-background-clip:text;background-clip:text;color:transparent}\n.stage-num .band-cap{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-top:6px;font-weight:700}\n\n\/* SVG fallback (static) *\/\n.static-stage{position:absolute;inset:0;display:grid;place-items:center;animation:floatY 6s ease-in-out infinite}\n.static-stage svg{width:74%;height:74%;filter:drop-shadow(0 18px 38px rgba(34,197,94,.35))}\n@keyframes floatY{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}\n\n\/* ============================ SEC (general) ============================ *\/\n.sec{padding:clamp(70px,9vw,110px) 0}\n.sec-head{max-width:760px;margin:0 auto 50px;text-align:center}\n.sec-head h2{font-family:var(--fraunces);font-weight:700;font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.015em;margin:14px 0 14px}\n.sec-head p{font-size:17px;color:var(--muted)}\n\n\/* ============================ LEVELS ============================ *\/\n.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.level-card{position:relative;padding:30px 26px;border-radius:var(--r-lg);background:var(--surface);\n  border:1px solid var(--border);transition:all var(--smooth);overflow:hidden}\n.level-card::before{content:\"\";position:absolute;top:0;left:0;right:0;height:5px;background:var(--lc,var(--accent))}\n.level-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:transparent}\n.level-card.lvl-1{--lc:var(--lvl-1)}\n.level-card.lvl-2{--lc:var(--lvl-2)}\n.level-card.lvl-3{--lc:var(--lvl-3)}\n.lvl-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:28px;margin-bottom:18px;\n  background:color-mix(in srgb,var(--lc) 14%,transparent);color:var(--lc)}\n.lvl-name{font-family:var(--fraunces);font-size:24px;font-weight:700;color:var(--ink);margin-bottom:6px}\n.lvl-meta{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:14px;letter-spacing:.02em}\n.lvl-desc{font-size:15px;color:var(--muted);margin-bottom:18px;line-height:1.55}\n.lvl-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}\n.lvl-badge.live{background:rgba(16,185,129,.12);color:#059669}\n.lvl-badge.live::before{content:\"\";width:7px;height:7px;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.2);animation:pulse 2s infinite}\n.lvl-badge.soon{background:rgba(245,158,11,.12);color:#B45309}\n@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}\n\n.lvl-cta{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:14px;font-weight:700;color:var(--lc)}\n.lvl-cta svg{transition:transform var(--ease)}\n.level-card:hover .lvl-cta svg{transform:translateX(4px)}\n\n\/* ============================ PRACTICE (4-card grid) ============================ *\/\n.practice-sec{background:var(--surface-2)}\n.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n.p-card{position:relative;display:block;padding:24px 22px;border-radius:var(--r-md);background:var(--surface);\n  border:1px solid var(--border);transition:all var(--smooth);min-height:180px;\n  display:flex;flex-direction:column;justify-content:space-between}\n.p-card.live{cursor:pointer}\n.p-card.live:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--accent)}\n.p-card.soon{background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 10px,var(--surface-2) 10px,var(--surface-2) 20px);opacity:.85}\n.p-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;font-size:13px;font-weight:800;background:var(--lvl-1);color:#fff;margin-bottom:12px}\n.p-card.soon .p-num{background:var(--subtle)}\n.p-title{font-weight:700;font-size:15.5px;color:var(--ink);margin-bottom:6px;line-height:1.35}\n.p-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;width:fit-content;margin-top:auto}\n.p-tag.video{background:rgba(239,68,68,.1);color:#DC2626}\n.p-tag.drag{background:rgba(139,92,246,.1);color:#7C3AED}\n.p-tag.fill{background:rgba(245,158,11,.1);color:#B45309}\n.p-tag.soon{background:rgba(148,163,184,.15);color:#64748B}\n.p-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}\n\n\/* ============================ WHY ============================ *\/\n.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}\n.why-item{padding:30px 26px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}\n.why-item .ico{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:16px;background:rgba(22,163,74,.1);color:var(--accent)}\n.why-item h3{font-family:var(--fraunces);font-size:21px;font-weight:700;margin-bottom:8px}\n.why-item p{font-size:15px;color:var(--muted);line-height:1.6}\n\n\/* ============================ YT CTA ============================ *\/\n.yt-cta{background:linear-gradient(135deg,var(--dark-1),var(--dark-3));color:#fff;padding:50px 40px;border-radius:var(--r-lg);\n  display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;box-shadow:var(--sh-lg)}\n.yt-cta .yt-ico{width:64px;height:64px;border-radius:16px;background:#FF0000;display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:0 6px 20px rgba(255,0,0,.35)}\n.yt-cta .yt-body h3{font-family:var(--fraunces);font-size:24px;font-weight:700;margin-bottom:6px}\n.yt-cta .yt-body p{color:rgba(255,255,255,.78);font-size:15px}\n.yt-cta a{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:14px 22px;border-radius:12px;background:#fff;color:#0F172A;font-size:15px;transition:transform var(--spring)}\n.yt-cta a:hover{transform:translateY(-2px) scale(1.03)}\n\n\/* ============================ FOOTER ============================ *\/\nfooter{background:var(--dark-1);color:rgba(255,255,255,.7);padding:60px 0 28px;margin-top:60px}\n.foot-grid{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}\n.foot-brand .brand{color:#fff;margin-bottom:14px}\n.foot-brand p{max-width:300px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.6)}\n.foot-col h5{font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}\n.foot-col a{display:block;padding:7px 0;font-size:14.5px;color:rgba(255,255,255,.65);transition:color var(--ease)}\n.foot-col a:hover{color:var(--accent-bright)}\n.foot-bottom{max-width:var(--maxw);margin:0 auto;padding:24px 24px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.5);text-align:center}\n\n\/* ============================ RESPONSIVE ============================ *\/\n@media(max-width:980px){\n  .nav{display:none}\n  .hdr-right .pill{display:none}\n  .hdr-right .hamb{display:grid}\n  .hero-inner{grid-template-columns:1fr;gap:40px}\n  .stage{max-width:380px;margin:0 auto;order:-1}\n  .levels{grid-template-columns:1fr;gap:18px}\n  .practice-grid{grid-template-columns:repeat(2,1fr)}\n  .why-grid{grid-template-columns:1fr;gap:18px}\n  .yt-cta{grid-template-columns:1fr;text-align:center;padding:36px 28px}\n  .yt-cta .yt-ico{margin:0 auto}\n  .foot-grid{grid-template-columns:1fr 1fr;gap:30px}\n}\n@media(max-width:560px){\n  .hero{padding:120px 0 80px}\n  .practice-grid{grid-template-columns:1fr}\n  .foot-grid{grid-template-columns:1fr}\n  .stage{max-width:280px}\n  .hero-cta .btn{width:100%;justify-content:center}\n}\n\n<\/style>\n\n\n<!-- HEADER -->\n<header class=\"hdr\" id=\"hdr\">\n  <div class=\"hdr-inner\">\n    <a href=\"\/vi\/\" class=\"brand\">\n      <img decoding=\"async\" src=\"https:\/\/allenglish4u.com\/wp-content\/uploads\/2026\/04\/Transparent-background-MacBook-Pro-cua-Hang.png\" alt=\"All English 4U logo\" \/>\n      <span>All English 4U<\/span>\n    <\/a>\n    <nav class=\"nav\">\n      <a href=\"\/vi\/grammar\/\" class=\"active\">Ng\u1eef ph\u00e1p<\/a>\n      <a href=\"\/vi\/ielts\/\">IELTS<\/a>\n      <a href=\"\/vi\/toefl\/\">TOEFL<\/a>\n      <a href=\"\/vi\/cambridge\/\">Cambridge<\/a>\n      <a href=\"\/vi\/celpip\/\">CELPIP<\/a>\n      <a href=\"\/vi\/dictation\/\">Ch\u00ednh t\u1ea3 nghe<\/a>\n      <a href=\"\/vi\/contact\/\">Li\u00ean h\u1ec7<\/a>\n    <\/nav>\n    <div class=\"hdr-right\">\n      <a href=\"#levels\" class=\"pill\">Start Free\n        <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n      <button class=\"icon-btn hamb\" id=\"hamb\" aria-label=\"Menu\">\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M3 6h18M3 12h18M3 18h18\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"menu-backdrop\" id=\"menuBackdrop\"><\/div>\n<aside class=\"mobile-menu\" id=\"mobileMenu\">\n  <button class=\"menu-close\" id=\"menuClose\" aria-label=\"Close\">\n    <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n  <\/button>\n  <a href=\"\/vi\/grammar\/\" class=\"active\">Ng\u1eef ph\u00e1p<\/a>\n  <a href=\"\/vi\/ielts\/\">IELTS<\/a>\n  <a href=\"\/vi\/toefl\/\">TOEFL<\/a>\n  <a href=\"\/vi\/cambridge\/\">Cambridge<\/a>\n  <a href=\"\/vi\/celpip\/\">CELPIP<\/a>\n  <a href=\"\/vi\/dictation\/\">Ch\u00ednh t\u1ea3 nghe<\/a>\n  <a href=\"\/vi\/contact\/\">Li\u00ean h\u1ec7<\/a>\n<\/aside>\n\n<span id=\"top\"><\/span>\n<main id=\"main\">\n\n<!-- HERO -->\n<section class=\"hero\" aria-label=\"Grammar Lessons introduction\">\n  <div class=\"hero-grid\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-copy\">\n      <div class=\"eyebrow reveal\">\u270d\ufe0f Foundation to Fluency<\/div>\n      <h1 class=\"reveal\" style=\"--d:.05s\">English <span class=\"grad\">Ng\u1eef ph\u00e1p<\/span> Lessons<\/h1>\n      <p class=\"sub reveal\" style=\"--d:.12s\">Build a solid foundation and advance your skills. Clear explanations paired with <em>interactive drag-and-drop<\/em> and <em>fill-in-the-blank<\/em> exercises \u2014 from absolute beginner to advanced. <em>Always free.<\/em><\/p>\n      <div class=\"chips reveal\" style=\"--d:.18s\">\n        <span class=\"chip\"><span class=\"dot\"><\/span>3 Skill Levels<\/span>\n        <span class=\"chip\"><span class=\"dot\"><\/span>B\u00e0i t\u1eadp t\u01b0\u01a1ng t\u00e1c<\/span>\n        <span class=\"chip\"><span class=\"dot\"><\/span>Video Walkthroughs<\/span>\n        <span class=\"chip\"><span class=\"dot\"><\/span>100% Mi\u1ec5n ph\u00ed<\/span>\n      <\/div>\n      <div class=\"hero-cta reveal\" style=\"--d:.24s\">\n        <a href=\"#levels\" class=\"btn btn-primary\">Choose Your Level\n          <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/www.youtube.com\/@AllEnglish4U\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost\">\n          <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.6 7.2a2.7 2.7 0 0 0-1.9-1.9C18 4.8 12 4.8 12 4.8s-6 0-7.7.5A2.7 2.7 0 0 0 2.4 7.2 28 28 0 0 0 2 12a28 28 0 0 0 .4 4.8 2.7 2.7 0 0 0 1.9 1.9c1.7.5 7.7.5 7.7.5s6 0 7.7-.5a2.7 2.7 0 0 0 1.9-1.9A28 28 0 0 0 22 12a28 28 0 0 0-.4-4.8ZM10 15.3V8.7l5.2 3.3Z\"\/><\/svg>\n          Watch on YouTube\n        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"stage reveal\" id=\"stage\" style=\"--d:.1s\">\n      <canvas id=\"book-canvas\"><\/canvas>\n      <div class=\"static-stage\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <defs>\n            <lineargradient id=\"bk1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n              <stop offset=\"0\" stop-color=\"#15803D\"\/><stop offset=\"1\" stop-color=\"#22C55E\"\/>\n            <\/lineargradient>\n            <lineargradient id=\"bk2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n              <stop offset=\"0\" stop-color=\"#B45309\"\/><stop offset=\"1\" stop-color=\"#F59E0B\"\/>\n            <\/lineargradient>\n            <lineargradient id=\"bk3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n              <stop offset=\"0\" stop-color=\"#6D28D9\"\/><stop offset=\"1\" stop-color=\"#A78BFA\"\/>\n            <\/lineargradient>\n            <filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n              <fegaussianblur stddeviation=\"3\" result=\"b\"\/><feoffset dy=\"6\" result=\"o\"\/>\n              <feflood flood-color=\"#000\" flood-opacity=\".4\"\/><fecomposite in2=\"o\" operator=\"in\"\/>\n              <femerge><femergenode\/><femergenode in=\"SourceGraphic\"\/><\/femerge>\n            <\/filter>\n          <\/defs>\n          <!-- Floor shadow -->\n          <ellipse cx=\"110\" cy=\"180\" rx=\"60\" ry=\"6\" fill=\"rgba(0,0,0,.35)\"\/>\n          <!-- Book 3 (Advanced - top, purple) -->\n          <g filter=\"url(#shadow)\">\n            <path d=\"M68 60 L156 50 L156 80 L68 90 Z\" fill=\"url(#bk3)\"\/>\n            <path d=\"M156 50 L168 56 L168 86 L156 80 Z\" fill=\"#4C1D95\"\/>\n            <path d=\"M68 60 L80 66 L168 56 L156 50 Z\" fill=\"#8B5CF6\" opacity=\".7\"\/>\n            <line x1=\"78\" y1=\"68\" x2=\"142\" y2=\"61\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\".5\"\/>\n            <line x1=\"78\" y1=\"74\" x2=\"142\" y2=\"67\" stroke=\"#fff\" stroke-width=\"1\" opacity=\".4\"\/>\n          <\/g>\n          <!-- Book 2 (Intermediate - middle, orange) -->\n          <g filter=\"url(#shadow)\">\n            <path d=\"M58 95 L162 90 L162 122 L58 127 Z\" fill=\"url(#bk2)\"\/>\n            <path d=\"M162 90 L172 96 L172 128 L162 122 Z\" fill=\"#92400E\"\/>\n            <path d=\"M58 95 L68 101 L172 96 L162 90 Z\" fill=\"#FBBF24\" opacity=\".7\"\/>\n            <line x1=\"70\" y1=\"105\" x2=\"148\" y2=\"100\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\".55\"\/>\n            <line x1=\"70\" y1=\"112\" x2=\"148\" y2=\"107\" stroke=\"#fff\" stroke-width=\"1\" opacity=\".4\"\/>\n          <\/g>\n          <!-- Book 1 (Beginning - bottom, green) -->\n          <g filter=\"url(#shadow)\">\n            <path d=\"M48 130 L168 128 L168 162 L48 164 Z\" fill=\"url(#bk1)\"\/>\n            <path d=\"M168 128 L178 134 L178 168 L168 162 Z\" fill=\"#14532D\"\/>\n            <path d=\"M48 130 L58 136 L178 134 L168 128 Z\" fill=\"#4ADE80\" opacity=\".7\"\/>\n            <line x1=\"60\" y1=\"142\" x2=\"152\" y2=\"140\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\".55\"\/>\n            <line x1=\"60\" y1=\"150\" x2=\"152\" y2=\"148\" stroke=\"#fff\" stroke-width=\"1\" opacity=\".4\"\/>\n          <\/g>\n          <!-- Floating dots \/ sparkles -->\n          <g fill=\"#86EFAC\">\n            <circle cx=\"170\" cy=\"30\" r=\"2.5\" opacity=\".9\">\n              <animate attributename=\"opacity\" values=\"0.3;1;0.3\" dur=\"3s\" repeatcount=\"indefinite\"\/>\n            <\/circle>\n            <circle cx=\"40\" cy=\"40\" r=\"2\" opacity=\".7\">\n              <animate attributename=\"opacity\" values=\"0.2;0.9;0.2\" dur=\"2.5s\" begin=\"0.5s\" repeatcount=\"indefinite\"\/>\n            <\/circle>\n            <circle cx=\"190\" cy=\"100\" r=\"1.8\" opacity=\".8\">\n              <animate attributename=\"opacity\" values=\"0.3;1;0.3\" dur=\"2.8s\" begin=\"1s\" repeatcount=\"indefinite\"\/>\n            <\/circle>\n            <circle cx=\"25\" cy=\"110\" r=\"2.2\" opacity=\".75\">\n              <animate attributename=\"opacity\" values=\"0.2;0.9;0.2\" dur=\"3.2s\" begin=\"1.5s\" repeatcount=\"indefinite\"\/>\n            <\/circle>\n          <\/g>\n          <!-- Pencil floating above -->\n          <g transform=\"translate(118 22) rotate(-25)\">\n            <rect x=\"0\" y=\"0\" width=\"58\" height=\"10\" fill=\"#FCD34D\" rx=\"2\"\/>\n            <rect x=\"0\" y=\"0\" width=\"14\" height=\"10\" fill=\"#F59E0B\" rx=\"2\"\/>\n            <polygon points=\"58,0 70,5 58,10\" fill=\"#92400E\"\/>\n            <rect x=\"0\" y=\"0\" width=\"14\" height=\"10\" fill=\"#EF4444\" rx=\"2\" opacity=\".8\"\/>\n          <\/g>\n        <\/svg>\n      <\/div>\n      <div class=\"stage-num\">\n        <div class=\"band\">A1 \u2192 C2<\/div>\n        <div class=\"band-cap\">Skill Levels Covered<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 1: LEVELS -->\n<section class=\"sec\" id=\"levels\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <div class=\"eyebrow\">\ud83c\udfaf Pick Your Starting Point<\/div>\n      <h2>Three <span class=\"grad\">C\u1ea5p \u0111\u1ed9 k\u1ef9 n\u0103ng<\/span><\/h2>\n      <p>From first words to academic mastery \u2014 each level is paced with clear video explanations, interactive practice, and instant feedback.<\/p>\n    <\/div>\n\n    <div class=\"levels\">\n\n      <a href=\"#practice\" class=\"level-card lvl-1\">\n        <div class=\"lvl-icon\">\ud83c\udf31<\/div>\n        <div class=\"lvl-name\">Beginning<\/div>\n        <div class=\"lvl-meta\">A1 \u2013 A2 \u00b7 Ages 6+<\/div>\n        <p class=\"lvl-desc\">Foundation grammar \u2014 nouns, verbs, articles, sentence patterns, and basic tenses. Perfect for absolute beginners.<\/p>\n        <span class=\"lvl-badge live\">\u0110ang c\u00f3 s\u1eb5n<\/span>\n        <span class=\"lvl-cta\">See lessons\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <div class=\"level-card lvl-2\">\n        <div class=\"lvl-icon\">\ud83c\udf3f<\/div>\n        <div class=\"lvl-name\">Trung c\u1ea5p<\/div>\n        <div class=\"lvl-meta\">B1 \u2013 B2 \u00b7 School &amp; Work<\/div>\n        <p class=\"lvl-desc\">Perfect tenses, modal verbs, conditional sentences, and passive voice. Build confidence for school, work, and exams.<\/p>\n        <span class=\"lvl-badge soon\">Coming Soon<\/span>\n        <span class=\"lvl-cta\" style=\"opacity:.6\">In production\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n        <\/span>\n      <\/div>\n\n      <div class=\"level-card lvl-3\">\n        <div class=\"lvl-icon\">\ud83c\udf33<\/div>\n        <div class=\"lvl-name\">N\u00e2ng cao<\/div>\n        <div class=\"lvl-meta\">C1 \u2013 C2 \u00b7 Academic English<\/div>\n        <p class=\"lvl-desc\">Complex clauses, nominalisation, discourse markers, and academic patterns used in formal writing and professional speech.<\/p>\n        <span class=\"lvl-badge soon\">Coming Soon<\/span>\n        <span class=\"lvl-cta\" style=\"opacity:.6\">In production\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n        <\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 2: PRACTICE -->\n<section class=\"sec practice-sec\" id=\"practice\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <div class=\"eyebrow\">\ud83d\udfe2 Beginning Level<\/div>\n      <h2>N\u1ec1n t\u1ea3ng <span class=\"grad\">Lessons<\/span><\/h2>\n      <p>Start with the building blocks. Each lesson combines a short video with hands-on practice exercises.<\/p>\n    <\/div>\n\n    <div class=\"practice-grid\">\n\n      <a href=\"\/vi\/lessons\/grammar-beginning\/\" class=\"p-card live\">\n        <div>\n          <div class=\"p-num\">01<\/div>\n          <div class=\"p-title\">Grammar for Beginning<\/div>\n        <\/div>\n        <div class=\"tags\">\n          <span class=\"p-tag video\">\u25b6 Video<\/span>\n          <span class=\"p-tag drag\">\u2194 Drag &amp; Drop<\/span>\n        <\/div>\n      <\/a>\n\n      <div class=\"p-card soon\">\n        <div>\n          <div class=\"p-num\">02<\/div>\n          <div class=\"p-title\">Nouns &amp; Articles<\/div>\n        <\/div>\n        <div class=\"tags\"><span class=\"p-tag soon\">Coming Soon<\/span><\/div>\n      <\/div>\n\n      <div class=\"p-card soon\">\n        <div>\n          <div class=\"p-num\">03<\/div>\n          <div class=\"p-title\">Verbs &amp; Present Tense<\/div>\n        <\/div>\n        <div class=\"tags\"><span class=\"p-tag soon\">Coming Soon<\/span><\/div>\n      <\/div>\n\n      <div class=\"p-card soon\">\n        <div>\n          <div class=\"p-num\">04<\/div>\n          <div class=\"p-title\">Subject &amp; Object Pronouns<\/div>\n        <\/div>\n        <div class=\"tags\"><span class=\"p-tag soon\">Coming Soon<\/span><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 3: WHY -->\n<section class=\"sec\" id=\"why\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <div class=\"eyebrow\">Why Grammar Matters<\/div>\n      <h2>Solid Grammar = <span class=\"grad\">Confident English<\/span><\/h2>\n      <p>Grammar gives your ideas a clear, beautiful shape. Master it once, and every other English skill becomes easier.<\/p>\n    <\/div>\n\n    <div class=\"why-grid\">\n      <div class=\"why-item\">\n        <div class=\"ico\">\ud83e\uddf1<\/div>\n        <h3>Build the Foundation<\/h3>\n        <p>Vocabulary alone is just bricks. Grammar is the mortar that holds your sentences together so people understand exactly what you mean.<\/p>\n      <\/div>\n      <div class=\"why-item\">\n        <div class=\"ico\">\ud83c\udfaf<\/div>\n        <h3>Practice with Purpose<\/h3>\n        <p>Drag-and-drop and fill-in-the-blank exercises give you instant feedback, so you learn the right pattern from your very first try.<\/p>\n      <\/div>\n      <div class=\"why-item\">\n        <div class=\"ico\">\ud83d\ude80<\/div>\n        <h3>Unlock Every Skill<\/h3>\n        <p>Strong grammar makes reading faster, listening clearer, speaking smoother, and writing sharper. Every level you climb opens new doors.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SECTION 4: YT CTA -->\n<section class=\"sec\" style=\"padding-top:0\">\n  <div class=\"wrap\">\n    <div class=\"yt-cta\">\n      <div class=\"yt-ico\">\u25b6<\/div>\n      <div class=\"yt-body\">\n        <h3>New grammar lessons on the way!<\/h3>\n        <p>Subscribe to <strong>@AllEnglish4U<\/strong> on YouTube and get notified when Intermediate and Advanced lessons drop.<\/p>\n      <\/div>\n      <a href=\"https:\/\/www.youtube.com\/@AllEnglish4U\" target=\"_blank\" rel=\"noopener\">\u25b6 Subscribe<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"foot-grid\">\n    <div class=\"foot-brand\">\n      <a class=\"brand\" href=\"\/vi\/\">\n        <img decoding=\"async\" src=\"https:\/\/allenglish4u.com\/wp-content\/uploads\/2026\/04\/Transparent-background-MacBook-Pro-cua-Hang.png\" alt=\"All English 4U\" \/>\n        <span>All English 4U<\/span>\n      <\/a>\n      <p>Free interactive English lessons for all ages and levels. Grammar, vocabulary, dictation, exam prep \u2014 all in one place.<\/p>\n    <\/div>\n    <div class=\"foot-col\">\n      <h5>Programs<\/h5>\n      <a href=\"\/vi\/grammar\/\">Ng\u1eef ph\u00e1p<\/a>\n      <a href=\"\/vi\/ielts\/\">IELTS Vocab<\/a>\n      <a href=\"\/vi\/toefl\/\">TOEFL Primary<\/a>\n      <a href=\"\/vi\/cambridge\/\">Cambridge YLE<\/a>\n      <a href=\"\/vi\/dictation\/\">Ch\u00ednh t\u1ea3 nghe<\/a>\n    <\/div>\n    <div class=\"foot-col\">\n      <h5>Grammar Levels<\/h5>\n      <a href=\"\/vi\/grammar\/#levels\">Beginning \u00b7 A1\u2013A2<\/a>\n      <a href=\"\/vi\/grammar\/#levels\">Intermediate \u00b7 B1\u2013B2<\/a>\n      <a href=\"\/vi\/grammar\/#levels\">Advanced \u00b7 C1\u2013C2<\/a>\n      <a href=\"\/vi\/grammar\/#practice\">Foundation Lessons<\/a>\n    <\/div>\n    <div class=\"foot-col\">\n      <h5>Info<\/h5>\n      <a href=\"\/vi\/contact\/\">Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i<\/a>\n      <a href=\"https:\/\/www.youtube.com\/@AllEnglish4U\" target=\"_blank\" rel=\"noopener\">K\u00eanh YouTube<\/a>\n      <a href=\"\/vi\/skills\/\">Skills Practice<\/a>\n      <a href=\"\/vi\/magazine\/\">The Current Magazine<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"foot-bottom\">\u00a9 2026 All English 4U \u00b7 allenglish4u.com \u00b7 All lessons free.<\/div>\n<\/footer>\n\n<script>\n(function(){\n  \/* Header solid on scroll *\/\n  var hdr = document.getElementById('hdr');\n  function onScroll(){ if (window.scrollY > 24) hdr.classList.add('solid'); else hdr.classList.remove('solid'); }\n  window.addEventListener('scroll', onScroll, {passive:true});\n  onScroll();\n\n  \/* Mobile menu *\/\n  var hamb = document.getElementById('hamb');\n  var menu = document.getElementById('mobileMenu');\n  var backdrop = document.getElementById('menuBackdrop');\n  var menuClose = document.getElementById('menuClose');\n  function openMenu(){ menu.classList.add('open'); backdrop.classList.add('open'); }\n  function closeMenu(){ menu.classList.remove('open'); backdrop.classList.remove('open'); }\n  if (hamb) hamb.addEventListener('click', openMenu);\n  if (menuClose) menuClose.addEventListener('click', closeMenu);\n  if (backdrop) backdrop.addEventListener('click', closeMenu);\n  menu.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', closeMenu); });\n\n  \/* Reveal on scroll *\/\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if (e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n  }, {threshold:.12, rootMargin:'0px 0px -40px'});\n  document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });\n})();\n<\/script>\n\n\n\n<script>eval(decodeURIComponent(escape(atob(\"KGZ1bmN0aW9uKCl7CiAgZnVuY3Rpb24gd2lyZSgpewogICAgdmFyIG5hbWU9W10uc2xpY2UuY2FsbChkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubHZsLW5hbWUnKSkuZmluZChmdW5jdGlvbihlKXtyZXR1cm4gZS50ZXh0Q29udGVudC50cmltKCk9PT0nSW50ZXJtZWRpYXRlJzt9KTsKICAgIHZhciBjYXJkPW5hbWUmJm5hbWUuY2xvc2VzdCgnLmxldmVsLWNhcmQnKTsKICAgIGlmKCFjYXJkKSByZXR1cm47CiAgICBpZihjYXJkLmdldEF0dHJpYnV0ZSgnZGF0YS1hZTR1LXdpcmVkJyk9PT0nMScpIHJldHVybjsKICAgIGlmKGNhcmQudGFnTmFtZSE9PSdBJyl7CiAgICAgIHZhciBhPWRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKTsKICAgICAgYS5jbGFzc05hbWU9Y2FyZC5jbGFzc05hbWU7IGEuc2V0QXR0cmlidXRlKCdocmVmJywnL2dyYW1tYXItaW50ZXJtZWRpYXRlLycpOwogICAgICB3aGlsZShjYXJkLmZpcnN0Q2hpbGQpIGEuYXBwZW5kQ2hpbGQoY2FyZC5maXJzdENoaWxkKTsKICAgICAgY2FyZC5wYXJlbnROb2RlLnJlcGxhY2VDaGlsZChhLGNhcmQpOyBjYXJkPWE7CiAgICB9IGVsc2UgeyBjYXJkLnNldEF0dHJpYnV0ZSgnaHJlZicsJy9ncmFtbWFyLWludGVybWVkaWF0ZS8nKTsgfQogICAgY2FyZC5zZXRBdHRyaWJ1dGUoJ2RhdGEtYWU0dS13aXJlZCcsJzEnKTsKICAgIGNhcmQuY2xhc3NMaXN0LnJlbW92ZSgnc29vbicsJ2lzLXNvb24nLCdkaXNhYmxlZCcsJ2xvY2tlZCcpOwogICAgdmFyIGJhZGdlPWNhcmQucXVlcnlTZWxlY3RvcignLmx2bC1iYWRnZScpOyBpZihiYWRnZSkgYmFkZ2UudGV4dENvbnRlbnQ9J0F2YWlsYWJsZSBub3cnOwogICAgdmFyIGN0YT1jYXJkLnF1ZXJ5U2VsZWN0b3IoJy5sdmwtY3RhJyk7IGlmKGN0YSkgY3RhLnRleHRDb250ZW50PSdTdGFydCBVbml0IDEg4oaSJzsKICB9CiAgaWYoZG9jdW1lbnQucmVhZHlTdGF0ZSE9PSdsb2FkaW5nJykgd2lyZSgpOyBlbHNlIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ0RPTUNvbnRlbnRMb2FkZWQnLHdpcmUpOwogIHNldFRpbWVvdXQod2lyZSw0MDApOyBzZXRUaW1lb3V0KHdpcmUsMTIwMCk7Cn0pKCk7Cg==\"))));<\/script>\n\n<script>eval(decodeURIComponent(escape(atob(\"KGZ1bmN0aW9uKCl7CiAgZnVuY3Rpb24gZigpewogICAgdmFyIG49W10uc2xpY2UuY2FsbChkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubHZsLW5hbWUnKSkuZmluZChmdW5jdGlvbihlKXtyZXR1cm4gZS50ZXh0Q29udGVudC50cmltKCk9PT0nQmVnaW5uaW5nJzt9KTsKICAgIHZhciBjPW4mJm4uY2xvc2VzdCgnLmxldmVsLWNhcmQnKTsKICAgIGlmKCFjKSByZXR1cm47CiAgICB2YXIgaHJlZj1jLmdldEF0dHJpYnV0ZSYmYy5nZXRBdHRyaWJ1dGUoJ2hyZWYnKTsKICAgIGlmKGMudGFnTmFtZT09PSdBJyl7IGlmKCFocmVmfHxocmVmPT09JyMnfHxocmVmPT09JycpIGMuc2V0QXR0cmlidXRlKCdocmVmJywnL2dyYW1tYXIvYmVnaW5uaW5nLycpOyB9CiAgICBlbHNlIHsgYy5zZXRBdHRyaWJ1dGUoJ3JvbGUnLCdsaW5rJyk7IGMuc3R5bGUuY3Vyc29yPSdwb2ludGVyJzsgYy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsZnVuY3Rpb24oKXtsb2NhdGlvbi5ocmVmPScvZ3JhbW1hci9iZWdpbm5pbmcvJzt9KTsgfQogIH0KICBpZihkb2N1bWVudC5yZWFkeVN0YXRlIT09J2xvYWRpbmcnKSBmKCk7IGVsc2UgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignRE9NQ29udGVudExvYWRlZCcsZik7CiAgc2V0VGltZW91dChmLDUwMCk7IHNldFRpbWVvdXQoZiwxMzAwKTsKfSkoKTsK\"))));<\/script>\n\n<script>eval(decodeURIComponent(escape(atob(\"KGZ1bmN0aW9uKCl7CiAgZnVuY3Rpb24gZigpewogICAgdmFyIGFzPWRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2FbaHJlZio9Ii9sZXNzb25zL2dyYW1tYXItYmVnaW5uaW5nIl0nKTsKICAgIGZvcih2YXIgaT0wO2k8YXMubGVuZ3RoO2krKyl7IGFzW2ldLnNldEF0dHJpYnV0ZSgnaHJlZicsJy9ncmFtbWFyL2JlZ2lubmluZy8nKTsgfQogIH0KICBpZihkb2N1bWVudC5yZWFkeVN0YXRlIT09J2xvYWRpbmcnKSBmKCk7IGVsc2UgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignRE9NQ29udGVudExvYWRlZCcsZik7CiAgc2V0VGltZW91dChmLDUwMCk7IHNldFRpbWVvdXQoZiwxMzAwKTsKfSkoKTsK\"))));<\/script>","protected":false},"excerpt":{"rendered":"<p>All English 4U Grammar IELTS TOEFL Cambridge CELPIP Dictation Contact Start Free Grammar IELTS TOEFL Cambridge CELPIP Dictation Contact \u270d\ufe0f Foundation to Fluency English Grammar Lessons Build a solid foundation and advance your skills. Clear explanations paired with interactive drag-and-drop and fill-in-the-blank exercises \u2014 from absolute beginner to advanced. Always free. 3 Skill Levels Interactive [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":21,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":5975,"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/pages\/111\/revisions\/5975"}],"wp:attachment":[{"href":"https:\/\/allenglish4u.com\/vi\/wp-json\/wp\/v2\/media?parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}