{"id":30588,"date":"2025-12-30T13:44:28","date_gmt":"2025-12-30T13:44:28","guid":{"rendered":"https:\/\/edufuture.com.vn\/?page_id=30588"},"modified":"2025-12-30T13:47:20","modified_gmt":"2025-12-30T13:47:20","slug":"bao-gia","status":"publish","type":"page","link":"https:\/\/edufuture.com.vn\/en\/bao-gia\/","title":{"rendered":"B\u00e1o gi\u00e1"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n B\u00e1o gi\u00e1 Website EduFuture – G\u00f3i C\u1ed1t L\u00f5i<\/title>\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- Chart.js -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <!-- Google Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #F8FAFC;\n color: #0F172A;\n }\n \n .chart-container {\n position: relative;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n\n .material-card {\n background-color: white;\n border-radius: 1.25rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n padding: 2rem;\n border: 1px solid #E2E8F0;\n }\n\n .notice-box {\n background-color: #FFF7ED;\n border-left: 4px solid #EA580C;\n color: #9A3412;\n }\n\n .tech-tag {\n background-color: #F1F5F9;\n color: #475569;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n }\n\n .gradient-bg {\n background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);\n }\n <\/style>\n <!-- \n Palette Name: Trust & Modernity (Navy Blue & Safety Orange)\n Primary: #1E3A8A\n Accent: #EA580C\n -->\n <!-- \n Source Material Analysis:\n - Target: EduFuture (English\/Chinese\/Taiwan Study Abroad)\n - Budget: 9.5M (Freelance cost only)\n - Tech: WP + Eduma + Elementor (Free)\n - Exclusions: Hosting & Domain (Mandatory Highlight)\n \n Narrative Plan:\n 1. Header: Final Price & Crucial Exclusions.\n 2. Investment Breakdown: 9.5M distribution.\n 3. Technical Stack: Highlighting Eduma + Elementor Free.\n 4. Included Features: Focus on LMS and Design.\n 5. Future Roadmap: AI & Online Payment proposals.\n -->\n<\/head>\n<body class=\"bg-slate-50\">\n\n <!-- Header Section -->\n <header class=\"gradient-bg text-white py-16 px-4 shadow-2xl\">\n <div class=\"max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center\">\n <div class=\"mb-8 md:mb-0 text-center md:text-left\">\n <h1 class=\"text-4xl font-black mb-2 tracking-tight\">EduFuture Digital Proposal<\/h1>\n <p class=\"text-blue-100 text-lg\">X\u00e2y d\u1ef1ng n\u1ec1n t\u1ea3ng c\u1ed1t l\u00f5i – S\u1eb5n s\u00e0ng b\u1ee9t ph\u00e1<\/p>\n <div class=\"mt-6 flex flex-wrap gap-2 justify-center md:justify-start\">\n <span class=\"tech-tag bg-blue-500\/20 text-white border border-blue-400\/30\">WordPress<\/span>\n <span class=\"tech-tag bg-blue-500\/20 text-white border border-blue-400\/30\">Eduma Theme<\/span>\n <span class=\"tech-tag bg-blue-500\/20 text-white border border-blue-400\/30\">Elementor Free<\/span>\n <\/div>\n <\/div>\n <div class=\"bg-white p-8 rounded-3xl shadow-xl text-slate-800 text-center min-w-[280px]\">\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-1\">Chi ph\u00ed th\u1ef1c hi\u1ec7n<\/div>\n <div class=\"text-5xl font-black text-blue-600 mb-2\">9.5tr<\/div>\n <p class=\"text-[10px] text-orange-600 font-bold leading-tight\">\n * CH\u01afA BAO G\u1ed2M CHI PH\u00cd<br>HOSTING & T\u00caN MI\u1ec0N\n <\/p>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4 -mt-10 pb-20\">\n\n <!-- Critical Notice -->\n <div class=\"notice-box p-6 rounded-2xl mb-12 flex items-start shadow-sm\">\n <span class=\"text-2xl mr-4\">\u26a0\ufe0f<\/span>\n <div>\n <h4 class=\"font-bold text-lg mb-1\">L\u01b0u \u00fd v\u1ec1 h\u1ea1 t\u1ea7ng (Hosting\/Domain)<\/h4>\n <p class=\"text-sm\">\n M\u1ee9c gi\u00e1 9.500.000 VN\u0110 l\u00e0 <strong>ph\u00ed d\u1ecbch v\u1ee5 ch\u1ea5t x\u00e1m (freelancer)<\/strong> \u0111\u1ec3 thi\u1ebft l\u1eadp website. Kh\u00e1ch h\u00e0ng s\u1ebd thanh to\u00e1n ri\u00eang ti\u1ec1n thu\u00ea Hosting v\u00e0 mua T\u00ean mi\u1ec1n h\u00e0ng n\u0103m cho nh\u00e0 cung c\u1ea5p (v\u00ed d\u1ee5: Mat Bao, INET, ho\u1eb7c Azdigi). T\u00f4i s\u1ebd h\u1ed7 tr\u1ee3 t\u01b0 v\u1ea5n ch\u1ecdn g\u00f3i t\u1ed1i \u01b0u nh\u1ea5t.\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Section: Budget Allocation -->\n <section class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-24\">\n <div class=\"material-card\">\n <h3 class=\"text-center font-bold text-slate-400 uppercase text-xs tracking-widest mb-8\">Ph\u00e2n b\u1ed5 ng\u00e2n s\u00e1ch Phase 1 (%)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"budgetChart\"><\/canvas>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"text-3xl font-bold mb-6\">Chi ti\u1ebft c\u00e1c h\u1ea1ng m\u1ee5c th\u1ef1c hi\u1ec7n<\/h2>\n <div class=\"space-y-6\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-blue-100 text-blue-600 rounded-xl flex items-center justify-center font-bold\">01<\/div>\n <div class=\"ml-4\">\n <h4 class=\"font-bold text-slate-800\">Thi\u1ebft l\u1eadp & C\u1ea5u tr\u00fac (1.5M)<\/h4>\n <p class=\"text-sm text-slate-500\">C\u00e0i \u0111\u1eb7t WordPress, Theme Eduma, c\u1ea5u h\u00ecnh b\u1ea3o m\u1eadt c\u01a1 b\u1ea3n v\u00e0 h\u1ec7 th\u1ed1ng trang m\u1eabu.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-orange-100 text-orange-600 rounded-xl flex items-center justify-center font-bold\">02<\/div>\n <div class=\"ml-4\">\n <h4 class=\"font-bold text-slate-800\">Giao di\u1ec7n & Elementor (3.5M)<\/h4>\n <p class=\"text-sm text-slate-500\">S\u1eed d\u1ee5ng Elementor (Free) k\u1ebft h\u1ee3p t\u00f9y bi\u1ebfn CSS \u0111\u1ec3 t\u1ea1o c\u00e1c kh\u1ed1i Landing Page du h\u1ecdc v\u00e0 trang ch\u1ee7 b\u1eaft m\u1eaft.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-teal-100 text-teal-600 rounded-xl flex items-center justify-center font-bold\">03<\/div>\n <div class=\"ml-4\">\n <h4 class=\"font-bold text-slate-800\">LMS & N\u1ed9i dung (2.5M)<\/h4>\n <p class=\"text-sm text-slate-500\">Thi\u1ebft l\u1eadp danh m\u1ee5c kh\u00f3a h\u1ecdc (Anh\/Trung), nh\u1eadp li\u1ec7u 10-15 kh\u00f3a h\u1ecdc v\u00e0 b\u00e0i vi\u1ebft du h\u1ecdc m\u1eabu.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-purple-100 text-purple-600 rounded-xl flex items-center justify-center font-bold\">04<\/div>\n <div class=\"ml-4\">\n <h4 class=\"font-bold text-slate-800\">B\u00e0n giao & HDSD (2M)<\/h4>\n <p class=\"text-sm text-slate-500\">H\u01b0\u1edbng d\u1eabn nh\u00e2n vi\u00ean EduFuture c\u00e1ch \u0111\u0103ng b\u00e0i, thay \u1ea3nh banner v\u00e0 qu\u1ea3n l\u00fd form h\u1ecdc vi\u00ean.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section: Strength Radar -->\n <section class=\"mb-24\">\n <div class=\"material-card grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n <div>\n <h2 class=\"text-3xl font-bold mb-4\">Gi\u00e1 tr\u1ecb k\u1ef9 thu\u1eadt nh\u1eadn \u0111\u01b0\u1ee3c<\/h2>\n <p class=\"text-slate-600 mb-6\">\n B\u1eb1ng vi\u1ec7c s\u1eed d\u1ee5ng <strong>Elementor th\u01b0\u1eddng<\/strong>, website v\u1eabn \u0111\u1ea3m b\u1ea3o \u0111\u1ed9 nh\u1eb9 v\u00e0 kh\u1ea3 n\u0103ng t\u00f9y bi\u1ebfn t\u1ed1t nh\u1ea5t cho ng\u01b0\u1eddi kh\u00f4ng chuy\u00ean. Tr\u1ecdng t\u00e2m c\u1ee7a gi\u1ea3i ph\u00e1p n\u00e0y l\u00e0 s\u1ee9c m\u1ea1nh qu\u1ea3n l\u00fd c\u1ee7a <strong>Eduma<\/strong>.\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"font-bold text-blue-700\">T\u01b0\u01a1ng th\u00edch di \u0111\u1ed9ng 100%<\/div>\n <div class=\"text-xs text-slate-500\">Hi\u1ec3n th\u1ecb m\u01b0\u1ee3t m\u00e0 tr\u00ean iPhone, Android v\u00e0 Tablet.<\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"font-bold text-blue-700\">LMS Chuy\u00ean s\u00e2u<\/div>\n <div class=\"text-xs text-slate-500\">Qu\u1ea3n l\u00fd l\u1ed9 tr\u00ecnh h\u1ecdc t\u1eadp, quiz v\u00e0 ch\u1ee9ng ch\u1ec9 (t\u00f9y ch\u1ecdn).<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"radarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Section: Future Roadmap -->\n <section class=\"mb-12\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-black mb-2\">\u0110\u1ec1 xu\u1ea5t N\u00e2ng c\u1ea5p (Phase 2)<\/h2>\n <p class=\"text-slate-500\">Khi trung t\u00e2m ho\u1ea1t \u0111\u1ed9ng \u1ed5n \u0111\u1ecbnh v\u00e0 c\u1ea7n t\u1ef1 \u0111\u1ed9ng h\u00f3a cao h\u01a1n.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <!-- AI Bot Upgrade -->\n <div class=\"material-card bg-slate-900 text-white border-none\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-4\">\ud83e\udd16<\/span>\n <h4 class=\"text-xl font-bold text-orange-400\">AI Chatbot T\u01b0 v\u1ea5n<\/h4>\n <\/div>\n <p class=\"text-slate-400 text-sm mb-6 leading-relaxed\">\n T\u00edch h\u1ee3p chatbot th\u00f4ng minh (Gemini\/ChatGPT API) \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng tr\u1ea3 l\u1eddi c\u00e1c th\u1eafc m\u1eafc v\u1ec1: L\u1ecbch h\u1ecdc, H\u1ecdc ph\u00ed Anh\/Trung v\u00e0 quy tr\u00ecnh Du h\u1ecdc \u0110\u00e0i Loan theo th\u1eddi th\u1ef1c.\n <\/p>\n <div class=\"text-xs font-mono text-slate-500 italic uppercase\">T\u0103ng t\u1ef7 l\u1ec7 chuy\u1ec3n \u0111\u1ed5i kh\u00e1ch h\u00e0ng ban \u0111\u00eam<\/div>\n <\/div>\n\n <!-- Payment Upgrade -->\n <div class=\"material-card bg-slate-900 text-white border-none\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-4\">\ud83d\udcb3<\/span>\n <h4 class=\"text-xl font-bold text-blue-400\">Thanh to\u00e1n Tr\u1ef1c tuy\u1ebfn<\/h4>\n <\/div>\n <p class=\"text-slate-400 text-sm mb-6 leading-relaxed\">\n K\u1ebft n\u1ed1i c\u1ed5ng thanh to\u00e1n VNPAY, Momo ho\u1eb7c qu\u00e9t m\u00e3 VietQR t\u1ef1 \u0111\u1ed9ng. H\u1ecdc vi\u00ean \u0111\u00f3ng h\u1ecdc ph\u00ed xong s\u1ebd \u0111\u01b0\u1ee3c m\u1edf kh\u00f3a kh\u00f3a h\u1ecdc online ngay l\u1eadp t\u1ee9c.\n <\/p>\n <div class=\"text-xs font-mono text-slate-500 italic uppercase\">Gi\u1ea3m t\u1ea3i c\u00f4ng vi\u1ec7c cho b\u1ed9 ph\u1eadn k\u1ebf to\u00e1n<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"text-center py-12 border-t border-slate-200 mt-24\">\n <p class=\"text-slate-400 text-sm mb-4 italic\">B\u00e1o gi\u00e1 c\u00e1 nh\u00e2n (freelancer), kh\u00f4ng bao g\u1ed3m thu\u1ebf VAT v\u00e0 c\u00e1c ph\u00ed b\u1ea3n quy\u1ec1n ph\u1ea7n m\u1ec1m b\u00ean th\u1ee9 3.<\/p>\n <div class=\"flex justify-center gap-4\">\n <button class=\"bg-blue-600 text-white px-8 py-3 rounded-xl font-bold hover:bg-blue-700 transition\">Ch\u1ed1t ph\u01b0\u01a1ng \u00e1n 9.5M<\/button>\n <\/div>\n <\/footer>\n\n <\/main>\n\n <script>\n \/\/ --- Utility: Label Wrapping (16 chars) ---\n function wrap(str) {\n if (str.length <= 16) return str;\n const words = str.split(' ');\n const lines = [];\n let current = '';\n words.forEach(w => {\n if ((current + w).length > 16) {\n lines.push(current.trim());\n current = w + ' ';\n } else {\n current += w + ' ';\n }\n });\n lines.push(current.trim());\n return lines;\n }\n\n \/\/ --- Common Tooltip Config ---\n const tooltipOptions = {\n plugins: {\n tooltip: {\n callbacks: {\n title: function(items) {\n const label = items[0].chart.data.labels[items[0].dataIndex];\n return Array.isArray(label) ? label.join(' ') : label;\n }\n }\n }\n }\n };\n\n \/\/ --- Budget Chart ---\n new Chart(document.getElementById('budgetChart'), {\n type: 'doughnut',\n data: {\n labels: [\n wrap(\"Giao di\u1ec7n & Elementor\"),\n wrap(\"N\u1ed9i dung & LMS\"),\n wrap(\"Setup & License\"),\n wrap(\"\u0110\u00e0o t\u1ea1o b\u00e0n giao\")\n ],\n datasets: [{\n data: [35, 25, 15, 25],\n backgroundColor: ['#2563EB', '#F97316', '#14B8A6', '#4F46E5'],\n borderWidth: 0,\n hoverOffset: 15\n }]\n },\n options: {\n maintainAspectRatio: false,\n cutout: '70%',\n ...tooltipOptions,\n plugins: {\n ...tooltipOptions.plugins,\n legend: { position: 'bottom', labels: { usePointStyle: true, padding: 25 } }\n }\n }\n });\n\n \/\/ --- Radar Chart ---\n new Chart(document.getElementById('radarChart'), {\n type: 'radar',\n data: {\n labels: [\n wrap(\"H\u1ec7 th\u1ed1ng LMS\"),\n wrap(\"\u0110\u1ed9 th\u1ea9m m\u1ef9\"),\n wrap(\"D\u1ec5 qu\u1ea3n tr\u1ecb\"),\n wrap(\"T\u01b0\u01a1ng th\u00edch Di \u0111\u1ed9ng\"),\n wrap(\"Kh\u1ea3 n\u0103ng n\u00e2ng c\u1ea5p\"),\n wrap(\"B\u1ea3o m\u1eadt c\u01a1 b\u1ea3n\")\n ],\n datasets: [{\n label: 'EduFuture Core',\n data: [100, 85, 95, 90, 100, 80],\n backgroundColor: 'rgba(37, 99, 235, 0.1)',\n borderColor: '#2563EB',\n pointBackgroundColor: '#F97316',\n borderWidth: 2\n }]\n },\n options: {\n maintainAspectRatio: false,\n ...tooltipOptions,\n scales: {\n r: {\n suggestedMin: 0,\n suggestedMax: 100,\n ticks: { display: false }\n }\n }\n }\n });\n <\/script>\n <!-- \n Compliance Check:\n - NO SVG\/Mermaid used.\n - Single HTML file structure.\n - Chart.js via Canvas for visualizations.\n - Label wrapping & Tooltip logic applied for quality.\n - Specifically emphasized Hosting\/Domain EXCLUSION.\n - Corrected to Elementor FREE usage.\n -->\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\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>B\u00e1o gi\u00e1 Website EduFuture – G\u00f3i C\u1ed1t L\u00f5i EduFuture Digital Proposal X\u00e2y d\u1ef1ng n\u1ec1n t\u1ea3ng c\u1ed1t l\u00f5i – S\u1eb5n s\u00e0ng b\u1ee9t ph\u00e1 WordPress Eduma Theme Elementor Free Chi ph\u00ed th\u1ef1c hi\u1ec7n 9.5tr * CH\u01afA BAO G\u1ed2M CHI PH\u00cdHOSTING & T\u00caN … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"courseId":0,"footnotes":""},"class_list":["post-30588","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/pages\/30588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/comments?post=30588"}],"version-history":[{"count":4,"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/pages\/30588\/revisions"}],"predecessor-version":[{"id":30592,"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/pages\/30588\/revisions\/30592"}],"wp:attachment":[{"href":"https:\/\/edufuture.com.vn\/en\/wp-json\/wp\/v2\/media?parent=30588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}