{"id":7,"date":"2025-12-11T13:14:18","date_gmt":"2025-12-11T13:14:18","guid":{"rendered":"https:\/\/morris.edu.vn\/?page_id=7"},"modified":"2026-03-18T08:35:08","modified_gmt":"2026-03-18T08:35:08","slug":"trang-chu","status":"publish","type":"page","link":"https:\/\/morris.edu.vn\/","title":{"rendered":"Trang Ch\u1ee7"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMorris \u2013 Gi\u00e1o d\u1ee5c M\u1ea7m non<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- C\u1ea4U H\u00ccNH C\u01a0 B\u1ea2N --- *\/\r\n*{box-sizing:border-box}\r\nbody{ margin:0; font-family:'Nunito',sans-serif; background:#f9f9f9; }\r\n\r\n\/* ======================================================= \r\n C\u1ea4U H\u00ccNH CONTAINER CH\u00cdNH\r\n ======================================================= *\/\r\n.banner-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n\/* KH\u1ed0I 1: TEXT *\/\r\n.text-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n transition: all 0.3s;\r\n}\r\n\r\n\/* KH\u1ed0I 2: VIDEO *\/\r\n.video-layer {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n z-index: 1;\r\n}\r\n.video-layer iframe {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n pointer-events: none;\r\n}\r\n\r\n\/* KH\u1ed0I 3: N\u00daT B\u1ea4M *\/\r\n.btn-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n}\r\n.cta-button {\r\n display: inline-block;\r\n padding: 14px 35px;\r\n background: #FFD700;\r\n color: #033e26;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 18px;\r\n text-decoration: none;\r\n box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);\r\n transition: transform 0.2s;\r\n}\r\n.cta-button:hover {\r\n background: #ffc107;\r\n transform: scale(1.05);\r\n color: #000;\r\n}\r\n\r\n\/* ======================================================= \r\n A. GIAO DI\u1ec6N LAPTOP (Desktop > 768px)\r\n Logic: Overlay (Ch\u1eef v\u00e0 N\u00fat n\u1eb1m \u0111\u00e8 l\u00ean Video)\r\n ======================================================= *\/\r\n@media (min-width: 769px) {\r\n .banner-wrapper {\r\n height: 56.25vw;\r\n max-height: 1080px;\r\n background: #000;\r\n \r\n \/* Flexbox c\u0103n gi\u1eefa *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* Video ph\u00f3ng to ph\u1ee7 k\u00edn n\u1ec1n *\/\r\n .video-layer {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n height: 100%;\r\n opacity: 0.7; \/* L\u00e0m t\u1ed1i video nh\u1eb9 \u0111\u1ec3 n\u1ed5i ch\u1eef tr\u1eafng *\/\r\n }\r\n\r\n \/* Text m\u00e0u tr\u1eafng *\/\r\n .text-content h1 { \r\n font-size: 48px; \r\n color: #fff; \r\n margin-bottom: 20px; \r\n text-shadow: 0 2px 4px rgba(0,0,0,0.5); \r\n }\r\n .text-content p { \r\n font-size: 22px; \r\n color: #fff; \r\n margin-top: 0; \r\n text-shadow: 0 1px 3px rgba(0,0,0,0.5); \r\n }\r\n \r\n .btn-content { margin-top: 30px; }\r\n}\r\n\r\n\/* ======================================================= \r\n B. GIAO DI\u1ec6N \u0110I\u1ec6N THO\u1ea0I (Mobile <= 768px)\r\n Logic: Stacked (Ch\u1eef -> Video -> N\u00fat)\r\n Thay \u0111\u1ed5i: N\u1ec1n m\u00e0u #1E6FD9, Ch\u1eef Tr\u1eafng\r\n ======================================================= *\/\r\n@media (max-width: 768px) {\r\n .banner-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n \/* --- C\u1eacP NH\u1eacT M\u00c0U N\u1ec0N M\u1edaI T\u1ea0I \u0110\u00c2Y --- *\/\r\n background: #1E6FD9; \r\n padding-bottom: 40px;\r\n }\r\n\r\n \/* 1. \u0110\u01b0a TEXT l\u00ean \u0110\u1ea6U *\/\r\n .text-content {\r\n order: 1;\r\n padding: 30px 20px 10px 20px;\r\n }\r\n .text-content h1 { \r\n font-size: 28px; \r\n color: #ffffff; \/* Ch\u1eef m\u00e0u TR\u1eaeNG *\/\r\n margin-bottom: 10px; \r\n line-height: 1.3; \r\n }\r\n .text-content p { \r\n font-size: 16px; \r\n color: #f0f0f0; \/* Tr\u1eafng s\u00e1ng *\/\r\n margin-bottom: 15px; \r\n }\r\n\r\n \/* 2. \u0110\u01b0a VIDEO v\u00e0o GI\u1eeeA *\/\r\n .video-layer {\r\n order: 2;\r\n width: 100%;\r\n padding-bottom: 56.25%;\r\n background: #000;\r\n margin-bottom: 20px;\r\n }\r\n .video-layer iframe { opacity: 1; }\r\n\r\n \/* 3. \u0110\u01b0a N\u00daT xu\u1ed1ng CU\u1ed0I *\/\r\n .btn-content {\r\n order: 3;\r\n padding-top: 10px;\r\n }\r\n .cta-button {\r\n width: 70%;\r\n font-size: 16px;\r\n \/* N\u00fat v\u00e0ng tr\u00ean n\u1ec1n xanh d\u01b0\u01a1ng c\u1ef1c k\u1ef3 n\u1ed5i b\u1eadt *\/\r\n }\r\n}\r\n\r\n\/* ================= MASCOT (GI\u1eee NGUY\u00caN) ================= *\/\r\n.morris-mascot{ \r\n position:relative; \r\n width:100%; \r\n padding-bottom:40px; \r\n margin-top: -10px; \r\n overflow: hidden;\r\n}\r\n.morris-wrap{ \r\n position:relative; \r\n max-width:1600px;\r\n width: 90%; \r\n margin:0 auto; \r\n text-align:center; \r\n animation:float 4s ease-in-out infinite; \r\n transition:transform .15s ease;\r\n}\r\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n.morris-wrap img{width:100%;height:auto;display:block;margin:0 auto;pointer-events:none;}\r\n\r\n\/* Eyes & Hand *\/\r\n.eye{position:absolute;width:1.2%;padding-bottom:1.2%;height:0;background:#333;border-radius:50%;top:41.5%;}\r\n.eye.left{left:47.2%} .eye.right{left:51.2%}\r\n.eye span{position:absolute;width:30%;height:30%;background:#fff;border-radius:50%;top:20%;left:20%;}\r\n.hand{position:absolute;top:52%;left:58%;width:3%;height:8%;transform-origin:top center;}\r\n.hand::before{content:'';width:100%;padding-bottom:100%;background:rgba(255,215,0,.35);border-radius:50%;display:block;}\r\n\r\n\/* Animation Mascot *\/\r\n.eye{animation:blink 6s infinite;}\r\n@keyframes blink{0%,95%,100%{transform:scaleY(1)}96%,98%{transform:scaleY(.15)}}\r\n.morris-wrap:hover .hand{animation:wave .6s ease-in-out infinite;}\r\n@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(22deg)}100%{transform:rotate(0)}}\r\n\r\n\/* Mobile Tweaks cho Mascot *\/\r\n@media(max-width:768px){\r\n .morris-wrap{width:80%;}\r\n .hand{animation:wave 2.5s ease-in-out infinite;}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"banner-wrapper\">\r\n \r\n <div class=\"text-content\">\r\n <h1>\"\u1ed0c \u0111\u1ea3o xanh\" c\u00f9ng con tr\u01b0\u1edfng th\u00e0nh<\/h1>\r\n <p>Kh\u00e1m ph\u00e1 h\u00e0nh tr\u00ecnh vui v\u1ebb v\u00e0 ph\u00e1t tri\u1ec3n to\u00e0n di\u1ec7n cho b\u00e9 y\u00eau<\/p>\r\n <\/div>\r\n\r\n <div class=\"video-layer\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/x6LZoXOLb6w?autoplay=1&mute=1&loop=1&playlist=x6LZoXOLb6w&controls=0&rel=0&playsinline=1\"\r\n frameborder=\"0\"\r\n allow=\"autoplay; fullscreen\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"btn-content\">\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=150\" class=\"cta-button\">Kh\u00e1m ph\u00e1 ngay<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<section class=\"morris-mascot\">\r\n <div class=\"morris-wrap\" id=\"morris\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/BnmXmvJ9\/Asset-2236.png\" alt=\"Morris Mascot\">\r\n <div class=\"eye left\"><span><\/span><\/div>\r\n <div class=\"eye right\"><span><\/span><\/div>\r\n <div class=\"hand\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* JS MASCOT: Ch\u1ec9 ch\u1ea1y tr\u00ean Desktop *\/\r\nconst mascot = document.getElementById('morris');\r\nconst pupils = mascot.querySelectorAll('.eye span');\r\n\r\nif (window.innerWidth > 768) {\r\n document.addEventListener('mousemove', e => {\r\n const r = mascot.getBoundingClientRect();\r\n const x = e.clientX - (r.left + r.width\/2);\r\n const y = e.clientY - (r.top + r.height\/2);\r\n const mx = Math.max(-6, Math.min(6, x\/20));\r\n const my = Math.max(-6, Math.min(6, y\/20));\r\n mascot.style.transform = `rotateX(${-my}deg) rotateY(${mx}deg)`;\r\n pupils.forEach(p => p.style.transform = `translate(${mx}px, ${my}px)`);\r\n });\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cbbe76 e-flex e-con-boxed e-con e-parent\" data-id=\"0cbbe76\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92c7904 elementor-widget elementor-widget-spacer\" data-id=\"92c7904\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3c80c7 e-con-full e-flex e-con e-parent\" data-id=\"c3c80c7\" data-element_type=\"container\" data-settings=\"{"animation":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23b2dd7 elementor-widget elementor-widget-html\" data-id=\"23b2dd7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Welcome to Morris International Kindergarten<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography\"><\/script>\r\n\r\n <style>\r\n \/* ==== CH\u1ec8 CHO MOBILE D\u1ed2N S\u00c1T L\u1ec0 ==== *\/\r\n @media (max-width: 768px) {\r\n .mw-container {\r\n text-align: left !important;\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"mw-container\">\r\n <h2 class=\"mw-title\">\r\n Ch\u00e0o m\u1eebng Qu\u00fd ph\u1ee5 huynh \u0111\u1ebfn<br>\r\n v\u1edbi Tr\u01b0\u1eddng M\u1ea7m non Qu\u1ed1c t\u1ebf<br>\r\n <span class=\"mw-highlight\">Morris!<\/span>\r\n <\/h2>\r\n\r\n <p class=\"mw-desc\">\r\n Ng\u00f4i tr\u01b0\u1eddng \u0111\u1ed3ng h\u00e0nh c\u00f9ng h\u00e0nh tr\u00ecnh ph\u00e1t tri\u1ec3n v\u00e0 tr\u1ea3i nghi\u1ec7m \u0111\u1ea7u \u0111\u1eddi c\u1ee7a tr\u1ebb.\r\n N\u01a1i k\u1ebft n\u1ed1i, lan t\u1ecfa tri th\u1ee9c v\u00e0 y\u00eau th\u01b0\u01a1ng; n\u01a1i x\u00e2y d\u1ef1ng s\u1ef1 t\u1ef1 tin,\r\n trao g\u1eedi \u0111i h\u1ea1nh ph\u00fac v\u00e0 ho\u00e0n thi\u1ec7n t\u01b0 duy \u0111\u1ec3 t\u00ecnh y\u00eau h\u1ecdc t\u1eadp v\u00e0 ni\u1ec1m \u0111am m\u00ea kh\u00e1m ph\u00e1\r\n trong con \u0111\u01b0\u1ee3c nu\u00f4i d\u01b0\u1ee1ng tr\u1ecdn v\u1eb9n.\r\n <\/p>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f7d15a e-con-full e-flex e-con e-parent\" data-id=\"6f7d15a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c16b5b elementor-widget elementor-widget-html\" data-id=\"7c16b5b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n<meta charset=\"utf-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<title>morris educational virtues<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography\"><\/script>\r\n\r\n<script>\r\ntailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1e6fd9\",\r\n \"menu-bg\": \"#7CD2E2\",\r\n \"soft-blue\": \"#E0F7FA\",\r\n \"pastel-pink\": \"#FCE4EC\",\r\n },\r\n fontFamily: {\r\n sans: [\"Nunito\", \"sans-serif\"],\r\n },\r\n },\r\n },\r\n};\r\n<\/script>\r\n\r\n<style>\r\n*{ text-transform:none !important; }\r\n\r\nbody{\r\n font-family:'Nunito',sans-serif;\r\n background: linear-gradient(135deg, #E0F7FA 0%, #FCE4EC 100%);\r\n min-height: 100vh;\r\n}\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\n\/* ===== \u0110O\u1ea0N M\u00d4 T\u1ea2 ===== *\/\r\n.morris-desc{\r\n margin-top: 35px; \/* M\u1eb7c \u0111\u1ecbnh Laptop *\/\r\n font-size: 16px;\r\n line-height: 1.75;\r\n font-weight: 300;\r\n color: #333;\r\n max-width: 900px;\r\n text-align: justify;\r\n background: rgba(255, 255, 255, 0.8);\r\n padding: 20px;\r\n border-radius: 15px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* --- T\u00d9Y CH\u1ec8NH RI\u00caNG CHO MOBILE (CSS) --- *\/\r\n@media(max-width: 768px){\r\n .morris-desc {\r\n margin-top: 20px; \/* Gi\u1ea3m kho\u1ea3ng c\u00e1ch ph\u00eda tr\u00ean \u1edf mobile *\/\r\n padding: 15px; \/* Gi\u1ea3m padding trong khung *\/\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n\/* ===== DECOR TR\u00c1I ===== *\/\r\n.decor-left{\r\n position:absolute;\r\n width:130px;\r\n left:60px;\r\n bottom:40px;\r\n z-index:10;\r\n pointer-events:none;\r\n animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n}\r\n\r\n@media(max-width:1024px){\r\n .decor-left{\r\n left:30px;\r\n bottom:30px;\r\n width:100px;\r\n }\r\n}\r\n@media(max-width:640px){\r\n .decor-left{ display:none; }\r\n}\r\n\r\n\/* ===== TI\u00caU \u0110\u1ec0 V\u1edaI ANIMATION ===== *\/\r\n.main-title {\r\n animation: fadeInUp 1.5s ease-out;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ===== LINK HOVER ===== *\/\r\n.link-hover:hover {\r\n transform: scale(1.05);\r\n transition: transform 0.3s ease;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-white text-gray-800 min-h-screen flex flex-col\">\r\n\r\n<div class=\"fixed top-0 right-0 z-50 flex bg-menu-bg h-16 items-center justify-center px-6 space-x-6 shadow-lg rounded-bl-2xl\">\r\n <span class=\"text-[28px] lg:text-[36px] text-white font-extrabold tracking-widest bg-pink-400 px-2 rounded\">\r\n morris \ud83c\udf81\r\n <\/span>\r\n <button class=\"hover:text-white transition hover:scale-110\">\r\n <span class=\"material-icons-outlined text-3xl\">search<\/span>\r\n <\/button>\r\n <button class=\"hover:text-white transition hover:scale-110\">\r\n <span class=\"material-icons-outlined text-3xl\">menu<\/span>\r\n <\/button>\r\n<\/div>\r\n\r\n<main class=\"container mx-auto px-6 pt-24 pb-10 lg:py-28 flex-grow relative\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/1zsT97r4\/Ho-bup-be.png\"\r\n alt=\"Decor h\u1ed3 b\u00fap b\u00ea\"\r\n class=\"decor-left\"\r\n >\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-14 items-start\">\r\n\r\n <div class=\"lg:col-span-5\">\r\n\r\n <h2 class=\"text-[28px] lg:text-[36px] text-[#1E6FD9] tracking-tight font-extrabold main-title leading-tight\">\r\n 7 \u0111\u1ee9c t\u00ednh gi\u00e1o d\u1ee5c t\u1ea1i Morris \u2764\ufe0f\r\n <\/h2>\r\n\r\n <div class=\"morris-desc\">\r\n <p>\r\n T\u1ea1i Morris, ch\u00fang t\u00f4i tin r\u1eb1ng gi\u00e1o d\u1ee5c m\u1ea7m non kh\u00f4ng ch\u1ec9 l\u00e0 d\u1ea1y ki\u1ebfn th\u1ee9c,\r\n m\u00e0 l\u00e0 nu\u00f4i d\u01b0\u1ee1ng nh\u00e2n c\u00e1ch, c\u1ea3m x\u00fac v\u00e0 n\u0103ng l\u1ef1c s\u1ed1ng ngay t\u1eeb nh\u1eefng n\u0103m \u0111\u1ea7u \u0111\u1eddi.\r\n V\u00ec v\u1eady, m\u1ecdi ho\u1ea1t \u0111\u1ed9ng h\u1ecdc t\u1eadp v\u00e0 ch\u0103m s\u00f3c tr\u1ebb \u0111\u1ec1u \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng xoay quanh\r\n 7 \u0111\u1ee9c t\u00ednh gi\u00e1o d\u1ee5c c\u1ed1t l\u00f5i \u2013 n\u1ec1n t\u1ea3ng \u0111\u1ec3 tr\u1ebb l\u1edbn l\u00ean h\u1ea1nh ph\u00fac,\r\n t\u1ef1 tin v\u00e0 s\u1eb5n s\u00e0ng cho t\u01b0\u01a1ng lai.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"pt-6 border-t border-primary\/30 flex justify-end\">\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=1283\"\r\n class=\"text-[16px] font-bold tracking-widest text-black link-hover\">\r\n xem th\u00eam \ud83c\udf1f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-7 relative flex items-center justify-center min-h-[300px] lg:min-h-[420px]\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/7hrRydxr\/H%C3%ACnh.jpg\"\r\n alt=\"H\u00ecnh minh h\u1ecda\"\r\n class=\"rounded-full max-w-full shadow-2xl hover:shadow-3xl transition-shadow duration-300\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9107e68 animated-slow e-flex e-con-boxed e-con e-parent\" data-id=\"9107e68\" data-element_type=\"container\" data-settings=\"{"animation":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c64bfe elementor-widget elementor-widget-heading\" data-id=\"3c64bfe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MORRIS - B\u00c9 VUI \u0110\u1ebeN TR\u01af\u1edcNG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b07d86 e-con-full e-flex e-con e-parent\" data-id=\"8b07d86\" data-element_type=\"container\" data-settings=\"{"animation":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb4368 elementor-widget elementor-widget-html\" data-id=\"9bb4368\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n<meta charset=\"utf-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<title>Morris<\/title>\r\n\r\n<!-- Nunito -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.morris-full {\r\n max-width: 100%;\r\n margin: 0 auto;\r\n font-family: 'Nunito', sans-serif;\r\n padding: 0;\r\n background: linear-gradient(135deg, #E0F7FA 0%, #B3E5FC 100%); \/* Gi\u1eef tone xanh nh\u1ea1t *\/\r\n min-height: 100vh;\r\n position: relative; \/* \u0110\u1ec3 decor absolute ho\u1ea1t \u0111\u1ed9ng *\/\r\n}\r\n\r\n.morris-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n width: 100%;\r\n padding: 40px;\r\n}\r\n\r\n\/* DECOR G\u00d3C TR\u00c1I D\u01af\u1edaI *\/\r\n.decor-bottom-left {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 150px; \/* K\u00edch th\u01b0\u1edbc v\u1eeba ph\u1ea3i, d\u1ec5 th\u01b0\u01a1ng *\/\r\n z-index: 10;\r\n pointer-events: none;\r\n animation: bounce 2s infinite; \/* Animation bounce \u0111\u1ec3 \u1ea5n t\u01b0\u1ee3ng *\/\r\n}\r\n\r\n@keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n 40% { transform: translateY(-10px); }\r\n 60% { transform: translateY(-5px); }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .decor-bottom-left { display: none; } \/* \u1ea8n tr\u00ean mobile \u0111\u1ec3 kh\u00f4ng che *\/\r\n}\r\n\r\n\/* \u1ea2NH TR\u00c1I *\/\r\n.morris-left {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.morris-left .main-img {\r\n width: 100%;\r\n height: 850px;\r\n object-fit: cover;\r\n transition: opacity 0.25s ease, transform 0.3s ease;\r\n border-radius: 20px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n}\r\n\r\n.morris-left .main-img:hover {\r\n transform: scale(1.02);\r\n}\r\n\r\n\/* GRID PH\u1ea2I *\/\r\n.morris-right {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 25px;\r\n padding: 40px;\r\n align-items: stretch;\r\n}\r\n\r\n\/* LINK B\u1eccC BOX \u2013 KH\u00d4NG G\u1ea0CH CH\u00c2N *\/\r\n.morris-link {\r\n text-decoration: none !important;\r\n color: inherit !important;\r\n display: block;\r\n}\r\n\r\n\/* BOX *\/\r\n.morris-box {\r\n background: linear-gradient(135deg, #fafaf3 0%, #f0f8ff 100%); \/* Gradient nh\u1eb9 \u0111\u1ec3 \u1ea5n t\u01b0\u1ee3ng *\/\r\n padding: 35px;\r\n border-radius: 25px; \/* L\u1edbn h\u01a1n \u0111\u1ec3 m\u1ec1m m\u1ea1i *\/\r\n border: 2px solid #1E6FD9; \/* Gi\u1eef m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15); \/* Shadow l\u1edbn h\u01a1n \u0111\u1ec3 \u1ea5n t\u01b0\u1ee3ng *\/\r\n cursor: pointer;\r\n transition: 0.4s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n animation: fadeInUp 1s ease-out;\r\n position: relative;\r\n}\r\n\r\n.morris-box:hover {\r\n transform: translateY(-12px) scale(1.03); \/* Hover m\u1ea1nh h\u01a1n \u0111\u1ec3 \u1ea5n t\u01b0\u1ee3ng *\/\r\n background: linear-gradient(135deg, #f3fbff 0%, #e1f5fe 100%); \/* Gradient hover *\/\r\n box-shadow: 0 15px 40px rgba(30, 111, 217, 0.4); \/* Shadow v\u1edbi m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\r\n}\r\n\r\n@keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* TI\u00caU \u0110\u1ec0 *\/\r\n.morris-box h2 {\r\n font-size: 36px;\r\n font-weight: 400;\r\n margin-bottom: 8px;\r\n color: #1E6FD9; \/* Gi\u1eef m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n\/* ICON D\u1ec4 TH\u01af\u01a0NG B\u00caN C\u1ea0NH TI\u00caU \u0110\u1ec0 *\/\r\n.morris-box .icon-heart {\r\n font-size: 28px; \/* L\u1edbn h\u01a1n \u0111\u1ec3 \u1ea5n t\u01b0\u1ee3ng *\/\r\n color: #1E6FD9; \/* Gi\u1eef m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.morris-box:hover .icon-heart {\r\n transform: scale(1.3);\r\n animation: bounce 1s infinite; \/* Bounce khi hover \u0111\u1ec3 d\u1ec5 th\u01b0\u01a1ng *\/\r\n}\r\n\r\n\/* PH\u1ee4 \u0110\u1ec0 *\/\r\n.morris-box .sub {\r\n font-size: 16px;\r\n font-style: italic;\r\n color: #666;\r\n margin-bottom: 14px;\r\n}\r\n\r\n\/* N\u1ed8I DUNG *\/\r\n.morris-box p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: #444;\r\n flex-grow: 1;\r\n}\r\n\r\n\/* MORE *\/\r\n.morris-box .more {\r\n margin-top: 20px;\r\n padding-top: 10px;\r\n border-top: 2px solid #1E6FD9; \/* Gi\u1eef m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\r\n font-size: 13px;\r\n color: #1E6FD9; \/* Gi\u1eef m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\r\n text-align: right;\r\n font-weight: 700;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 900px) {\r\n .morris-row {\r\n grid-template-columns: 1fr;\r\n padding: 20px;\r\n }\r\n .morris-left .main-img {\r\n height: 350px;\r\n }\r\n .morris-right {\r\n grid-template-columns: 1fr;\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"morris-full\">\r\n <!-- DECOR G\u00d3C TR\u00c1I D\u01af\u1edaI -->\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/RhSrdcR8\/Asset-9236.png\"\r\n alt=\"Decor d\u1ec5 th\u01b0\u01a1ng\"\r\n class=\"decor-bottom-left\"\r\n >\r\n\r\n <div class=\"morris-row\">\r\n\r\n <!-- \u1ea2NH TR\u00c1I -->\r\n <div class=\"morris-left\">\r\n <img decoding=\"async\" id=\"morris-main-img\" class=\"main-img\"\r\n src=\"https:\/\/i.postimg.cc\/rydkjXc1\/Artboard%201%2001%20(2).png\"\r\n alt=\"\">\r\n <\/div>\r\n\r\n <!-- BOX PH\u1ea2I -->\r\n <div class=\"morris-right\">\r\n\r\n <!-- BOX 1 -->\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=139\" class=\"morris-link\">\r\n <div class=\"morris-box\"\r\n data-img=\"https:\/\/i.postimg.cc\/bYGhgc8F\/Artboard%201%2002%20(2).png\">\r\n <h2><span class=\"material-icons-outlined icon-heart\">favorite<\/span> T\u1ed5ng th\u1ec3 Tr\u01b0\u1eddng Morris \ud83c\udf88<\/h2>\r\n <div class=\"sub\">Di\u1ec7n t\u00edch & \u0111\u1eb7c \u0111i\u1ec3m n\u1ed5i b\u1eadt<\/div>\r\n <p>Tr\u01b0\u1eddng x\u00e2y d\u1ef1ng v\u1edbi quy m\u00f4 3000m\u00b2, \u0111\u1eb7c \u0111i\u1ec3m n\u1ed5i b\u1eadt: kh\u00f4ng c\u00f3 t\u1ea7ng l\u1ea7u. \ud83c\udf1f<\/p>\r\n <div class=\"more\">T\u1ed4NG TH\u1ec2 TR\u01af\u1edcNG<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- BOX 2 -->\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=139\" class=\"morris-link\">\r\n <div class=\"morris-box\"\r\n data-img=\"https:\/\/i.postimg.cc\/rydkjXcv\/Artboard%201%20(3).png\">\r\n <h2><span class=\"material-icons-outlined icon-heart\">favorite<\/span> Th\u01b0 vi\u1ec7n Morris \ud83c\udfa8<\/h2>\r\n <div class=\"sub\">Kh\u00f4ng gian s\u00e1ng t\u1ea1o \u2013 \u0111\u1ea7y m\u00e0u s\u1eafc<\/div>\r\n <p>Th\u01b0 vi\u1ec7n song ng\u1eef nhi\u1ec1u m\u00e0u s\u1eafc, trang tr\u00ed \u0111\u1ed9c \u0111\u00e1o gi\u00fap tr\u1ebb kh\u00e1m ph\u00e1 th\u1ebf gi\u1edbi. \ud83c\udf1f<\/p>\r\n <div class=\"more\">TH\u01af VI\u1ec6N MORRIS<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- BOX 3 -->\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=139\" class=\"morris-link\">\r\n <div class=\"morris-box\"\r\n data-img=\"https:\/\/i.postimg.cc\/rydkjXcv\/Artboard%201%20(3).png\">\r\n <h2><span class=\"material-icons-outlined icon-heart\">favorite<\/span> Khu vui ch\u01a1i \ud83c\udfde\ufe0f<\/h2>\r\n <div class=\"sub\">Gi\u1ea3i tr\u00ed \u2013 Ph\u00e1t tri\u1ec3n t\u01b0 duy<\/div>\r\n <p>Khu vui ch\u01a1i gi\u00fap tr\u1ebb v\u1eadn \u0111\u1ed9ng th\u1ec3 ch\u1ea5t v\u00e0 k\u00edch th\u00edch s\u1ef1 s\u00e1ng t\u1ea1o. \ud83c\udf1f<\/p>\r\n <div class=\"more\">KHU VUI CH\u01a0I<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- BOX 4 -->\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=139\" class=\"morris-link\">\r\n <div class=\"morris-box\"\r\n data-img=\"https:\/\/i.postimg.cc\/056snRxF\/Artboard%201.png\">\r\n <h2><span class=\"material-icons-outlined icon-heart\">favorite<\/span> Khu\u00f4n vi\u00ean xanh \ud83c\udf3f<\/h2>\r\n <div class=\"sub\">Kh\u00f4ng gian trong l\u00e0nh<\/div>\r\n <p>M\u00f4i tr\u01b0\u1eddng nhi\u1ec1u c\u00e2y xanh t\u1ea1o c\u1ea3m gi\u00e1c tho\u1ea3i m\u00e1i, gi\u00fap tr\u1ebb ph\u00e1t tri\u1ec3n t\u1ef1 nhi\u00ean. \ud83c\udf1f<\/p>\r\n <div class=\"more\">KHU\u00d4N VI\u00caN XANH<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const cards = document.querySelectorAll('.morris-box');\r\n const mainImg = document.getElementById('morris-main-img');\r\n if(!cards.length || !mainImg) return;\r\n\r\n const defaultImg = mainImg.src;\r\n\r\n cards.forEach(card => {\r\n const img = card.getAttribute('data-img');\r\n\r\n card.addEventListener('mouseenter', () => {\r\n mainImg.style.opacity = 0;\r\n setTimeout(() => {\r\n mainImg.src = img;\r\n mainImg.style.opacity = 1;\r\n }, 150);\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n mainImg.style.opacity = 0;\r\n setTimeout(() => {\r\n mainImg.src = defaultImg;\r\n mainImg.style.opacity = 1;\r\n }, 150);\r\n });\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2f8e52 elementor-widget elementor-widget-html\" data-id=\"d2f8e52\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.querySelectorAll(\".morris-box\").forEach(box => {\r\n box.addEventListener(\"mouseenter\", function () {\r\n const newImg = this.getAttribute(\"data-img\");\r\n const img = document.getElementById(\"main-image\");\r\n\r\n img.style.opacity = \"0\";\r\n\r\n setTimeout(() => {\r\n img.src = newImg;\r\n img.style.opacity = \"1\";\r\n }, 200);\r\n });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-144c7c1 e-con-full e-flex e-con e-parent\" data-id=\"144c7c1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab45694 elementor-widget elementor-widget-html\" data-id=\"ab45694\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Morris International Preschool<\/title>\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1E6FD9\",\r\n },\r\n fontFamily: {\r\n sans: [\"Nunito\", \"sans-serif\"],\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n <style>\r\n \/* =====================\r\n TYPOGRAPHY\r\n ===================== *\/\r\n h2{\r\n font-size:36px;\r\n line-height:1.2;\r\n }\r\n\r\n .morris-text{\r\n margin-top:22px;\r\n font-size:16px;\r\n line-height:1.75;\r\n font-weight:300;\r\n color:#333;\r\n text-align:justify;\r\n }\r\n\r\n .morris-link{\r\n color:#1E6FD9;\r\n font-weight:600;\r\n transition:all .3s;\r\n }\r\n\r\n \/* =====================\r\n DECOR NG\u00d4I CH\u01a0I \u2013 CANH S\u00c1T \u0110\u00c1Y SECTION\r\n ===================== *\/\r\n .morris-text-wrap{\r\n position:relative;\r\n padding-bottom:200px; \/* ch\u1eeba nhi\u1ec1u kh\u00f4ng gian \u0111\u1ec3 \u1ea3nh xu\u1ed1ng s\u00e1t \u0111\u00e1y *\/\r\n }\r\n\r\n .decor-under-left{\r\n position:absolute;\r\n left:0;\r\n bottom:-130px; \/* \u0111\u1ea9y \u1ea3nh xu\u1ed1ng g\u1ea7n \u0111\u00e1y section *\/\r\n width:40%; \/* Desktop: 40% *\/\r\n height:auto;\r\n pointer-events:none;\r\n }\r\n\r\n \/* =====================\r\n RESPONSIVE \u2013 MOBILE\r\n ===================== *\/\r\n @media (max-width:768px){\r\n\r\n h2{\r\n font-size:28px;\r\n }\r\n\r\n section{\r\n min-height:unset !important;\r\n }\r\n\r\n .mobile-padding{\r\n padding:3rem 1.5rem !important;\r\n }\r\n\r\n .section-flex{\r\n flex-direction:column !important;\r\n }\r\n\r\n .order-text{order:1;}\r\n .order-img{\r\n order:2;\r\n height:320px;\r\n }\r\n\r\n \/* decor mobile *\/\r\n .morris-text-wrap{\r\n padding-bottom:150px;\r\n }\r\n\r\n .decor-under-left{\r\n width:32%;\r\n left:12px;\r\n bottom:-95px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-white font-sans text-gray-800\">\r\n\r\n<!-- SECTION 1 -->\r\n<section class=\"section-flex flex flex-col md:flex-row items-stretch min-h-screen\">\r\n <div class=\"order-text w-full md:w-1\/2 flex flex-col justify-center mobile-padding px-8 md:px-20 py-16\">\r\n <div class=\"max-w-xl\">\r\n <h2 class=\"font-bold mb-6 text-primary\">\r\n Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc Cambridge Early Years\r\n <\/h2>\r\n <p class=\"morris-text\">\r\n Tr\u01b0\u1eddng M\u1ea7m non Qu\u1ed1c t\u1ebf Morris t\u1ef1 h\u00e0o mang \u0111\u1ebfn n\u1ec1n gi\u00e1o d\u1ee5c qu\u1ed1c t\u1ebf ch\u1ea5t l\u01b0\u1ee3ng cao th\u00f4ng qua ch\u01b0\u01a1ng tr\u00ecnh Cambridge Early Years, m\u1edf ra nh\u1eefng b\u01b0\u1edbc kh\u1edfi \u0111\u1ea7u v\u1eefng ch\u1eafc cho h\u00e0nh tr\u00ecnh h\u1ecdc t\u1eadp c\u1ee7a tr\u1ebb.\r\n <\/p>\r\n <div class=\"flex justify-end border-b border-primary pb-2 w-max ml-auto mt-8\">\r\n <a class=\"uppercase text-sm tracking-wider morris-link\" href=\"https:\/\/morris.edu.vn\/?page_id=150\">\r\n Chi ti\u1ebft ch\u01b0\u01a1ng tr\u00ecnh\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"order-img w-full md:w-1\/2 relative overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/vZFSg10D\/Artboard-1-copy-5.png\"\r\n class=\"absolute inset-0 w-full h-full object-cover\"\/>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 2 (C\u00d3 DECOR) -->\r\n<section class=\"section-flex flex flex-col md:flex-row-reverse items-stretch min-h-screen\">\r\n <div class=\"order-text w-full md:w-1\/2 flex flex-col justify-center mobile-padding px-8 md:px-20 py-16\">\r\n <div class=\"max-w-xl\">\r\n <h2 class=\"font-bold mb-6 text-primary\">\r\n N\u0103ng l\u01b0\u1ee3ng c\u1ee7a tinh th\u1ea7n v\u00e0 th\u1ec3 ch\u1ea5t\r\n <\/h2>\r\n\r\n <div class=\"morris-text-wrap\">\r\n <p class=\"morris-text\">\r\n Tr\u01b0\u1eddng M\u1ea7m non Qu\u1ed1c t\u1ebf Morris hi\u1ec3u r\u1eb1ng dinh d\u01b0\u1ee1ng ch\u00ednh l\u00e0 n\u0103ng l\u01b0\u1ee3ng gi\u00fap con \u0111\u1ee7 s\u1ee9c tham gia m\u1ecdi ho\u1ea1t \u0111\u1ed9ng h\u1ecdc t\u1eadp, vui ch\u01a1i v\u00e0 kh\u00e1m ph\u00e1. M\u1ed9t ngu\u1ed3n dinh d\u01b0\u1ee1ng tr\u1ecdn v\u1eb9n s\u1ebd nu\u00f4i d\u01b0\u1ee1ng b\u1ed9 n\u00e3o con ph\u00e1t tri\u1ec3n t\u1ed1i \u01b0u trong giai \u0111o\u1ea1n v\u00e0ng.\r\n <\/p>\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/R0KDQQs0\/Ngoi-choi.png\"\r\n alt=\"Ng\u00f4i ch\u01a1i\"\r\n class=\"decor-under-left\">\r\n <\/div>\r\n\r\n <div class=\"flex justify-end border-b border-primary pb-2 w-max ml-auto mt-8\">\r\n <a class=\"uppercase text-sm tracking-wider morris-link\" href=\"https:\/\/morris.edu.vn\/?page_id=185\">\r\n Ch\u0103m s\u00f3c b\u00e1n tr\u00fa\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"order-img w-full md:w-1\/2 relative overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/9Q5NR4L0\/Artboard-1-copy-2.png\"\r\n class=\"absolute inset-0 w-full h-full object-cover\"\/>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 3 -->\r\n<section class=\"section-flex flex flex-col md:flex-row items-stretch min-h-screen\">\r\n <div class=\"order-text w-full md:w-1\/2 flex flex-col justify-center mobile-padding px-8 md:px-20 py-16\">\r\n <div class=\"max-w-xl\">\r\n <div class=\"text-primary text-6xl mb-4\">\u201c<\/div>\r\n <h2 class=\"leading-relaxed mb-10 text-primary font-normal italic\">\r\n Tr\u01b0\u1eddng M\u1ea7m non Qu\u1ed1c t\u1ebf Morris, n\u01a1i ki\u1ebfn t\u1ea1o n\u00ean t\u01b0\u01a1ng lai \u0111\u1ec3 c\u00e1c con lu\u00f4n th\u00e0nh c\u00f4ng d\u00f9 b\u1ea5t k\u1ec3 con l\u00e0m g\u00ec hay tr\u1edf th\u00e0nh ai trong cu\u1ed9c \u0111\u1eddi.\r\n <\/h2>\r\n <div class=\"flex justify-end border-b border-primary pb-2 w-max ml-auto\">\r\n <a class=\"uppercase text-sm tracking-wider morris-link\" href=\"https:\/\/morris.edu.vn\/?page_id=147\">\r\n Th\u01b0 c\u1ee7a hi\u1ec7u tr\u01b0\u1edfng\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"order-img w-full md:w-1\/2 relative overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/htW3zJ2G\/Artboard-1-copy-6.png\"\r\n class=\"absolute inset-0 w-full h-full object-cover\"\/>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bfc6b8 e-flex e-con-boxed e-con e-parent\" data-id=\"2bfc6b8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51651b8 elementor-widget elementor-widget-heading\" data-id=\"51651b8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u1ed9ng \u0110\u1ed3ng<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ce4fea e-con-full e-flex e-con e-parent\" data-id=\"5ce4fea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1cd33c elementor-grid-4 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"b1cd33c\" data-element_type=\"widget\" data-settings=\"{"cards_columns":"4","cards_columns_tablet":"2","cards_columns_mobile":"1","cards_row_gap":{"unit":"px","size":35,"sizes":[]},"cards_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"cards_row_gap_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1736 post type-post status-publish format-standard hentry category-coso1\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/morris.edu.vn\/?p=1736\" >\n\t\t\t\tMorris School\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>nskdhfv\u00f3dvsdhzvglkjdf;jlfdh; bdshfjldlvhlfdvkljfd; jkg\u00e1kdcffkjsdhchsdJChlsdhfc\u00faodch\u00e1hcgsdhgjxshcmsdjcgsd \u00e1ckjgsdvcsadhcgsdvckh\u00e1clj<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/morris.edu.vn\/?p=1736\" aria-label=\"Read more about Morris School\" tabindex=\"-1\" >\n\t\t\tXem Th\u00eam\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-264 post type-post status-publish format-standard has-post-thumbnail hentry category-co-so-3\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/morris.edu.vn\/?p=264\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"150\" height=\"300\" src=\"https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-150x300.jpg\" class=\"attachment-medium size-medium wp-image-30\" alt=\"\" srcset=\"https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-150x300.jpg 150w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-scaled-600x1200.jpg 600w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-512x1024.jpg 512w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-768x1536.jpg 768w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-1024x2048.jpg 1024w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/e2a717b2-153a-4ce2-bdb6-797bd44e7d18-scaled.jpg 1280w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">C\u01a0 S\u1ede 3<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/morris.edu.vn\/?p=264\" >\n\t\t\t\tkuykuktyujfghjng\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>fhbdthrthrt<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/morris.edu.vn\/?p=264\" aria-label=\"Read more about kuykuktyujfghjng\" tabindex=\"-1\" >\n\t\t\tXem Th\u00eam\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-262 post type-post status-publish format-standard has-post-thumbnail hentry category-co-so-2\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/morris.edu.vn\/?p=262\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"150\" height=\"300\" src=\"https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-150x300.jpg\" class=\"attachment-medium size-medium wp-image-31\" alt=\"\" srcset=\"https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-150x300.jpg 150w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-scaled-600x1199.jpg 600w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-512x1024.jpg 512w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-768x1536.jpg 768w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-1025x2048.jpg 1025w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/bc8ec6454337cc699526-scaled.jpg 1281w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">C\u01a0 S\u1ede 2<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/morris.edu.vn\/?p=262\" >\n\t\t\t\t\u1ebbyherthyrtjyuk\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>yuk7ikiukyujrythdntrg<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/morris.edu.vn\/?p=262\" aria-label=\"Read more about \u1ebbyherthyrtjyuk\" tabindex=\"-1\" >\n\t\t\tXem Th\u00eam\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-coso1\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/morris.edu.vn\/?p=260\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"188\" src=\"https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f-300x188.jpg\" class=\"attachment-medium size-medium wp-image-34\" alt=\"\" srcset=\"https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f-300x188.jpg 300w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f-600x375.jpg 600w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f-1024x640.jpg 1024w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f-768x480.jpg 768w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f-1536x960.jpg 1536w, https:\/\/morris.edu.vn\/wp-content\/uploads\/2025\/12\/4f28830c077e8820d16f.jpg 1620w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">C\u01a0 S\u1ede 1<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/morris.edu.vn\/?p=260\" >\n\t\t\t\tgsdthrtyjtyukuiylyui\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>ktyukuiklyuikltyukuy<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/morris.edu.vn\/?p=260\" aria-label=\"Read more about gsdthrtyjtyukuiylyui\" tabindex=\"-1\" >\n\t\t\tXem Th\u00eam\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ddb1b4 e-con-full e-flex e-con e-parent\" data-id=\"4ddb1b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e869ad elementor-widget elementor-widget-html\" data-id=\"5e869ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n<meta charset=\"utf-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n\r\n<!-- FONT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- ICON -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\r\n\r\n<!-- SWIPER -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n\r\n<!-- TAILWIND -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\ntailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1E6FD9\",\r\n },\r\n fontFamily: {\r\n body: [\"Nunito\", \"sans-serif\"],\r\n }\r\n }\r\n }\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* RESET D\u00cdNH CSS NGO\u00c0I \u2013 CH\u1ec8 PH\u1ea0M VI SWIPER *\/\r\n.swiper,\r\n.swiper-slide {\r\n transform: none !important;\r\n margin: 0 !important;\r\n}\r\n\r\n.morris-center {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n\/* LINK GI\u1ed0NG MORRIS *\/\r\n.morris-link {\r\n color: #1E6FD9;\r\n font-size: 16px;\r\n font-weight: 400;\r\n letter-spacing: 0.08em;\r\n transition: none;\r\n}\r\n.morris-link:hover {\r\n color: #1E6FD9;\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body class=\"font-body text-gray-800\">\r\n\r\n<!-- SLIDER -->\r\n<div class=\"swiper w-full h-[85vh] relative\">\r\n <div class=\"swiper-wrapper\">\r\n\r\n <!-- SLIDE -->\r\n <div class=\"swiper-slide relative\">\r\n\r\n <!-- BACKGROUND -->\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/CxtF3s7f\/1000-563.png\"\r\n class=\"absolute inset-0 w-full h-full object-cover\"\r\n alt=\"\"\r\n >\r\n <div class=\"absolute inset-0 bg-black\/25\"><\/div>\r\n\r\n <!-- CENTER -->\r\n <div class=\"morris-center z-10 px-4\">\r\n\r\n <div class=\"w-full max-w-xl flex flex-col items-center\">\r\n\r\n <!-- LOGO -->\r\n <div class=\"mb-6 flex justify-center\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/jST2m7gH\/LOGO-01.png\"\r\n alt=\"Morris Logo\"\r\n class=\"w-28 md:w-32 h-auto drop-shadow\"\r\n >\r\n <\/div>\r\n\r\n <!-- CARD -->\r\n <div class=\"bg-white\/95 backdrop-blur shadow-2xl w-full\">\r\n <div class=\"border border-gray-300 px-10 py-12 text-center\">\r\n\r\n <!-- TI\u00caU \u0110\u1ec0 (2 D\u00d2NG) -->\r\n <h2 class=\"text-3xl md:text-4xl font-normal leading-snug mb-6 text-[#1E6FD9]\">\r\n C\u00f9ng con kh\u00e1m ph\u00e1 h\u00e0nh tr\u00ecnh<br>\r\n t\u1ea1i morris\r\n <\/h2>\r\n\r\n <!-- LINK -->\r\n <div class=\"flex flex-col gap-5 items-center mt-4 mb-8\">\r\n\r\n <a href=\"https:\/\/morris.edu.vn\/?page_id=208\" class=\"text-center\">\r\n <span class=\"morris-link\">\r\n Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i\r\n <\/span>\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.postimg.cc\/nryjcKXm\/Asset-1236.png\"\r\n alt=\"\"\r\n class=\"w-32 md:w-36 opacity-90 mt-6\"\r\n >\r\n <\/a>\r\n\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- SWIPER JS -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\nnew Swiper('.swiper', {\r\n loop: false,\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7634fbc e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"7634fbc\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96a8114 elementor-widget elementor-widget-html\" data-id=\"96a8114\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n <meta charset=\"utf-8\"\/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Morris International Preschool Footer - Left Aligned Fixed<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n \r\n <style>\r\n \/* ======================== FOOTER CHUNG ======================== *\/\r\n \/* S\u1eed d\u1ee5ng ID c\u1ee5 th\u1ec3 \u0111\u1ec3 tr\u00e1nh tr\u00f9ng l\u1eb7p code v\u1edbi c\u00e1c ph\u1ea7n kh\u00e1c c\u1ee7a web *\/\r\n #morris-footer-unique {\r\n width: 100%;\r\n padding: 60px 40px;\r\n background-color: #1e6fd9 !important;\r\n font-family: \"Nunito\", sans-serif;\r\n color: #ffffff !important;\r\n text-align: left !important;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* LOGO *\/\r\n #morris-footer-unique .footer-logo {\r\n text-align: left !important;\r\n margin-bottom: 40px;\r\n }\r\n\r\n #morris-footer-unique .footer-logo img {\r\n max-width: 160px;\r\n display: inline-block;\r\n }\r\n\r\n \/* C\u1ed8T *\/\r\n #morris-footer-unique .footer-columns {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 40px;\r\n }\r\n\r\n \/* TI\u00caU \u0110\u1ec0 *\/\r\n #morris-footer-unique .footer-col h3 {\r\n font-size: 18px !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 15px !important;\r\n padding: 0 !important;\r\n position: relative;\r\n color: #ffffff !important;\r\n text-align: left !important;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Thanh g\u1ea1ch ch\u00e2n d\u01b0\u1edbi ti\u00eau \u0111\u1ec1 *\/\r\n #morris-footer-unique .footer-col h3::after {\r\n content: \"\";\r\n display: block;\r\n width: 60px;\r\n height: 2px;\r\n background: #ffffff !important;\r\n margin-top: 5px;\r\n margin-left: 0 !important; \/* Lu\u00f4n b\u00e1m tr\u00e1i *\/\r\n }\r\n\r\n \/* DANH S\u00c1CH *\/\r\n #morris-footer-unique .footer-col ul {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n #morris-footer-unique .footer-col ul li {\r\n margin-bottom: 12px !important;\r\n padding: 0 !important;\r\n list-style: none !important;\r\n }\r\n\r\n \/* LINK *\/\r\n #morris-footer-unique .footer-col a {\r\n text-decoration: none !important;\r\n color: #ffffff !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n transition: 0.2s;\r\n display: inline-block;\r\n }\r\n\r\n #morris-footer-unique .footer-col a:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n \/* SOCIAL *\/\r\n #morris-footer-unique .social-icons {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n justify-content: flex-start !important; \/* C\u0103n tr\u00e1i c\u00e1c icon *\/\r\n align-items: center !important;\r\n gap: 10px !important;\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n #morris-footer-unique .social-icons a img {\r\n width: 32px !important;\r\n height: 32px !important;\r\n }\r\n\r\n #morris-footer-unique .footer-note {\r\n margin-top: 15px !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n text-align: left !important;\r\n font-weight: 300;\r\n }\r\n\r\n \/* ======================== RESPONSIVE ======================== *\/\r\n @media(max-width: 1024px) {\r\n #morris-footer-unique .footer-columns {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n #morris-footer-unique {\r\n padding: 40px 20px !important;\r\n }\r\n #morris-footer-unique .footer-columns {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media(max-width: 480px) {\r\n #morris-footer-unique .footer-columns {\r\n grid-template-columns: 1fr !important; \/* Chuy\u1ec3n v\u1ec1 1 c\u1ed9t *\/\r\n text-align: left !important;\r\n gap: 30px !important;\r\n }\r\n \r\n \/* Tri\u1ec7t ti\u00eau c\u0103n gi\u1eefa t\u1eeb code c\u0169 ho\u1eb7c c\u00e1c plugin kh\u00e1c *\/\r\n #morris-footer-unique .footer-logo,\r\n #morris-footer-unique .footer-col,\r\n #morris-footer-unique .footer-col h3,\r\n #morris-footer-unique .footer-note {\r\n text-align: left !important;\r\n }\r\n\r\n #morris-footer-unique .footer-col h3::after {\r\n margin-left: 0 !important;\r\n margin-right: auto !important;\r\n }\r\n\r\n #morris-footer-unique .social-icons {\r\n justify-content: flex-start !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <footer id=\"morris-footer-unique\">\r\n\r\n <div class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/jST2m7gH\/LOGO-01.png\" alt=\"Morris Logo\">\r\n <\/div>\r\n\r\n <div class=\"footer-columns\">\r\n\r\n <div class=\"footer-col\">\r\n <h3>V\u1ec0 CH\u00daNG T\u00d4I<\/h3>\r\n <ul>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=130\">T\u1ea7m nh\u00ecn v\u00e0 s\u1ee9 m\u1ec7nh<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=139\">C\u01a1 s\u1edf v\u1eadt ch\u1ea5t<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=147\">Th\u01b0 Hi\u1ec7u tr\u01b0\u1edfng<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>TH\u00d4NG TIN<\/h3>\r\n <ul>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=208\">Li\u00ean h\u1ec7 tuy\u1ec3n sinh<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=609\">H\u1ecdc ph\u00ed<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=614\">L\u1ecbch h\u1ecdc<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=203\">\u0110\u1ed3ng ph\u1ee5c<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>CH\u01af\u01a0NG TR\u00ccNH<\/h3>\r\n <ul>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=150\">Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=157\">Ch\u0103m s\u00f3c b\u00e1n tr\u00fa<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=170\">Ngo\u1ea1i kh\u00f3a<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=179\">S\u1ee9c kh\u1ecfe to\u00e0n di\u1ec7n<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>C\u1ed8NG \u0110\u1ed2NG<\/h3>\r\n <ul>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?cat=1\">Tin t\u1ee9c<\/a><\/li>\r\n <li><a href=\"#\">S\u1ef1 ki\u1ec7n<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>B\u00c1N TR\u00da<\/h3>\r\n <ul>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=185\">\u0102n u\u1ed1ng l\u00e0nh m\u1ea1nh<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=190\">Y t\u1ebf tr\u01b0\u1eddng h\u1ecdc<\/a><\/li>\r\n <li><a href=\"https:\/\/morris.edu.vn\/?page_id=197\">An ninh<\/a><\/li>\r\n <\/ul>\r\n <div class=\"social-icons\">\r\n <a href=\"https:\/\/www.facebook.com\/Morrispreschool.edu.vn\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733547.png\" alt=\"Facebook\"><\/a>\r\n <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ef\/Youtube_logo.png\"><\/a>\r\n <a href=\"https:\/\/zalo.me\/0961777621\" target=\"_blank\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.haitrieu.com\/wp-content\/uploads\/2022\/01\/Logo-Zalo-Arc.png\" alt=\"Li\u00ean h\u1ec7 Zalo\">\r\n<\/a>\r\n <a href=\"mailto:info@morrispreschool.edu.vn?subject=T\u01b0 v\u1ea5n tuy\u1ec3n sinh Morris Early Years\">\r\n <img decoding=\"async\" src=\"https:\/\/e7.pngegg.com\/pngimages\/376\/601\/png-clipart-gmail-logo-inbox-by-gmail-icon-email-google-contacts-gmail-logo-angle-text.png\" alt=\"G\u1eedi Email cho Morris\">\r\n<\/a>\r\n<\/div>\r\n <p class=\"footer-note\">Tr\u01b0\u1eddng M\u1ea7m Non Qu\u1ed1c T\u1ebf Morris - B\u00e9 vui \u0111\u1ebfn tr\u01b0\u1eddng<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Morris \u2013 Gi\u00e1o d\u1ee5c M\u1ea7m non “\u1ed0c \u0111\u1ea3o xanh” c\u00f9ng con tr\u01b0\u1edfng th\u00e0nh Kh\u00e1m ph\u00e1 h\u00e0nh tr\u00ecnh vui v\u1ebb v\u00e0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/morris.edu.vn\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morris.edu.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/morris.edu.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/morris.edu.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/morris.edu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":375,"href":"https:\/\/morris.edu.vn\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1771,"href":"https:\/\/morris.edu.vn\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/1771"}],"wp:attachment":[{"href":"https:\/\/morris.edu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}