Quotation for Information Website Design Service \u2013 DPS.MEDIA<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --navy: #0f0e5c;\n --navy2: #151577;\n --green: #1fa855;\n --green2: #32b561;\n --orange: #f04a1a;\n --orange2: #ff5a2a;\n --purple: #6c3bff;\n --purple2: #7c4dff;\n --red: #e53935;\n --bg: #f0f2f8;\n --card: #ffffff;\n --border: #e0e4f0;\n --text: #1a1a2e;\n --muted: #64748b;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0\n }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n background-image: radial-gradient(circle, #c8cce8 1px, transparent 1px);\n background-size: 28px 28px;\n color: var(--text);\n font-size: 14px;\n line-height: 1.75\n }\n\n a { color: inherit; text-decoration: none; }\n a:hover { color: inherit; }\n a:visited { color: inherit; }\n a:focus { outline: none; color: inherit; }\n .pkg-cta, .pkg-cta:hover, .pkg-cta:visited { color: #fff !important; }\n .sidebar-cta, .sidebar-cta:hover { color: #fff !important; }\n .mob-header-cta, .mob-header-cta:hover { color: #fff !important; }\n .mob-popup-zalo, .mob-popup-zalo:hover { color: #fff !important; }\n .toc a, .toc a:hover, .toc a:visited { color: #444; }\n .toc a:hover { color: var(--navy2); }\n .sidebar-nav a, .sidebar-nav a:hover, .sidebar-nav a:visited { color: #555; }\n .sidebar-nav a:hover { color: #151577; }\n .sidebar-nav a.active, .sidebar-nav a.active:hover { color: #151577; }\n .mob-popup-links a, .mob-popup-links a:hover, .mob-popup-links a:visited { color: #333; }\n .link-btn, .link-btn:hover, .link-btn:visited { color: #fff !important; }\n ul { padding-left: 17px; margin: 0 }\n li { margin-bottom: 3px }\n\n .layout {\n display: flex;\n align-items: flex-start;\n max-width: 1260px;\n margin: 0 auto;\n padding: 30px 16px 60px;\n gap: 22px;\n }\n\n .page { flex: 1; min-width: 0; }\n\n \/* SIDEBAR *\/\n .sidebar {\n width: 196px;\n flex-shrink: 0;\n position: sticky;\n top: 20px;\n max-height: calc(100vh - 40px);\n overflow-y: auto;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n padding: 14px 0 10px;\n box-shadow: 0 2px 12px rgba(0,0,0,.07);\n }\n\n .sidebar::-webkit-scrollbar { width: 4px }\n .sidebar::-webkit-scrollbar-thumb { background: #d0d0e8; border-radius: 4px }\n\n .sidebar-title {\n font-size: 10.5px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: .6px;\n color: #151577;\n padding: 0 14px 10px;\n border-bottom: 1px solid #eee;\n margin-bottom: 8px\n }\n\n .sidebar-nav a {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 14px;\n text-decoration: none;\n color: #555;\n font-size: 12.5px;\n line-height: 1.4;\n border-left: 3px solid transparent;\n transition: all .18s\n }\n\n .sidebar-nav a:hover { background: #f0f0ff; color: #151577 }\n .sidebar-nav a.active { background: #e8eeff; color: #151577; font-weight: 700; border-left-color: #151577 }\n\n .sidebar-nav a .sn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border-radius: 5px;\n background: #eee;\n font-size: 10.5px;\n font-weight: 700;\n color: #555;\n flex-shrink: 0;\n transition: all .18s\n }\n\n .sidebar-nav a.active .sn { background: #151577; color: #fff }\n .sidebar-nav a .slabel { flex: 1 }\n\n .sidebar-cta {\n margin: 10px 10px 0;\n display: block;\n text-align: center;\n background: linear-gradient(135deg, #1fa855, #32b561);\n color: #fff;\n text-decoration: none;\n padding: 9px 6px;\n border-radius: 8px;\n font-size: 11.5px;\n font-weight: 800;\n letter-spacing: .2px;\n box-shadow: 0 3px 10px rgba(31,168,85,.3);\n transition: opacity .2s\n }\n\n .sidebar-cta:hover { opacity: .9 }\n\n .sidebar-pdf {\n margin: 8px 10px 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n background: #f0f0ff;\n color: #151577;\n border: 1.5px solid #151577;\n padding: 7px 6px;\n border-radius: 6px;\n font-size: 11.5px;\n font-weight: 700;\n cursor: pointer;\n font-family: 'Plus Jakarta Sans', sans-serif;\n width: calc(100% - 20px)\n }\n\n .sidebar-pdf:hover { background: #e0e0ff }\n\n \/* HEADER *\/\n .header-wrap {\n border-radius: 14px;\n overflow: hidden;\n margin-bottom: 24px;\n background: #fff;\n box-shadow: 0 4px 24px rgba(15,14,92,.12);\n animation: fadeUp .5s ease both\n }\n\n .header-top { display: grid; grid-template-columns: 240px 1fr }\n\n .header-logo {\n padding: 22px 26px;\n background: #fff;\n display: flex;\n align-items: center;\n border-right: 1px solid #f0f0f0\n }\n\n .header-logo img { width: 190px; height: auto }\n\n .header-info {\n background: linear-gradient(135deg, #1fa855 0%, #0d9748 100%);\n padding: 18px 26px;\n position: relative;\n overflow: hidden\n }\n\n .header-info::after {\n content: '';\n position: absolute;\n top: -30px; right: -30px;\n width: 120px; height: 120px;\n background: rgba(255,255,255,.08);\n border-radius: 50%\n }\n\n .header-info p { color: #fff; margin-bottom: 3px; font-size: 13.5px }\n .header-info p.bold { font-weight: 800; font-size: 15px; margin-bottom: 2px }\n .header-info p.sm { color: #c8f5da; font-size: 12.5px }\n\n .header-title {\n background: linear-gradient(135deg, #0f0e5c 0%, #1e1da8 60%, #2d1fa8 100%);\n padding: 22px 26px;\n text-align: center;\n position: relative;\n overflow: hidden\n }\n\n .header-title h1 {\n color: #fff;\n font-size: 20px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: .6px;\n margin: 0 auto 8px;\n line-height: 1.3;\n max-width: 90%;\n text-shadow: 0 2px 16px rgba(0,0,0,.35)\n }\n\n .header-title p { color: #a8b0f0; font-size: 13px; font-style: italic }\n\n \/* PKG CARDS \u2014 2 g\u00f3i *\/\n .pkg-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n animation: fadeUp .55s .22s ease both\n }\n\n .pkg-card {\n border-radius: 14px;\n overflow: visible;\n border: 2px solid transparent;\n box-shadow: 0 4px 16px rgba(0,0,0,.08);\n position: relative;\n background: #fff;\n transition: transform .28s, box-shadow .28s\n }\n\n .pkg-card:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(0,0,0,.13) }\n\n .pkg-card.featured {\n border-color: var(--orange2);\n box-shadow: 0 8px 32px rgba(255,90,42,.22);\n transform: translateY(-4px)\n }\n\n .pkg-card.featured:hover {\n transform: translateY(-9px);\n box-shadow: 0 20px 48px rgba(255,90,42,.28)\n }\n\n .pkg-popular-tag {\n position: absolute;\n top: -14px; left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(90deg, #ff5a2a, #ff8c00);\n color: #fff;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n white-space: nowrap;\n box-shadow: 0 3px 10px rgba(255,90,42,.4);\n letter-spacing: .4px;\n text-transform: uppercase;\n z-index: 2\n }\n\n .pkg-hd {\n padding: 20px 20px 16px;\n color: #fff;\n position: relative;\n overflow: hidden;\n border-radius: 12px 12px 0 0\n }\n\n .pkg-hd .name { font-size: 10.5px; font-weight: 700; text-transform: uppercase; opacity: .85; margin-bottom: 4px; letter-spacing: .5px }\n .pkg-hd .title { font-size: 18px; font-weight: 900; margin-bottom: 2px }\n .pkg-hd .sub { font-size: 11.5px; opacity: .75; margin-top: 2px }\n\n .pkg-hd .price-tag {\n margin-top: 12px;\n display: inline-block;\n background: rgba(255,255,255,.18);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 8px;\n padding: 6px 12px\n }\n\n .pkg-hd .price-tag .price-main { font-size: 17px; font-weight: 900; color: #fff; display: block; line-height: 1.2 }\n .pkg-hd .price-tag .price-note { font-size: 10px; opacity: .8; display: block }\n\n .pkg-bd { background: #fff; padding: 16px 18px; border-radius: 0 0 12px 12px }\n\n .pkg-cta {\n display: block;\n text-align: center;\n padding: 10px 0;\n border-radius: 8px;\n font-weight: 800;\n font-size: 13px;\n text-decoration: none;\n margin: 12px 0 10px;\n color: #fff;\n letter-spacing: .3px;\n transition: opacity .2s, transform .2s\n }\n\n .pkg-cta:hover { opacity: .9; transform: scale(1.02) }\n\n .pkg-target {\n font-size: 12.5px;\n color: #555;\n margin-bottom: 10px;\n font-style: italic;\n padding: 8px 10px;\n background: #f8f9ff;\n border-radius: 6px;\n border-left: 3px solid #dde\n }\n\n .pkg-list { padding-left: 0; list-style: none; font-size: 12.5px; color: #333 }\n\n .pkg-list li { margin-bottom: 6px; padding-left: 18px; position: relative }\n\n .pkg-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--green2);\n font-weight: 900;\n font-size: 11px\n }\n\n .pkg-badge {\n display: inline-block;\n margin-top: 10px;\n padding: 5px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: #fff\n }\n\n \/* COLOR HELPERS *\/\n .bg-green { background: linear-gradient(135deg, #1fa855, #32b561) }\n .bg-orange { background: linear-gradient(135deg, #f04a1a, #ff6b35) }\n .bg-purple { background: linear-gradient(135deg, #6c3bff, #9b6dff) }\n .border-green { border-color: var(--green2) }\n .border-orange { border-color: var(--orange2) }\n .border-purple { border-color: var(--purple2) }\n\n .yes { color: #15803d; font-weight: 700 }\n .no { color: #dc2626; font-weight: 700 }\n .mid { color: #d97706; font-weight: 600 }\n\n .tick {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px; height: 24px;\n background: #16a34a;\n color: #fff;\n font-size: 13px;\n font-weight: 900;\n border-radius: 50%\n }\n\n .cross {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px; height: 24px;\n background: #ef4444;\n color: #fff;\n font-size: 12px;\n font-weight: 700;\n border-radius: 50%\n }\n\n .price-cell { font-weight: 700; color: var(--navy2); font-size: 13px }\n .free-cell { color: #32b561; font-weight: 700 }\n\n \/* TOC *\/\n .toc {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 16px 20px;\n margin-bottom: 20px;\n box-shadow: 0 2px 8px rgba(15,14,92,.05);\n animation: fadeUp .5s .18s ease both\n }\n\n .toc h4 {\n color: var(--navy2);\n font-size: 12.5px;\n font-weight: 800;\n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: .5px\n }\n\n .toc-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 6px\n }\n\n .toc a {\n display: block;\n padding: 7px 11px;\n border-radius: 6px;\n font-size: 12.5px;\n text-decoration: none;\n color: #444;\n background: #f5f7ff;\n border: 1px solid var(--border);\n transition: background .15s, color .15s\n }\n\n .toc a:hover, .toc a.active { background: #e8eeff; color: var(--navy2) }\n .toc a span { font-weight: 800; color: var(--navy2); margin-right: 4px }\n\n #btn-pdf {\n width: 100%;\n margin-top: 10px;\n padding: 9px;\n background: linear-gradient(90deg, #f04a1a, #ff6b35);\n color: #fff;\n border: none;\n border-radius: 6px;\n font-weight: 800;\n cursor: pointer;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n box-shadow: 0 3px 10px rgba(240,74,26,.3)\n }\n\n #btn-pdf:hover { opacity: .9 }\n\n \/* ACCORDION *\/\n .acc-wrap {\n margin-bottom: 12px;\n border-radius: 12px;\n overflow: visible;\n border: 1px solid var(--border);\n background: #fff;\n transition: box-shadow .3s\n }\n\n .acc-wrap:has(.acc-body.open) {\n box-shadow: 0 6px 24px rgba(15,14,92,.1);\n border-color: #c8ccee\n }\n\n .acc-wrap.highlight {\n border: 2px solid #1fa855;\n box-shadow: 0 0 0 3px rgba(31,168,85,.15), 0 8px 32px rgba(31,168,85,.18);\n position: relative;\n margin-top: 20px;\n }\n\n .acc-wrap.highlight::before {\n content: '\u2b50 N\u1ed4I B\u1eacT';\n position: absolute;\n top: -13px; right: 20px;\n background: linear-gradient(135deg, #1fa855, #32d46e);\n color: #fff!important;\n font-size: 10.5px;\n font-weight: 800;\n padding: 3px 12px;\n border-radius: 999px;\n letter-spacing: .5px;\n z-index: 2;\n box-shadow: 0 3px 10px rgba(31,168,85,.35)\n }\n\n .acc-wrap.highlight .acc-btn {\n background: linear-gradient(135deg, #0d7a3a 0%, #1fa855 50%, #0d9748 100%);\n font-size: 15px\n }\n\n .acc-wrap.highlight .acc-btn:hover {\n background: linear-gradient(135deg, #15a04e 0%, #28c964 100%)\n }\n\n .acc-btn {\n width: 100%;\n text-align: left;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 20px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 800;\n background: linear-gradient(135deg, #0f0e5c 0%, #1e1da8 100%);\n color: #fff!important;\n transition: background .25s;\n letter-spacing: .2px;\n border-radius: 11px 11px 0 0;\n }\n\n .acc-wrap:not(:has(.acc-body.open)) .acc-btn {\n border-radius: 11px;\n }\n\n .acc-btn:hover { background: linear-gradient(135deg, #1a19a0 0%, #2a28cc 100%) }\n\n .acc-btn .num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 28px; height: 28px;\n border-radius: 8px;\n background: rgba(255,255,255,.18);\n font-size: 13px;\n font-weight: 900;\n margin-right: 10px;\n flex-shrink: 0;\n border: 1px solid rgba(255,255,255,.2)\n }\n\n .acc-btn .arrow {\n font-size: 18px;\n transition: transform .35s cubic-bezier(.4,0,.2,1);\n flex-shrink: 0;\n opacity: .8\n }\n\n .acc-btn.open .arrow { transform: rotate(180deg) }\n\n .acc-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height .45s cubic-bezier(.4,0,.2,1), opacity .35s ease;\n opacity: 0\n }\n\n .acc-body.open {\n opacity: 1;\n border-radius: 0 0 11px 11px;\n overflow: hidden;\n }\n\n \/* SUB HEADERS *\/\n .sub-hd {\n background: linear-gradient(90deg, #1fa855, #32d46e);\n color: #fff;\n padding: 9px 18px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: .2px\n }\n\n .sub-hd.orange { background: linear-gradient(90deg, #f04a1a, #ff6b35) }\n .sub-hd.purple { background: linear-gradient(90deg, #6c3bff, #9b6dff) }\n .sub-hd.navy { background: linear-gradient(90deg, #0f0e5c, #1e1da8) }\n\n \/* INFO BLOCK *\/\n .ib { overflow: hidden }\n\n .ir {\n display: flex;\n border-bottom: 1px solid #e8ecf5;\n }\n\n .ir:last-child { border-bottom: none }\n .ir:nth-child(even) .iv { background: #fafbff }\n .ir:hover .iv { background: #f0f2ff }\n\n .il {\n width: 190px;\n min-width: 140px;\n flex-shrink: 0;\n padding: 10px 14px;\n font-size: 13px;\n font-weight: 700;\n color: var(--navy2);\n background: #f5f7ff;\n border-left: 3px solid #c0c8ee;\n display: flex;\n align-items: flex-start;\n }\n\n .iv {\n flex: 1;\n padding: 10px 14px;\n font-size: 13px;\n background: #fff;\n vertical-align: middle;\n }\n\n .iv ul { padding-left: 17px; margin: 0 }\n .iv li { margin-bottom: 3px; font-size: 13px }\n\n \/* FEAT\/COMPARE GRID \u2014 3-col (label + 2 g\u00f3i) *\/\n .fg { overflow: hidden }\n\n .fg-head {\n display: grid;\n grid-template-columns: minmax(140px, 2fr) repeat(2, 1fr);\n }\n\n .fg-head > div {\n padding: 10px 12px;\n font-size: 13px;\n font-weight: 700;\n text-align: center;\n border: 1px solid rgba(255,255,255,.15)\n }\n\n .fg-h0 { text-align: left !important; background: #f5f7ff; color: var(--navy2); border: 1px solid #e8ecf5 !important }\n .fg-hg { background: linear-gradient(135deg, #1fa855, #32b561); color: #fff }\n .fg-ho { background: linear-gradient(135deg, #6c3bff, #9b6dff); color: #fff }\n\n .fg-row {\n display: grid;\n grid-template-columns: minmax(140px, 2fr) repeat(2, 1fr);\n border-bottom: 1px solid #e8ecf5;\n transition: background .15s;\n }\n\n .fg-row:hover { background: #f8f9ff }\n\n .fg-row > div {\n padding: 10px 12px;\n font-size: 13px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #e8ecf5;\n }\n\n .fg-row > div:last-child { border-right: none }\n\n .fg-label {\n justify-content: flex-start !important;\n text-align: left;\n background: #fafbff;\n border-left: 1px solid #e8ecf5\n }\n\n .fg-cat {\n padding: 9px 14px;\n font-weight: 800;\n color: #14532d;\n font-size: 12.5px;\n background: linear-gradient(90deg, #e8f5e9, #f0fdf4);\n border-left: 3px solid #22c55e;\n border-bottom: 1px solid #e8ecf5;\n }\n\n .fg-span2 {\n grid-column: 2 \/ 4;\n justify-content: center !important;\n text-align: center;\n border-right: 1px solid #e8ecf5\n }\n\n \/* MAINTENANCE TABLE *\/\n .mt-wrap { overflow: hidden }\n\n .mt-head {\n display: grid;\n grid-template-columns: 44px 1fr 2fr 130px;\n }\n\n .mt-head > div {\n padding: 10px 14px;\n font-size: 13px;\n font-weight: 700;\n background: linear-gradient(135deg, #0f0e5c, #1e1da8);\n color: #fff\n }\n\n .mt-head > div:first-child,\n .mt-head > div:nth-child(4) { text-align: center }\n\n .mt-row {\n display: grid;\n grid-template-columns: 44px 1fr 2fr 130px;\n border-bottom: 1px solid #e8ecf5\n }\n\n .mt-row > div {\n padding: 10px 14px;\n font-size: 13px;\n border-right: 1px solid #e8ecf5;\n background: #fff\n }\n\n .mt-row > div:last-child { border-right: none }\n .mt-row:nth-child(even) > div { background: #fafbff }\n .mt-row:hover > div { background: #f0f2ff }\n\n .mt-num {\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n color: var(--navy2);\n background: #f5f7ff !important;\n }\n\n .mt-title { font-weight: 600; display: flex; align-items: flex-start }\n .mt-desc { display: flex; align-items: flex-start; color: #444; font-size: 12.5px }\n .mt-freq { display: flex; align-items: center; justify-content: center; text-align: center; color: #555; font-size: 12.5px }\n\n \/* NOTES *\/\n .note-box {\n border-left: 4px solid var(--navy2);\n background: linear-gradient(90deg, #eef0ff, #f5f7ff);\n padding: 12px 16px;\n margin: 12px 16px;\n border-radius: 0 6px 6px 0;\n font-size: 13px\n }\n\n .note-box strong { color: var(--navy2) }\n\n .warn-box {\n border-left: 4px solid var(--orange2);\n background: linear-gradient(90deg, #fff5f0, #fff8f5);\n padding: 12px 16px;\n margin: 12px 16px;\n border-radius: 0 6px 6px 0;\n font-size: 13px\n }\n\n .quote-box {\n background: linear-gradient(90deg, #fffef0, #fffde7);\n color: #555;\n font-style: italic;\n font-size: 13px;\n padding: 14px 18px;\n border-bottom: 1px solid #f0e0a0;\n border-left: 4px solid #f59e0b\n }\n\n \/* LINK BUTTONS *\/\n .link-btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: linear-gradient(135deg, #0f0e5c, #1e1da8);\n color: #fff !important;\n text-decoration: none;\n padding: 3px 10px 3px 8px;\n border-radius: 999px;\n font-size: 11.5px;\n font-weight: 700;\n transition: opacity .2s, transform .2s;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(15,14,92,.25)\n }\n\n .link-btn:hover { opacity: .85; transform: translateY(-1px) }\n .link-btn::before { content: '\u2197'; font-size: 10px }\n .link-btn.green { background: linear-gradient(135deg, #1fa855, #32b561); box-shadow: 0 2px 8px rgba(31,168,85,.25) }\n .link-btn.orange { background: linear-gradient(135deg, #f04a1a, #ff6b35); box-shadow: 0 2px 8px rgba(240,74,26,.25) }\n small .link-btn { margin-top: 4px; display: inline-flex }\n\n \/* TIMELINE *\/\n .timeline {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n padding: 16px\n }\n\n .tl-item {\n border: 1px solid var(--border);\n border-top: 4px solid var(--navy2);\n padding: 16px;\n border-radius: 10px;\n transition: border-top-color .25s, background .25s, transform .25s, box-shadow .25s;\n cursor: default;\n background: #fff\n }\n\n .tl-item:hover {\n border-top-color: var(--green2);\n background: #f5fff9;\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(50,181,97,.15)\n }\n\n .tl-item:hover .tl-no { background: var(--green2); transform: scale(1.1) }\n .tl-item:hover h4 { color: #15803d }\n\n .tl-no {\n width: 34px; height: 34px;\n background: var(--navy2);\n color: #fff;\n border-radius: 9px;\n display: grid;\n place-items: center;\n font-weight: 900;\n font-size: 15px;\n margin-bottom: 10px;\n transition: background .25s, transform .25s\n }\n\n .tl-item h4 { color: var(--navy2); font-size: 13.5px; font-weight: 700; margin-bottom: 4px; transition: color .25s }\n .tl-item p { color: var(--muted); font-size: 12.5px }\n\n \/* FOOTER *\/\n .footer {\n text-align: right;\n margin-top: 40px;\n color: #94a3b8;\n font-size: 12px;\n border-top: 1px solid var(--border);\n padding-top: 10px\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(18px) }\n to { opacity: 1; transform: translateY(0) }\n }\n\n \/* MOBILE HEADER *\/\n .mob-header {\n display: none;\n position: fixed;\n top: 0; left: 0; right: 0;\n height: 52px;\n background: #151577;\n z-index: 800;\n align-items: center;\n justify-content: space-between;\n padding: 0 14px;\n box-shadow: 0 2px 10px rgba(0,0,0,.25)\n }\n\n .mob-hamburger {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n width: 38px; height: 38px;\n background: rgba(255,255,255,.12);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n padding: 8px 9px;\n flex-shrink: 0\n }\n\n .mob-hamburger span { display: block; height: 2px; background: #fff; border-radius: 2px; transition: all .25s }\n .mob-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg) }\n .mob-hamburger.open span:nth-child(2) { opacity: 0 }\n .mob-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) }\n\n .mob-header-logo { display: flex; align-items: center; gap: 8px; text-decoration: none }\n .mob-header-logo img { height: 26px; width: auto; filter: brightness(0) invert(1) }\n .mob-header-cta { background: #32b561; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 700; font-size: 12px; padding: 7px 12px; white-space: nowrap }\n\n .mob-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 900 }\n .mob-overlay.open { display: block }\n\n .mob-popup {\n display: block;\n position: fixed;\n bottom: 0; left: 0; right: 0;\n background: #fff;\n z-index: 1000;\n border-radius: 16px 16px 0 0;\n transform: translateY(100%);\n transition: transform 0.3s ease;\n box-shadow: 0 -4px 20px rgba(0,0,0,.15)\n }\n\n .mob-popup.open { transform: translateY(0) }\n\n .mob-popup-hd {\n background: #151577;\n color: #fff;\n padding: 14px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 16px 16px 0 0;\n font-weight: 700\n }\n\n .mob-popup-close {\n background: rgba(255,255,255,0.2);\n border: none;\n width: 30px; height: 30px;\n border-radius: 50%;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 16px\n }\n\n .mob-popup-links {\n padding: 16px 16px 8px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n max-height: 55vh;\n overflow-y: auto\n }\n\n .mob-popup-links a {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 10px;\n background: #f4f6fb;\n border-radius: 6px;\n text-decoration: none;\n color: #333;\n font-size: 13px;\n transition: background 0.2s;\n border: 1px solid #e0e0e0\n }\n\n .mob-popup-links a span { font-weight: 700; color: #151577 }\n .mob-popup-links a:hover, .mob-popup-links a.active { background: #e8eeff; border-color: #151577 }\n\n .mob-popup-actions { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px 20px }\n\n .mob-popup-zalo {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n background: #32b561;\n color: #fff;\n text-decoration: none;\n font-weight: 700;\n font-size: 14px;\n padding: 12px;\n border-radius: 8px\n }\n\n .mob-popup-pdf {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n background: #f0f0ff;\n color: #151577;\n border: 1.5px solid #151577;\n font-weight: 700;\n font-size: 14px;\n padding: 11px;\n border-radius: 8px;\n cursor: pointer;\n font-family: 'Plus Jakarta Sans', sans-serif\n }\n\n @media (max-width: 900px) {\n .sidebar { display: none }\n .layout { padding: 60px 12px 30px }\n .mob-header { display: flex }\n }\n\n @media (max-width: 720px) {\n .pkg-grid, .toc-grid { grid-template-columns: 1fr }\n .header-top { grid-template-columns: 1fr }\n .timeline { grid-template-columns: 1fr 1fr }\n }\n\n @media (max-width: 580px) {\n .ir { flex-direction: column }\n .il { width: 100%; border-left: none; border-top: 3px solid #c0c8ee; min-width: unset; font-size: 12px; padding: 8px 12px }\n .iv { font-size: 12.5px; padding: 8px 12px }\n }\n\n @media (max-width: 680px) {\n .fg-head { display: none }\n .fg-row { grid-template-columns: 1fr !important; padding: 12px 14px !important; gap: 8px; border-left: 3px solid #e0e4f0 }\n .fg-row .fg-label { background: transparent !important; padding: 0 0 8px !important; border-bottom: 1px solid #eee; border-left: none; border-right: none; font-weight: 600 }\n .fg-row > div:not(.fg-label) { padding: 0 !important; justify-content: flex-start !important; gap: 10px; border-right: none; font-size: 12.5px }\n .fg-row > div:not(.fg-label)::before { content: attr(data-pkg); font-size: 11px; font-weight: 700; color: #888; display: inline-block; min-width: 88px }\n .fg-span2 { grid-column: 1 }\n }\n\n @media (max-width: 680px) {\n .mt-head { display: none }\n .mt-row { grid-template-columns: 1fr; padding: 12px 14px; gap: 4px; border-left: 3px solid var(--navy2) }\n .mt-row > div { background: transparent !important; border-right: none; padding: 0 }\n .mt-num { justify-content: flex-start; font-size: 15px; color: var(--navy2); padding-bottom: 2px }\n .mt-title { font-size: 13.5px }\n .mt-desc { font-size: 12.5px; color: #555 }\n .mt-freq { justify-content: flex-start }\n .mt-freq::before { content: \"T\u1ea7n su\u1ea5t: \"; font-weight: 700; font-size: 12px; color: var(--navy2) }\n }\n\n @media print {\n body { background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact }\n .layout { display: block; padding: 0; max-width: 100% }\n .sidebar { display: none }\n .page { padding: 0 }\n .acc-body { display: block !important; max-height: none !important; opacity: 1 !important }\n .acc-btn .arrow { display: none }\n .toc, .no-print { display: none }\n @page { size: A4; margin: 12mm }\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <header class=\"mob-header no-print\" id=\"mob-header\">\n <button class=\"mob-hamburger\" id=\"mob-hamburger\" onclick=\"toggleMobMenu()\" aria-label=\"Table of Contents\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <a class=\"mob-header-logo\" href=\"#\" aria-label=\"Link\">\n <img decoding=\"async\" src=\"https:\/\/dps.media\/wp-content\/uploads\/2023\/08\/dpsmedia.svg\" alt=\"DPS.MEDIA\" title=\"\">\n <\/a>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"mob-header-cta\" target=\"_blank\" rel=\"nofollow noopener\">Zalo Consultation \u2192<\/a>\n <\/header>\n <div class=\"mob-overlay\" id=\"mob-overlay\" onclick=\"closeMobMenu()\"><\/div>\n <div class=\"mob-popup\" id=\"mob-popup\">\n <div class=\"mob-popup-hd\">\n <span>\ud83d\udccb Select quotation section<\/span>\n <button class=\"mob-popup-close\" onclick=\"closeMobMenu()\">\u2715<\/button>\n <\/div>\n <div class=\"mob-popup-links\">\n <a href=\"#s1\"><span>1.<\/span> Introduction<\/a>\n <a href=\"#s2\"><span>2.<\/span> Price list<\/a>\n <a href=\"#s3\"><span>3.<\/span> Advanced features<\/a>\n <a href=\"#s4\"><span>4.<\/span> Interface<\/a>\n <a href=\"#s5\"><span>5.<\/span> Content management<\/a>\n <a href=\"#s6\"><span>6.<\/span> Hosting<\/a>\n <a href=\"#s7\"><span>7.<\/span> Security<\/a>\n <a href=\"#s8\"><span>8.<\/span> Data Entry<\/a>\n <a href=\"#s9\"><span>9.<\/span> Multi-language<\/a>\n <a href=\"#s10\"><span>10.<\/span> Maintenance<\/a>\n <a href=\"#s11\"><span>11.<\/span> Why WordPress<\/a>\n <a href=\"#s12\"><span>12.<\/span> Commitment<\/a>\n <\/div>\n <div class=\"mob-popup-actions\">\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"mob-popup-zalo\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get consultation via Zalo<\/a>\n <button class=\"mob-popup-pdf\" onclick=\"window.print()\">\ud83d\udcc4 Download PDF Quote<\/button>\n <\/div>\n <\/div>\n\n <div class=\"layout\">\n\n \n <aside class=\"sidebar no-print\" id=\"sidebar\">\n <div class=\"sidebar-title\">\ud83d\udccb Table of Contents<\/div>\n <nav class=\"sidebar-nav\">\n <a href=\"#s1\" data-target=\"s1\"><span class=\"sn\">1<\/span><span class=\"slabel\">Service Introduction<\/span><\/a>\n <a href=\"#s2\" data-target=\"s2\"><span class=\"sn\">2<\/span><span class=\"slabel\">Pricing & Features<\/span><\/a>\n <a href=\"#s3\" data-target=\"s3\"><span class=\"sn\">3<\/span><span class=\"slabel\">Advanced features<\/span><\/a>\n <a href=\"#s4\" data-target=\"s4\"><span class=\"sn\">4<\/span><span class=\"slabel\">Interface<\/span><\/a>\n <a href=\"#s5\" data-target=\"s5\"><span class=\"sn\">5<\/span><span class=\"slabel\">Content Management & SEO<\/span><\/a>\n <a href=\"#s6\" data-target=\"s6\"><span class=\"sn\">6<\/span><span class=\"slabel\">Hosting Specifications<\/span><\/a>\n <a href=\"#s7\" data-target=\"s7\"><span class=\"sn\">7<\/span><span class=\"slabel\">Security<\/span><\/a>\n <a href=\"#s8\" data-target=\"s8\"><span class=\"sn\">8<\/span><span class=\"slabel\">Data Entry & Scraping<\/span><\/a>\n <a href=\"#s9\" data-target=\"s9\"><span class=\"sn\">9<\/span><span class=\"slabel\">Multi-language<\/span><\/a>\n <a href=\"#s10\" data-target=\"s10\"><span class=\"sn\">10<\/span><span class=\"slabel\">Website Maintenance<\/span><\/a>\n <a href=\"#s11\" data-target=\"s11\"><span class=\"sn\">11<\/span><span class=\"slabel\">Why WordPress<\/span><\/a>\n <a href=\"#s12\" data-target=\"s12\"><span class=\"sn\">12<\/span><span class=\"slabel\">Commitment & Roadmap<\/span><\/a>\n <\/nav>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"sidebar-cta\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n <button class=\"sidebar-pdf\" onclick=\"window.print()\">\ud83d\udcc4 Download PDF Quote<\/button>\n <\/aside>\n\n <div class=\"page\">\n\n \n <div class=\"header-wrap\">\n <div class=\"header-top\">\n <div class=\"header-logo\">\n <img decoding=\"async\" src=\"https:\/\/dps.media\/wp-content\/uploads\/2023\/08\/dpsmedia.svg\" alt=\"DPS.MEDIA\" title=\"\">\n <\/div>\n <div class=\"header-info\">\n <p class=\"bold\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n <p class=\"bold\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n <p class=\"sm\" style=\"margin-top:8px\">Vietcombank \u2013 105 116 0909<\/p>\n <p class=\"sm\">Tax code: 0318 700 500<\/p>\n <p class=\"sm\">Phone: 0961 54 54 45<\/p>\n <p class=\"sm\">Address: 56 Nguyen Dinh Chieu, Tan Dinh Ward, Ho Chi Minh City<\/p>\n <p class=\"sm\" style=\"margin-top:8px\">\ud83d\udd17 <a href=\"https:\/\/dps.media\/en\/\" style=\"color:#fff\">https:\/\/dps.media<\/a><\/p>\n <p class=\"sm\">\ud83d\udd17 <a href=\"https:\/\/dps.media\/en\/zalo\/\" style=\"color:#fff\">https:\/\/dps.media\/zalo<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"header-title\">\n <h1>Information website design service quotation<\/h1>\n <p>Professional WordPress website solutions \u2014 suitable for small to medium and large scale businesses<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"pkg-grid\">\n <div class=\"pkg-card border-green\">\n <div class=\"pkg-hd bg-green\">\n <div class=\"name\">Popular Package<\/div>\n <div class=\"title\">Basic Website<\/div>\n <div class=\"sub\">For individuals, small businesses<\/div>\n <div class=\"price-tag\">\n <span class=\"price-main\">5,388,000 VND<\/span>\n <span class=\"price-note\">First year (website + hosting)<\/span>\n <\/div>\n <\/div>\n <div class=\"pkg-bd\">\n <div class=\"pkg-target\">Suitable for small businesses, individuals, or organizations needing a basic introduction website.<\/div>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"pkg-cta bg-green\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n <ul class=\"pkg-list\">\n <li>Premium ThemeForest, Envato interface \u2013 recommended by DPS<\/li>\n <li>Adjust fonts, colors according to brand identity<\/li>\n <li>Up to 3 revisions for layout & colors<\/li>\n <li>2 professionally designed banners<\/li>\n <li>Support for posting 5\u201310 initial articles<\/li>\n <li>5% discount on feature development for 1 year<\/li>\n <\/ul>\n <span class=\"pkg-badge bg-green\">Maintenance fee from year 2: 1,500,000 VND\/year<\/span>\n <\/div>\n <\/div>\n <div class=\"pkg-card border-purple featured\">\n <div class=\"pkg-popular-tag\">\u2b50 Most Selected<\/div>\n <div class=\"pkg-hd bg-purple\">\n <div class=\"name\">Enterprise Package \u00b7 VIP<\/div>\n <div class=\"title\">Professional Website<\/div>\n <div class=\"sub\">For medium \u2013 large scale businesses<\/div>\n <div class=\"price-tag\">\n <span class=\"price-main\">8,888,000 VND<\/span>\n <span class=\"price-note\">First year (website + hosting)<\/span>\n <\/div>\n <\/div>\n <div class=\"pkg-bd\">\n <div class=\"pkg-target\">Suitable for medium \u2013 large scale businesses needing a customized, professional website with many extended features.<\/div>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"pkg-cta bg-purple\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n <ul class=\"pkg-list\">\n <li>Premium interface \u2013 recommended by DPS or per customer request<\/li>\n <li>Customize fonts, colors, layout to suit preferences<\/li>\n <li>Up to 6 revisions for layout & colors<\/li>\n <li>5 professionally designed banners<\/li>\n <li>Support for posting 30 initial articles<\/li>\n <li>20% discount on feature development for 1 year<\/li>\n <\/ul>\n <span class=\"pkg-badge bg-purple\">Maintenance fee from year 2: 3,000,000 VND\/year<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"toc no-print\">\n <h4>\ud83d\udccb Table of Contents \u2013 Click to skip to each section<\/h4>\n <div class=\"toc-grid\">\n <a href=\"#s1\"><span>1.<\/span>Service Introduction<\/a>\n <a href=\"#s2\"><span>2.<\/span>Pricing & Features<\/a>\n <a href=\"#s3\"><span>3.<\/span>Advanced features<\/a>\n <a href=\"#s4\"><span>4.<\/span>Interface<\/a>\n <a href=\"#s5\"><span>5.<\/span>Content Management & SEO<\/a>\n <a href=\"#s6\"><span>6.<\/span>Hosting Specifications<\/a>\n <a href=\"#s7\"><span>7.<\/span>Security<\/a>\n <a href=\"#s8\"><span>8.<\/span>Data Entry & Scraping<\/a>\n <a href=\"#s9\"><span>9.<\/span>Multi-language<\/a>\n <a href=\"#s10\"><span>10.<\/span>Website Maintenance<\/a>\n <a href=\"#s11\"><span>11.<\/span>Why WordPress<\/a>\n <a href=\"#s12\"><span>12.<\/span>Commitment & Roadmap<\/a>\n <\/div>\n <button id=\"btn-pdf\">\ud83d\udcc4 Export PDF<\/button>\n <\/div>\n\n \n <div class=\"acc-wrap highlight\" id=\"s1\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">1<\/span>INTRODUCTION TO INFORMATION WEBSITE DESIGN SERVICES<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"quote-box\">DPS.MEDIA provides information website design solutions on the WordPress platform \u2014 cost-optimized, fast deployment, easy management, suitable for all business scales from individuals to large organizations.<\/div>\n <div class=\"sub-hd\">Why do you need a professional information website?<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Build credibility<\/div>\n <div class=\"iv\">A professional website helps businesses create a great first impression with potential customers, increasing credibility when searching on Google.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">24\/7 Marketing Channel<\/div>\n <div class=\"iv\">The website operates continuously, receiving customer information via contact forms, integrated Zalo, and Hotline anytime, anywhere.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Google SEO Optimization<\/div>\n <div class=\"iv\">WordPress integrates powerful SEO tools, helping the website appear on the first page of Google when customers search for your products\/services.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Content Control<\/div>\n <div class=\"iv\">Complete autonomy over content, no dependence on third parties. Update information, articles, and services easily even without technical knowledge.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap highlight\" id=\"s2\">\n <button class=\"acc-btn open\" onclick=\"toggle(this)\">\n <span><span class=\"num\">2<\/span>FULL PRICE LIST & FEATURES<\/span>\n <span class=\"arrow\" style=\"transform:rotate(180deg)\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body open\" style=\"padding:16px\">\n <div class=\"warn-box\"><strong>Note:<\/strong> Items arising outside the scope of the signed contract must be agreed upon by both parties before implementation. If you already have your own hosting: maintenance is only 1,500,000 VND\/year (condition: hosting meets configuration requirements). Website design prices may change depending on customer requirements.<\/div>\n <div class=\"fg\" style=\"margin-top:12px\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Category<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n\n \n <div class=\"fg-cat\">\ud83d\udcb0 COSTS & TIMELINE<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\"><strong>Total first-year payment (website + hosting)<\/strong><\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"font-weight:900;color:#32b561;font-size:14px\">5,388,000 VND<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"font-weight:900;color:#7c4dff;font-size:14px\">8,888,000 VND<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Domain name<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;gap:6px\">\n <span style=\"color:#555;font-size:12.5px\">Customer selects a suitable domain name for DPS to quote<\/span>\n <a href=\"https:\/\/inet.vn\/domain\/bang-gia-ten-mien\/\" class=\"link-btn\" target=\"_blank\" rel=\"nofollow noopener\">View domain name price list<\/a>\n <\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;gap:6px\">\n <span style=\"color:#555;font-size:12.5px\">Customer selects a suitable domain name for DPS to quote<\/span>\n <a href=\"https:\/\/inet.vn\/domain\/bang-gia-ten-mien\/\" class=\"link-btn\" target=\"_blank\" rel=\"nofollow noopener\">View domain name price list<\/a>\n <\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Maintenance fee (hosting + maintenance) from year 2<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n <span style=\"font-weight:700;color:var(--navy2);font-size:14px\">1,500,000 VND \/ year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83c\udf81 Free hosting for the first year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83d\udca1 500,000 VND discount if hosting already available<\/span>\n <\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n <span style=\"font-weight:700;color:var(--navy2);font-size:14px\">3,000,000 VND \/ year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83c\udf81 Free hosting for the first year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83d\udca1 1,000,000 VND discount if hosting already available<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fg-cat\">\ud83c\udf81 INCLUDED OFFERS<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Banner design<br><small style=\"color:#888\">Customer provides banner brief<\/small><\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 banners<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">5 banners<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Support channel<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"text-align:center;justify-content:center\">Zalo \/ Email \/ Hotline \/ TeamViewer<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Zalo \/ Email \/ Hotline \/ TeamViewer<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Layout & color editing<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Up to 3 times<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">Up to 6 times<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Initial article posting support<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">5\u201310 articles<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">30 articles<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Offers for website development features within 1 year<\/div>\n <div class=\"mid\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">5%<\/div>\n <div class=\"yes\" data-pkg=\"Doanh Nghi\u1ec7p\">20%<\/div>\n <\/div>\n\n \n <div class=\"fg-cat\">\ud83d\udd27 DEFAULT FEATURES (ALL PACKAGES \u2013 FREE)<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Connect GG Search Console, Analytics, Tag Manager<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Handover of entire source code<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website user guide<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Complete<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Complete<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Multi-platform contact CTA button installation<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Contact form to collect customer information<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Set up receiving form information via email<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n <span>Import all old data to new web<\/span>\n <small style=\"color:#888;font-weight:400\">(if old web can export data)<\/small>\n <\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s3\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">3<\/span>ADVANCED FEATURES<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n <div class=\"warn-box\"><strong>Note:<\/strong> Not everything is installed \u2014 DPS advises and only installs features suitable for the actual needs of each customer.<\/div>\n <div class=\"fg\" style=\"margin-top:12px\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Feature<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website push notifications<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Star reviews for each article<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Display visitor count on the website<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Automatic table of contents for posts<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Push form information to Google Sheets<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">200,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">System of 50 high DR social backlinks<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">250,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Anti-right click, highlight and copy images & content<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Prominent 3D Profile for businesses<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">350,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Google Maps displaying company branches<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">350,000 VND<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Upgrade sales features (WooCommerce)<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">1,200,000 VND<\/div>\n <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">750,000 VND<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s4\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">4<\/span>WEBSITE INTERFACE<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Category<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\" style=\"align-items:stretch\">\n <div class=\"fg-label\" style=\"align-items:center\">Interface<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"padding:14px 16px;flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start\">\n <div style=\"display:flex;align-items:center;gap:6px;margin-bottom:4px\">\n <span style=\"background:linear-gradient(135deg,#1fa855,#32b561);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.3px\">STANDARD<\/span>\n <\/div>\n <div style=\"font-weight:700;font-size:13px;color:var(--navy2)\">\ud83c\udfa8 Premium ThemeForest \/ Envato<\/div>\n <ul style=\"padding-left:16px;margin:0;font-size:12.5px;color:#444;line-height:1.7\">\n <li>DPS recommends a suitable interface<\/li>\n <li>Adjust font and size<\/li>\n <li>Colors according to brand identity<\/li>\n <\/ul>\n <\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"padding:14px 16px;flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start;background:#f5f0ff\">\n <div style=\"display:flex;align-items:center;gap:6px;margin-bottom:4px\">\n <span style=\"background:linear-gradient(135deg,#6c3bff,#9b6dff);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.3px\">BUSINESS \u2b50<\/span>\n <\/div>\n <div style=\"font-weight:700;font-size:13px;color:#6c3bff\">\ud83c\udfa8 Premium ThemeForest \/ Envato<\/div>\n <ul style=\"padding-left:16px;margin:0;font-size:12.5px;color:#444;line-height:1.7\">\n <li>DPS recommends <strong>or according to the interface requested by the customer<\/strong><\/li>\n <li>Customize fonts, colors, <strong>deeper layout<\/strong><\/li>\n <li>Matches expectations & business goals<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Edit colors \u2013 typography<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"justify-content:center;text-align:center\">Maximum \u00a0<strong>3 times<\/strong>\u00a0 edits<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"justify-content:center;text-align:center;color:#6c3bff\">Maximum \u00a0<strong>6 times<\/strong>\u00a0 edits<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website layout editing<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"justify-content:center;text-align:center\">Maximum \u00a0<strong>3 times<\/strong>\u00a0 edits<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"justify-content:center;text-align:center;color:#6c3bff\">Maximum \u00a0<strong>6 times<\/strong>\u00a0 edits<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s5\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">5<\/span>CONTENT MANAGEMENT & SEO TOOLS<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"sub-hd\">5.1 Content Management<\/div>\n <div class=\"note-box\"><strong>Note:<\/strong> All content management features below are pre-installed and configured for both packages \u2014 no extra fees.<\/div>\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Feature<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Add, edit, delete posts<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Visual text editor<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Insert images and videos<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Manage post categories<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Manage keyword tags<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Draft and preview<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Schedule posts<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Customize Meta SEO (Title, Description)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Customize permalinks (URLs)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">SEO scoring and suggestions<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Manage and approve comments<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\" style=\"flex-direction:column;align-items:flex-start;gap:3px\">\n <span>Table of contents for posts<\/span>\n <small style=\"color:#888;font-weight:400\">Improve post SEO score<\/small>\n <\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px\">\n <span>100,000 VND<\/span>\n <small style=\"font-weight:400;color:#888\">(advanced features)<\/small>\n <\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Post star ratings<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px\">\n <span>100,000 VND<\/span>\n <small style=\"font-weight:400;color:#888\">(advanced features)<\/small>\n <\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Free<\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">5.2 SEO Support Tools<\/div>\n <div class=\"note-box\"><strong>Note:<\/strong> All SEO features below are pre-installed and configured for both packages \u2014 no extra fees.<\/div>\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Feature<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Meta Tags optimization tool<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Google Schema Support (Rich Snippets)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Automatic XML Sitemap<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Redirect Management (404 Redirection)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Automatic image SEO (ALT tags)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Social display preview (Facebook, Zalo)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Instant Indexing (send Index signals immediately)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">SEO Scoring Tool (SEO Score)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Suggest internal links<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Duplicate content management (Canonical)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s6\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">6<\/span>HOSTING SPECIFICATIONS<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Parameters<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Processor<\/div>\n <div class=\"fg-span2\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\" style=\"font-weight:600\">Intel Xeon Gold 6xxx \u2013 High-end<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">NVMe U.2 Capacity<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">10 GB<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">20 GB<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">CPU<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 Cores<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">4 Cores<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Physical Memory (RAM)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 GB<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">4 GB<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Database MySQL<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">10<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">15<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Bandwidth<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Addon Domain<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Subdomain<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Alias Domain<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">SSL (Zero SSL)<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Number of FTP accounts<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Multiple PHP versions<\/div>\n <div class=\"fg-span2\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\">From 4.4 \u2013 8.4<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Backup<\/div>\n <div class=\"fg-span2 free-cell\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\">Daily (automatic)<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">IO \/ Entry Processes \/ File Usage<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s7\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">7<\/span>WEBSITE SECURITY MANAGEMENT SERVICE<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n <div class=\"note-box\"><strong>Free BASIC Package<\/strong> when storing hosting at DPS. Upgrade to STANDARD or PREMIUM for higher protection frequency.<\/div>\n <div class=\"fg\" style=\"margin-top:12px\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Manual security work<\/div>\n <div class=\"fg-hg\">BASIC<br><small style=\"font-weight:400;opacity:.85\">Free when hosting at DPS<\/small><\/div>\n <div class=\"fg-ho\">STANDARD \/ PREMIUM<br><small style=\"font-weight:400;opacity:.85\">1,500,000\u0111 \u2013 3,500,000\u0111\/month<\/small><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Full website scan<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Monthly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Weekly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Update WordPress to latest version<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Quarterly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Monthly \/ As soon as a new version is available<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Update outdated plugins<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Quarterly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Monthly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Check theme and plugins for security vulnerabilities<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Quarterly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Monthly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Support SSL installation and enforce HTTPS<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Security configuration for wp-config.php & .htaccess<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Firewall installation & security plugins<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website backup<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Monthly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Weekly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Security reporting<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Monthly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Weekly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Monitor and handle arising situations<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Upon request<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Daily \/ 24\/7<\/div>\n <\/div>\n <div class=\"fg-cat\">\ud83e\udd16 Automated Security (Cloudflare)<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Unmetered DDoS Protection<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Bot Fight Mode<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Deploy Intelligence to Identify New Threats<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Enterprise DDoS Mitigation<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Advanced Bot Management<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Page Shield<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">DNS Firewall<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s8\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">8<\/span>DATA IMPORT & SCRAPING<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n\n \n <div class=\"sub-hd\" style=\"margin-bottom:0\">New website data entry<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Note<\/div>\n <div class=\"iv\">Customer prepares images \/ article content according to the update guidelines in the standard template file provided by DPS.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Standard Package<\/div>\n <div class=\"iv\">\n <strong>Support for posting 5\u201310 initial articles<\/strong><br>\n <span style=\"font-size:12.5px;color:#555\">Initial bulk import fee: <strong>550,000 VND\/time<\/strong> \u00b7 Subsequent times: <strong>330,000 VND\/time<\/strong><\/span>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Business Package<\/div>\n <div class=\"iv\">\n <strong>Support for posting 30 initial articles<\/strong><br>\n <span style=\"font-size:12.5px;color:#555\">Initial bulk import fee: <strong>550,000 VND\/time<\/strong> \u00b7 Subsequent times: <strong>330,000 VND\/time<\/strong><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">DPS writes SEO-standard articles<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Article criteria<\/div>\n <div class=\"iv\">Unique >70% \u00b7 Length 500\u20131.000 words \u00b7 Contains main keyword and related keywords<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Unit price<\/div>\n <div class=\"iv\" style=\"font-size:15px;font-weight:800;color:var(--navy2)\">100,000\u0111 \/ article <span style=\"font-size:12px;font-weight:400;color:#888\">(applies to both packages)<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Scrape data from other websites<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Note<\/div>\n <div class=\"iv\">DPS needs link for checking first \u2014 some websites cannot be crawled.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Standard Package<\/div>\n <div class=\"iv\">\n <div style=\"display:flex;gap:24px;flex-wrap:wrap\">\n <div style=\"background:#f5f7ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">Under 1.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:var(--navy2)\">550,000 VND<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <div style=\"background:#f5f7ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">1.000 \u2013 3.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:var(--navy2)\">650,000 VND<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Business Package<\/div>\n <div class=\"iv\">\n <div style=\"display:flex;gap:24px;flex-wrap:wrap\">\n <div style=\"background:#f5f0ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">Under 1.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:#6c3bff\">330,000 VND<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <div style=\"background:#f5f0ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">1.000 \u2013 3.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:#6c3bff\">430,000\u0111<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s9\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">9<\/span>AUTOMATIC MULTILINGUAL<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"sub-hd navy\">Option 0: TranslatePress + AI API (OpenAI) \u2014 Recommended<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">How it works<\/div>\n <div class=\"iv\">\n <ul>\n <li>Fully automatic translation via AI API (OpenAI)<\/li>\n <li>Uses advanced language models to translate the entire website content<\/li>\n <li>Translated content can be manually edited if needed<\/li>\n <li>Unlimited number of languages<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Cost<\/div>\n <div class=\"iv\">\n Initial integration fee: <strong>1,000,000 VN\u0110<\/strong><br>\n Pay directly to OpenAI based on API pricing (~40\u0111\/1,000 words with GPT-4o mini).<br>\n <small style=\"color:#888\">Top up 100,000\u0111 into the Client's OpenAI account to activate.<\/small>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Note<\/div>\n <div class=\"iv\" style=\"color:#15803d;font-weight:600\">\u2b50 Recommended because the translation quality is much more natural and accurate than other methods.<\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">Option 1: TranslatePress + Yandex or Google Translate<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">How it works<\/div>\n <div class=\"iv\">\n <ul>\n <li>Automatic translation per page or article<\/li>\n <li>Need to visit the page to click the auto-translate button<\/li>\n <li>Translated content can be manually edited<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Cost<\/div>\n <div class=\"iv\">Free for the 2nd language.<br>From the 3rd language onwards: <strong>250,000\u0111\/language<\/strong>.<\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd orange\">Option 2: TranslatePress + Google Cloud Translation API<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">How it works<\/div>\n <div class=\"iv\">\n <ul>\n <li>Fully automatic translation via Google Cloud API<\/li>\n <li>Translated content can be manually edited<\/li>\n <li>Unlimited number of languages<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Cost<\/div>\n <div class=\"iv\">Pay directly to Google: <strong>20 USD\/1 million characters<\/strong>.<br>First 10 USD free every month.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s10\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">10<\/span>WHAT IS WEBSITE MAINTENANCE?<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"quote-box\">Maintenance is a process to ensure the operating website is maintained in good working condition and achieves optimal performance as when handed over. <strong>Not included<\/strong> activities of editing or adding features to the website.<\/div>\n <div class=\"mt-wrap\">\n <div class=\"mt-head\">\n <div style=\"text-align:center\">#<\/div>\n <div>Activities<\/div>\n <div>Description<\/div>\n <div style=\"text-align:center\">Frequency<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">1<\/div>\n <div class=\"mt-title\">Update WordPress and plugins\/themes<\/div>\n <div class=\"mt-desc\">Update the latest version of WordPress and plugins\/themes when vulnerabilities exist to ensure security and fix bugs.<\/div>\n <div class=\"mt-freq\">1\/month<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">2<\/div>\n <div class=\"mt-title\">Data backup<\/div>\n <div class=\"mt-desc\">Back up website data periodically to ensure safety and data recovery when necessary.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">3<\/div>\n <div class=\"mt-title\">Security check<\/div>\n <div class=\"mt-desc\">Check the security system and search for security vulnerabilities to prevent attacks.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">4<\/div>\n <div class=\"mt-title\">Page load speed check<\/div>\n <div class=\"mt-desc\">Check the website loading speed and optimize to improve user experience.<\/div>\n <div class=\"mt-freq\">1\/month<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">5<\/div>\n <div class=\"mt-title\">Performance monitoring<\/div>\n <div class=\"mt-desc\">Monitor website performance to ensure normal operation and website optimization.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">6<\/div>\n <div class=\"mt-title\">Check compatibility<\/div>\n <div class=\"mt-desc\">Check website compatibility on different browsers and mobile devices.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">7<\/div>\n <div class=\"mt-title\">Troubleshooting<\/div>\n <div class=\"mt-desc\">Handle spontaneous technical issues such as page errors, analysis errors, or access errors. <em>Excluding errors caused by users.<\/em><\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">8<\/div>\n <div class=\"mt-title\">Data management<\/div>\n <div class=\"mt-desc\">Delete old, unnecessary data to free up storage space and speed up page loading.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">9<\/div>\n <div class=\"mt-title\">Image optimization<\/div>\n <div class=\"mt-desc\">Optimize image size and format to reduce file size and improve page loading speed.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s11\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">11<\/span>WHY DOES DPS CHOOSE WORDPRESS?<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"quote-box\">The main difference comes from the fact that WORDPRESS is so popular \u2014 nearly 90% of features and interfaces are available, helping <strong>significantly reduce COST and TIME<\/strong> of implementation.<\/div>\n <div class=\"note-box\">\n <strong>WordPress is suitable for small and medium enterprises<\/strong> because of low implementation costs, a variety of available features and interfaces, easy connection with 3rd parties, and easy handover and SEO maintenance.<br>\n <strong>Custom CODE is suitable for large enterprises<\/strong> \u2014 millions of visits or the need to build unique features that the market does not yet have.\n <\/div>\n <div class=\"sub-hd\">A. Business support features<\/div>\n <div class=\"ib\">\n <div class=\"ir\"><div class=\"il\">1. Automatic XML feed<\/div><div class=\"iv\">Helps post products on Facebook (Dynamic Product Ads, Facebook Shop, Instagram), Google Shopping Ads Catalog.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">2. Gift products<\/div><div class=\"iv\">Can set many conditions for order value, product quantity, category limits, purchase history...<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">3. Shipping unit synchronization<\/div><div class=\"iv\">Automatically connect shipping fees, update order tracking, post orders to shipping systems (GHN, Viettel, GHTK, VNPost...)<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">4. Popup display<\/div><div class=\"iv\">Compatible with many devices, track popup click data, easy to design and adjust display conditions.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">5. Data synchronization with other parties<\/div><div class=\"iv\">Synchronize products, orders, and inventory with KiotViet. Link with popular E-commerce platforms (Lazada, Tiki, Shopee, TikTokShop...)<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">6. Create contests, minigames<\/div><div class=\"iv\">Create photo, video, audio, and article contests \u2014 allowing users to post and everyone to vote.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">7. Create lucky wheel<\/div><div class=\"iv\">Collect customer information, give vouchers to buy products after spinning the wheel.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">8. Membership \/ loyal customers<\/div><div class=\"iv\">Create exclusive incentive programs for members by tier.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">9. Affiliate marketing<\/div><div class=\"iv\">Encourage customers to refer new customers to receive rewards such as discount codes, reward points...<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">10. Email marketing<\/div><div class=\"iv\">Create automated, bulk email marketing campaigns with reports on opens and clicks.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">11. Multi-language<\/div><div class=\"iv\">Support automatic and manual translation of content.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">12. Payment integration<\/div><div class=\"iv\">Integrate popular payment gateways such as MoMo, ZaloPay, banks\u2026<\/div><\/div>\n <\/div>\n <div class=\"sub-hd\">B. SEO support features<\/div>\n <div class=\"ib\">\n <div class=\"ir\"><div class=\"il\">1. Image optimization<\/div><div class=\"iv\">Automatically optimize size, format, ALT tags \u2014 helping with better image SEO.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">2. Google tools integration<\/div><div class=\"iv\">View Google Analytics, Google Search Console, and Tag Manager directly in the admin dashboard.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">3. Automatic table of contents creation<\/div><div class=\"iv\">Automatic, scrollable table of contents \u2014 automatically created from article headings.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">4. Automated social media posting<\/div><div class=\"iv\">Automatically post and schedule posts to Facebook, Instagram, Twitter, LinkedIn, Pinterest, Reddit, Tumblr, Google Business, Telegram, Medium, Discord...<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">5. Link management<\/div><div class=\"iv\">Automatically add noopener, noreferrer, external, sponsored to external links; track broken links.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">6. Keyword Optimization<\/div><div class=\"iv\">Set focus keywords for each page\/post and provide suggestions for proper keyword usage.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">7. Schema markup<\/div><div class=\"iv\">Add schema markup to pages, providing more detailed information to search engines and improving display results.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">8. Redirection Management<\/div><div class=\"iv\">Set up and manage redirects for pages that have been moved or deleted.<\/div><\/div>\n <\/div>\n <div class=\"sub-hd\">C. Support, Handover, Maintenance<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Handover advantages<\/div>\n <div class=\"iv\">Easy to perform because it is popular source code \u2014 when handed over to any party, it can be handled without spending much time and cost.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s12\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">12<\/span>QUALITY COMMITMENT & IMPLEMENTATION ROADMAP<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"sub-hd\">12.1 Implementation Roadmap<\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\">\n <div class=\"tl-no\">1<\/div>\n <h4>Confirmation & signing<\/h4>\n <p>Confirm requirements, select package, sign contract, and make 1st payment (usually 50% of the value).<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-no\">2<\/div>\n <h4>Preparation & design<\/h4>\n <p>Client provides logo, images, service content. DPS designs the interface and sends a preview.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-no\">3<\/div>\n <h4>Implementation & integration<\/h4>\n <p>Build website, integrate contact forms, CTA, SEO, install features according to the selected package.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-no\">4<\/div>\n <h4>Handover & instructions<\/h4>\n <p>Customer checks and confirms. DPS provides operational instructions, hands over all source code and accounts.<\/p>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">12.2 Quality Commitment<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Quality commitment<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/EQzKS\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/EQzKS<\/a><\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Privacy policy<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/Fjqlj\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/Fjqlj<\/a><\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Abuse reporting policy<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/FoAIh\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/FoAIh<\/a><\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Protect personal data<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/lYUEW\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/lYUEW<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">12.3 Important Terms<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Out-of-scope work<\/div>\n <div class=\"iv\">Arising items outside the scope of the signed contract must be agreed upon by both parties for the unit price before execution. DPS commits to notifying and requesting confirmation before implementing any arising items.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Existing hosting<\/div>\n <div class=\"iv\">If the customer already has their own hosting:<br>\u2022 Standard Package: 500,000\u0111 discount<br>\u2022 Enterprise Package: 1,000,000\u0111 discount<br>Condition: Hosting must ensure requirements for features and configuration specified by DPS.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Source code<\/div>\n <div class=\"iv\">All source code is handed over free of charge. The customer has full ownership and can continue development after the project is completed.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top:32px;background:#151577;border-radius:8px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px\">\n <div>\n <p style=\"color:#fff;font-weight:700;font-size:15px;margin-bottom:4px\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n <p style=\"color:#c5caf5;font-size:13px\">56 Nguyen Dinh Chieu, Tan Dinh Ward, District 1, Ho Chi Minh City<\/p>\n <p style=\"color:#c5caf5;font-size:13px\">Tax code: 0318 700 500 \u00b7 Vietcombank \u2013 105 116 0909<\/p>\n <\/div>\n <div style=\"text-align:right\">\n <p style=\"color:#fff;font-weight:700;font-size:16px;margin-bottom:4px\">\ud83d\udcde 0961 54 54 45<\/p>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" style=\"display:inline-block;background:#32b561;color:#fff;padding:8px 18px;border-radius:6px;font-weight:700;font-size:13px;text-decoration:none;margin-top:4px\" rel=\"nofollow noopener\" target=\"_blank\">Message Zalo for consultation now \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"footer\">Quote is valid for 30 days from the date of sending \u00b7 DPS.MEDIA \u00a9 2025<\/div>\n\n <\/div>\n <\/div>\n\n <script>\n \/\/ Auto-fill empty cells in .fg-row with cross\n document.querySelectorAll('.fg-row').forEach(row => {\n row.querySelectorAll('[data-pkg]').forEach(cell => {\n if (cell.innerHTML.trim() === '') {\n cell.innerHTML = '<span class=\"cross\">\u2715';\n }\n });\n });\n\n function openAcc(btn, body) {\n btn.classList.add('open');\n body.style.maxHeight = body.scrollHeight + 'px';\n body.classList.add('open');\n body.addEventListener('transitionend', function onEnd(e) {\n if (e.propertyName === 'max-height' && body.classList.contains('open')) {\n body.style.maxHeight = 'none';\n body.removeEventListener('transitionend', onEnd);\n }\n });\n }\n\n function closeAcc(btn, body) {\n body.style.maxHeight = body.scrollHeight + 'px';\n body.offsetHeight;\n btn.classList.remove('open');\n body.style.maxHeight = '0';\n body.classList.remove('open');\n }\n\n function toggle(btn) {\n const body = btn.nextElementSibling;\n if (body.classList.contains('open')) {\n closeAcc(btn, body);\n } else {\n openAcc(btn, body);\n }\n }\n\n function bindNavLinks(selector) {\n document.querySelectorAll(selector).forEach(a => {\n a.addEventListener('click', function(e) {\n e.preventDefault();\n const id = this.getAttribute('href').replace('#', '');\n const wrap = document.getElementById(id);\n if (wrap) {\n const btn = wrap.querySelector('.acc-btn');\n const body = wrap.querySelector('.acc-body');\n if (!body.classList.contains('open')) {\n openAcc(btn, body);\n }\n setTimeout(() => {\n wrap.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 60);\n }\n closeMobMenu();\n });\n });\n }\n\n bindNavLinks('.toc a');\n bindNavLinks('.mob-popup-links a');\n bindNavLinks('.sidebar-nav a');\n\n function toggleMobMenu() {\n const popup = document.getElementById('mob-popup');\n const overlay = document.getElementById('mob-overlay');\n const burger = document.getElementById('mob-hamburger');\n const isOpen = popup.classList.contains('open');\n if (isOpen) {\n popup.classList.remove('open');\n overlay.classList.remove('open');\n burger.classList.remove('open');\n } else {\n popup.classList.add('open');\n overlay.classList.add('open');\n burger.classList.add('open');\n }\n }\n\n function closeMobMenu() {\n document.getElementById('mob-popup').classList.remove('open');\n document.getElementById('mob-overlay').classList.remove('open');\n const burger = document.getElementById('mob-hamburger');\n if (burger) burger.classList.remove('open');\n }\n\n \/\/ Open all accordions by default\n document.querySelectorAll('.acc-wrap .acc-btn').forEach(btn => {\n const body = btn.nextElementSibling;\n btn.classList.add('open');\n body.classList.add('open');\n body.style.maxHeight = 'none';\n });\n\n document.getElementById('btn-pdf').addEventListener('click', function() {\n window.print();\n });\n\n \/\/ Scrollspy\n function setActive(id) {\n document.querySelectorAll('.sidebar-nav a, .toc a, .mob-popup-links a').forEach(a => {\n a.classList.remove('active');\n if (a.getAttribute('href') === `#${id}`) {\n a.classList.add('active');\n const sidebar = document.getElementById('sidebar');\n if (sidebar && a.closest('.sidebar-nav')) {\n const aTop = a.offsetTop;\n const sTop = sidebar.scrollTop;\n const sH = sidebar.clientHeight;\n if (aTop < sTop + 40 || aTop > sTop + sH - 60) {\n sidebar.scrollTo({ top: aTop - sH \/ 2 + 20, behavior: 'smooth' });\n }\n }\n }\n });\n }\n\n const sections = document.querySelectorAll('.acc-wrap[id]');\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) setActive(entry.target.getAttribute('id'));\n });\n }, { root: null, rootMargin: '-15% 0px -60% 0px', threshold: 0 });\n sections.forEach(s => io.observe(s));\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>B\u00e1o gi\u00e1 D\u1ecbch v\u1ee5 Thi\u1ebft k\u1ebf Website Th\u00f4ng Tin \u2013 DPS.MEDIA T\u01b0 v\u1ea5n Zalo \u2192 \ud83d\udccb Ch\u1ecdn ph\u1ea7n b\u00e1o gi\u00e1 \u2715 1. Gi\u1edbi thi\u1ec7u 2. B\u1ea3ng gi\u00e1 3. T\u00ednh n\u0103ng n\u00e2ng cao 4. Giao di\u1ec7n 5. Qu\u1ea3n l\u00fd n\u1ed9i dung 6. Hosting 7. B\u1ea3o m\u1eadt 8. Nh\u1eadp d\u1eef li\u1ec7u 9. \u0110a ng\u00f4n ng\u1eef 10. B\u1ea3o […]<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37993","page","type-page","status-publish","hentry"],"acf":[],"rankmath_keywords":{"primary":"","secondary":[""]},"yoast_keywords":{"primary":"","secondary":[]},"yoast_focuskw":"","rankmath_focuskw":"","seo_keywords":{"primary":"","secondary":[""]},"_links":{"self":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/37993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/comments?post=37993"}],"version-history":[{"count":5,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/37993\/revisions"}],"predecessor-version":[{"id":38030,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/37993\/revisions\/38030"}],"wp:attachment":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/media?parent=37993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":37993,"date":"2026-03-24T17:13:01","date_gmt":"2026-03-24T10:13:01","guid":{"rendered":"https:\/\/dps.media\/?page_id=37993"},"modified":"2026-03-26T13:14:58","modified_gmt":"2026-03-26T06:14:58","slug":"information-website-design-service-quotation","status":"publish","type":"page","link":"https:\/\/dps.media\/en\/information-website-design-service-quotation\/","title":{"rendered":"INFORMATION WEBSITE DESIGN SERVICE QUOTATION"},"content":{"rendered":"\n\n\n\n \n \n Quotation for Information Website Design Service \u2013 DPS.MEDIA<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --navy: #0f0e5c;\n --navy2: #151577;\n --green: #1fa855;\n --green2: #32b561;\n --orange: #f04a1a;\n --orange2: #ff5a2a;\n --purple: #6c3bff;\n --purple2: #7c4dff;\n --red: #e53935;\n --bg: #f0f2f8;\n --card: #ffffff;\n --border: #e0e4f0;\n --text: #1a1a2e;\n --muted: #64748b;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0\n }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n background-image: radial-gradient(circle, #c8cce8 1px, transparent 1px);\n background-size: 28px 28px;\n color: var(--text);\n font-size: 14px;\n line-height: 1.75\n }\n\n a { color: inherit; text-decoration: none; }\n a:hover { color: inherit; }\n a:visited { color: inherit; }\n a:focus { outline: none; color: inherit; }\n .pkg-cta, .pkg-cta:hover, .pkg-cta:visited { color: #fff !important; }\n .sidebar-cta, .sidebar-cta:hover { color: #fff !important; }\n .mob-header-cta, .mob-header-cta:hover { color: #fff !important; }\n .mob-popup-zalo, .mob-popup-zalo:hover { color: #fff !important; }\n .toc a, .toc a:hover, .toc a:visited { color: #444; }\n .toc a:hover { color: var(--navy2); }\n .sidebar-nav a, .sidebar-nav a:hover, .sidebar-nav a:visited { color: #555; }\n .sidebar-nav a:hover { color: #151577; }\n .sidebar-nav a.active, .sidebar-nav a.active:hover { color: #151577; }\n .mob-popup-links a, .mob-popup-links a:hover, .mob-popup-links a:visited { color: #333; }\n .link-btn, .link-btn:hover, .link-btn:visited { color: #fff !important; }\n ul { padding-left: 17px; margin: 0 }\n li { margin-bottom: 3px }\n\n .layout {\n display: flex;\n align-items: flex-start;\n max-width: 1260px;\n margin: 0 auto;\n padding: 30px 16px 60px;\n gap: 22px;\n }\n\n .page { flex: 1; min-width: 0; }\n\n \/* SIDEBAR *\/\n .sidebar {\n width: 196px;\n flex-shrink: 0;\n position: sticky;\n top: 20px;\n max-height: calc(100vh - 40px);\n overflow-y: auto;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n padding: 14px 0 10px;\n box-shadow: 0 2px 12px rgba(0,0,0,.07);\n }\n\n .sidebar::-webkit-scrollbar { width: 4px }\n .sidebar::-webkit-scrollbar-thumb { background: #d0d0e8; border-radius: 4px }\n\n .sidebar-title {\n font-size: 10.5px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: .6px;\n color: #151577;\n padding: 0 14px 10px;\n border-bottom: 1px solid #eee;\n margin-bottom: 8px\n }\n\n .sidebar-nav a {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 14px;\n text-decoration: none;\n color: #555;\n font-size: 12.5px;\n line-height: 1.4;\n border-left: 3px solid transparent;\n transition: all .18s\n }\n\n .sidebar-nav a:hover { background: #f0f0ff; color: #151577 }\n .sidebar-nav a.active { background: #e8eeff; color: #151577; font-weight: 700; border-left-color: #151577 }\n\n .sidebar-nav a .sn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border-radius: 5px;\n background: #eee;\n font-size: 10.5px;\n font-weight: 700;\n color: #555;\n flex-shrink: 0;\n transition: all .18s\n }\n\n .sidebar-nav a.active .sn { background: #151577; color: #fff }\n .sidebar-nav a .slabel { flex: 1 }\n\n .sidebar-cta {\n margin: 10px 10px 0;\n display: block;\n text-align: center;\n background: linear-gradient(135deg, #1fa855, #32b561);\n color: #fff;\n text-decoration: none;\n padding: 9px 6px;\n border-radius: 8px;\n font-size: 11.5px;\n font-weight: 800;\n letter-spacing: .2px;\n box-shadow: 0 3px 10px rgba(31,168,85,.3);\n transition: opacity .2s\n }\n\n .sidebar-cta:hover { opacity: .9 }\n\n .sidebar-pdf {\n margin: 8px 10px 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n background: #f0f0ff;\n color: #151577;\n border: 1.5px solid #151577;\n padding: 7px 6px;\n border-radius: 6px;\n font-size: 11.5px;\n font-weight: 700;\n cursor: pointer;\n font-family: 'Plus Jakarta Sans', sans-serif;\n width: calc(100% - 20px)\n }\n\n .sidebar-pdf:hover { background: #e0e0ff }\n\n \/* HEADER *\/\n .header-wrap {\n border-radius: 14px;\n overflow: hidden;\n margin-bottom: 24px;\n background: #fff;\n box-shadow: 0 4px 24px rgba(15,14,92,.12);\n animation: fadeUp .5s ease both\n }\n\n .header-top { display: grid; grid-template-columns: 240px 1fr }\n\n .header-logo {\n padding: 22px 26px;\n background: #fff;\n display: flex;\n align-items: center;\n border-right: 1px solid #f0f0f0\n }\n\n .header-logo img { width: 190px; height: auto }\n\n .header-info {\n background: linear-gradient(135deg, #1fa855 0%, #0d9748 100%);\n padding: 18px 26px;\n position: relative;\n overflow: hidden\n }\n\n .header-info::after {\n content: '';\n position: absolute;\n top: -30px; right: -30px;\n width: 120px; height: 120px;\n background: rgba(255,255,255,.08);\n border-radius: 50%\n }\n\n .header-info p { color: #fff; margin-bottom: 3px; font-size: 13.5px }\n .header-info p.bold { font-weight: 800; font-size: 15px; margin-bottom: 2px }\n .header-info p.sm { color: #c8f5da; font-size: 12.5px }\n\n .header-title {\n background: linear-gradient(135deg, #0f0e5c 0%, #1e1da8 60%, #2d1fa8 100%);\n padding: 22px 26px;\n text-align: center;\n position: relative;\n overflow: hidden\n }\n\n .header-title h1 {\n color: #fff;\n font-size: 20px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: .6px;\n margin: 0 auto 8px;\n line-height: 1.3;\n max-width: 90%;\n text-shadow: 0 2px 16px rgba(0,0,0,.35)\n }\n\n .header-title p { color: #a8b0f0; font-size: 13px; font-style: italic }\n\n \/* PKG CARDS \u2014 2 g\u00f3i *\/\n .pkg-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n margin-bottom: 26px;\n animation: fadeUp .55s .22s ease both\n }\n\n .pkg-card {\n border-radius: 14px;\n overflow: visible;\n border: 2px solid transparent;\n box-shadow: 0 4px 16px rgba(0,0,0,.08);\n position: relative;\n background: #fff;\n transition: transform .28s, box-shadow .28s\n }\n\n .pkg-card:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(0,0,0,.13) }\n\n .pkg-card.featured {\n border-color: var(--orange2);\n box-shadow: 0 8px 32px rgba(255,90,42,.22);\n transform: translateY(-4px)\n }\n\n .pkg-card.featured:hover {\n transform: translateY(-9px);\n box-shadow: 0 20px 48px rgba(255,90,42,.28)\n }\n\n .pkg-popular-tag {\n position: absolute;\n top: -14px; left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(90deg, #ff5a2a, #ff8c00);\n color: #fff;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n white-space: nowrap;\n box-shadow: 0 3px 10px rgba(255,90,42,.4);\n letter-spacing: .4px;\n text-transform: uppercase;\n z-index: 2\n }\n\n .pkg-hd {\n padding: 20px 20px 16px;\n color: #fff;\n position: relative;\n overflow: hidden;\n border-radius: 12px 12px 0 0\n }\n\n .pkg-hd .name { font-size: 10.5px; font-weight: 700; text-transform: uppercase; opacity: .85; margin-bottom: 4px; letter-spacing: .5px }\n .pkg-hd .title { font-size: 18px; font-weight: 900; margin-bottom: 2px }\n .pkg-hd .sub { font-size: 11.5px; opacity: .75; margin-top: 2px }\n\n .pkg-hd .price-tag {\n margin-top: 12px;\n display: inline-block;\n background: rgba(255,255,255,.18);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 8px;\n padding: 6px 12px\n }\n\n .pkg-hd .price-tag .price-main { font-size: 17px; font-weight: 900; color: #fff; display: block; line-height: 1.2 }\n .pkg-hd .price-tag .price-note { font-size: 10px; opacity: .8; display: block }\n\n .pkg-bd { background: #fff; padding: 16px 18px; border-radius: 0 0 12px 12px }\n\n .pkg-cta {\n display: block;\n text-align: center;\n padding: 10px 0;\n border-radius: 8px;\n font-weight: 800;\n font-size: 13px;\n text-decoration: none;\n margin: 12px 0 10px;\n color: #fff;\n letter-spacing: .3px;\n transition: opacity .2s, transform .2s\n }\n\n .pkg-cta:hover { opacity: .9; transform: scale(1.02) }\n\n .pkg-target {\n font-size: 12.5px;\n color: #555;\n margin-bottom: 10px;\n font-style: italic;\n padding: 8px 10px;\n background: #f8f9ff;\n border-radius: 6px;\n border-left: 3px solid #dde\n }\n\n .pkg-list { padding-left: 0; list-style: none; font-size: 12.5px; color: #333 }\n\n .pkg-list li { margin-bottom: 6px; padding-left: 18px; position: relative }\n\n .pkg-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--green2);\n font-weight: 900;\n font-size: 11px\n }\n\n .pkg-badge {\n display: inline-block;\n margin-top: 10px;\n padding: 5px 12px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: #fff\n }\n\n \/* COLOR HELPERS *\/\n .bg-green { background: linear-gradient(135deg, #1fa855, #32b561) }\n .bg-orange { background: linear-gradient(135deg, #f04a1a, #ff6b35) }\n .bg-purple { background: linear-gradient(135deg, #6c3bff, #9b6dff) }\n .border-green { border-color: var(--green2) }\n .border-orange { border-color: var(--orange2) }\n .border-purple { border-color: var(--purple2) }\n\n .yes { color: #15803d; font-weight: 700 }\n .no { color: #dc2626; font-weight: 700 }\n .mid { color: #d97706; font-weight: 600 }\n\n .tick {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px; height: 24px;\n background: #16a34a;\n color: #fff;\n font-size: 13px;\n font-weight: 900;\n border-radius: 50%\n }\n\n .cross {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px; height: 24px;\n background: #ef4444;\n color: #fff;\n font-size: 12px;\n font-weight: 700;\n border-radius: 50%\n }\n\n .price-cell { font-weight: 700; color: var(--navy2); font-size: 13px }\n .free-cell { color: #32b561; font-weight: 700 }\n\n \/* TOC *\/\n .toc {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 16px 20px;\n margin-bottom: 20px;\n box-shadow: 0 2px 8px rgba(15,14,92,.05);\n animation: fadeUp .5s .18s ease both\n }\n\n .toc h4 {\n color: var(--navy2);\n font-size: 12.5px;\n font-weight: 800;\n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: .5px\n }\n\n .toc-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 6px\n }\n\n .toc a {\n display: block;\n padding: 7px 11px;\n border-radius: 6px;\n font-size: 12.5px;\n text-decoration: none;\n color: #444;\n background: #f5f7ff;\n border: 1px solid var(--border);\n transition: background .15s, color .15s\n }\n\n .toc a:hover, .toc a.active { background: #e8eeff; color: var(--navy2) }\n .toc a span { font-weight: 800; color: var(--navy2); margin-right: 4px }\n\n #btn-pdf {\n width: 100%;\n margin-top: 10px;\n padding: 9px;\n background: linear-gradient(90deg, #f04a1a, #ff6b35);\n color: #fff;\n border: none;\n border-radius: 6px;\n font-weight: 800;\n cursor: pointer;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n box-shadow: 0 3px 10px rgba(240,74,26,.3)\n }\n\n #btn-pdf:hover { opacity: .9 }\n\n \/* ACCORDION *\/\n .acc-wrap {\n margin-bottom: 12px;\n border-radius: 12px;\n overflow: visible;\n border: 1px solid var(--border);\n background: #fff;\n transition: box-shadow .3s\n }\n\n .acc-wrap:has(.acc-body.open) {\n box-shadow: 0 6px 24px rgba(15,14,92,.1);\n border-color: #c8ccee\n }\n\n .acc-wrap.highlight {\n border: 2px solid #1fa855;\n box-shadow: 0 0 0 3px rgba(31,168,85,.15), 0 8px 32px rgba(31,168,85,.18);\n position: relative;\n margin-top: 20px;\n }\n\n .acc-wrap.highlight::before {\n content: '\u2b50 N\u1ed4I B\u1eacT';\n position: absolute;\n top: -13px; right: 20px;\n background: linear-gradient(135deg, #1fa855, #32d46e);\n color: #fff!important;\n font-size: 10.5px;\n font-weight: 800;\n padding: 3px 12px;\n border-radius: 999px;\n letter-spacing: .5px;\n z-index: 2;\n box-shadow: 0 3px 10px rgba(31,168,85,.35)\n }\n\n .acc-wrap.highlight .acc-btn {\n background: linear-gradient(135deg, #0d7a3a 0%, #1fa855 50%, #0d9748 100%);\n font-size: 15px\n }\n\n .acc-wrap.highlight .acc-btn:hover {\n background: linear-gradient(135deg, #15a04e 0%, #28c964 100%)\n }\n\n .acc-btn {\n width: 100%;\n text-align: left;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 20px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 800;\n background: linear-gradient(135deg, #0f0e5c 0%, #1e1da8 100%);\n color: #fff!important;\n transition: background .25s;\n letter-spacing: .2px;\n border-radius: 11px 11px 0 0;\n }\n\n .acc-wrap:not(:has(.acc-body.open)) .acc-btn {\n border-radius: 11px;\n }\n\n .acc-btn:hover { background: linear-gradient(135deg, #1a19a0 0%, #2a28cc 100%) }\n\n .acc-btn .num {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 28px; height: 28px;\n border-radius: 8px;\n background: rgba(255,255,255,.18);\n font-size: 13px;\n font-weight: 900;\n margin-right: 10px;\n flex-shrink: 0;\n border: 1px solid rgba(255,255,255,.2)\n }\n\n .acc-btn .arrow {\n font-size: 18px;\n transition: transform .35s cubic-bezier(.4,0,.2,1);\n flex-shrink: 0;\n opacity: .8\n }\n\n .acc-btn.open .arrow { transform: rotate(180deg) }\n\n .acc-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height .45s cubic-bezier(.4,0,.2,1), opacity .35s ease;\n opacity: 0\n }\n\n .acc-body.open {\n opacity: 1;\n border-radius: 0 0 11px 11px;\n overflow: hidden;\n }\n\n \/* SUB HEADERS *\/\n .sub-hd {\n background: linear-gradient(90deg, #1fa855, #32d46e);\n color: #fff;\n padding: 9px 18px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: .2px\n }\n\n .sub-hd.orange { background: linear-gradient(90deg, #f04a1a, #ff6b35) }\n .sub-hd.purple { background: linear-gradient(90deg, #6c3bff, #9b6dff) }\n .sub-hd.navy { background: linear-gradient(90deg, #0f0e5c, #1e1da8) }\n\n \/* INFO BLOCK *\/\n .ib { overflow: hidden }\n\n .ir {\n display: flex;\n border-bottom: 1px solid #e8ecf5;\n }\n\n .ir:last-child { border-bottom: none }\n .ir:nth-child(even) .iv { background: #fafbff }\n .ir:hover .iv { background: #f0f2ff }\n\n .il {\n width: 190px;\n min-width: 140px;\n flex-shrink: 0;\n padding: 10px 14px;\n font-size: 13px;\n font-weight: 700;\n color: var(--navy2);\n background: #f5f7ff;\n border-left: 3px solid #c0c8ee;\n display: flex;\n align-items: flex-start;\n }\n\n .iv {\n flex: 1;\n padding: 10px 14px;\n font-size: 13px;\n background: #fff;\n vertical-align: middle;\n }\n\n .iv ul { padding-left: 17px; margin: 0 }\n .iv li { margin-bottom: 3px; font-size: 13px }\n\n \/* FEAT\/COMPARE GRID \u2014 3-col (label + 2 g\u00f3i) *\/\n .fg { overflow: hidden }\n\n .fg-head {\n display: grid;\n grid-template-columns: minmax(140px, 2fr) repeat(2, 1fr);\n }\n\n .fg-head > div {\n padding: 10px 12px;\n font-size: 13px;\n font-weight: 700;\n text-align: center;\n border: 1px solid rgba(255,255,255,.15)\n }\n\n .fg-h0 { text-align: left !important; background: #f5f7ff; color: var(--navy2); border: 1px solid #e8ecf5 !important }\n .fg-hg { background: linear-gradient(135deg, #1fa855, #32b561); color: #fff }\n .fg-ho { background: linear-gradient(135deg, #6c3bff, #9b6dff); color: #fff }\n\n .fg-row {\n display: grid;\n grid-template-columns: minmax(140px, 2fr) repeat(2, 1fr);\n border-bottom: 1px solid #e8ecf5;\n transition: background .15s;\n }\n\n .fg-row:hover { background: #f8f9ff }\n\n .fg-row > div {\n padding: 10px 12px;\n font-size: 13px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px solid #e8ecf5;\n }\n\n .fg-row > div:last-child { border-right: none }\n\n .fg-label {\n justify-content: flex-start !important;\n text-align: left;\n background: #fafbff;\n border-left: 1px solid #e8ecf5\n }\n\n .fg-cat {\n padding: 9px 14px;\n font-weight: 800;\n color: #14532d;\n font-size: 12.5px;\n background: linear-gradient(90deg, #e8f5e9, #f0fdf4);\n border-left: 3px solid #22c55e;\n border-bottom: 1px solid #e8ecf5;\n }\n\n .fg-span2 {\n grid-column: 2 \/ 4;\n justify-content: center !important;\n text-align: center;\n border-right: 1px solid #e8ecf5\n }\n\n \/* MAINTENANCE TABLE *\/\n .mt-wrap { overflow: hidden }\n\n .mt-head {\n display: grid;\n grid-template-columns: 44px 1fr 2fr 130px;\n }\n\n .mt-head > div {\n padding: 10px 14px;\n font-size: 13px;\n font-weight: 700;\n background: linear-gradient(135deg, #0f0e5c, #1e1da8);\n color: #fff\n }\n\n .mt-head > div:first-child,\n .mt-head > div:nth-child(4) { text-align: center }\n\n .mt-row {\n display: grid;\n grid-template-columns: 44px 1fr 2fr 130px;\n border-bottom: 1px solid #e8ecf5\n }\n\n .mt-row > div {\n padding: 10px 14px;\n font-size: 13px;\n border-right: 1px solid #e8ecf5;\n background: #fff\n }\n\n .mt-row > div:last-child { border-right: none }\n .mt-row:nth-child(even) > div { background: #fafbff }\n .mt-row:hover > div { background: #f0f2ff }\n\n .mt-num {\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n color: var(--navy2);\n background: #f5f7ff !important;\n }\n\n .mt-title { font-weight: 600; display: flex; align-items: flex-start }\n .mt-desc { display: flex; align-items: flex-start; color: #444; font-size: 12.5px }\n .mt-freq { display: flex; align-items: center; justify-content: center; text-align: center; color: #555; font-size: 12.5px }\n\n \/* NOTES *\/\n .note-box {\n border-left: 4px solid var(--navy2);\n background: linear-gradient(90deg, #eef0ff, #f5f7ff);\n padding: 12px 16px;\n margin: 12px 16px;\n border-radius: 0 6px 6px 0;\n font-size: 13px\n }\n\n .note-box strong { color: var(--navy2) }\n\n .warn-box {\n border-left: 4px solid var(--orange2);\n background: linear-gradient(90deg, #fff5f0, #fff8f5);\n padding: 12px 16px;\n margin: 12px 16px;\n border-radius: 0 6px 6px 0;\n font-size: 13px\n }\n\n .quote-box {\n background: linear-gradient(90deg, #fffef0, #fffde7);\n color: #555;\n font-style: italic;\n font-size: 13px;\n padding: 14px 18px;\n border-bottom: 1px solid #f0e0a0;\n border-left: 4px solid #f59e0b\n }\n\n \/* LINK BUTTONS *\/\n .link-btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: linear-gradient(135deg, #0f0e5c, #1e1da8);\n color: #fff !important;\n text-decoration: none;\n padding: 3px 10px 3px 8px;\n border-radius: 999px;\n font-size: 11.5px;\n font-weight: 700;\n transition: opacity .2s, transform .2s;\n white-space: nowrap;\n box-shadow: 0 2px 8px rgba(15,14,92,.25)\n }\n\n .link-btn:hover { opacity: .85; transform: translateY(-1px) }\n .link-btn::before { content: '\u2197'; font-size: 10px }\n .link-btn.green { background: linear-gradient(135deg, #1fa855, #32b561); box-shadow: 0 2px 8px rgba(31,168,85,.25) }\n .link-btn.orange { background: linear-gradient(135deg, #f04a1a, #ff6b35); box-shadow: 0 2px 8px rgba(240,74,26,.25) }\n small .link-btn { margin-top: 4px; display: inline-flex }\n\n \/* TIMELINE *\/\n .timeline {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n padding: 16px\n }\n\n .tl-item {\n border: 1px solid var(--border);\n border-top: 4px solid var(--navy2);\n padding: 16px;\n border-radius: 10px;\n transition: border-top-color .25s, background .25s, transform .25s, box-shadow .25s;\n cursor: default;\n background: #fff\n }\n\n .tl-item:hover {\n border-top-color: var(--green2);\n background: #f5fff9;\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(50,181,97,.15)\n }\n\n .tl-item:hover .tl-no { background: var(--green2); transform: scale(1.1) }\n .tl-item:hover h4 { color: #15803d }\n\n .tl-no {\n width: 34px; height: 34px;\n background: var(--navy2);\n color: #fff;\n border-radius: 9px;\n display: grid;\n place-items: center;\n font-weight: 900;\n font-size: 15px;\n margin-bottom: 10px;\n transition: background .25s, transform .25s\n }\n\n .tl-item h4 { color: var(--navy2); font-size: 13.5px; font-weight: 700; margin-bottom: 4px; transition: color .25s }\n .tl-item p { color: var(--muted); font-size: 12.5px }\n\n \/* FOOTER *\/\n .footer {\n text-align: right;\n margin-top: 40px;\n color: #94a3b8;\n font-size: 12px;\n border-top: 1px solid var(--border);\n padding-top: 10px\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(18px) }\n to { opacity: 1; transform: translateY(0) }\n }\n\n \/* MOBILE HEADER *\/\n .mob-header {\n display: none;\n position: fixed;\n top: 0; left: 0; right: 0;\n height: 52px;\n background: #151577;\n z-index: 800;\n align-items: center;\n justify-content: space-between;\n padding: 0 14px;\n box-shadow: 0 2px 10px rgba(0,0,0,.25)\n }\n\n .mob-hamburger {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n width: 38px; height: 38px;\n background: rgba(255,255,255,.12);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n padding: 8px 9px;\n flex-shrink: 0\n }\n\n .mob-hamburger span { display: block; height: 2px; background: #fff; border-radius: 2px; transition: all .25s }\n .mob-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg) }\n .mob-hamburger.open span:nth-child(2) { opacity: 0 }\n .mob-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) }\n\n .mob-header-logo { display: flex; align-items: center; gap: 8px; text-decoration: none }\n .mob-header-logo img { height: 26px; width: auto; filter: brightness(0) invert(1) }\n .mob-header-cta { background: #32b561; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 700; font-size: 12px; padding: 7px 12px; white-space: nowrap }\n\n .mob-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 900 }\n .mob-overlay.open { display: block }\n\n .mob-popup {\n display: block;\n position: fixed;\n bottom: 0; left: 0; right: 0;\n background: #fff;\n z-index: 1000;\n border-radius: 16px 16px 0 0;\n transform: translateY(100%);\n transition: transform 0.3s ease;\n box-shadow: 0 -4px 20px rgba(0,0,0,.15)\n }\n\n .mob-popup.open { transform: translateY(0) }\n\n .mob-popup-hd {\n background: #151577;\n color: #fff;\n padding: 14px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 16px 16px 0 0;\n font-weight: 700\n }\n\n .mob-popup-close {\n background: rgba(255,255,255,0.2);\n border: none;\n width: 30px; height: 30px;\n border-radius: 50%;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 16px\n }\n\n .mob-popup-links {\n padding: 16px 16px 8px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n max-height: 55vh;\n overflow-y: auto\n }\n\n .mob-popup-links a {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 10px;\n background: #f4f6fb;\n border-radius: 6px;\n text-decoration: none;\n color: #333;\n font-size: 13px;\n transition: background 0.2s;\n border: 1px solid #e0e0e0\n }\n\n .mob-popup-links a span { font-weight: 700; color: #151577 }\n .mob-popup-links a:hover, .mob-popup-links a.active { background: #e8eeff; border-color: #151577 }\n\n .mob-popup-actions { display: flex; flex-direction: column; gap: 8px; padding: 10px 16px 20px }\n\n .mob-popup-zalo {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n background: #32b561;\n color: #fff;\n text-decoration: none;\n font-weight: 700;\n font-size: 14px;\n padding: 12px;\n border-radius: 8px\n }\n\n .mob-popup-pdf {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n background: #f0f0ff;\n color: #151577;\n border: 1.5px solid #151577;\n font-weight: 700;\n font-size: 14px;\n padding: 11px;\n border-radius: 8px;\n cursor: pointer;\n font-family: 'Plus Jakarta Sans', sans-serif\n }\n\n @media (max-width: 900px) {\n .sidebar { display: none }\n .layout { padding: 60px 12px 30px }\n .mob-header { display: flex }\n }\n\n @media (max-width: 720px) {\n .pkg-grid, .toc-grid { grid-template-columns: 1fr }\n .header-top { grid-template-columns: 1fr }\n .timeline { grid-template-columns: 1fr 1fr }\n }\n\n @media (max-width: 580px) {\n .ir { flex-direction: column }\n .il { width: 100%; border-left: none; border-top: 3px solid #c0c8ee; min-width: unset; font-size: 12px; padding: 8px 12px }\n .iv { font-size: 12.5px; padding: 8px 12px }\n }\n\n @media (max-width: 680px) {\n .fg-head { display: none }\n .fg-row { grid-template-columns: 1fr !important; padding: 12px 14px !important; gap: 8px; border-left: 3px solid #e0e4f0 }\n .fg-row .fg-label { background: transparent !important; padding: 0 0 8px !important; border-bottom: 1px solid #eee; border-left: none; border-right: none; font-weight: 600 }\n .fg-row > div:not(.fg-label) { padding: 0 !important; justify-content: flex-start !important; gap: 10px; border-right: none; font-size: 12.5px }\n .fg-row > div:not(.fg-label)::before { content: attr(data-pkg); font-size: 11px; font-weight: 700; color: #888; display: inline-block; min-width: 88px }\n .fg-span2 { grid-column: 1 }\n }\n\n @media (max-width: 680px) {\n .mt-head { display: none }\n .mt-row { grid-template-columns: 1fr; padding: 12px 14px; gap: 4px; border-left: 3px solid var(--navy2) }\n .mt-row > div { background: transparent !important; border-right: none; padding: 0 }\n .mt-num { justify-content: flex-start; font-size: 15px; color: var(--navy2); padding-bottom: 2px }\n .mt-title { font-size: 13.5px }\n .mt-desc { font-size: 12.5px; color: #555 }\n .mt-freq { justify-content: flex-start }\n .mt-freq::before { content: \"T\u1ea7n su\u1ea5t: \"; font-weight: 700; font-size: 12px; color: var(--navy2) }\n }\n\n @media print {\n body { background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact }\n .layout { display: block; padding: 0; max-width: 100% }\n .sidebar { display: none }\n .page { padding: 0 }\n .acc-body { display: block !important; max-height: none !important; opacity: 1 !important }\n .acc-btn .arrow { display: none }\n .toc, .no-print { display: none }\n @page { size: A4; margin: 12mm }\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <header class=\"mob-header no-print\" id=\"mob-header\">\n <button class=\"mob-hamburger\" id=\"mob-hamburger\" onclick=\"toggleMobMenu()\" aria-label=\"Table of Contents\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <a class=\"mob-header-logo\" href=\"#\" aria-label=\"Link\">\n <img decoding=\"async\" src=\"https:\/\/dps.media\/wp-content\/uploads\/2023\/08\/dpsmedia.svg\" alt=\"DPS.MEDIA\" title=\"\">\n <\/a>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"mob-header-cta\" target=\"_blank\" rel=\"nofollow noopener\">Zalo Consultation \u2192<\/a>\n <\/header>\n <div class=\"mob-overlay\" id=\"mob-overlay\" onclick=\"closeMobMenu()\"><\/div>\n <div class=\"mob-popup\" id=\"mob-popup\">\n <div class=\"mob-popup-hd\">\n <span>\ud83d\udccb Select quotation section<\/span>\n <button class=\"mob-popup-close\" onclick=\"closeMobMenu()\">\u2715<\/button>\n <\/div>\n <div class=\"mob-popup-links\">\n <a href=\"#s1\"><span>1.<\/span> Introduction<\/a>\n <a href=\"#s2\"><span>2.<\/span> Price list<\/a>\n <a href=\"#s3\"><span>3.<\/span> Advanced features<\/a>\n <a href=\"#s4\"><span>4.<\/span> Interface<\/a>\n <a href=\"#s5\"><span>5.<\/span> Content management<\/a>\n <a href=\"#s6\"><span>6.<\/span> Hosting<\/a>\n <a href=\"#s7\"><span>7.<\/span> Security<\/a>\n <a href=\"#s8\"><span>8.<\/span> Data Entry<\/a>\n <a href=\"#s9\"><span>9.<\/span> Multi-language<\/a>\n <a href=\"#s10\"><span>10.<\/span> Maintenance<\/a>\n <a href=\"#s11\"><span>11.<\/span> Why WordPress<\/a>\n <a href=\"#s12\"><span>12.<\/span> Commitment<\/a>\n <\/div>\n <div class=\"mob-popup-actions\">\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"mob-popup-zalo\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get consultation via Zalo<\/a>\n <button class=\"mob-popup-pdf\" onclick=\"window.print()\">\ud83d\udcc4 Download PDF Quote<\/button>\n <\/div>\n <\/div>\n\n <div class=\"layout\">\n\n \n <aside class=\"sidebar no-print\" id=\"sidebar\">\n <div class=\"sidebar-title\">\ud83d\udccb Table of Contents<\/div>\n <nav class=\"sidebar-nav\">\n <a href=\"#s1\" data-target=\"s1\"><span class=\"sn\">1<\/span><span class=\"slabel\">Service Introduction<\/span><\/a>\n <a href=\"#s2\" data-target=\"s2\"><span class=\"sn\">2<\/span><span class=\"slabel\">Pricing & Features<\/span><\/a>\n <a href=\"#s3\" data-target=\"s3\"><span class=\"sn\">3<\/span><span class=\"slabel\">Advanced features<\/span><\/a>\n <a href=\"#s4\" data-target=\"s4\"><span class=\"sn\">4<\/span><span class=\"slabel\">Interface<\/span><\/a>\n <a href=\"#s5\" data-target=\"s5\"><span class=\"sn\">5<\/span><span class=\"slabel\">Content Management & SEO<\/span><\/a>\n <a href=\"#s6\" data-target=\"s6\"><span class=\"sn\">6<\/span><span class=\"slabel\">Hosting Specifications<\/span><\/a>\n <a href=\"#s7\" data-target=\"s7\"><span class=\"sn\">7<\/span><span class=\"slabel\">Security<\/span><\/a>\n <a href=\"#s8\" data-target=\"s8\"><span class=\"sn\">8<\/span><span class=\"slabel\">Data Entry & Scraping<\/span><\/a>\n <a href=\"#s9\" data-target=\"s9\"><span class=\"sn\">9<\/span><span class=\"slabel\">Multi-language<\/span><\/a>\n <a href=\"#s10\" data-target=\"s10\"><span class=\"sn\">10<\/span><span class=\"slabel\">Website Maintenance<\/span><\/a>\n <a href=\"#s11\" data-target=\"s11\"><span class=\"sn\">11<\/span><span class=\"slabel\">Why WordPress<\/span><\/a>\n <a href=\"#s12\" data-target=\"s12\"><span class=\"sn\">12<\/span><span class=\"slabel\">Commitment & Roadmap<\/span><\/a>\n <\/nav>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"sidebar-cta\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n <button class=\"sidebar-pdf\" onclick=\"window.print()\">\ud83d\udcc4 Download PDF Quote<\/button>\n <\/aside>\n\n <div class=\"page\">\n\n \n <div class=\"header-wrap\">\n <div class=\"header-top\">\n <div class=\"header-logo\">\n <img decoding=\"async\" src=\"https:\/\/dps.media\/wp-content\/uploads\/2023\/08\/dpsmedia.svg\" alt=\"DPS.MEDIA\" title=\"\">\n <\/div>\n <div class=\"header-info\">\n <p class=\"bold\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n <p class=\"bold\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n <p class=\"sm\" style=\"margin-top:8px\">Vietcombank \u2013 105 116 0909<\/p>\n <p class=\"sm\">Tax code: 0318 700 500<\/p>\n <p class=\"sm\">Phone: 0961 54 54 45<\/p>\n <p class=\"sm\">Address: 56 Nguyen Dinh Chieu, Tan Dinh Ward, Ho Chi Minh City<\/p>\n <p class=\"sm\" style=\"margin-top:8px\">\ud83d\udd17 <a href=\"https:\/\/dps.media\/en\/\" style=\"color:#fff\">https:\/\/dps.media<\/a><\/p>\n <p class=\"sm\">\ud83d\udd17 <a href=\"https:\/\/dps.media\/en\/zalo\/\" style=\"color:#fff\">https:\/\/dps.media\/zalo<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"header-title\">\n <h1>Information website design service quotation<\/h1>\n <p>Professional WordPress website solutions \u2014 suitable for small to medium and large scale businesses<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"pkg-grid\">\n <div class=\"pkg-card border-green\">\n <div class=\"pkg-hd bg-green\">\n <div class=\"name\">Popular Package<\/div>\n <div class=\"title\">Basic Website<\/div>\n <div class=\"sub\">For individuals, small businesses<\/div>\n <div class=\"price-tag\">\n <span class=\"price-main\">5,388,000 VND<\/span>\n <span class=\"price-note\">First year (website + hosting)<\/span>\n <\/div>\n <\/div>\n <div class=\"pkg-bd\">\n <div class=\"pkg-target\">Suitable for small businesses, individuals, or organizations needing a basic introduction website.<\/div>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"pkg-cta bg-green\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n <ul class=\"pkg-list\">\n <li>Premium ThemeForest, Envato interface \u2013 recommended by DPS<\/li>\n <li>Adjust fonts, colors according to brand identity<\/li>\n <li>Up to 3 revisions for layout & colors<\/li>\n <li>2 professionally designed banners<\/li>\n <li>Support for posting 5\u201310 initial articles<\/li>\n <li>5% discount on feature development for 1 year<\/li>\n <\/ul>\n <span class=\"pkg-badge bg-green\">Maintenance fee from year 2: 1,500,000 VND\/year<\/span>\n <\/div>\n <\/div>\n <div class=\"pkg-card border-purple featured\">\n <div class=\"pkg-popular-tag\">\u2b50 Most Selected<\/div>\n <div class=\"pkg-hd bg-purple\">\n <div class=\"name\">Enterprise Package \u00b7 VIP<\/div>\n <div class=\"title\">Professional Website<\/div>\n <div class=\"sub\">For medium \u2013 large scale businesses<\/div>\n <div class=\"price-tag\">\n <span class=\"price-main\">8,888,000 VND<\/span>\n <span class=\"price-note\">First year (website + hosting)<\/span>\n <\/div>\n <\/div>\n <div class=\"pkg-bd\">\n <div class=\"pkg-target\">Suitable for medium \u2013 large scale businesses needing a customized, professional website with many extended features.<\/div>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" class=\"pkg-cta bg-purple\" target=\"_blank\" rel=\"nofollow noopener\">\ud83d\udcac Get advice now \u2192<\/a>\n <ul class=\"pkg-list\">\n <li>Premium interface \u2013 recommended by DPS or per customer request<\/li>\n <li>Customize fonts, colors, layout to suit preferences<\/li>\n <li>Up to 6 revisions for layout & colors<\/li>\n <li>5 professionally designed banners<\/li>\n <li>Support for posting 30 initial articles<\/li>\n <li>20% discount on feature development for 1 year<\/li>\n <\/ul>\n <span class=\"pkg-badge bg-purple\">Maintenance fee from year 2: 3,000,000 VND\/year<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"toc no-print\">\n <h4>\ud83d\udccb Table of Contents \u2013 Click to skip to each section<\/h4>\n <div class=\"toc-grid\">\n <a href=\"#s1\"><span>1.<\/span>Service Introduction<\/a>\n <a href=\"#s2\"><span>2.<\/span>Pricing & Features<\/a>\n <a href=\"#s3\"><span>3.<\/span>Advanced features<\/a>\n <a href=\"#s4\"><span>4.<\/span>Interface<\/a>\n <a href=\"#s5\"><span>5.<\/span>Content Management & SEO<\/a>\n <a href=\"#s6\"><span>6.<\/span>Hosting Specifications<\/a>\n <a href=\"#s7\"><span>7.<\/span>Security<\/a>\n <a href=\"#s8\"><span>8.<\/span>Data Entry & Scraping<\/a>\n <a href=\"#s9\"><span>9.<\/span>Multi-language<\/a>\n <a href=\"#s10\"><span>10.<\/span>Website Maintenance<\/a>\n <a href=\"#s11\"><span>11.<\/span>Why WordPress<\/a>\n <a href=\"#s12\"><span>12.<\/span>Commitment & Roadmap<\/a>\n <\/div>\n <button id=\"btn-pdf\">\ud83d\udcc4 Export PDF<\/button>\n <\/div>\n\n \n <div class=\"acc-wrap highlight\" id=\"s1\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">1<\/span>INTRODUCTION TO INFORMATION WEBSITE DESIGN SERVICES<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"quote-box\">DPS.MEDIA provides information website design solutions on the WordPress platform \u2014 cost-optimized, fast deployment, easy management, suitable for all business scales from individuals to large organizations.<\/div>\n <div class=\"sub-hd\">Why do you need a professional information website?<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Build credibility<\/div>\n <div class=\"iv\">A professional website helps businesses create a great first impression with potential customers, increasing credibility when searching on Google.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">24\/7 Marketing Channel<\/div>\n <div class=\"iv\">The website operates continuously, receiving customer information via contact forms, integrated Zalo, and Hotline anytime, anywhere.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Google SEO Optimization<\/div>\n <div class=\"iv\">WordPress integrates powerful SEO tools, helping the website appear on the first page of Google when customers search for your products\/services.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Content Control<\/div>\n <div class=\"iv\">Complete autonomy over content, no dependence on third parties. Update information, articles, and services easily even without technical knowledge.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap highlight\" id=\"s2\">\n <button class=\"acc-btn open\" onclick=\"toggle(this)\">\n <span><span class=\"num\">2<\/span>FULL PRICE LIST & FEATURES<\/span>\n <span class=\"arrow\" style=\"transform:rotate(180deg)\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body open\" style=\"padding:16px\">\n <div class=\"warn-box\"><strong>Note:<\/strong> Items arising outside the scope of the signed contract must be agreed upon by both parties before implementation. If you already have your own hosting: maintenance is only 1,500,000 VND\/year (condition: hosting meets configuration requirements). Website design prices may change depending on customer requirements.<\/div>\n <div class=\"fg\" style=\"margin-top:12px\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Category<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n\n \n <div class=\"fg-cat\">\ud83d\udcb0 COSTS & TIMELINE<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\"><strong>Total first-year payment (website + hosting)<\/strong><\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"font-weight:900;color:#32b561;font-size:14px\">5,388,000 VND<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"font-weight:900;color:#7c4dff;font-size:14px\">8,888,000 VND<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Domain name<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;gap:6px\">\n <span style=\"color:#555;font-size:12.5px\">Customer selects a suitable domain name for DPS to quote<\/span>\n <a href=\"https:\/\/inet.vn\/domain\/bang-gia-ten-mien\/\" class=\"link-btn\" target=\"_blank\" rel=\"nofollow noopener\">View domain name price list<\/a>\n <\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;gap:6px\">\n <span style=\"color:#555;font-size:12.5px\">Customer selects a suitable domain name for DPS to quote<\/span>\n <a href=\"https:\/\/inet.vn\/domain\/bang-gia-ten-mien\/\" class=\"link-btn\" target=\"_blank\" rel=\"nofollow noopener\">View domain name price list<\/a>\n <\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Maintenance fee (hosting + maintenance) from year 2<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n <span style=\"font-weight:700;color:var(--navy2);font-size:14px\">1,500,000 VND \/ year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83c\udf81 Free hosting for the first year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83d\udca1 500,000 VND discount if hosting already available<\/span>\n <\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n <span style=\"font-weight:700;color:var(--navy2);font-size:14px\">3,000,000 VND \/ year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83c\udf81 Free hosting for the first year<\/span>\n <span style=\"font-size:12px;color:#888\">\ud83d\udca1 1,000,000 VND discount if hosting already available<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fg-cat\">\ud83c\udf81 INCLUDED OFFERS<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Banner design<br><small style=\"color:#888\">Customer provides banner brief<\/small><\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 banners<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">5 banners<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Support channel<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"text-align:center;justify-content:center\">Zalo \/ Email \/ Hotline \/ TeamViewer<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Zalo \/ Email \/ Hotline \/ TeamViewer<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Layout & color editing<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Up to 3 times<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">Up to 6 times<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Initial article posting support<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">5\u201310 articles<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">30 articles<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Offers for website development features within 1 year<\/div>\n <div class=\"mid\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">5%<\/div>\n <div class=\"yes\" data-pkg=\"Doanh Nghi\u1ec7p\">20%<\/div>\n <\/div>\n\n \n <div class=\"fg-cat\">\ud83d\udd27 DEFAULT FEATURES (ALL PACKAGES \u2013 FREE)<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Connect GG Search Console, Analytics, Tag Manager<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Handover of entire source code<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website user guide<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Complete<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Complete<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Multi-platform contact CTA button installation<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Contact form to collect customer information<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Set up receiving form information via email<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\" style=\"flex-direction:column;align-items:flex-start;gap:4px\">\n <span>Import all old data to new web<\/span>\n <small style=\"color:#888;font-weight:400\">(if old web can export data)<\/small>\n <\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s3\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">3<\/span>ADVANCED FEATURES<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n <div class=\"warn-box\"><strong>Note:<\/strong> Not everything is installed \u2014 DPS advises and only installs features suitable for the actual needs of each customer.<\/div>\n <div class=\"fg\" style=\"margin-top:12px\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Feature<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website push notifications<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Star reviews for each article<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Display visitor count on the website<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Automatic table of contents for posts<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">100,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Push form information to Google Sheets<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">200,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">System of 50 high DR social backlinks<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">250,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Anti-right click, highlight and copy images & content<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Prominent 3D Profile for businesses<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">350,000 VND<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Google Maps displaying company branches<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">550,000 VND<\/div>\n <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">350,000 VND<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Upgrade sales features (WooCommerce)<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">1,200,000 VND<\/div>\n <div class=\"price-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">750,000 VND<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s4\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">4<\/span>WEBSITE INTERFACE<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Category<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\" style=\"align-items:stretch\">\n <div class=\"fg-label\" style=\"align-items:center\">Interface<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"padding:14px 16px;flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start\">\n <div style=\"display:flex;align-items:center;gap:6px;margin-bottom:4px\">\n <span style=\"background:linear-gradient(135deg,#1fa855,#32b561);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.3px\">STANDARD<\/span>\n <\/div>\n <div style=\"font-weight:700;font-size:13px;color:var(--navy2)\">\ud83c\udfa8 Premium ThemeForest \/ Envato<\/div>\n <ul style=\"padding-left:16px;margin:0;font-size:12.5px;color:#444;line-height:1.7\">\n <li>DPS recommends a suitable interface<\/li>\n <li>Adjust font and size<\/li>\n <li>Colors according to brand identity<\/li>\n <\/ul>\n <\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"padding:14px 16px;flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start;background:#f5f0ff\">\n <div style=\"display:flex;align-items:center;gap:6px;margin-bottom:4px\">\n <span style=\"background:linear-gradient(135deg,#6c3bff,#9b6dff);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.3px\">BUSINESS \u2b50<\/span>\n <\/div>\n <div style=\"font-weight:700;font-size:13px;color:#6c3bff\">\ud83c\udfa8 Premium ThemeForest \/ Envato<\/div>\n <ul style=\"padding-left:16px;margin:0;font-size:12.5px;color:#444;line-height:1.7\">\n <li>DPS recommends <strong>or according to the interface requested by the customer<\/strong><\/li>\n <li>Customize fonts, colors, <strong>deeper layout<\/strong><\/li>\n <li>Matches expectations & business goals<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Edit colors \u2013 typography<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"justify-content:center;text-align:center\">Maximum \u00a0<strong>3 times<\/strong>\u00a0 edits<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"justify-content:center;text-align:center;color:#6c3bff\">Maximum \u00a0<strong>6 times<\/strong>\u00a0 edits<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website layout editing<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"justify-content:center;text-align:center\">Maximum \u00a0<strong>3 times<\/strong>\u00a0 edits<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\" style=\"justify-content:center;text-align:center;color:#6c3bff\">Maximum \u00a0<strong>6 times<\/strong>\u00a0 edits<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s5\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">5<\/span>CONTENT MANAGEMENT & SEO TOOLS<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"sub-hd\">5.1 Content Management<\/div>\n <div class=\"note-box\"><strong>Note:<\/strong> All content management features below are pre-installed and configured for both packages \u2014 no extra fees.<\/div>\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Feature<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Add, edit, delete posts<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Visual text editor<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Insert images and videos<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Manage post categories<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Manage keyword tags<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Draft and preview<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Schedule posts<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Customize Meta SEO (Title, Description)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Customize permalinks (URLs)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">SEO scoring and suggestions<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Manage and approve comments<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\" style=\"flex-direction:column;align-items:flex-start;gap:3px\">\n <span>Table of contents for posts<\/span>\n <small style=\"color:#888;font-weight:400\">Improve post SEO score<\/small>\n <\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px\">\n <span>100,000 VND<\/span>\n <small style=\"font-weight:400;color:#888\">(advanced features)<\/small>\n <\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Post star ratings<\/div>\n <div class=\"price-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\" style=\"flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px\">\n <span>100,000 VND<\/span>\n <small style=\"font-weight:400;color:#888\">(advanced features)<\/small>\n <\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\" style=\"text-align:center;justify-content:center\">Free<\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">5.2 SEO Support Tools<\/div>\n <div class=\"note-box\"><strong>Note:<\/strong> All SEO features below are pre-installed and configured for both packages \u2014 no extra fees.<\/div>\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Feature<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Meta Tags optimization tool<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Google Schema Support (Rich Snippets)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Automatic XML Sitemap<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Redirect Management (404 Redirection)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Automatic image SEO (ALT tags)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Social display preview (Facebook, Zalo)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Instant Indexing (send Index signals immediately)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">SEO Scoring Tool (SEO Score)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Suggest internal links<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Duplicate content management (Canonical)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s6\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">6<\/span>HOSTING SPECIFICATIONS<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n <div class=\"fg\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Parameters<\/div>\n <div class=\"fg-hg\">Standard Package<\/div>\n <div class=\"fg-ho\">Business Package<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Processor<\/div>\n <div class=\"fg-span2\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\" style=\"font-weight:600\">Intel Xeon Gold 6xxx \u2013 High-end<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">NVMe U.2 Capacity<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">10 GB<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">20 GB<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">CPU<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 Cores<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">4 Cores<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Physical Memory (RAM)<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">2 GB<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">4 GB<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Database MySQL<\/div>\n <div data-pkg=\"Ph\u1ed5 Th\u00f4ng\">10<\/div>\n <div data-pkg=\"Doanh Nghi\u1ec7p\">15<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Bandwidth<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Addon Domain<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Subdomain<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Alias Domain<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">SSL (Zero SSL)<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Free<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Free<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Number of FTP accounts<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Multiple PHP versions<\/div>\n <div class=\"fg-span2\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\">From 4.4 \u2013 8.4<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Backup<\/div>\n <div class=\"fg-span2 free-cell\" data-pkg=\"T\u1ea5t c\u1ea3 g\u00f3i\">Daily (automatic)<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">IO \/ Entry Processes \/ File Usage<\/div>\n <div class=\"free-cell\" data-pkg=\"Ph\u1ed5 Th\u00f4ng\">Unlimited<\/div>\n <div class=\"free-cell\" data-pkg=\"Doanh Nghi\u1ec7p\">Unlimited<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s7\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">7<\/span>WEBSITE SECURITY MANAGEMENT SERVICE<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n <div class=\"note-box\"><strong>Free BASIC Package<\/strong> when storing hosting at DPS. Upgrade to STANDARD or PREMIUM for higher protection frequency.<\/div>\n <div class=\"fg\" style=\"margin-top:12px\">\n <div class=\"fg-head\">\n <div class=\"fg-h0\">Manual security work<\/div>\n <div class=\"fg-hg\">BASIC<br><small style=\"font-weight:400;opacity:.85\">Free when hosting at DPS<\/small><\/div>\n <div class=\"fg-ho\">STANDARD \/ PREMIUM<br><small style=\"font-weight:400;opacity:.85\">1,500,000\u0111 \u2013 3,500,000\u0111\/month<\/small><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Full website scan<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Monthly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Weekly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Update WordPress to latest version<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Quarterly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Monthly \/ As soon as a new version is available<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Update outdated plugins<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Quarterly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Monthly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Check theme and plugins for security vulnerabilities<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Quarterly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Monthly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Support SSL installation and enforce HTTPS<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Security configuration for wp-config.php & .htaccess<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Firewall installation & security plugins<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Website backup<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Monthly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Weekly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Security reporting<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Monthly<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Weekly \/ Daily<\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Monitor and handle arising situations<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\">Upon request<\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\">Daily \/ 24\/7<\/div>\n <\/div>\n <div class=\"fg-cat\">\ud83e\udd16 Automated Security (Cloudflare)<\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Unmetered DDoS Protection<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Bot Fight Mode<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Deploy Intelligence to Identify New Threats<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Enterprise DDoS Mitigation<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Advanced Bot Management<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">Page Shield<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <div class=\"fg-row\">\n <div class=\"fg-label\">DNS Firewall<\/div>\n <div data-pkg=\"BASIC\" style=\"text-align:center;justify-content:center\"><span class=\"cross\">\u2715<\/span><\/div>\n <div data-pkg=\"STANDARD\/PREMIUM\" style=\"text-align:center;justify-content:center\"><span class=\"tick\">\u2713<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s8\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">8<\/span>DATA IMPORT & SCRAPING<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\" style=\"padding:16px\">\n\n \n <div class=\"sub-hd\" style=\"margin-bottom:0\">New website data entry<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Note<\/div>\n <div class=\"iv\">Customer prepares images \/ article content according to the update guidelines in the standard template file provided by DPS.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Standard Package<\/div>\n <div class=\"iv\">\n <strong>Support for posting 5\u201310 initial articles<\/strong><br>\n <span style=\"font-size:12.5px;color:#555\">Initial bulk import fee: <strong>550,000 VND\/time<\/strong> \u00b7 Subsequent times: <strong>330,000 VND\/time<\/strong><\/span>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Business Package<\/div>\n <div class=\"iv\">\n <strong>Support for posting 30 initial articles<\/strong><br>\n <span style=\"font-size:12.5px;color:#555\">Initial bulk import fee: <strong>550,000 VND\/time<\/strong> \u00b7 Subsequent times: <strong>330,000 VND\/time<\/strong><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">DPS writes SEO-standard articles<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Article criteria<\/div>\n <div class=\"iv\">Unique >70% \u00b7 Length 500\u20131.000 words \u00b7 Contains main keyword and related keywords<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Unit price<\/div>\n <div class=\"iv\" style=\"font-size:15px;font-weight:800;color:var(--navy2)\">100,000\u0111 \/ article <span style=\"font-size:12px;font-weight:400;color:#888\">(applies to both packages)<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sub-hd\" style=\"margin-top:12px;margin-bottom:0\">Scrape data from other websites<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Note<\/div>\n <div class=\"iv\">DPS needs link for checking first \u2014 some websites cannot be crawled.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Standard Package<\/div>\n <div class=\"iv\">\n <div style=\"display:flex;gap:24px;flex-wrap:wrap\">\n <div style=\"background:#f5f7ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">Under 1.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:var(--navy2)\">550,000 VND<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <div style=\"background:#f5f7ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">1.000 \u2013 3.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:var(--navy2)\">650,000 VND<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Business Package<\/div>\n <div class=\"iv\">\n <div style=\"display:flex;gap:24px;flex-wrap:wrap\">\n <div style=\"background:#f5f0ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">Under 1.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:#6c3bff\">330,000 VND<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <div style=\"background:#f5f0ff;border-radius:8px;padding:10px 16px;min-width:160px\">\n <div style=\"font-size:11px;color:#888;margin-bottom:4px\">1.000 \u2013 3.000 articles<\/div>\n <div style=\"font-size:15px;font-weight:800;color:#6c3bff\">430,000\u0111<\/div>\n <div style=\"font-size:11px;color:#888\">\/ time \/ website<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s9\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">9<\/span>AUTOMATIC MULTILINGUAL<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"sub-hd navy\">Option 0: TranslatePress + AI API (OpenAI) \u2014 Recommended<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">How it works<\/div>\n <div class=\"iv\">\n <ul>\n <li>Fully automatic translation via AI API (OpenAI)<\/li>\n <li>Uses advanced language models to translate the entire website content<\/li>\n <li>Translated content can be manually edited if needed<\/li>\n <li>Unlimited number of languages<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Cost<\/div>\n <div class=\"iv\">\n Initial integration fee: <strong>1,000,000 VN\u0110<\/strong><br>\n Pay directly to OpenAI based on API pricing (~40\u0111\/1,000 words with GPT-4o mini).<br>\n <small style=\"color:#888\">Top up 100,000\u0111 into the Client's OpenAI account to activate.<\/small>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Note<\/div>\n <div class=\"iv\" style=\"color:#15803d;font-weight:600\">\u2b50 Recommended because the translation quality is much more natural and accurate than other methods.<\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">Option 1: TranslatePress + Yandex or Google Translate<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">How it works<\/div>\n <div class=\"iv\">\n <ul>\n <li>Automatic translation per page or article<\/li>\n <li>Need to visit the page to click the auto-translate button<\/li>\n <li>Translated content can be manually edited<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Cost<\/div>\n <div class=\"iv\">Free for the 2nd language.<br>From the 3rd language onwards: <strong>250,000\u0111\/language<\/strong>.<\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd orange\">Option 2: TranslatePress + Google Cloud Translation API<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">How it works<\/div>\n <div class=\"iv\">\n <ul>\n <li>Fully automatic translation via Google Cloud API<\/li>\n <li>Translated content can be manually edited<\/li>\n <li>Unlimited number of languages<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Cost<\/div>\n <div class=\"iv\">Pay directly to Google: <strong>20 USD\/1 million characters<\/strong>.<br>First 10 USD free every month.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s10\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">10<\/span>WHAT IS WEBSITE MAINTENANCE?<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"quote-box\">Maintenance is a process to ensure the operating website is maintained in good working condition and achieves optimal performance as when handed over. <strong>Not included<\/strong> activities of editing or adding features to the website.<\/div>\n <div class=\"mt-wrap\">\n <div class=\"mt-head\">\n <div style=\"text-align:center\">#<\/div>\n <div>Activities<\/div>\n <div>Description<\/div>\n <div style=\"text-align:center\">Frequency<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">1<\/div>\n <div class=\"mt-title\">Update WordPress and plugins\/themes<\/div>\n <div class=\"mt-desc\">Update the latest version of WordPress and plugins\/themes when vulnerabilities exist to ensure security and fix bugs.<\/div>\n <div class=\"mt-freq\">1\/month<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">2<\/div>\n <div class=\"mt-title\">Data backup<\/div>\n <div class=\"mt-desc\">Back up website data periodically to ensure safety and data recovery when necessary.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">3<\/div>\n <div class=\"mt-title\">Security check<\/div>\n <div class=\"mt-desc\">Check the security system and search for security vulnerabilities to prevent attacks.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">4<\/div>\n <div class=\"mt-title\">Page load speed check<\/div>\n <div class=\"mt-desc\">Check the website loading speed and optimize to improve user experience.<\/div>\n <div class=\"mt-freq\">1\/month<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">5<\/div>\n <div class=\"mt-title\">Performance monitoring<\/div>\n <div class=\"mt-desc\">Monitor website performance to ensure normal operation and website optimization.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">6<\/div>\n <div class=\"mt-title\">Check compatibility<\/div>\n <div class=\"mt-desc\">Check website compatibility on different browsers and mobile devices.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">7<\/div>\n <div class=\"mt-title\">Troubleshooting<\/div>\n <div class=\"mt-desc\">Handle spontaneous technical issues such as page errors, analysis errors, or access errors. <em>Excluding errors caused by users.<\/em><\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">8<\/div>\n <div class=\"mt-title\">Data management<\/div>\n <div class=\"mt-desc\">Delete old, unnecessary data to free up storage space and speed up page loading.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <div class=\"mt-row\">\n <div class=\"mt-num\">9<\/div>\n <div class=\"mt-title\">Image optimization<\/div>\n <div class=\"mt-desc\">Optimize image size and format to reduce file size and improve page loading speed.<\/div>\n <div class=\"mt-freq\">Daily<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s11\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">11<\/span>WHY DOES DPS CHOOSE WORDPRESS?<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"quote-box\">The main difference comes from the fact that WORDPRESS is so popular \u2014 nearly 90% of features and interfaces are available, helping <strong>significantly reduce COST and TIME<\/strong> of implementation.<\/div>\n <div class=\"note-box\">\n <strong>WordPress is suitable for small and medium enterprises<\/strong> because of low implementation costs, a variety of available features and interfaces, easy connection with 3rd parties, and easy handover and SEO maintenance.<br>\n <strong>Custom CODE is suitable for large enterprises<\/strong> \u2014 millions of visits or the need to build unique features that the market does not yet have.\n <\/div>\n <div class=\"sub-hd\">A. Business support features<\/div>\n <div class=\"ib\">\n <div class=\"ir\"><div class=\"il\">1. Automatic XML feed<\/div><div class=\"iv\">Helps post products on Facebook (Dynamic Product Ads, Facebook Shop, Instagram), Google Shopping Ads Catalog.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">2. Gift products<\/div><div class=\"iv\">Can set many conditions for order value, product quantity, category limits, purchase history...<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">3. Shipping unit synchronization<\/div><div class=\"iv\">Automatically connect shipping fees, update order tracking, post orders to shipping systems (GHN, Viettel, GHTK, VNPost...)<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">4. Popup display<\/div><div class=\"iv\">Compatible with many devices, track popup click data, easy to design and adjust display conditions.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">5. Data synchronization with other parties<\/div><div class=\"iv\">Synchronize products, orders, and inventory with KiotViet. Link with popular E-commerce platforms (Lazada, Tiki, Shopee, TikTokShop...)<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">6. Create contests, minigames<\/div><div class=\"iv\">Create photo, video, audio, and article contests \u2014 allowing users to post and everyone to vote.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">7. Create lucky wheel<\/div><div class=\"iv\">Collect customer information, give vouchers to buy products after spinning the wheel.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">8. Membership \/ loyal customers<\/div><div class=\"iv\">Create exclusive incentive programs for members by tier.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">9. Affiliate marketing<\/div><div class=\"iv\">Encourage customers to refer new customers to receive rewards such as discount codes, reward points...<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">10. Email marketing<\/div><div class=\"iv\">Create automated, bulk email marketing campaigns with reports on opens and clicks.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">11. Multi-language<\/div><div class=\"iv\">Support automatic and manual translation of content.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">12. Payment integration<\/div><div class=\"iv\">Integrate popular payment gateways such as MoMo, ZaloPay, banks\u2026<\/div><\/div>\n <\/div>\n <div class=\"sub-hd\">B. SEO support features<\/div>\n <div class=\"ib\">\n <div class=\"ir\"><div class=\"il\">1. Image optimization<\/div><div class=\"iv\">Automatically optimize size, format, ALT tags \u2014 helping with better image SEO.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">2. Google tools integration<\/div><div class=\"iv\">View Google Analytics, Google Search Console, and Tag Manager directly in the admin dashboard.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">3. Automatic table of contents creation<\/div><div class=\"iv\">Automatic, scrollable table of contents \u2014 automatically created from article headings.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">4. Automated social media posting<\/div><div class=\"iv\">Automatically post and schedule posts to Facebook, Instagram, Twitter, LinkedIn, Pinterest, Reddit, Tumblr, Google Business, Telegram, Medium, Discord...<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">5. Link management<\/div><div class=\"iv\">Automatically add noopener, noreferrer, external, sponsored to external links; track broken links.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">6. Keyword Optimization<\/div><div class=\"iv\">Set focus keywords for each page\/post and provide suggestions for proper keyword usage.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">7. Schema markup<\/div><div class=\"iv\">Add schema markup to pages, providing more detailed information to search engines and improving display results.<\/div><\/div>\n <div class=\"ir\"><div class=\"il\">8. Redirection Management<\/div><div class=\"iv\">Set up and manage redirects for pages that have been moved or deleted.<\/div><\/div>\n <\/div>\n <div class=\"sub-hd\">C. Support, Handover, Maintenance<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Handover advantages<\/div>\n <div class=\"iv\">Easy to perform because it is popular source code \u2014 when handed over to any party, it can be handled without spending much time and cost.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"acc-wrap\" id=\"s12\">\n <button class=\"acc-btn\" onclick=\"toggle(this)\">\n <span><span class=\"num\">12<\/span>QUALITY COMMITMENT & IMPLEMENTATION ROADMAP<\/span>\n <span class=\"arrow\">\u25be<\/span>\n <\/button>\n <div class=\"acc-body\">\n <div class=\"sub-hd\">12.1 Implementation Roadmap<\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\">\n <div class=\"tl-no\">1<\/div>\n <h4>Confirmation & signing<\/h4>\n <p>Confirm requirements, select package, sign contract, and make 1st payment (usually 50% of the value).<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-no\">2<\/div>\n <h4>Preparation & design<\/h4>\n <p>Client provides logo, images, service content. DPS designs the interface and sends a preview.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-no\">3<\/div>\n <h4>Implementation & integration<\/h4>\n <p>Build website, integrate contact forms, CTA, SEO, install features according to the selected package.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-no\">4<\/div>\n <h4>Handover & instructions<\/h4>\n <p>Customer checks and confirms. DPS provides operational instructions, hands over all source code and accounts.<\/p>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">12.2 Quality Commitment<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Quality commitment<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/EQzKS\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/EQzKS<\/a><\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Privacy policy<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/Fjqlj\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/Fjqlj<\/a><\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Abuse reporting policy<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/FoAIh\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/FoAIh<\/a><\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Protect personal data<\/div>\n <div class=\"iv\"><a href=\"https:\/\/dps.media\/en\/go\/lYUEW\/\" target=\"_blank\" style=\"color:#151577\">https:\/\/dps.media\/go\/lYUEW<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"sub-hd\">12.3 Important Terms<\/div>\n <div class=\"ib\">\n <div class=\"ir\">\n <div class=\"il\">Out-of-scope work<\/div>\n <div class=\"iv\">Arising items outside the scope of the signed contract must be agreed upon by both parties for the unit price before execution. DPS commits to notifying and requesting confirmation before implementing any arising items.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Existing hosting<\/div>\n <div class=\"iv\">If the customer already has their own hosting:<br>\u2022 Standard Package: 500,000\u0111 discount<br>\u2022 Enterprise Package: 1,000,000\u0111 discount<br>Condition: Hosting must ensure requirements for features and configuration specified by DPS.<\/div>\n <\/div>\n <div class=\"ir\">\n <div class=\"il\">Source code<\/div>\n <div class=\"iv\">All source code is handed over free of charge. The customer has full ownership and can continue development after the project is completed.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top:32px;background:#151577;border-radius:8px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px\">\n <div>\n <p style=\"color:#fff;font-weight:700;font-size:15px;margin-bottom:4px\">DPS.MEDIA JOINT STOCK COMPANY<\/p>\n <p style=\"color:#c5caf5;font-size:13px\">56 Nguyen Dinh Chieu, Tan Dinh Ward, District 1, Ho Chi Minh City<\/p>\n <p style=\"color:#c5caf5;font-size:13px\">Tax code: 0318 700 500 \u00b7 Vietcombank \u2013 105 116 0909<\/p>\n <\/div>\n <div style=\"text-align:right\">\n <p style=\"color:#fff;font-weight:700;font-size:16px;margin-bottom:4px\">\ud83d\udcde 0961 54 54 45<\/p>\n <a href=\"https:\/\/zalo.me\/2660820902015185905\" style=\"display:inline-block;background:#32b561;color:#fff;padding:8px 18px;border-radius:6px;font-weight:700;font-size:13px;text-decoration:none;margin-top:4px\" rel=\"nofollow noopener\" target=\"_blank\">Message Zalo for consultation now \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"footer\">Quote is valid for 30 days from the date of sending \u00b7 DPS.MEDIA \u00a9 2025<\/div>\n\n <\/div>\n <\/div>\n\n <script>\n \/\/ Auto-fill empty cells in .fg-row with cross\n document.querySelectorAll('.fg-row').forEach(row => {\n row.querySelectorAll('[data-pkg]').forEach(cell => {\n if (cell.innerHTML.trim() === '') {\n cell.innerHTML = '<span class=\"cross\">\u2715';\n }\n });\n });\n\n function openAcc(btn, body) {\n btn.classList.add('open');\n body.style.maxHeight = body.scrollHeight + 'px';\n body.classList.add('open');\n body.addEventListener('transitionend', function onEnd(e) {\n if (e.propertyName === 'max-height' && body.classList.contains('open')) {\n body.style.maxHeight = 'none';\n body.removeEventListener('transitionend', onEnd);\n }\n });\n }\n\n function closeAcc(btn, body) {\n body.style.maxHeight = body.scrollHeight + 'px';\n body.offsetHeight;\n btn.classList.remove('open');\n body.style.maxHeight = '0';\n body.classList.remove('open');\n }\n\n function toggle(btn) {\n const body = btn.nextElementSibling;\n if (body.classList.contains('open')) {\n closeAcc(btn, body);\n } else {\n openAcc(btn, body);\n }\n }\n\n function bindNavLinks(selector) {\n document.querySelectorAll(selector).forEach(a => {\n a.addEventListener('click', function(e) {\n e.preventDefault();\n const id = this.getAttribute('href').replace('#', '');\n const wrap = document.getElementById(id);\n if (wrap) {\n const btn = wrap.querySelector('.acc-btn');\n const body = wrap.querySelector('.acc-body');\n if (!body.classList.contains('open')) {\n openAcc(btn, body);\n }\n setTimeout(() => {\n wrap.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 60);\n }\n closeMobMenu();\n });\n });\n }\n\n bindNavLinks('.toc a');\n bindNavLinks('.mob-popup-links a');\n bindNavLinks('.sidebar-nav a');\n\n function toggleMobMenu() {\n const popup = document.getElementById('mob-popup');\n const overlay = document.getElementById('mob-overlay');\n const burger = document.getElementById('mob-hamburger');\n const isOpen = popup.classList.contains('open');\n if (isOpen) {\n popup.classList.remove('open');\n overlay.classList.remove('open');\n burger.classList.remove('open');\n } else {\n popup.classList.add('open');\n overlay.classList.add('open');\n burger.classList.add('open');\n }\n }\n\n function closeMobMenu() {\n document.getElementById('mob-popup').classList.remove('open');\n document.getElementById('mob-overlay').classList.remove('open');\n const burger = document.getElementById('mob-hamburger');\n if (burger) burger.classList.remove('open');\n }\n\n \/\/ Open all accordions by default\n document.querySelectorAll('.acc-wrap .acc-btn').forEach(btn => {\n const body = btn.nextElementSibling;\n btn.classList.add('open');\n body.classList.add('open');\n body.style.maxHeight = 'none';\n });\n\n document.getElementById('btn-pdf').addEventListener('click', function() {\n window.print();\n });\n\n \/\/ Scrollspy\n function setActive(id) {\n document.querySelectorAll('.sidebar-nav a, .toc a, .mob-popup-links a').forEach(a => {\n a.classList.remove('active');\n if (a.getAttribute('href') === `#${id}`) {\n a.classList.add('active');\n const sidebar = document.getElementById('sidebar');\n if (sidebar && a.closest('.sidebar-nav')) {\n const aTop = a.offsetTop;\n const sTop = sidebar.scrollTop;\n const sH = sidebar.clientHeight;\n if (aTop < sTop + 40 || aTop > sTop + sH - 60) {\n sidebar.scrollTo({ top: aTop - sH \/ 2 + 20, behavior: 'smooth' });\n }\n }\n }\n });\n }\n\n const sections = document.querySelectorAll('.acc-wrap[id]');\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) setActive(entry.target.getAttribute('id'));\n });\n }, { root: null, rootMargin: '-15% 0px -60% 0px', threshold: 0 });\n sections.forEach(s => io.observe(s));\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>B\u00e1o gi\u00e1 D\u1ecbch v\u1ee5 Thi\u1ebft k\u1ebf Website Th\u00f4ng Tin \u2013 DPS.MEDIA T\u01b0 v\u1ea5n Zalo \u2192 \ud83d\udccb Ch\u1ecdn ph\u1ea7n b\u00e1o gi\u00e1 \u2715 1. Gi\u1edbi thi\u1ec7u 2. B\u1ea3ng gi\u00e1 3. T\u00ednh n\u0103ng n\u00e2ng cao 4. Giao di\u1ec7n 5. Qu\u1ea3n l\u00fd n\u1ed9i dung 6. Hosting 7. B\u1ea3o m\u1eadt 8. Nh\u1eadp d\u1eef li\u1ec7u 9. \u0110a ng\u00f4n ng\u1eef 10. B\u1ea3o […]<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37993","page","type-page","status-publish","hentry"],"acf":[],"rankmath_keywords":{"primary":"","secondary":[""]},"yoast_keywords":{"primary":"","secondary":[]},"yoast_focuskw":"","rankmath_focuskw":"","seo_keywords":{"primary":"","secondary":[""]},"_links":{"self":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/37993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/comments?post=37993"}],"version-history":[{"count":5,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/37993\/revisions"}],"predecessor-version":[{"id":38030,"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/pages\/37993\/revisions\/38030"}],"wp:attachment":[{"href":"https:\/\/dps.media\/en\/wp-json\/wp\/v2\/media?parent=37993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}