M\u1ef9 L\u1ed9c Digital – C\u1ed5ng Th\u00f4ng Tin Tr\u1ebb Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n light: '#ff7e5f',\n primary: '#feb47b',\n accent: '#ff2a5f',\n dark: '#2c3e50',\n navy: '#1a252f',\n vibrant: '#ff3f6c'\n }\n },\n fontFamily: {\n sans: ['Inter', 'Segoe UI', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n \n .hero-gradient {\n background: linear-gradient(135deg, #ff3f6c 0%, #ff7e5f 50%, #feb47b 100%);\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n }\n .nav-link-active {\n position: relative;\n }\n .nav-link-active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100%;\n height: 3px;\n background: #ff3f6c;\n border-radius: 99px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\">\n\n \n <div class=\"bg-brand-navy text-white text-xs py-2 px-4 sm:px-8 flex flex-col sm:flex-row justify-between items-center gap-2\">\n <div class=\"flex items-center gap-2\">\n <span class=\"bg-brand-vibrant text-white px-2 py-0.5 rounded-full font-bold text-[10px] uppercase animate-pulse\">Hot News<\/span>\n <span class=\"truncate\">Chi\u1ebfn d\u1ecbch m\u00f9a h\u00e8 xanh 2026 ch\u00ednh th\u1ee9c kh\u1edfi \u0111\u1ed9ng t\u1eeb ng\u00e0y 01\/06!<\/span>\n <\/div>\n <div class=\"flex items-center gap-4 text-slate-300\">\n <a href=\"#\" class=\"hover:text-white transition\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-white transition\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-white transition\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <span class=\"hidden sm:inline\">|<\/span>\n <span>M\u1ef9 L\u1ed9c, Nam \u0110\u1ecbnh (C\u0169) – Ninh B\u00ecnh<\/span>\n <\/div>\n <\/div>\n\n \n <nav class=\"bg-white\/95 sticky top-0 z-50 shadow-sm backdrop-blur-md\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n \n <div class=\"flex items-center gap-3\">\n <div class=\"w-12 h-12 rounded-2xl bg-gradient-to-tr from-brand-vibrant to-brand-light flex items-center justify-center text-white font-extrabold text-xl shadow-lg shadow-brand-vibrant\/20\">\n ML\n <\/div>\n <div>\n <span class=\"block font-black text-xl tracking-tight text-slate-900\">M\u1ef8 L\u1ed8C <span class=\"text-brand-vibrant\">DIGITAL<\/span><\/span>\n <span class=\"block text-xs font-semibold text-slate-400 tracking-wider uppercase\">C\u1ed5ng giao ti\u1ebfp th\u1ebf h\u1ec7 m\u1edbi<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hidden md:flex items-center gap-8 font-semibold text-sm text-slate-600\">\n <a href=\"#\" class=\"text-brand-vibrant nav-link-active hover:text-brand-vibrant transition py-2\">Trang Ch\u1ee7<\/a>\n <a href=\"#about\" class=\"hover:text-brand-vibrant transition py-2\">H\u00e0nh Tr\u00ecnh L\u1ecbch S\u1eed<\/a>\n <a href=\"#youth-hub\" class=\"hover:text-brand-vibrant transition py-2\">Thanh Ni\u00ean S\u1ed1<\/a>\n <a href=\"#services\" class=\"hover:text-brand-vibrant transition py-2\">D\u1ecbch V\u1ee5 Nhanh<\/a>\n <a href=\"#contact\" class=\"hover:text-brand-vibrant transition py-2\">Ph\u1ea3n H\u1ed3i\/G\u00f3p \u00dd<\/a>\n <\/div>\n\n \n <div class=\"hidden lg:block\">\n <a href=\"#contact\" class=\"bg-gradient-to-r from-brand-vibrant to-brand-light text-white px-5 py-2.5 rounded-full font-bold text-xs shadow-lg shadow-brand-vibrant\/20 hover:scale-105 transition transform duration-200 flex items-center gap-2\">\n <i class=\"fa-solid fa-bolt\"><\/i> K\u1ebeT N\u1ed0I NGAY\n <\/a>\n <\/div>\n\n \n <div class=\"md:hidden\">\n <button id=\"mobile-menu-btn\" class=\"p-2 text-slate-600 hover:text-brand-vibrant focus:outline-none\">\n <i class=\"fa-solid fa-bars text-2xl\"><\/i>\n <\/<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-slate-100 px-4 pt-2 pb-4 space-y-2\">\n <a href=\"#\" class=\"block px-3 py-2 rounded-xl bg-brand-vibrant\/5 text-brand-vibrant font-semibold text-sm\">Trang Ch\u1ee7<\/a>\n <a href=\"#about\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">H\u00e0nh Tr\u00ecnh L\u1ecbch S\u1eed<\/a>\n <a href=\"#youth-hub\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">Thanh Ni\u00ean S\u1ed1<\/a>\n <a href=\"#services\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">D\u1ecbch V\u1ee5 Nhanh<\/a>\n <a href=\"#contact\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">Ph\u1ea3n H\u1ed3i\/G\u00f3p \u00dd<\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"relative overflow-hidden py-16 lg:py-24 hero-gradient text-white\">\n \n <div class=\"absolute -top-12 -left-12 w-64 h-64 bg-white\/10 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -bottom-24 -right-12 w-96 h-96 bg-brand-dark\/10 rounded-full blur-3xl\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n <span class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white\/20 text-xs font-bold uppercase tracking-wider backdrop-blur-sm\">\n <i class=\"fa-solid fa-fire text-yellow-300\"><\/i> M\u1ef9 L\u1ed9c – T\u1ef1 H\u00e0o Ph\u00e1t Tri\u1ec3n\n <\/span>\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight leading-tight\">\n Ch\u1ea1m Nh\u1ecbp S\u1ed1ng M\u1edbi <br\/>\n <span class=\"text-brand-dark\">C\u00f9ng M\u1ef9 L\u1ed9c Digital<\/span>\n <\/h1>\n <p class=\"text-white\/90 text-base sm:text-lg max-w-xl mx-auto lg:mx-0 font-medium leading-relaxed\">\n Kh\u00f4ng gian s\u1ed1 h\u00f3a, n\u01a1i chia s\u1ebb k\u00fd \u1ee9c h\u00e0o h\u00f9ng c\u1ee7a v\u00f9ng \u0111\u1ea5t Thi\u00ean Tr\u01b0\u1eddng l\u1ecbch s\u1eed g\u1eafn li\u1ec1n v\u1edbi H\u00e0 Nam Ninh v\u00e0 kh\u01a1i g\u1ee3i s\u1ee9c tr\u1ebb ti\u00ean phong ph\u00e1t tri\u1ec3n qu\u00ea h\u01b0\u01a1ng ng\u00e0y nay.\n <\/p>\n <div class=\"flex flex-wrap justify-center lg:justify-start gap-4 pt-2\">\n <a href=\"#youth-hub\" class=\"bg-brand-navy hover:bg-brand-navy\/90 text-white px-8 py-3.5 rounded-xl font-bold text-sm shadow-xl transition hover:-translate-y-0.5 flex items-center gap-2\">\n <i class=\"fa-solid fa-rocket text-brand-light\"><\/i> Kh\u00e1m ph\u00e1 kh\u00f4ng gian tr\u1ebb\n <\/a>\n <a href=\"#about\" class=\"bg-white\/10 hover:bg-white\/25 text-white border border-white\/20 px-8 py-3.5 rounded-xl font-bold text-sm transition backdrop-blur-sm\">\n T\u00ecm hi\u1ec3u l\u1ecbch s\u1eed\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 space-y-4\">\n <div class=\"glass-card p-6 rounded-3xl text-slate-800 shadow-2xl\">\n <div class=\"flex items-center justify-between mb-4\">\n <span class=\"text-xs font-bold text-brand-vibrant uppercase tracking-wider\">H\u00e0nh tr\u00ecnh \u0111\u1ecba gi\u1edbi<\/span>\n <span class=\"text-xs bg-slate-100 px-2 py-1 rounded-md text-slate-500 font-semibold\">T\u00f3m t\u1eaft nhanh<\/span>\n <\/div>\n <h3 class=\"font-bold text-lg text-slate-900 mb-2\">M\u1ef9 L\u1ed9c \u0110ang \u1ede \u0110\u00e2u?<\/h3>\n <p class=\"text-xs text-slate-600 leading-relaxed mb-4\">\n M\u1ef9 L\u1ed9c v\u1ed1n l\u00e0 m\u1ed9t huy\u1ec7n l\u1edbn gi\u00e0u truy\u1ec1n th\u1ed1ng c\u1ee7a Nam \u0110\u1ecbnh, t\u1eebng chung m\u1ed9t m\u00e1i nh\u00e0 trong b\u1ea3n \u0111\u1ed3 t\u1ec9nh l\u1edbn <strong>H\u00e0 Nam Ninh<\/strong> huy\u1ec1n tho\u1ea1i. Ng\u00e0y nay, M\u1ef9 L\u1ed9c \u0111\u00e3 ch\u00ednh th\u1ee9c kho\u00e1c l\u00ean m\u00ecnh chi\u1ebfc \u00e1o m\u1edbi khi s\u00e1p nh\u1eadp ho\u00e0n to\u00e0n v\u00e0o kh\u00f4ng gian th\u00e0nh ph\u1ed1 hi\u1ec7n \u0111\u1ea1i, s\u1eb5n s\u00e0ng cho nh\u1eefng b\u01b0\u1edbc b\u1ee9t ph\u00e1 b\u1ec1n v\u1eefng.\n <\/p>\n <div class=\"border-t border-slate-200\/60 pt-4 flex items-center justify-between text-xs font-semibold text-slate-500\">\n <span><i class=\"fa-solid fa-map-pin text-brand-vibrant mr-1\"><\/i> Th\u00e0nh ph\u1ed1 Nam \u0110\u1ecbnh<\/span>\n <span><i class=\"fa-solid fa-landmark text-amber-600 mr-1\"><\/i> Di s\u1ea3n nh\u00e0 Tr\u1ea7n<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"bg-white\/10 border border-white\/10 backdrop-blur-md p-4 rounded-2xl text-center\">\n <span class=\"block text-3xl font-black text-white\">100%<\/span>\n <span class=\"block text-[11px] uppercase tracking-wider text-white\/80 font-semibold mt-1\">S\u1ed1 h\u00f3a th\u1ee7 t\u1ee5c<\/span>\n <\/div>\n <div class=\"bg-white\/10 border border-white\/10 backdrop-blur-md p-4 rounded-2xl text-center\">\n <span class=\"block text-3xl font-black text-white\">15.000+<\/span>\n <span class=\"block text-[11px] uppercase tracking-wider text-white\/80 font-semibold mt-1\">C\u01b0 d\u00e2n s\u1ed1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">Ng\u01b0\u1ee3c d\u00f2ng th\u1eddi gian<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900\">D\u00f2ng Ch\u1ea3y L\u1ecbch S\u1eed H\u00e0o H\u00f9ng<\/h2>\n <div class=\"w-16 h-1 bg-brand-vibrant mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-500 text-sm\">H\u00e0nh tr\u00ecnh bi\u1ebfn chuy\u1ec3n t\u1eeb chi\u1ebfc n\u00f4i ph\u00e1t t\u00edch v\u01b0\u01a1ng tri\u1ec1u nh\u00e0 Tr\u1ea7n h\u00e0o h\u00f9ng, b\u01b0\u1edbc qua giai \u0111o\u1ea1n s\u00e1p nh\u1eadp li\u00ean t\u1ec9nh H\u00e0 Nam Ninh \u0111\u1ebfn k\u1ef7 nguy\u00ean s\u1ed1 h\u00f3a h\u00f4m nay.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n \n <div class=\"p-8 rounded-3xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group duration-300\">\n <div class=\"w-12 h-12 rounded-2xl bg-amber-100 text-amber-600 flex items-center justify-center text-xl font-bold mb-6 group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-crown\"><\/i>\n <\/div>\n <h4 class=\"font-extrabold text-lg text-slate-900 mb-3\">H\u00e0nh Cung Thi\u00ean Tr\u01b0\u1eddng<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed text-justify\">\n H\u00e0nh cung Thi\u00ean Tr\u01b0\u1eddng x\u01b0a ng\u1ef1 tr\u1ecb tr\u00ean v\u00f9ng \u0111\u1ea5t c\u1ed5 T\u1ee9c M\u1eb7c – M\u1ef9 L\u1ed9c. N\u01a1i \u0111\u00e2y t\u1eebng l\u00e0 \u0111\u1ea7u n\u00e3o ch\u1ec9 \u0111\u1ea1o kh\u00e1ng chi\u1ebfn ch\u1ed1ng gi\u1eb7c ngo\u1ea1i x\u00e2m ph\u01b0\u01a1ng B\u1eafc, l\u00e0 n\u01a1i ng\u1ef1 tr\u1ecb c\u1ee7a c\u00e1c Th\u00e1i Th\u01b0\u1ee3ng Ho\u00e0ng hi\u1ec1n t\u00e0i, d\u1ec7t n\u00ean trang s\u1eed ch\u00f3i l\u1ecdi c\u1ee7a tri\u1ec1u \u0111\u1ea1i \u0110\u00f4ng A.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-3xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group duration-300 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-brand-vibrant\/10 text-brand-vibrant font-bold text-[10px] px-3 py-1 rounded-bl-xl uppercase tracking-wider\">L\u1ecbch s\u1eed k\u1ebft n\u1ed1i<\/div>\n <div class=\"w-12 h-12 rounded-2xl bg-brand-vibrant\/10 text-brand-vibrant flex items-center justify-center text-xl font-bold mb-6 group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-link\"><\/i>\n <\/div>\n <h4 class=\"font-extrabold text-lg text-slate-900 mb-3\">T\u1ec9nh L\u1edbn H\u00e0 Nam Ninh<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed text-justify\">\n S\u1ef1 k\u1ebft n\u1ed1i \u0111\u1ed9c \u0111\u00e1o gi\u1eefa Nam \u0110\u1ecbnh, Ninh B\u00ecnh v\u00e0 H\u00e0 Nam trong qu\u00e1 kh\u1ee9 \u0111\u00e3 t\u00f4i luy\u1ec7n n\u00ean m\u1ed9t d\u1ea3i v\u0103n h\u00f3a m\u1edf, v\u1eeba tr\u00f9 ph\u00fa m\u1ed9c m\u1ea1c l\u01b0u v\u1ef1c S\u00f4ng H\u1ed3ng, v\u1eeba ki\u00eau h\u00e3nh b\u1ec1n b\u1ec9 tr\u01b0\u1edbc d\u00f2ng ch\u1ea3y th\u1eddi \u0111\u1ea1i. M\u1ef9 L\u1ed9c l\u01b0u gi\u1eef tr\u1ecdn v\u1eb9n h\u1ed3n c\u1ed1t c\u1ee7a n\u00e9t giao thoa v\u0103n h\u00f3a \u1ea5y.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-3xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group duration-300\">\n <div class=\"w-12 h-12 rounded-2xl bg-teal-100 text-teal-600 flex items-center justify-center text-xl font-bold mb-6 group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-network-wired\"><\/i>\n <\/div>\n <h4 class=\"font-extrabold text-lg text-slate-900 mb-3\">S\u00e1p Nh\u1eadp & V\u01b0\u01a1n M\u00ecnh<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed text-justify\">\n Quy\u1ebft \u0111\u1ecbnh s\u00e1p nh\u1eadp M\u1ef9 L\u1ed9c v\u00e0o Th\u00e0nh ph\u1ed1 Nam \u0110\u1ecbnh n\u0103m 2024 kh\u00f4ng ch\u1ec9 l\u00e0 tinh g\u1ecdn b\u1ed9 m\u00e1y m\u00e0 ch\u00ednh l\u00e0 b\u00e0n \u0111\u1ea1p \u0111\u1ec3 n\u00e2ng t\u1ea7m h\u1ea1 t\u1ea7ng, th\u00fac \u0111\u1ea9y c\u00f4ng ngh\u1ec7 s\u1ed1 h\u00f3a to\u00e0n di\u1ec7n, mang t\u1edbi cho thanh ni\u00ean c\u01a1 h\u1ed9i b\u1ee9t ph\u00e1 s\u00e1ng t\u1ea1o t\u1ed1i \u0111a.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"youth-hub\" class=\"py-20 bg-gradient-to-b from-slate-50 to-slate-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-5 space-y-6\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">Thanh Ni\u00ean Ti\u00ean Phong<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900 leading-tight\">M\u1ef9 L\u1ed9c Youth Hub – Kh\u00f4ng Gian Ho\u1ea1t \u0110\u1ed9ng S\u1ed1<\/h2>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n N\u01a1i \u0111\u00e2y t\u1ed5ng h\u1ee3p c\u00e1c ho\u1ea1t \u0111\u1ed9ng s\u00f4i \u0111\u1ed9ng nh\u1ea5t c\u1ee7a chi \u0111o\u00e0n ph\u01b0\u1eddng, c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh t\u00ecnh nguy\u1ec7n s\u1ed1 h\u00f3a, ph\u00e1t tri\u1ec3n k\u1ef9 n\u0103ng m\u1ec1m v\u00e0 h\u1ed7 tr\u1ee3 kh\u1edfi nghi\u1ec7p thanh ni\u00ean t\u1ea1i \u0111\u1ecba ph\u01b0\u01a1ng.\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <span class=\"p-2 rounded-lg bg-white shadow-sm text-brand-vibrant\"><i class=\"fa-solid fa-check\"><\/i><\/span>\n <div>\n <h5 class=\"font-bold text-sm text-slate-900\">Chi\u1ebfn d\u1ecbch Chuy\u1ec3n \u0111\u1ed5i s\u1ed1 c\u1ed9ng \u0111\u1ed3ng<\/h5>\n <p class=\"text-xs text-slate-500\">Thanh ni\u00ean tr\u1ef1c ti\u1ebfp h\u1ed7 tr\u1ee3 b\u00e0 con c\u00e0i \u0111\u1eb7t t\u00e0i kho\u1ea3n d\u1ecbch v\u1ee5 c\u00f4ng, \u0111\u1ecbnh danh \u0111i\u1ec7n t\u1eed.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <span class=\"p-2 rounded-lg bg-white shadow-sm text-brand-vibrant\"><i class=\"fa-solid fa-check\"><\/i><\/span>\n <div>\n <h5 class=\"font-bold text-sm text-slate-900\">M\u00f9a H\u00e8 Xanh & T\u00ecnh nguy\u1ec7n s\u1ed1<\/h5>\n <p class=\"text-xs text-slate-500\">Lan t\u1ecfa gi\u00e1 tr\u1ecb t\u00edch c\u1ef1c th\u00f4ng qua m\u1ea1ng x\u00e3 h\u1ed9i, d\u1ecdn d\u1eb9p v\u1ec7 sinh m\u00f4i tr\u01b0\u1eddng th\u1ef1c t\u1ebf.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-7 space-y-4\">\n <h4 class=\"font-bold text-slate-900 text-sm tracking-wider uppercase mb-2\">\ud83d\udd25 Ho\u1ea1t \u0110\u1ed9ng \u0110ang Tuy\u1ec3n T\u00ecnh Nguy\u1ec7n Vi\u00ean<\/h4>\n \n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition border border-slate-100 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4\">\n <div>\n <span class=\"bg-emerald-100 text-emerald-700 text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">\u0110ang m\u1edf \u0111\u0103ng k\u00fd<\/span>\n <h4 class=\"font-extrabold text-slate-900 text-base mt-2\">D\u1ef1 \u00e1n “\u0110\u1ea1i s\u1ee9 s\u1ed1 h\u00f3a \u0111\u1ecba ph\u01b0\u01a1ng 2026”<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">H\u1ed7 tr\u1ee3 h\u01b0\u1edbng d\u1eabn ng\u01b0\u1eddi d\u00e2n qu\u00e9t m\u00e3 QR n\u1ed9p h\u1ed3 s\u01a1 c\u00f4ng tr\u1ef1c tuy\u1ebfn.<\/p>\n <\/div>\n <button onclick=\"registerYouth()\" class=\"bg-brand-vibrant hover:bg-brand-vibrant\/90 text-white text-xs font-bold px-4 py-2.5 rounded-xl transition shrink-0\">Tham gia ngay<\/button>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition border border-slate-100 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4\">\n <div>\n <span class=\"bg-emerald-100 text-emerald-700 text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">\u0110ang m\u1edf \u0111\u0103ng k\u00fd<\/span>\n <h4 class=\"font-extrabold text-slate-900 text-base mt-2\">\u0110\u1ed9i h\u00ecnh thanh ni\u00ean ph\u1ea3n \u1ee9ng nhanh \u0111\u00f4 th\u1ecb<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Ph\u1ed1i h\u1ee3p \u0111\u1ea3m b\u1ea3o tr\u1eadt t\u1ef1 v\u00e0 m\u1ef9 quan c\u00e1c ng\u00f5 ph\u1ed1 ch\u00ednh tr\u00ean \u0111\u1ecba b\u00e0n ph\u01b0\u1eddng.<\/p>\n <\/div>\n <button onclick=\"registerYouth()\" class=\"bg-brand-vibrant hover:bg-brand-vibrant\/90 text-white text-xs font-bold px-4 py-2.5 rounded-xl transition shrink-0\">Tham gia ngay<\/button>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition border border-slate-100 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4\">\n <div>\n <span class=\"bg-blue-100 text-blue-700 text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">\u1ee6ng h\u1ed9\/Quy\u00ean g\u00f3p<\/span>\n <h4 class=\"font-extrabold text-slate-900 text-base mt-2\">\u0110\u00f4ng \u1ea5m cho em h\u1ecdc sinh ho\u00e0n c\u1ea3nh kh\u00f3 kh\u0103n<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">G\u00e2y qu\u1ef9 v\u00e0 chu\u1ea9n b\u1ecb s\u00e1ch v\u1edf, qu\u1ea7n \u00e1o \u1ea5m g\u1eedi t\u1eb7ng v\u00f9ng cao.<\/p>\n <\/div>\n <button onclick=\"registerYouth()\" class=\"bg-slate-800 hover:bg-slate-900 text-white text-xs font-bold px-4 py-2.5 rounded-xl transition shrink-0\">\u0110\u00f3ng g\u00f3p<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">Ti\u1ebft Ki\u1ec7m Th\u1eddi Gian<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900\">D\u1ecbch V\u1ee5 C\u00f4ng M\u1ed9t Ch\u1ea1m<\/h2>\n <div class=\"w-16 h-1 bg-brand-vibrant mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-500 text-sm\">Kh\u00f4ng c\u1ea7n x\u1ebfp h\u00e0ng m\u1ec7t m\u1ecfi! Thanh ni\u00ean n\u0103ng \u0111\u1ed9ng \u01b0u ti\u00ean n\u1ed9p h\u1ed3 s\u01a1 tr\u1ef1c tuy\u1ebfn ch\u1ec9 qua v\u00e0i c\u00fa click.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-address-card\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">\u0110\u0103ng k\u00fd Th\u01b0\u1eddng tr\u00fa\/T\u1ea1m tr\u00fa<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">Khai b\u00e1o l\u01b0u tr\u00fa nhanh ch\u00f3ng, thu\u1eadn l\u1ee3i cho lao \u0111\u1ed9ng tr\u1ebb v\u00e0 sinh vi\u00ean.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-stamp\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">Ch\u1ee9ng th\u1ef1c b\u1ea3n sao \u0111i\u1ec7n t\u1eed<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">N\u1ed9p h\u1ed3 s\u01a1 ch\u1ee9ng th\u1ef1c b\u1eb1ng l\u00e1i xe, h\u1ecdc b\u1ea1 \u0111\u1ec3 ph\u1ee5c v\u1ee5 h\u1ecdc t\u1eadp, xin vi\u1ec7c online.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-baby\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">\u0110\u0103ng k\u00fd Khai sinh\/K\u1ebft h\u00f4n<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">C\u00e1c c\u1eb7p gia \u0111\u00ecnh tr\u1ebb d\u1ec5 d\u00e0ng \u0111\u0103ng k\u00fd h\u00e0nh ch\u00ednh m\u00e0 kh\u00f4ng ph\u1ea3i \u0111i l\u1ea1i nhi\u1ec1u l\u1ea7n.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">H\u1ed7 tr\u1ee3 \u01b0u \u0111\u00e3i vay v\u1ed1n kh\u1edfi nghi\u1ec7p<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">Th\u1ee7 t\u1ee5c k\u1ebft n\u1ed1i ng\u00e2n h\u00e0ng ch\u00ednh s\u00e1ch, h\u1ed7 tr\u1ee3 thanh ni\u00ean l\u1eadp th\u00e2n l\u1eadp nghi\u1ec7p.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 bg-slate-50\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n <div class=\"bg-white rounded-3xl p-8 sm:p-12 shadow-xl border border-slate-100 relative overflow-hidden\">\n <div class=\"absolute -right-12 -bottom-12 w-48 h-48 bg-brand-light\/10 rounded-full blur-2xl\"><\/div>\n \n <div class=\"text-center max-w-xl mx-auto mb-10 space-y-3\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">T\u01b0\u01a1ng T\u00e1c Tr\u1ef1c Tuy\u1ebfn<\/span>\n <h3 class=\"text-2xl sm:text-3xl font-black text-slate-900\">G\u1eedi \u00dd Ki\u1ebfn Ph\u1ea3n \u00c1nh Nhanh<\/h3>\n <p class=\"text-slate-500 text-xs\">M\u1ef9 L\u1ed9c l\u1eafng nghe m\u1ecdi hi\u1ebfn k\u1ebf, g\u00f3p \u00fd v\u1ec1 tr\u1eadt t\u1ef1 \u0111\u00f4 th\u1ecb, v\u0103n h\u00f3a c\u1ed9ng \u0111\u1ed3ng ho\u1eb7c \u00fd t\u01b0\u1edfng ph\u00e1t tri\u1ec3n ph\u01b0\u1eddng c\u1ee7a c\u00e1c b\u1ea1n tr\u1ebb.<\/p>\n <\/div>\n\n \n <form onsubmit=\"handleSubmit(event)\" class=\"space-y-6\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">H\u1ecd v\u00e0 T\u00ean<\/label>\n <input type=\"text\" required placeholder=\"Nguy\u1ec5n V\u0103n A\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition\">\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\/Zalo<\/label>\n <input type=\"tel\" required placeholder=\"09xxxxxxxx\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">Ch\u1ee7 \u0111\u1ec1 g\u00f3p \u00fd<\/label>\n <select class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition bg-white\">\n <option>Hi\u1ebfn k\u1ebf x\u00e2y d\u1ef1ng \u0111\u00f4 th\u1ecb th\u00f4ng minh<\/option>\n <option>\u0110\u00f3ng g\u00f3p \u00fd t\u01b0\u1edfng ho\u1ea1t \u0111\u1ed9ng Chi \u0111o\u00e0n<\/option>\n <option>Ph\u1ea3n \u00e1nh tr\u1eadt t\u1ef1 \u0111\u00f4 th\u1ecb \/ M\u00f4i tr\u01b0\u1eddng<\/option>\n <option>Kh\u00e1c<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">N\u1ed9i dung chi ti\u1ebft<\/label>\n <textarea rows=\"4\" required placeholder=\"Nh\u1eadp n\u1ed9i dung b\u1ea1n mu\u1ed1n chia s\u1ebb v\u1edbi ch\u00ednh quy\u1ec1n ph\u01b0\u1eddng...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition\"><\/textarea>\n <\/div>\n\n \n <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-brand-vibrant to-brand-light text-white font-extrabold text-sm shadow-lg shadow-brand-vibrant\/25 hover:opacity-95 active:scale-[0.99] transition transform duration-150\">\n <i class=\"fa-solid fa-paper-plane mr-2\"><\/i> G\u1eecI \u00dd KI\u1ebeN C\u1ee6A B\u1ea0N\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-brand-navy text-slate-400 py-16 border-t-4 border-brand-vibrant\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n \n \n <div class=\"lg:col-span-5 space-y-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-xl bg-brand-vibrant flex items-center justify-center text-white font-extrabold text-lg\">\n ML\n <\/div>\n <span class=\"font-black text-lg tracking-tight text-white\">M\u1ef8 L\u1ed8C <span class=\"text-brand-vibrant\">DIGITAL<\/span><\/span>\n <\/div>\n <p class=\"text-xs text-slate-400 leading-relaxed text-justify\">\n Trang th\u00f4ng tin k\u1ebft n\u1ed1i v\u00e0 s\u1ed1 h\u00f3a c\u1ed9ng \u0111\u1ed3ng Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c (phuongmyloc.vn). Ch\u00fang t\u00f4i n\u1ed7 l\u1ef1c mang l\u1ea1i tr\u1ea3i nghi\u1ec7m th\u1ee7 t\u1ee5c tr\u1ef1c tuy\u1ebfn tinh g\u1ecdn, hi\u1ec7n \u0111\u1ea1i v\u00e0 th\u00fac \u0111\u1ea9y s\u1ee9c tr\u1ebb ph\u00e1t tri\u1ec3n \u0111\u00f4 th\u1ecb th\u00f4ng minh.\n <\/p>\n <div class=\"flex gap-4 pt-2\">\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-brand-vibrant hover:text-white transition flex items-center justify-center text-slate-300\"><i class=\"fab fa-facebook-f text-sm\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-brand-vibrant hover:text-white transition flex items-center justify-center text-slate-300\"><i class=\"fab fa-tiktok text-sm\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-brand-vibrant hover:text-white transition flex items-center justify-center text-slate-300\"><i class=\"fab fa-youtube text-sm\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-3 space-y-3\">\n <h4 class=\"font-bold text-white text-xs uppercase tracking-widest border-b border-white\/10 pb-2\">Li\u00ean k\u1ebft nhanh<\/h4>\n <ul class=\"space-y-2 text-xs font-semibold\">\n <li><a href=\"#about\" class=\"hover:text-brand-vibrant transition\">H\u00e0nh tr\u00ecnh \u0111\u1ecba gi\u1edbi l\u1ecbch s\u1eed<\/a><\/li>\n <li><a href=\"#youth-hub\" class=\"hover:text-brand-vibrant transition\">Chi \u0111o\u00e0n ph\u01b0\u1eddng M\u1ef9 L\u1ed9c<\/a><\/li>\n <li><a href=\"#services\" class=\"hover:text-brand-vibrant transition\">N\u1ed9p h\u1ed3 s\u01a1 tr\u1ef1c tuy\u1ebfn<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-vibrant transition\">B\u1ea3n \u0111\u1ed3 quy ho\u1ea1ch \u0111\u00f4 th\u1ecb<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"lg:col-span-4 space-y-3\">\n <h4 class=\"font-bold text-white text-xs uppercase tracking-widest border-b border-white\/10 pb-2\">Li\u00ean h\u1ec7 & Ph\u1ea3n \u00e1nh<\/h4>\n <p class=\"text-xs leading-relaxed\"><i class=\"fa-solid fa-map-location-dot text-brand-vibrant mr-2\"><\/i> Tr\u1ee5 s\u1edf UBND Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c, TP. Nam \u0110\u1ecbnh<\/p>\n <p class=\"text-xs\"><i class=\"fa-solid fa-envelope text-brand-vibrant mr-2\"><\/i> banbientap@phuongmyloc.vn<\/p>\n <p class=\"text-xs\"><i class=\"fa-solid fa-phone text-brand-vibrant mr-2\"><\/i> H\u1ed7 tr\u1ee3 s\u1ed1: 0228.xxx.xxx<\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"border-t border-slate-800 mt-12 pt-6 text-center text-xs flex flex-col sm:flex-row justify-between items-center gap-4\">\n <p>© 2026 B\u1ea3n quy\u1ec1n thu\u1ed9c v\u1ec1 UBND Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c. Ph\u00e1t tri\u1ec3n b\u1edfi S\u1ee9c tr\u1ebb M\u1ef9 L\u1ed9c.<\/p>\n <p>Website: <span class=\"text-brand-vibrant font-bold\">phuongmyloc.vn<\/span><\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"modal\" class=\"fixed inset-0 bg-black\/60 backdrop-blur-sm z-[2000] hidden flex items-center justify-center p-4\">\n <div class=\"bg-white rounded-3xl p-8 max-w-sm w-full text-center space-y-4 shadow-2xl border border-slate-100 transform scale-95 transition-all duration-300\">\n <div id=\"modal-icon\" class=\"w-16 h-16 rounded-full bg-emerald-100 text-emerald-600 mx-auto flex items-center justify-center text-2xl\">\n <i class=\"fa-solid fa-check-double\"><\/i>\n <\/div>\n <h3 id=\"modal-title\" class=\"font-black text-xl text-slate-900\">\u0110\u0103ng k\u00fd th\u00e0nh c\u00f4ng!<\/h3>\n <p id=\"modal-message\" class=\"text-slate-500 text-xs leading-relaxed\">Th\u00f4ng tin c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c chuy\u1ec3n \u0111\u1ebfn ban ch\u1ec9 huy chi\u1ebfn d\u1ecbch. Ch\u00fang t\u00f4i s\u1ebd k\u1ebft n\u1ed1i qua s\u1ed1 \u0111i\u1ec7n tho\u1ea1i\/Zalo s\u1edbm nh\u1ea5t.<\/p>\n <button onclick=\"closeModal()\" class=\"w-full py-3 rounded-xl bg-brand-navy hover:bg-brand-navy\/95 text-white font-extrabold text-sm transition\">X\u00e1c nh\u1eadn<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0110i\u1ec1u khi\u1ec3n Menu Mobile\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ H\u00e0m \u0110\u0103ng k\u00fd ho\u1ea1t \u0111\u1ed9ng t\u00ecnh nguy\u1ec7n thanh ni\u00ean\n function registerYouth() {\n showModal(\n \"<i class='fa-solid fa-users-viewfinder'><\/i>\",\n \"\u0110\u0103ng k\u00fd \u1ee9ng tuy\u1ec3n T\u00ecnh Nguy\u1ec7n Vi\u00ean\",\n \"Tuy\u1ec7t v\u1eddi! S\u1ee9c tr\u1ebb M\u1ef9 L\u1ed9c r\u1ea5t vui m\u1eebng c\u00f3 b\u1ea1n \u0111\u1ed3ng h\u00e0nh. H\u00e3y k\u00e9o xu\u1ed1ng m\u1ee5c 'G\u1eedi \u00fd ki\u1ebfn ph\u1ea3n \u00e1nh nhanh' \u0111\u1ec3 \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin c\u00e1 nh\u00e2n. Ban chi huy s\u1ebd ph\u1ea3n h\u1ed3i sau 24h!\",\n \"bg-amber-100\",\n \"text-amber-600\"\n );\n }\n\n \/\/ H\u00e0m G\u1eedi Feedback\n function handleSubmit(event) {\n event.preventDefault();\n showModal(\n \"<i class='fa-solid fa-envelope-circle-check'><\/i>\",\n \"\u0110\u00e3 nh\u1eadn th\u00f4ng tin ph\u1ea3n \u00e1nh\",\n \"C\u1ea3m \u01a1n tinh th\u1ea7n tr\u00e1ch nhi\u1ec7m c\u1ee7a b\u1ea1n tr\u1ebb M\u1ef9 L\u1ed9c! N\u1ed9i dung hi\u1ebfn k\u1ebf\/g\u00f3p \u00fd c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c ghi nh\u1eadn tr\u1ef1c ti\u1ebfp tr\u00ean h\u1ec7 th\u1ed1ng s\u1ed1 h\u00f3a phuongmyloc.vn v\u00e0 chuy\u1ec3n t\u1edbi c\u00e1n b\u1ed9 x\u1eed l\u00fd.\",\n \"bg-emerald-100\",\n \"text-emerald-600\"\n );\n event.target.reset();\n }\n\n \/\/ \u0110i\u1ec1u khi\u1ec3n Modal\n const modal = document.getElementById('modal');\n function showModal(icon, title, message, bgClass = 'bg-emerald-100', textClass = 'text-emerald-600') {\n const mIcon = document.getElementById('modal-icon');\n mIcon.className = `w-16 h-16 rounded-full ${bgClass} ${textClass} mx-auto flex items-center justify-center text-2xl`;\n mIcon.innerHTML = icon;\n document.getElementById('modal-title').innerText = title;\n document.getElementById('modal-message').innerText = message;\n \n modal.classList.remove('hidden');\n setTimeout(() => {\n modal.firstElementChild.classList.remove('scale-95');\n modal.firstElementChild.classList.add('scale-100');\n }, 50);\n }\n\n function closeModal() {\n modal.firstElementChild.classList.remove('scale-100');\n modal.firstElementChild.classList.add('scale-95');\n setTimeout(() => {\n modal.add('hidden');\n }, 150);\n modal.classList.add('hidden');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>M\u1ef9 L\u1ed9c Digital – C\u1ed5ng Th\u00f4ng Tin Tr\u1ebb Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c Hot News Chi\u1ebfn d\u1ecbch m\u00f9a h\u00e8 xanh 2026 ch\u00ednh th\u1ee9c kh\u1edfi \u0111\u1ed9ng t\u1eeb ng\u00e0y 01\/06! | M\u1ef9 L\u1ed9c, Nam \u0110\u1ecbnh (C\u0169) – Ninh B\u00ecnh ML M\u1ef8 L\u1ed8C DIGITAL C\u1ed5ng giao ti\u1ebfp th\u1ebf h\u1ec7 m\u1edbi Trang Ch\u1ee7 H\u00e0nh Tr\u00ecnh L\u1ecbch S\u1eed Thanh Ni\u00ean S\u1ed1 D\u1ecbch […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-11","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":1,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/11\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/11\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11,"date":"2026-05-27T06:54:14","date_gmt":"2026-05-27T06:54:14","guid":{"rendered":"https:\/\/phuongmyloc.vn\/?p=11"},"modified":"2026-05-27T06:54:15","modified_gmt":"2026-05-27T06:54:15","slug":"my-loc-digital","status":"publish","type":"post","link":"https:\/\/phuongmyloc.vn\/?p=11","title":{"rendered":"M\u1ef9 L\u1ed9c Digital"},"content":{"rendered":"\n\n\n\n \n \n M\u1ef9 L\u1ed9c Digital – C\u1ed5ng Th\u00f4ng Tin Tr\u1ebb Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n light: '#ff7e5f',\n primary: '#feb47b',\n accent: '#ff2a5f',\n dark: '#2c3e50',\n navy: '#1a252f',\n vibrant: '#ff3f6c'\n }\n },\n fontFamily: {\n sans: ['Inter', 'Segoe UI', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n \n .hero-gradient {\n background: linear-gradient(135deg, #ff3f6c 0%, #ff7e5f 50%, #feb47b 100%);\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n }\n .nav-link-active {\n position: relative;\n }\n .nav-link-active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100%;\n height: 3px;\n background: #ff3f6c;\n border-radius: 99px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\">\n\n \n <div class=\"bg-brand-navy text-white text-xs py-2 px-4 sm:px-8 flex flex-col sm:flex-row justify-between items-center gap-2\">\n <div class=\"flex items-center gap-2\">\n <span class=\"bg-brand-vibrant text-white px-2 py-0.5 rounded-full font-bold text-[10px] uppercase animate-pulse\">Hot News<\/span>\n <span class=\"truncate\">Chi\u1ebfn d\u1ecbch m\u00f9a h\u00e8 xanh 2026 ch\u00ednh th\u1ee9c kh\u1edfi \u0111\u1ed9ng t\u1eeb ng\u00e0y 01\/06!<\/span>\n <\/div>\n <div class=\"flex items-center gap-4 text-slate-300\">\n <a href=\"#\" class=\"hover:text-white transition\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-white transition\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-white transition\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <span class=\"hidden sm:inline\">|<\/span>\n <span>M\u1ef9 L\u1ed9c, Nam \u0110\u1ecbnh (C\u0169) – Ninh B\u00ecnh<\/span>\n <\/div>\n <\/div>\n\n \n <nav class=\"bg-white\/95 sticky top-0 z-50 shadow-sm backdrop-blur-md\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n \n <div class=\"flex items-center gap-3\">\n <div class=\"w-12 h-12 rounded-2xl bg-gradient-to-tr from-brand-vibrant to-brand-light flex items-center justify-center text-white font-extrabold text-xl shadow-lg shadow-brand-vibrant\/20\">\n ML\n <\/div>\n <div>\n <span class=\"block font-black text-xl tracking-tight text-slate-900\">M\u1ef8 L\u1ed8C <span class=\"text-brand-vibrant\">DIGITAL<\/span><\/span>\n <span class=\"block text-xs font-semibold text-slate-400 tracking-wider uppercase\">C\u1ed5ng giao ti\u1ebfp th\u1ebf h\u1ec7 m\u1edbi<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hidden md:flex items-center gap-8 font-semibold text-sm text-slate-600\">\n <a href=\"#\" class=\"text-brand-vibrant nav-link-active hover:text-brand-vibrant transition py-2\">Trang Ch\u1ee7<\/a>\n <a href=\"#about\" class=\"hover:text-brand-vibrant transition py-2\">H\u00e0nh Tr\u00ecnh L\u1ecbch S\u1eed<\/a>\n <a href=\"#youth-hub\" class=\"hover:text-brand-vibrant transition py-2\">Thanh Ni\u00ean S\u1ed1<\/a>\n <a href=\"#services\" class=\"hover:text-brand-vibrant transition py-2\">D\u1ecbch V\u1ee5 Nhanh<\/a>\n <a href=\"#contact\" class=\"hover:text-brand-vibrant transition py-2\">Ph\u1ea3n H\u1ed3i\/G\u00f3p \u00dd<\/a>\n <\/div>\n\n \n <div class=\"hidden lg:block\">\n <a href=\"#contact\" class=\"bg-gradient-to-r from-brand-vibrant to-brand-light text-white px-5 py-2.5 rounded-full font-bold text-xs shadow-lg shadow-brand-vibrant\/20 hover:scale-105 transition transform duration-200 flex items-center gap-2\">\n <i class=\"fa-solid fa-bolt\"><\/i> K\u1ebeT N\u1ed0I NGAY\n <\/a>\n <\/div>\n\n \n <div class=\"md:hidden\">\n <button id=\"mobile-menu-btn\" class=\"p-2 text-slate-600 hover:text-brand-vibrant focus:outline-none\">\n <i class=\"fa-solid fa-bars text-2xl\"><\/i>\n <\/<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-slate-100 px-4 pt-2 pb-4 space-y-2\">\n <a href=\"#\" class=\"block px-3 py-2 rounded-xl bg-brand-vibrant\/5 text-brand-vibrant font-semibold text-sm\">Trang Ch\u1ee7<\/a>\n <a href=\"#about\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">H\u00e0nh Tr\u00ecnh L\u1ecbch S\u1eed<\/a>\n <a href=\"#youth-hub\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">Thanh Ni\u00ean S\u1ed1<\/a>\n <a href=\"#services\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">D\u1ecbch V\u1ee5 Nhanh<\/a>\n <a href=\"#contact\" class=\"block px-3 py-2 rounded-xl text-slate-600 hover:bg-slate-50 font-semibold text-sm\">Ph\u1ea3n H\u1ed3i\/G\u00f3p \u00dd<\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"relative overflow-hidden py-16 lg:py-24 hero-gradient text-white\">\n \n <div class=\"absolute -top-12 -left-12 w-64 h-64 bg-white\/10 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -bottom-24 -right-12 w-96 h-96 bg-brand-dark\/10 rounded-full blur-3xl\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n <span class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white\/20 text-xs font-bold uppercase tracking-wider backdrop-blur-sm\">\n <i class=\"fa-solid fa-fire text-yellow-300\"><\/i> M\u1ef9 L\u1ed9c – T\u1ef1 H\u00e0o Ph\u00e1t Tri\u1ec3n\n <\/span>\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight leading-tight\">\n Ch\u1ea1m Nh\u1ecbp S\u1ed1ng M\u1edbi <br\/>\n <span class=\"text-brand-dark\">C\u00f9ng M\u1ef9 L\u1ed9c Digital<\/span>\n <\/h1>\n <p class=\"text-white\/90 text-base sm:text-lg max-w-xl mx-auto lg:mx-0 font-medium leading-relaxed\">\n Kh\u00f4ng gian s\u1ed1 h\u00f3a, n\u01a1i chia s\u1ebb k\u00fd \u1ee9c h\u00e0o h\u00f9ng c\u1ee7a v\u00f9ng \u0111\u1ea5t Thi\u00ean Tr\u01b0\u1eddng l\u1ecbch s\u1eed g\u1eafn li\u1ec1n v\u1edbi H\u00e0 Nam Ninh v\u00e0 kh\u01a1i g\u1ee3i s\u1ee9c tr\u1ebb ti\u00ean phong ph\u00e1t tri\u1ec3n qu\u00ea h\u01b0\u01a1ng ng\u00e0y nay.\n <\/p>\n <div class=\"flex flex-wrap justify-center lg:justify-start gap-4 pt-2\">\n <a href=\"#youth-hub\" class=\"bg-brand-navy hover:bg-brand-navy\/90 text-white px-8 py-3.5 rounded-xl font-bold text-sm shadow-xl transition hover:-translate-y-0.5 flex items-center gap-2\">\n <i class=\"fa-solid fa-rocket text-brand-light\"><\/i> Kh\u00e1m ph\u00e1 kh\u00f4ng gian tr\u1ebb\n <\/a>\n <a href=\"#about\" class=\"bg-white\/10 hover:bg-white\/25 text-white border border-white\/20 px-8 py-3.5 rounded-xl font-bold text-sm transition backdrop-blur-sm\">\n T\u00ecm hi\u1ec3u l\u1ecbch s\u1eed\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 space-y-4\">\n <div class=\"glass-card p-6 rounded-3xl text-slate-800 shadow-2xl\">\n <div class=\"flex items-center justify-between mb-4\">\n <span class=\"text-xs font-bold text-brand-vibrant uppercase tracking-wider\">H\u00e0nh tr\u00ecnh \u0111\u1ecba gi\u1edbi<\/span>\n <span class=\"text-xs bg-slate-100 px-2 py-1 rounded-md text-slate-500 font-semibold\">T\u00f3m t\u1eaft nhanh<\/span>\n <\/div>\n <h3 class=\"font-bold text-lg text-slate-900 mb-2\">M\u1ef9 L\u1ed9c \u0110ang \u1ede \u0110\u00e2u?<\/h3>\n <p class=\"text-xs text-slate-600 leading-relaxed mb-4\">\n M\u1ef9 L\u1ed9c v\u1ed1n l\u00e0 m\u1ed9t huy\u1ec7n l\u1edbn gi\u00e0u truy\u1ec1n th\u1ed1ng c\u1ee7a Nam \u0110\u1ecbnh, t\u1eebng chung m\u1ed9t m\u00e1i nh\u00e0 trong b\u1ea3n \u0111\u1ed3 t\u1ec9nh l\u1edbn <strong>H\u00e0 Nam Ninh<\/strong> huy\u1ec1n tho\u1ea1i. Ng\u00e0y nay, M\u1ef9 L\u1ed9c \u0111\u00e3 ch\u00ednh th\u1ee9c kho\u00e1c l\u00ean m\u00ecnh chi\u1ebfc \u00e1o m\u1edbi khi s\u00e1p nh\u1eadp ho\u00e0n to\u00e0n v\u00e0o kh\u00f4ng gian th\u00e0nh ph\u1ed1 hi\u1ec7n \u0111\u1ea1i, s\u1eb5n s\u00e0ng cho nh\u1eefng b\u01b0\u1edbc b\u1ee9t ph\u00e1 b\u1ec1n v\u1eefng.\n <\/p>\n <div class=\"border-t border-slate-200\/60 pt-4 flex items-center justify-between text-xs font-semibold text-slate-500\">\n <span><i class=\"fa-solid fa-map-pin text-brand-vibrant mr-1\"><\/i> Th\u00e0nh ph\u1ed1 Nam \u0110\u1ecbnh<\/span>\n <span><i class=\"fa-solid fa-landmark text-amber-600 mr-1\"><\/i> Di s\u1ea3n nh\u00e0 Tr\u1ea7n<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"bg-white\/10 border border-white\/10 backdrop-blur-md p-4 rounded-2xl text-center\">\n <span class=\"block text-3xl font-black text-white\">100%<\/span>\n <span class=\"block text-[11px] uppercase tracking-wider text-white\/80 font-semibold mt-1\">S\u1ed1 h\u00f3a th\u1ee7 t\u1ee5c<\/span>\n <\/div>\n <div class=\"bg-white\/10 border border-white\/10 backdrop-blur-md p-4 rounded-2xl text-center\">\n <span class=\"block text-3xl font-black text-white\">15.000+<\/span>\n <span class=\"block text-[11px] uppercase tracking-wider text-white\/80 font-semibold mt-1\">C\u01b0 d\u00e2n s\u1ed1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">Ng\u01b0\u1ee3c d\u00f2ng th\u1eddi gian<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900\">D\u00f2ng Ch\u1ea3y L\u1ecbch S\u1eed H\u00e0o H\u00f9ng<\/h2>\n <div class=\"w-16 h-1 bg-brand-vibrant mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-500 text-sm\">H\u00e0nh tr\u00ecnh bi\u1ebfn chuy\u1ec3n t\u1eeb chi\u1ebfc n\u00f4i ph\u00e1t t\u00edch v\u01b0\u01a1ng tri\u1ec1u nh\u00e0 Tr\u1ea7n h\u00e0o h\u00f9ng, b\u01b0\u1edbc qua giai \u0111o\u1ea1n s\u00e1p nh\u1eadp li\u00ean t\u1ec9nh H\u00e0 Nam Ninh \u0111\u1ebfn k\u1ef7 nguy\u00ean s\u1ed1 h\u00f3a h\u00f4m nay.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n \n <div class=\"p-8 rounded-3xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group duration-300\">\n <div class=\"w-12 h-12 rounded-2xl bg-amber-100 text-amber-600 flex items-center justify-center text-xl font-bold mb-6 group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-crown\"><\/i>\n <\/div>\n <h4 class=\"font-extrabold text-lg text-slate-900 mb-3\">H\u00e0nh Cung Thi\u00ean Tr\u01b0\u1eddng<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed text-justify\">\n H\u00e0nh cung Thi\u00ean Tr\u01b0\u1eddng x\u01b0a ng\u1ef1 tr\u1ecb tr\u00ean v\u00f9ng \u0111\u1ea5t c\u1ed5 T\u1ee9c M\u1eb7c – M\u1ef9 L\u1ed9c. N\u01a1i \u0111\u00e2y t\u1eebng l\u00e0 \u0111\u1ea7u n\u00e3o ch\u1ec9 \u0111\u1ea1o kh\u00e1ng chi\u1ebfn ch\u1ed1ng gi\u1eb7c ngo\u1ea1i x\u00e2m ph\u01b0\u01a1ng B\u1eafc, l\u00e0 n\u01a1i ng\u1ef1 tr\u1ecb c\u1ee7a c\u00e1c Th\u00e1i Th\u01b0\u1ee3ng Ho\u00e0ng hi\u1ec1n t\u00e0i, d\u1ec7t n\u00ean trang s\u1eed ch\u00f3i l\u1ecdi c\u1ee7a tri\u1ec1u \u0111\u1ea1i \u0110\u00f4ng A.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-3xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group duration-300 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-brand-vibrant\/10 text-brand-vibrant font-bold text-[10px] px-3 py-1 rounded-bl-xl uppercase tracking-wider\">L\u1ecbch s\u1eed k\u1ebft n\u1ed1i<\/div>\n <div class=\"w-12 h-12 rounded-2xl bg-brand-vibrant\/10 text-brand-vibrant flex items-center justify-center text-xl font-bold mb-6 group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-link\"><\/i>\n <\/div>\n <h4 class=\"font-extrabold text-lg text-slate-900 mb-3\">T\u1ec9nh L\u1edbn H\u00e0 Nam Ninh<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed text-justify\">\n S\u1ef1 k\u1ebft n\u1ed1i \u0111\u1ed9c \u0111\u00e1o gi\u1eefa Nam \u0110\u1ecbnh, Ninh B\u00ecnh v\u00e0 H\u00e0 Nam trong qu\u00e1 kh\u1ee9 \u0111\u00e3 t\u00f4i luy\u1ec7n n\u00ean m\u1ed9t d\u1ea3i v\u0103n h\u00f3a m\u1edf, v\u1eeba tr\u00f9 ph\u00fa m\u1ed9c m\u1ea1c l\u01b0u v\u1ef1c S\u00f4ng H\u1ed3ng, v\u1eeba ki\u00eau h\u00e3nh b\u1ec1n b\u1ec9 tr\u01b0\u1edbc d\u00f2ng ch\u1ea3y th\u1eddi \u0111\u1ea1i. M\u1ef9 L\u1ed9c l\u01b0u gi\u1eef tr\u1ecdn v\u1eb9n h\u1ed3n c\u1ed1t c\u1ee7a n\u00e9t giao thoa v\u0103n h\u00f3a \u1ea5y.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-3xl bg-slate-50 border border-slate-100 hover:shadow-xl transition group duration-300\">\n <div class=\"w-12 h-12 rounded-2xl bg-teal-100 text-teal-600 flex items-center justify-center text-xl font-bold mb-6 group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-network-wired\"><\/i>\n <\/div>\n <h4 class=\"font-extrabold text-lg text-slate-900 mb-3\">S\u00e1p Nh\u1eadp & V\u01b0\u01a1n M\u00ecnh<\/h4>\n <p class=\"text-slate-600 text-sm leading-relaxed text-justify\">\n Quy\u1ebft \u0111\u1ecbnh s\u00e1p nh\u1eadp M\u1ef9 L\u1ed9c v\u00e0o Th\u00e0nh ph\u1ed1 Nam \u0110\u1ecbnh n\u0103m 2024 kh\u00f4ng ch\u1ec9 l\u00e0 tinh g\u1ecdn b\u1ed9 m\u00e1y m\u00e0 ch\u00ednh l\u00e0 b\u00e0n \u0111\u1ea1p \u0111\u1ec3 n\u00e2ng t\u1ea7m h\u1ea1 t\u1ea7ng, th\u00fac \u0111\u1ea9y c\u00f4ng ngh\u1ec7 s\u1ed1 h\u00f3a to\u00e0n di\u1ec7n, mang t\u1edbi cho thanh ni\u00ean c\u01a1 h\u1ed9i b\u1ee9t ph\u00e1 s\u00e1ng t\u1ea1o t\u1ed1i \u0111a.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"youth-hub\" class=\"py-20 bg-gradient-to-b from-slate-50 to-slate-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-5 space-y-6\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">Thanh Ni\u00ean Ti\u00ean Phong<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900 leading-tight\">M\u1ef9 L\u1ed9c Youth Hub – Kh\u00f4ng Gian Ho\u1ea1t \u0110\u1ed9ng S\u1ed1<\/h2>\n <p class=\"text-slate-600 text-sm leading-relaxed\">\n N\u01a1i \u0111\u00e2y t\u1ed5ng h\u1ee3p c\u00e1c ho\u1ea1t \u0111\u1ed9ng s\u00f4i \u0111\u1ed9ng nh\u1ea5t c\u1ee7a chi \u0111o\u00e0n ph\u01b0\u1eddng, c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh t\u00ecnh nguy\u1ec7n s\u1ed1 h\u00f3a, ph\u00e1t tri\u1ec3n k\u1ef9 n\u0103ng m\u1ec1m v\u00e0 h\u1ed7 tr\u1ee3 kh\u1edfi nghi\u1ec7p thanh ni\u00ean t\u1ea1i \u0111\u1ecba ph\u01b0\u01a1ng.\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <span class=\"p-2 rounded-lg bg-white shadow-sm text-brand-vibrant\"><i class=\"fa-solid fa-check\"><\/i><\/span>\n <div>\n <h5 class=\"font-bold text-sm text-slate-900\">Chi\u1ebfn d\u1ecbch Chuy\u1ec3n \u0111\u1ed5i s\u1ed1 c\u1ed9ng \u0111\u1ed3ng<\/h5>\n <p class=\"text-xs text-slate-500\">Thanh ni\u00ean tr\u1ef1c ti\u1ebfp h\u1ed7 tr\u1ee3 b\u00e0 con c\u00e0i \u0111\u1eb7t t\u00e0i kho\u1ea3n d\u1ecbch v\u1ee5 c\u00f4ng, \u0111\u1ecbnh danh \u0111i\u1ec7n t\u1eed.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <span class=\"p-2 rounded-lg bg-white shadow-sm text-brand-vibrant\"><i class=\"fa-solid fa-check\"><\/i><\/span>\n <div>\n <h5 class=\"font-bold text-sm text-slate-900\">M\u00f9a H\u00e8 Xanh & T\u00ecnh nguy\u1ec7n s\u1ed1<\/h5>\n <p class=\"text-xs text-slate-500\">Lan t\u1ecfa gi\u00e1 tr\u1ecb t\u00edch c\u1ef1c th\u00f4ng qua m\u1ea1ng x\u00e3 h\u1ed9i, d\u1ecdn d\u1eb9p v\u1ec7 sinh m\u00f4i tr\u01b0\u1eddng th\u1ef1c t\u1ebf.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-7 space-y-4\">\n <h4 class=\"font-bold text-slate-900 text-sm tracking-wider uppercase mb-2\">\ud83d\udd25 Ho\u1ea1t \u0110\u1ed9ng \u0110ang Tuy\u1ec3n T\u00ecnh Nguy\u1ec7n Vi\u00ean<\/h4>\n \n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition border border-slate-100 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4\">\n <div>\n <span class=\"bg-emerald-100 text-emerald-700 text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">\u0110ang m\u1edf \u0111\u0103ng k\u00fd<\/span>\n <h4 class=\"font-extrabold text-slate-900 text-base mt-2\">D\u1ef1 \u00e1n “\u0110\u1ea1i s\u1ee9 s\u1ed1 h\u00f3a \u0111\u1ecba ph\u01b0\u01a1ng 2026”<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">H\u1ed7 tr\u1ee3 h\u01b0\u1edbng d\u1eabn ng\u01b0\u1eddi d\u00e2n qu\u00e9t m\u00e3 QR n\u1ed9p h\u1ed3 s\u01a1 c\u00f4ng tr\u1ef1c tuy\u1ebfn.<\/p>\n <\/div>\n <button onclick=\"registerYouth()\" class=\"bg-brand-vibrant hover:bg-brand-vibrant\/90 text-white text-xs font-bold px-4 py-2.5 rounded-xl transition shrink-0\">Tham gia ngay<\/button>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition border border-slate-100 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4\">\n <div>\n <span class=\"bg-emerald-100 text-emerald-700 text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">\u0110ang m\u1edf \u0111\u0103ng k\u00fd<\/span>\n <h4 class=\"font-extrabold text-slate-900 text-base mt-2\">\u0110\u1ed9i h\u00ecnh thanh ni\u00ean ph\u1ea3n \u1ee9ng nhanh \u0111\u00f4 th\u1ecb<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Ph\u1ed1i h\u1ee3p \u0111\u1ea3m b\u1ea3o tr\u1eadt t\u1ef1 v\u00e0 m\u1ef9 quan c\u00e1c ng\u00f5 ph\u1ed1 ch\u00ednh tr\u00ean \u0111\u1ecba b\u00e0n ph\u01b0\u1eddng.<\/p>\n <\/div>\n <button onclick=\"registerYouth()\" class=\"bg-brand-vibrant hover:bg-brand-vibrant\/90 text-white text-xs font-bold px-4 py-2.5 rounded-xl transition shrink-0\">Tham gia ngay<\/button>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm hover:shadow-md transition border border-slate-100 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4\">\n <div>\n <span class=\"bg-blue-100 text-blue-700 text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">\u1ee6ng h\u1ed9\/Quy\u00ean g\u00f3p<\/span>\n <h4 class=\"font-extrabold text-slate-900 text-base mt-2\">\u0110\u00f4ng \u1ea5m cho em h\u1ecdc sinh ho\u00e0n c\u1ea3nh kh\u00f3 kh\u0103n<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">G\u00e2y qu\u1ef9 v\u00e0 chu\u1ea9n b\u1ecb s\u00e1ch v\u1edf, qu\u1ea7n \u00e1o \u1ea5m g\u1eedi t\u1eb7ng v\u00f9ng cao.<\/p>\n <\/div>\n <button onclick=\"registerYouth()\" class=\"bg-slate-800 hover:bg-slate-900 text-white text-xs font-bold px-4 py-2.5 rounded-xl transition shrink-0\">\u0110\u00f3ng g\u00f3p<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">Ti\u1ebft Ki\u1ec7m Th\u1eddi Gian<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900\">D\u1ecbch V\u1ee5 C\u00f4ng M\u1ed9t Ch\u1ea1m<\/h2>\n <div class=\"w-16 h-1 bg-brand-vibrant mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-500 text-sm\">Kh\u00f4ng c\u1ea7n x\u1ebfp h\u00e0ng m\u1ec7t m\u1ecfi! Thanh ni\u00ean n\u0103ng \u0111\u1ed9ng \u01b0u ti\u00ean n\u1ed9p h\u1ed3 s\u01a1 tr\u1ef1c tuy\u1ebfn ch\u1ec9 qua v\u00e0i c\u00fa click.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-address-card\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">\u0110\u0103ng k\u00fd Th\u01b0\u1eddng tr\u00fa\/T\u1ea1m tr\u00fa<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">Khai b\u00e1o l\u01b0u tr\u00fa nhanh ch\u00f3ng, thu\u1eadn l\u1ee3i cho lao \u0111\u1ed9ng tr\u1ebb v\u00e0 sinh vi\u00ean.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-stamp\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">Ch\u1ee9ng th\u1ef1c b\u1ea3n sao \u0111i\u1ec7n t\u1eed<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">N\u1ed9p h\u1ed3 s\u01a1 ch\u1ee9ng th\u1ef1c b\u1eb1ng l\u00e1i xe, h\u1ecdc b\u1ea1 \u0111\u1ec3 ph\u1ee5c v\u1ee5 h\u1ecdc t\u1eadp, xin vi\u1ec7c online.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-baby\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">\u0110\u0103ng k\u00fd Khai sinh\/K\u1ebft h\u00f4n<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">C\u00e1c c\u1eb7p gia \u0111\u00ecnh tr\u1ebb d\u1ec5 d\u00e0ng \u0111\u0103ng k\u00fd h\u00e0nh ch\u00ednh m\u00e0 kh\u00f4ng ph\u1ea3i \u0111i l\u1ea1i nhi\u1ec1u l\u1ea7n.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n\n \n <div class=\"bg-slate-50 border border-slate-100 p-6 rounded-2xl hover:bg-gradient-to-br hover:from-brand-vibrant\/5 hover:to-brand-light\/5 hover:border-brand-vibrant\/20 transition duration-300\">\n <span class=\"text-3xl text-brand-vibrant mb-4 block\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/span>\n <h4 class=\"font-extrabold text-slate-900 text-sm mb-2\">H\u1ed7 tr\u1ee3 \u01b0u \u0111\u00e3i vay v\u1ed1n kh\u1edfi nghi\u1ec7p<\/h4>\n <p class=\"text-xs text-slate-500 mb-4\">Th\u1ee7 t\u1ee5c k\u1ebft n\u1ed1i ng\u00e2n h\u00e0ng ch\u00ednh s\u00e1ch, h\u1ed7 tr\u1ee3 thanh ni\u00ean l\u1eadp th\u00e2n l\u1eadp nghi\u1ec7p.<\/p>\n <a href=\"#\" class=\"text-xs font-bold text-brand-vibrant hover:underline flex items-center gap-1\">L\u00e0m h\u1ed3 s\u01a1 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 bg-slate-50\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n <div class=\"bg-white rounded-3xl p-8 sm:p-12 shadow-xl border border-slate-100 relative overflow-hidden\">\n <div class=\"absolute -right-12 -bottom-12 w-48 h-48 bg-brand-light\/10 rounded-full blur-2xl\"><\/div>\n \n <div class=\"text-center max-w-xl mx-auto mb-10 space-y-3\">\n <span class=\"text-brand-vibrant font-extrabold text-xs uppercase tracking-widest block\">T\u01b0\u01a1ng T\u00e1c Tr\u1ef1c Tuy\u1ebfn<\/span>\n <h3 class=\"text-2xl sm:text-3xl font-black text-slate-900\">G\u1eedi \u00dd Ki\u1ebfn Ph\u1ea3n \u00c1nh Nhanh<\/h3>\n <p class=\"text-slate-500 text-xs\">M\u1ef9 L\u1ed9c l\u1eafng nghe m\u1ecdi hi\u1ebfn k\u1ebf, g\u00f3p \u00fd v\u1ec1 tr\u1eadt t\u1ef1 \u0111\u00f4 th\u1ecb, v\u0103n h\u00f3a c\u1ed9ng \u0111\u1ed3ng ho\u1eb7c \u00fd t\u01b0\u1edfng ph\u00e1t tri\u1ec3n ph\u01b0\u1eddng c\u1ee7a c\u00e1c b\u1ea1n tr\u1ebb.<\/p>\n <\/div>\n\n \n <form onsubmit=\"handleSubmit(event)\" class=\"space-y-6\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">H\u1ecd v\u00e0 T\u00ean<\/label>\n <input type=\"text\" required placeholder=\"Nguy\u1ec5n V\u0103n A\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition\">\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\/Zalo<\/label>\n <input type=\"tel\" required placeholder=\"09xxxxxxxx\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">Ch\u1ee7 \u0111\u1ec1 g\u00f3p \u00fd<\/label>\n <select class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition bg-white\">\n <option>Hi\u1ebfn k\u1ebf x\u00e2y d\u1ef1ng \u0111\u00f4 th\u1ecb th\u00f4ng minh<\/option>\n <option>\u0110\u00f3ng g\u00f3p \u00fd t\u01b0\u1edfng ho\u1ea1t \u0111\u1ed9ng Chi \u0111o\u00e0n<\/option>\n <option>Ph\u1ea3n \u00e1nh tr\u1eadt t\u1ef1 \u0111\u00f4 th\u1ecb \/ M\u00f4i tr\u01b0\u1eddng<\/option>\n <option>Kh\u00e1c<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">N\u1ed9i dung chi ti\u1ebft<\/label>\n <textarea rows=\"4\" required placeholder=\"Nh\u1eadp n\u1ed9i dung b\u1ea1n mu\u1ed1n chia s\u1ebb v\u1edbi ch\u00ednh quy\u1ec1n ph\u01b0\u1eddng...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-brand-vibrant\/20 focus:border-brand-vibrant text-sm transition\"><\/textarea>\n <\/div>\n\n \n <button type=\"submit\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-brand-vibrant to-brand-light text-white font-extrabold text-sm shadow-lg shadow-brand-vibrant\/25 hover:opacity-95 active:scale-[0.99] transition transform duration-150\">\n <i class=\"fa-solid fa-paper-plane mr-2\"><\/i> G\u1eecI \u00dd KI\u1ebeN C\u1ee6A B\u1ea0N\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-brand-navy text-slate-400 py-16 border-t-4 border-brand-vibrant\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n \n \n <div class=\"lg:col-span-5 space-y-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-xl bg-brand-vibrant flex items-center justify-center text-white font-extrabold text-lg\">\n ML\n <\/div>\n <span class=\"font-black text-lg tracking-tight text-white\">M\u1ef8 L\u1ed8C <span class=\"text-brand-vibrant\">DIGITAL<\/span><\/span>\n <\/div>\n <p class=\"text-xs text-slate-400 leading-relaxed text-justify\">\n Trang th\u00f4ng tin k\u1ebft n\u1ed1i v\u00e0 s\u1ed1 h\u00f3a c\u1ed9ng \u0111\u1ed3ng Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c (phuongmyloc.vn). Ch\u00fang t\u00f4i n\u1ed7 l\u1ef1c mang l\u1ea1i tr\u1ea3i nghi\u1ec7m th\u1ee7 t\u1ee5c tr\u1ef1c tuy\u1ebfn tinh g\u1ecdn, hi\u1ec7n \u0111\u1ea1i v\u00e0 th\u00fac \u0111\u1ea9y s\u1ee9c tr\u1ebb ph\u00e1t tri\u1ec3n \u0111\u00f4 th\u1ecb th\u00f4ng minh.\n <\/p>\n <div class=\"flex gap-4 pt-2\">\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-brand-vibrant hover:text-white transition flex items-center justify-center text-slate-300\"><i class=\"fab fa-facebook-f text-sm\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-brand-vibrant hover:text-white transition flex items-center justify-center text-slate-300\"><i class=\"fab fa-tiktok text-sm\"><\/i><\/a>\n <a href=\"#\" class=\"w-8 h-8 rounded-full bg-white\/10 hover:bg-brand-vibrant hover:text-white transition flex items-center justify-center text-slate-300\"><i class=\"fab fa-youtube text-sm\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-3 space-y-3\">\n <h4 class=\"font-bold text-white text-xs uppercase tracking-widest border-b border-white\/10 pb-2\">Li\u00ean k\u1ebft nhanh<\/h4>\n <ul class=\"space-y-2 text-xs font-semibold\">\n <li><a href=\"#about\" class=\"hover:text-brand-vibrant transition\">H\u00e0nh tr\u00ecnh \u0111\u1ecba gi\u1edbi l\u1ecbch s\u1eed<\/a><\/li>\n <li><a href=\"#youth-hub\" class=\"hover:text-brand-vibrant transition\">Chi \u0111o\u00e0n ph\u01b0\u1eddng M\u1ef9 L\u1ed9c<\/a><\/li>\n <li><a href=\"#services\" class=\"hover:text-brand-vibrant transition\">N\u1ed9p h\u1ed3 s\u01a1 tr\u1ef1c tuy\u1ebfn<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-vibrant transition\">B\u1ea3n \u0111\u1ed3 quy ho\u1ea1ch \u0111\u00f4 th\u1ecb<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"lg:col-span-4 space-y-3\">\n <h4 class=\"font-bold text-white text-xs uppercase tracking-widest border-b border-white\/10 pb-2\">Li\u00ean h\u1ec7 & Ph\u1ea3n \u00e1nh<\/h4>\n <p class=\"text-xs leading-relaxed\"><i class=\"fa-solid fa-map-location-dot text-brand-vibrant mr-2\"><\/i> Tr\u1ee5 s\u1edf UBND Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c, TP. Nam \u0110\u1ecbnh<\/p>\n <p class=\"text-xs\"><i class=\"fa-solid fa-envelope text-brand-vibrant mr-2\"><\/i> banbientap@phuongmyloc.vn<\/p>\n <p class=\"text-xs\"><i class=\"fa-solid fa-phone text-brand-vibrant mr-2\"><\/i> H\u1ed7 tr\u1ee3 s\u1ed1: 0228.xxx.xxx<\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"border-t border-slate-800 mt-12 pt-6 text-center text-xs flex flex-col sm:flex-row justify-between items-center gap-4\">\n <p>© 2026 B\u1ea3n quy\u1ec1n thu\u1ed9c v\u1ec1 UBND Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c. Ph\u00e1t tri\u1ec3n b\u1edfi S\u1ee9c tr\u1ebb M\u1ef9 L\u1ed9c.<\/p>\n <p>Website: <span class=\"text-brand-vibrant font-bold\">phuongmyloc.vn<\/span><\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"modal\" class=\"fixed inset-0 bg-black\/60 backdrop-blur-sm z-[2000] hidden flex items-center justify-center p-4\">\n <div class=\"bg-white rounded-3xl p-8 max-w-sm w-full text-center space-y-4 shadow-2xl border border-slate-100 transform scale-95 transition-all duration-300\">\n <div id=\"modal-icon\" class=\"w-16 h-16 rounded-full bg-emerald-100 text-emerald-600 mx-auto flex items-center justify-center text-2xl\">\n <i class=\"fa-solid fa-check-double\"><\/i>\n <\/div>\n <h3 id=\"modal-title\" class=\"font-black text-xl text-slate-900\">\u0110\u0103ng k\u00fd th\u00e0nh c\u00f4ng!<\/h3>\n <p id=\"modal-message\" class=\"text-slate-500 text-xs leading-relaxed\">Th\u00f4ng tin c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c chuy\u1ec3n \u0111\u1ebfn ban ch\u1ec9 huy chi\u1ebfn d\u1ecbch. Ch\u00fang t\u00f4i s\u1ebd k\u1ebft n\u1ed1i qua s\u1ed1 \u0111i\u1ec7n tho\u1ea1i\/Zalo s\u1edbm nh\u1ea5t.<\/p>\n <button onclick=\"closeModal()\" class=\"w-full py-3 rounded-xl bg-brand-navy hover:bg-brand-navy\/95 text-white font-extrabold text-sm transition\">X\u00e1c nh\u1eadn<\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u0110i\u1ec1u khi\u1ec3n Menu Mobile\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ H\u00e0m \u0110\u0103ng k\u00fd ho\u1ea1t \u0111\u1ed9ng t\u00ecnh nguy\u1ec7n thanh ni\u00ean\n function registerYouth() {\n showModal(\n \"<i class='fa-solid fa-users-viewfinder'><\/i>\",\n \"\u0110\u0103ng k\u00fd \u1ee9ng tuy\u1ec3n T\u00ecnh Nguy\u1ec7n Vi\u00ean\",\n \"Tuy\u1ec7t v\u1eddi! S\u1ee9c tr\u1ebb M\u1ef9 L\u1ed9c r\u1ea5t vui m\u1eebng c\u00f3 b\u1ea1n \u0111\u1ed3ng h\u00e0nh. H\u00e3y k\u00e9o xu\u1ed1ng m\u1ee5c 'G\u1eedi \u00fd ki\u1ebfn ph\u1ea3n \u00e1nh nhanh' \u0111\u1ec3 \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin c\u00e1 nh\u00e2n. Ban chi huy s\u1ebd ph\u1ea3n h\u1ed3i sau 24h!\",\n \"bg-amber-100\",\n \"text-amber-600\"\n );\n }\n\n \/\/ H\u00e0m G\u1eedi Feedback\n function handleSubmit(event) {\n event.preventDefault();\n showModal(\n \"<i class='fa-solid fa-envelope-circle-check'><\/i>\",\n \"\u0110\u00e3 nh\u1eadn th\u00f4ng tin ph\u1ea3n \u00e1nh\",\n \"C\u1ea3m \u01a1n tinh th\u1ea7n tr\u00e1ch nhi\u1ec7m c\u1ee7a b\u1ea1n tr\u1ebb M\u1ef9 L\u1ed9c! N\u1ed9i dung hi\u1ebfn k\u1ebf\/g\u00f3p \u00fd c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c ghi nh\u1eadn tr\u1ef1c ti\u1ebfp tr\u00ean h\u1ec7 th\u1ed1ng s\u1ed1 h\u00f3a phuongmyloc.vn v\u00e0 chuy\u1ec3n t\u1edbi c\u00e1n b\u1ed9 x\u1eed l\u00fd.\",\n \"bg-emerald-100\",\n \"text-emerald-600\"\n );\n event.target.reset();\n }\n\n \/\/ \u0110i\u1ec1u khi\u1ec3n Modal\n const modal = document.getElementById('modal');\n function showModal(icon, title, message, bgClass = 'bg-emerald-100', textClass = 'text-emerald-600') {\n const mIcon = document.getElementById('modal-icon');\n mIcon.className = `w-16 h-16 rounded-full ${bgClass} ${textClass} mx-auto flex items-center justify-center text-2xl`;\n mIcon.innerHTML = icon;\n document.getElementById('modal-title').innerText = title;\n document.getElementById('modal-message').innerText = message;\n \n modal.classList.remove('hidden');\n setTimeout(() => {\n modal.firstElementChild.classList.remove('scale-95');\n modal.firstElementChild.classList.add('scale-100');\n }, 50);\n }\n\n function closeModal() {\n modal.firstElementChild.classList.remove('scale-100');\n modal.firstElementChild.classList.add('scale-95');\n setTimeout(() => {\n modal.add('hidden');\n }, 150);\n modal.classList.add('hidden');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>M\u1ef9 L\u1ed9c Digital – C\u1ed5ng Th\u00f4ng Tin Tr\u1ebb Ph\u01b0\u1eddng M\u1ef9 L\u1ed9c Hot News Chi\u1ebfn d\u1ecbch m\u00f9a h\u00e8 xanh 2026 ch\u00ednh th\u1ee9c kh\u1edfi \u0111\u1ed9ng t\u1eeb ng\u00e0y 01\/06! | M\u1ef9 L\u1ed9c, Nam \u0110\u1ecbnh (C\u0169) – Ninh B\u00ecnh ML M\u1ef8 L\u1ed8C DIGITAL C\u1ed5ng giao ti\u1ebfp th\u1ebf h\u1ec7 m\u1edbi Trang Ch\u1ee7 H\u00e0nh Tr\u00ecnh L\u1ecbch S\u1eed Thanh Ni\u00ean S\u1ed1 D\u1ecbch […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-11","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":1,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/11\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=\/wp\/v2\/posts\/11\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phuongmyloc.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}