Slide H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng Zoho Mail – \u0110\u1ea1i Vi\u1ec7t<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; background-color: #f1f5f9; }\n .slide {\n transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n inset: 0;\n transform: scale(0.98);\n }\n .slide.active {\n opacity: 1;\n pointer-events: auto;\n transform: scale(1);\n z-index: 10;\n }\n .bg-pattern {\n background-image: radial-gradient(#cbd5e1 1px, transparent 1px);\n background-size: 20px 20px;\n }\n <\/style>\n<\/head>\n<body class=\"h-screen w-screen flex flex-col items-center justify-center overflow-hidden bg-slate-100 p-4 lg:p-8\">\n\n \n <div class=\"relative w-full max-w-6xl aspect-[16\/9] bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col border border-slate-200\">\n \n \n <div id=\"slides-container\" class=\"relative flex-grow w-full h-full\">\n \n \n <div class=\"slide active bg-gradient-to-br from-blue-50 to-white flex flex-col items-center justify-center p-12 text-center\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <div class=\"mb-8 p-4 bg-blue-100 rounded-full text-blue-600\">\n <i class=\"fa-solid fa-envelope-open-text text-5xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-blue-600 tracking-widest uppercase mb-4\">C\u00f4ng ty C\u1ed5 ph\u1ea7n ph\u00e1t tri\u1ec3n Gi\u1ea3i ph\u00e1p s\u1ed1 \u0110\u1ea1i Vi\u1ec7t<\/h3>\n <h1 class=\"text-5xl lg:text-6xl font-bold text-slate-800 mb-6 leading-tight\">H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng<br><span class=\"text-blue-600\">Email Doanh Nghi\u1ec7p<\/span><\/h1>\n <p class=\"text-xl text-slate-500 max-w-2xl\">C\u1ea9m nang ng\u01b0\u1eddi d\u00f9ng: Thao t\u00e1c Webmail, Mobile App, c\u1ea5u h\u00ecnh Outlook v\u00e0 thi\u1ebft l\u1eadp b\u1ea3o m\u1eadt (H\u1ec7 th\u1ed1ng Zoho Mail)<\/p>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-12 border-b-2 border-slate-100 pb-4\">N\u1ed9i dung ch\u00ednh<\/h2>\n <div class=\"grid grid-cols-2 gap-8 flex-grow items-center\">\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">1. Webmail<\/h3>\n <p class=\"text-slate-600 text-lg\">\u0110\u0103ng nh\u1eadp v\u00e0 c\u00e1c thao t\u00e1c g\u1eedi\/nh\u1eadn c\u01a1 b\u1ea3n tr\u00ean tr\u00ecnh duy\u1ec7t.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-mobile-screen\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">2. Mobile App<\/h3>\n <p class=\"text-slate-600 text-lg\">C\u00e0i \u0111\u1eb7t v\u00e0 s\u1eed d\u1ee5ng \u1ee9ng d\u1ee5ng Zoho Mail tr\u00ean \u0111i\u1ec7n tho\u1ea1i.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-desktop\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">3. Outlook<\/h3>\n <p class=\"text-slate-600 text-lg\">H\u01b0\u1edbng d\u1eabn c\u1ea5u h\u00ecnh \u0111\u1ed3ng b\u1ed9 email v\u1edbi ph\u1ea7n m\u1ec1m Microsoft Outlook.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">4. B\u1ea3o m\u1eadt<\/h3>\n <p class=\"text-slate-600 text-lg\">C\u00e1ch thay \u0111\u1ed5i m\u1eadt kh\u1ea9u v\u00e0 b\u1ea3o v\u1ec7 t\u00e0i kho\u1ea3n an to\u00e0n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">1. S\u1eed d\u1ee5ng Webmail (Tr\u00ecnh duy\u1ec7t)<\/h2>\n <div class=\"flex gap-12 flex-grow h-full items-center\">\n <div class=\"w-1\/2 space-y-6\">\n <ul class=\"space-y-6 text-xl text-slate-700\">\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>Truy c\u1eadp h\u1ec7 th\u1ed1ng:<\/strong> M\u1edf tr\u00ecnh duy\u1ec7t v\u00e0 v\u00e0o \u0111\u01b0\u1eddng d\u1eabn <code class=\"bg-blue-50 text-blue-700 px-2 py-1 rounded font-bold\">mail.zoho.com<\/code><\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>\u0110\u0103ng nh\u1eadp:<\/strong> Nh\u1eadp \u0111\u1ecba ch\u1ec9 email c\u00f4ng ty (VD: <em>nguyenvan.a@vigreen.com.vn<\/em>) v\u00e0 b\u1ea5m Ti\u1ebfp theo. Sau \u0111\u00f3 nh\u1eadp M\u1eadt kh\u1ea9u.<\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>So\u1ea1n th\u01b0 m\u1edbi:<\/strong> B\u1ea5m n\u00fat <strong>New Mail<\/strong> (Th\u01b0 m\u1edbi) \u1edf g\u00f3c tr\u00ean b\u00ean tr\u00e1i m\u00e0n h\u00ecnh.<\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>\u0110\u00ednh k\u00e8m t\u1ec7p:<\/strong> S\u1eed d\u1ee5ng bi\u1ec3u t\u01b0\u1ee3ng <strong>K\u1eb9p ghim<\/strong> <i class=\"fa-solid fa-paperclip text-slate-500 mx-1\"><\/i> \u0111\u1ec3 t\u1ea3i t\u00e0i li\u1ec7u l\u00ean tr\u01b0\u1edbc khi g\u1eedi.<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"w-1\/2 h-full bg-slate-100 rounded-xl flex flex-col items-center justify-center text-slate-400 border-2 border-dashed border-slate-300 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 flex items-center justify-center text-9xl\">\n <i class=\"fa-solid fa-window-maximize\"><\/i>\n <\/div>\n <div class=\"z-10 text-center bg-white p-6 rounded-lg shadow-sm border border-slate-200\">\n <div class=\"text-blue-600 text-3xl mb-2\"><i class=\"fa-solid fa-right-to-bracket\"><\/i><\/div>\n <div class=\"font-semibold text-slate-700\">Giao di\u1ec7n \u0111\u0103ng nh\u1eadp<\/div>\n <div class=\"text-sm\">mail.zoho.com<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">2. \u1ee8ng d\u1ee5ng Zoho Mail tr\u00ean \u0111i\u1ec7n tho\u1ea1i<\/h2>\n <div class=\"flex gap-12 flex-grow h-full items-center\">\n <div class=\"w-1\/2 h-full flex items-center justify-center bg-blue-50 rounded-xl relative\">\n \n <div class=\"w-64 h-[450px] bg-slate-800 rounded-[2.5rem] border-[8px] border-slate-800 shadow-xl relative overflow-hidden flex flex-col\">\n <div class=\"w-full h-6 bg-black absolute top-0 z-20 flex justify-center\"><div class=\"w-24 h-4 bg-black rounded-b-xl\"><\/div><\/div>\n <div class=\"flex-grow bg-white pt-8 px-4 flex flex-col gap-4\">\n <div class=\"w-full h-12 bg-blue-600 rounded flex items-center px-3 text-white font-bold\"><i class=\"fa-solid fa-bars mr-2\"><\/i> Inbox<\/div>\n <div class=\"w-full h-16 bg-slate-100 rounded flex items-center px-3\"><div class=\"w-10 h-10 bg-slate-300 rounded-full mr-3\"><\/div><div class=\"flex-grow\"><div class=\"h-3 w-24 bg-slate-300 rounded mb-2\"><\/div><div class=\"h-2 w-full bg-slate-200 rounded\"><\/div><\/div><\/div>\n <div class=\"w-full h-16 bg-slate-100 rounded flex items-center px-3\"><div class=\"w-10 h-10 bg-slate-300 rounded-full mr-3\"><\/div><div class=\"flex-grow\"><div class=\"h-3 w-20 bg-slate-300 rounded mb-2\"><\/div><div class=\"h-2 w-3\/4 bg-slate-200 rounded\"><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-1\/2 space-y-6\">\n <ul class=\"space-y-6 text-xl text-slate-700\">\n <li class=\"flex items-start gap-4 bg-white p-4 rounded-lg shadow-sm border border-slate-100\">\n <div class=\"w-10 h-10 bg-blue-100 text-blue-600 rounded flex items-center justify-center text-xl shrink-0\"><i class=\"fa-brands fa-app-store-ios\"><\/i><\/div>\n <div><strong>T\u1ea3i \u1ee9ng d\u1ee5ng:<\/strong> T\u00ecm t\u1eeb kh\u00f3a “Zoho Mail” tr\u00ean App Store (iPhone) ho\u1eb7c CH Play (Android).<\/div>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white p-4 rounded-lg shadow-sm border border-slate-100\">\n <div class=\"w-10 h-10 bg-blue-100 text-blue-600 rounded flex items-center justify-center text-xl shrink-0\"><i class=\"fa-solid fa-user-check\"><\/i><\/div>\n <div><strong>\u0110\u0103ng nh\u1eadp:<\/strong> S\u1eed d\u1ee5ng email v\u00e0 m\u1eadt kh\u1ea9u c\u00f4ng ty \u0111\u00e3 c\u1ea5p \u0111\u1ec3 Sign In.<\/div>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white p-4 rounded-lg shadow-sm border border-slate-100\">\n <div class=\"w-10 h-10 bg-blue-100 text-blue-600 rounded flex items-center justify-center text-xl shrink-0\"><i class=\"fa-solid fa-bell\"><\/i><\/div>\n <div><strong>Th\u00f4ng b\u00e1o:<\/strong> B\u1eadt Push Notifications trong c\u00e0i \u0111\u1eb7t m\u00e1y \u0111\u1ec3 nh\u1eadn th\u00f4ng b\u00e1o email theo th\u1eddi gian th\u1ef1c.<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-4\">3. C\u1ea5u h\u00ecnh Outlook – B\u01b0\u1edbc Chu\u1ea9n b\u1ecb<\/h2>\n <p class=\"text-xl text-red-500 mb-8 pb-4 border-b-2 border-slate-100\"><i class=\"fa-solid fa-triangle-exclamation mr-2\"><\/i><strong>B\u1eaft bu\u1ed9c:<\/strong> Ph\u1ea3i th\u1ef1c hi\u1ec7n tr\u00ean Webmail tr\u01b0\u1edbc khi c\u00e0i v\u00e0o Outlook.<\/p>\n \n <div class=\"grid grid-cols-2 gap-8 flex-grow\">\n <div class=\"bg-slate-50 border border-slate-200 p-8 rounded-xl relative overflow-hidden\">\n <div class=\"absolute -right-6 -top-6 text-slate-200 text-9xl\"><i class=\"fa-solid fa-unlock\"><\/i><\/div>\n <h3 class=\"text-2xl font-bold text-blue-600 mb-6 relative z-10\"><span class=\"bg-blue-600 text-white w-8 h-8 inline-flex items-center justify-center rounded-full text-lg mr-2\">1<\/span> M\u1edf kh\u00f3a IMAP<\/h3>\n <ul class=\"space-y-3 text-lg text-slate-700 relative z-10 list-disc pl-5\">\n <li>\u0110\u0103ng nh\u1eadp v\u00e0o Webmail Zoho.<\/li>\n <li>V\u00e0o <strong>C\u00e0i \u0111\u1eb7t<\/strong> (bi\u1ec3u t\u01b0\u1ee3ng b\u00e1nh r\u0103ng).<\/li>\n <li>Ch\u1ecdn <strong>Mail Accounts<\/strong> > tab <strong>IMAP<\/strong>.<\/li>\n <li>T\u00edch ch\u1ecdn <strong>IMAP Access<\/strong> \u0111\u1ec3 b\u1eadt.<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"bg-slate-50 border border-slate-200 p-8 rounded-xl relative overflow-hidden\">\n <div class=\"absolute -right-6 -top-6 text-slate-200 text-9xl\"><i class=\"fa-solid fa-key\"><\/i><\/div>\n <h3 class=\"text-2xl font-bold text-blue-600 mb-6 relative z-10\"><span class=\"bg-blue-600 text-white w-8 h-8 inline-flex items-center justify-center rounded-full text-lg mr-2\">2<\/span> T\u1ea1o M\u1eadt kh\u1ea9u \u1ee9ng d\u1ee5ng<\/h3>\n <ul class=\"space-y-3 text-lg text-slate-700 relative z-10 list-disc pl-5\">\n <li>Truy c\u1eadp <code class=\"font-bold text-blue-600\">accounts.zoho.com<\/code><\/li>\n <li>V\u00e0o m\u1ee5c <strong>Security<\/strong> (B\u1ea3o m\u1eadt).<\/li>\n <li>Ch\u1ecdn <strong>App Passwords<\/strong> > <strong>Generate New Password<\/strong>.<\/li>\n <li>\u0110\u1eb7t t\u00ean l\u00e0 “Outlook” > <strong>L\u01b0u l\u1ea1i \u0111o\u1ea1n m\u00e3 m\u1eadt kh\u1ea9u n\u00e0y<\/strong>.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">3. C\u1ea5u h\u00ecnh Outlook – Nh\u1eadp th\u00f4ng s\u1ed1<\/h2>\n \n <div class=\"bg-slate-800 rounded-xl p-8 text-white flex-grow shadow-inner relative overflow-hidden\">\n <div class=\"bg-pattern absolute inset-0 opacity-10\"><\/div>\n <div class=\"relative z-10 flex flex-col h-full justify-between\">\n <div class=\"mb-6\">\n <div class=\"text-xl mb-2 text-blue-300\"><i class=\"fa-solid fa-laptop mr-2\"><\/i>Trong ph\u1ea7n m\u1ec1m Outlook, ch\u1ecdn <strong>File > Add Account > Advanced Options > Set up manually<\/strong>.<\/div>\n <div class=\"text-lg text-slate-300\">Ch\u1ecdn lo\u1ea1i t\u00e0i kho\u1ea3n l\u00e0 <strong>IMAP<\/strong> v\u00e0 \u0111i\u1ec1n th\u00f4ng s\u1ed1:<\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-8 bg-slate-700\/50 p-6 rounded-lg border border-slate-600\">\n <div>\n <h4 class=\"text-blue-400 font-bold text-xl mb-4 border-b border-slate-600 pb-2\"><i class=\"fa-solid fa-download mr-2\"><\/i>Th\u01b0 \u0111\u1ebfn (Incoming)<\/h4>\n <ul class=\"space-y-2 text-lg\">\n <li>Server: <span class=\"text-green-400 font-mono\">imap.zoho.com<\/span><\/li>\n <li>Port: <span class=\"text-yellow-400 font-bold\">993<\/span><\/li>\n <li>M\u00e3 h\u00f3a: <span class=\"text-white font-bold\">SSL\/TLS<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-purple-400 font-bold text-xl mb-4 border-b border-slate-600 pb-2\"><i class=\"fa-solid fa-upload mr-2\"><\/i>Th\u01b0 \u0111i (Outgoing)<\/h4>\n <ul class=\"space-y-2 text-lg\">\n <li>Server: <span class=\"text-green-400 font-mono\">smtp.zoho.com<\/span><\/li>\n <li>Port: <span class=\"text-yellow-400 font-bold\">465<\/span><\/li>\n <li>M\u00e3 h\u00f3a: <span class=\"text-white font-bold\">SSL\/TLS<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 bg-blue-900\/50 p-4 rounded text-lg border-l-4 border-blue-400\">\n <i class=\"fa-solid fa-info-circle mr-2 text-blue-400\"><\/i><strong>L\u01b0u \u00fd:<\/strong> \u1ede b\u01b0\u1edbc nh\u1eadp Password, h\u00e3y d\u00e1n <strong>M\u1eadt kh\u1ea9u \u1ee9ng d\u1ee5ng<\/strong> (\u0111\u00e3 t\u1ea1o \u1edf b\u01b0\u1edbc tr\u01b0\u1edbc), KH\u00d4NG nh\u1eadp m\u1eadt kh\u1ea9u g\u1ed1c.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">4. \u0110\u1ed5i m\u1eadt kh\u1ea9u email<\/h2>\n \n <div class=\"flex flex-col flex-grow items-center justify-center\">\n <div class=\"w-full max-w-4xl relative\">\n \n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-1 bg-slate-200 -translate-y-1\/2 z-0\"><\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4 relative z-10\">\n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">1<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-browser\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">\u0110\u0103ng nh\u1eadp<\/h4>\n <p class=\"text-sm text-slate-600\">V\u00e0o Webmail, b\u1ea5m <strong>\u1ea2nh \u0111\u1ea1i di\u1ec7n<\/strong> \u1edf g\u00f3c ph\u1ea3i<\/p>\n <\/div>\n \n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">2<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-user-gear\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">My Account<\/h4>\n <p class=\"text-sm text-slate-600\">Ch\u1ecdn <strong>T\u00e0i kho\u1ea3n c\u1ee7a t\u00f4i<\/strong> \u0111\u1ec3 m\u1edf trang qu\u1ea3n l\u00fd<\/p>\n <\/div>\n\n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">3<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">Security<\/h4>\n <p class=\"text-sm text-slate-600\">Menu b\u00ean tr\u00e1i ch\u1ecdn <strong>Security<\/strong> > <strong>Password<\/strong><\/p>\n <\/div>\n\n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">4<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-check-double\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">C\u1eadp nh\u1eadt<\/h4>\n <p class=\"text-sm text-slate-600\">Nh\u1eadp pass c\u0169, pass m\u1edbi v\u00e0 b\u1ea5m <strong>L\u01b0u (Save)<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-12 bg-amber-50 text-amber-800 border border-amber-200 px-6 py-4 rounded-lg flex items-center gap-4 text-lg w-full max-w-4xl\">\n <i class=\"fa-solid fa-lightbulb text-amber-500 text-3xl\"><\/i>\n <div><strong>M\u1eadt kh\u1ea9u an to\u00e0n:<\/strong> T\u1ed1i thi\u1ec3u 8 k\u00fd t\u1ef1, bao g\u1ed3m Ch\u1eef hoa, Ch\u1eef th\u01b0\u1eddng, S\u1ed1 v\u00e0 K\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t (!@#$…).<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-blue-600 text-white flex flex-col items-center justify-center p-12 text-center\">\n <div class=\"bg-white\/10 w-32 h-32 rounded-full flex items-center justify-center text-6xl mb-8 backdrop-blur-sm\">\n <i class=\"fa-regular fa-comments\"><\/i>\n <\/div>\n <h2 class=\"text-5xl font-bold mb-6\">H\u1ecfi \u0110\u00e1p & H\u1ed7 Tr\u1ee3<\/h2>\n <p class=\"text-2xl text-blue-100 mb-12 max-w-2xl\">C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 theo d\u00f5i! N\u1ebfu g\u1eb7p kh\u00f3 kh\u0103n ho\u1eb7c s\u1ef1 c\u1ed1 trong qu\u00e1 tr\u00ecnh s\u1eed d\u1ee5ng, vui l\u00f2ng li\u00ean h\u1ec7 b\u1ed9 ph\u1eadn H\u1ed7 tr\u1ee3.<\/p>\n \n <div class=\"bg-white text-slate-800 rounded-2xl p-8 shadow-2xl w-full max-w-lg\">\n <div class=\"text-xl font-bold text-blue-600 mb-6 uppercase tracking-wider\">C\u00f4ng ty CP ph\u00e1t tri\u1ec3n Gi\u1ea3i ph\u00e1p s\u1ed1 \u0110\u1ea1i Vi\u1ec7t<\/div>\n \n <div class=\"flex items-center justify-center gap-4 text-2xl mb-4\">\n <i class=\"fa-solid fa-envelope text-slate-400\"><\/i>\n <span class=\"font-semibold\">info@daviso.vn<\/span>\n\t\t\t\t\t\t<i class=\"fa-solid fa-phone text-slate-400\"><\/i>\n <span class=\"font-semibold\">0979338811<\/span>\n <\/div>\n <div class=\"text-slate-500 text-sm mt-4 pt-4 border-t border-slate-100\">\n H\u1ed7 tr\u1ee3 gi\u1edd h\u00e0nh ch\u00ednh: Th\u1ee9 2 – Th\u1ee9 6\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bg-white border-t border-slate-200 px-6 py-4 flex items-center justify-between z-20\">\n <button id=\"prevBtn\" class=\"flex items-center gap-2 px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 rounded-lg font-medium transition disabled:opacity-50 disabled:cursor-not-allowed\">\n <i class=\"fa-solid fa-chevron-left\"><\/i> Quay l\u1ea1i\n <\/button>\n \n <div class=\"flex items-center gap-4\">\n <span id=\"slideCounter\" class=\"text-slate-500 font-medium\">1 \/ 8<\/span>\n <div id=\"dots-container\" class=\"flex gap-2\">\n \n <\/div>\n <\/div>\n\n <button id=\"nextBtn\" class=\"flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition disabled:opacity-50 disabled:cursor-not-allowed\">\n Ti\u1ebfp theo <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <button id=\"fullscreenBtn\" class=\"mt-6 text-slate-400 hover:text-slate-600 flex items-center gap-2 bg-white px-4 py-2 rounded-full shadow-sm\">\n <i class=\"fa-solid fa-expand\"><\/i> Xem to\u00e0n m\u00e0n h\u00ecnh (F11)\n <\/button>\n\n <script>\n const slides = document.querySelectorAll('.slide');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const counter = document.getElementById('slideCounter');\n const dotsContainer = document.getElementById('dots-container');\n \n let currentSlide = 0;\n const totalSlides = slides.length;\n\n \/\/ T\u1ea1o d\u1ea5u ch\u1ea5m (dots)\n for(let i = 0; i < totalSlides; i++) {\n const dot = document.createElement('div');\n dot.className = `w-2 h-2 rounded-full cursor-pointer transition-all duration-300 ${i === 0 ? 'bg-blue-600 w-4' : 'bg-slate-300'}`;\n dot.addEventListener('click', () => goToSlide(i));\n dotsContainer.appendChild(dot);\n }\n\n const dots = dotsContainer.querySelectorAll('div');\n\n function updateUI() {\n \/\/ C\u1eadp nh\u1eadt class slide\n slides.forEach((slide, index) => {\n if(index === currentSlide) {\n slide.classList.add('active');\n } else {\n slide.classList.remove('active');\n }\n });\n\n \/\/ C\u1eadp nh\u1eadt n\u00fat\n prevBtn.disabled = currentSlide === 0;\n if(currentSlide === totalSlides - 1) {\n nextBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i> Ho\u00e0n t\u1ea5t';\n nextBtn.classList.remove('bg-blue-600', 'hover:bg-blue-700');\n nextBtn.classList.add('bg-green-600', 'hover:bg-green-700');\n } else {\n nextBtn.innerHTML = 'Ti\u1ebfp theo <i class=\"fa-solid fa-chevron-right\"><\/i>';\n nextBtn.classList.add('bg-blue-600', 'hover:bg-blue-700');\n nextBtn.classList.remove('bg-green-600', 'hover:bg-green-700');\n }\n\n \/\/ C\u1eadp nh\u1eadt counter\n counter.innerText = `${currentSlide + 1} \/ ${totalSlides}`;\n\n \/\/ C\u1eadp nh\u1eadt dots\n dots.forEach((dot, index) => {\n if(index === currentSlide) {\n dot.className = 'w-4 h-2 rounded-full cursor-pointer transition-all duration-300 bg-blue-600';\n } else {\n dot.className = 'w-2 h-2 rounded-full cursor-pointer transition-all duration-300 bg-slate-300';\n }\n });\n }\n\n function goToSlide(index) {\n if(index >= 0 && index < totalSlides) {\n currentSlide = index;\n updateUI();\n }\n }\n\n nextBtn.addEventListener('click', () => {\n if(currentSlide < totalSlides - 1) goToSlide(currentSlide + 1);\n });\n\n prevBtn.addEventListener('click', () => {\n if(currentSlide > 0) goToSlide(currentSlide - 1);\n });\n\n \/\/ H\u1ed7 tr\u1ee3 ph\u00edm \u0111i\u1ec1u h\u01b0\u1edbng (M\u0169i t\u00ean tr\u00e1i\/ph\u1ea3i)\n document.addEventListener('keydown', (e) => {\n if(e.key === 'ArrowRight') {\n if(currentSlide < totalSlides - 1) goToSlide(currentSlide + 1);\n } else if (e.key === 'ArrowLeft') {\n if(currentSlide > 0) goToSlide(currentSlide - 1);\n }\n });\n\n \/\/ X\u1eed l\u00fd n\u00fat to\u00e0n m\u00e0n h\u00ecnh v\u00e0 b\u1eaft l\u1ed7i Permission Policy\n const fullscreenBtn = document.getElementById('fullscreenBtn');\n if (fullscreenBtn) {\n fullscreenBtn.addEventListener('click', () => {\n if (!document.fullscreenElement) {\n const req = document.documentElement.requestFullscreen();\n if (req) {\n req.catch(err => {\n console.warn(\"Fullscreen b\u1ecb ch\u1eb7n b\u1edfi tr\u00ecnh duy\u1ec7t:\", err);\n showToast(\"M\u00f4i tr\u01b0\u1eddng hi\u1ec7n t\u1ea1i kh\u00f4ng h\u1ed7 tr\u1ee3 n\u00fat n\u00e0y. Vui l\u00f2ng b\u1ea5m F11 tr\u00ean b\u00e0n ph\u00edm.\");\n });\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n }\n }\n });\n }\n\n \/\/ Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o Toast thay cho alert()\n function showToast(message) {\n const toast = document.createElement('div');\n toast.className = 'fixed top-4 left-1\/2 -translate-x-1\/2 bg-amber-500 text-white px-6 py-3 rounded-lg shadow-xl z-50 transition-all duration-300';\n toast.innerHTML = `<i class=\"fa-solid fa-triangle-exclamation mr-2\"><\/i> ${message}`;\n document.body.appendChild(toast);\n \n setTimeout(() => {\n toast.style.opacity = '0';\n setTimeout(() => toast.remove(), 300);\n }, 4000);\n }\n\n \/\/ Kh\u1edfi t\u1ea1o UI l\u1ea7n \u0111\u1ea7u\n updateUI();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Slide H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng Zoho Mail – \u0110\u1ea1i Vi\u1ec7t C\u00f4ng ty C\u1ed5 ph\u1ea7n ph\u00e1t tri\u1ec3n Gi\u1ea3i ph\u00e1p s\u1ed1 \u0110\u1ea1i Vi\u1ec7t H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ngEmail Doanh Nghi\u1ec7p C\u1ea9m nang ng\u01b0\u1eddi d\u00f9ng: Thao t\u00e1c Webmail, Mobile App, c\u1ea5u h\u00ecnh Outlook v\u00e0 thi\u1ebft l\u1eadp b\u1ea3o m\u1eadt (H\u1ec7 th\u1ed1ng Zoho Mail) N\u1ed9i dung ch\u00ednh 1. Webmail \u0110\u0103ng nh\u1eadp […]<\/p>\n","protected":false},"author":2,"featured_media":140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[4,3],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tin-noi-bo-daviso-giai-phap-so-dai-viet","category-tin-cong-nghe"],"_links":{"self":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":2,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts\/137\/revisions\/141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/media\/140"}],"wp:attachment":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":137,"date":"2026-03-07T14:00:53","date_gmt":"2026-03-07T14:00:53","guid":{"rendered":"https:\/\/daviso.vn\/?p=137"},"modified":"2026-03-07T14:03:12","modified_gmt":"2026-03-07T14:03:12","slug":"huong-dan-su-dung-email-zoho","status":"publish","type":"post","link":"https:\/\/daviso.vn\/index.php\/2026\/03\/07\/huong-dan-su-dung-email-zoho\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Email Zoho"},"content":{"rendered":"\n\n\n\n \n \n Slide H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng Zoho Mail – \u0110\u1ea1i Vi\u1ec7t<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; background-color: #f1f5f9; }\n .slide {\n transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n inset: 0;\n transform: scale(0.98);\n }\n .slide.active {\n opacity: 1;\n pointer-events: auto;\n transform: scale(1);\n z-index: 10;\n }\n .bg-pattern {\n background-image: radial-gradient(#cbd5e1 1px, transparent 1px);\n background-size: 20px 20px;\n }\n <\/style>\n<\/head>\n<body class=\"h-screen w-screen flex flex-col items-center justify-center overflow-hidden bg-slate-100 p-4 lg:p-8\">\n\n \n <div class=\"relative w-full max-w-6xl aspect-[16\/9] bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col border border-slate-200\">\n \n \n <div id=\"slides-container\" class=\"relative flex-grow w-full h-full\">\n \n \n <div class=\"slide active bg-gradient-to-br from-blue-50 to-white flex flex-col items-center justify-center p-12 text-center\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <div class=\"mb-8 p-4 bg-blue-100 rounded-full text-blue-600\">\n <i class=\"fa-solid fa-envelope-open-text text-5xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-blue-600 tracking-widest uppercase mb-4\">C\u00f4ng ty C\u1ed5 ph\u1ea7n ph\u00e1t tri\u1ec3n Gi\u1ea3i ph\u00e1p s\u1ed1 \u0110\u1ea1i Vi\u1ec7t<\/h3>\n <h1 class=\"text-5xl lg:text-6xl font-bold text-slate-800 mb-6 leading-tight\">H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng<br><span class=\"text-blue-600\">Email Doanh Nghi\u1ec7p<\/span><\/h1>\n <p class=\"text-xl text-slate-500 max-w-2xl\">C\u1ea9m nang ng\u01b0\u1eddi d\u00f9ng: Thao t\u00e1c Webmail, Mobile App, c\u1ea5u h\u00ecnh Outlook v\u00e0 thi\u1ebft l\u1eadp b\u1ea3o m\u1eadt (H\u1ec7 th\u1ed1ng Zoho Mail)<\/p>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-12 border-b-2 border-slate-100 pb-4\">N\u1ed9i dung ch\u00ednh<\/h2>\n <div class=\"grid grid-cols-2 gap-8 flex-grow items-center\">\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">1. Webmail<\/h3>\n <p class=\"text-slate-600 text-lg\">\u0110\u0103ng nh\u1eadp v\u00e0 c\u00e1c thao t\u00e1c g\u1eedi\/nh\u1eadn c\u01a1 b\u1ea3n tr\u00ean tr\u00ecnh duy\u1ec7t.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-mobile-screen\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">2. Mobile App<\/h3>\n <p class=\"text-slate-600 text-lg\">C\u00e0i \u0111\u1eb7t v\u00e0 s\u1eed d\u1ee5ng \u1ee9ng d\u1ee5ng Zoho Mail tr\u00ean \u0111i\u1ec7n tho\u1ea1i.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-desktop\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">3. Outlook<\/h3>\n <p class=\"text-slate-600 text-lg\">H\u01b0\u1edbng d\u1eabn c\u1ea5u h\u00ecnh \u0111\u1ed3ng b\u1ed9 email v\u1edbi ph\u1ea7n m\u1ec1m Microsoft Outlook.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-6 p-6 bg-slate-50 rounded-xl border border-slate-100 hover:shadow-md transition\">\n <div class=\"w-16 h-16 bg-blue-100 text-blue-600 rounded-lg flex items-center justify-center text-3xl shrink-0\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n <div>\n <h3 class=\"text-2xl font-semibold text-slate-800 mb-2\">4. B\u1ea3o m\u1eadt<\/h3>\n <p class=\"text-slate-600 text-lg\">C\u00e1ch thay \u0111\u1ed5i m\u1eadt kh\u1ea9u v\u00e0 b\u1ea3o v\u1ec7 t\u00e0i kho\u1ea3n an to\u00e0n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">1. S\u1eed d\u1ee5ng Webmail (Tr\u00ecnh duy\u1ec7t)<\/h2>\n <div class=\"flex gap-12 flex-grow h-full items-center\">\n <div class=\"w-1\/2 space-y-6\">\n <ul class=\"space-y-6 text-xl text-slate-700\">\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>Truy c\u1eadp h\u1ec7 th\u1ed1ng:<\/strong> M\u1edf tr\u00ecnh duy\u1ec7t v\u00e0 v\u00e0o \u0111\u01b0\u1eddng d\u1eabn <code class=\"bg-blue-50 text-blue-700 px-2 py-1 rounded font-bold\">mail.zoho.com<\/code><\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>\u0110\u0103ng nh\u1eadp:<\/strong> Nh\u1eadp \u0111\u1ecba ch\u1ec9 email c\u00f4ng ty (VD: <em>nguyenvan.a@vigreen.com.vn<\/em>) v\u00e0 b\u1ea5m Ti\u1ebfp theo. Sau \u0111\u00f3 nh\u1eadp M\u1eadt kh\u1ea9u.<\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>So\u1ea1n th\u01b0 m\u1edbi:<\/strong> B\u1ea5m n\u00fat <strong>New Mail<\/strong> (Th\u01b0 m\u1edbi) \u1edf g\u00f3c tr\u00ean b\u00ean tr\u00e1i m\u00e0n h\u00ecnh.<\/div>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <i class=\"fa-solid fa-circle-check text-blue-600 mt-1\"><\/i>\n <div><strong>\u0110\u00ednh k\u00e8m t\u1ec7p:<\/strong> S\u1eed d\u1ee5ng bi\u1ec3u t\u01b0\u1ee3ng <strong>K\u1eb9p ghim<\/strong> <i class=\"fa-solid fa-paperclip text-slate-500 mx-1\"><\/i> \u0111\u1ec3 t\u1ea3i t\u00e0i li\u1ec7u l\u00ean tr\u01b0\u1edbc khi g\u1eedi.<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"w-1\/2 h-full bg-slate-100 rounded-xl flex flex-col items-center justify-center text-slate-400 border-2 border-dashed border-slate-300 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 flex items-center justify-center text-9xl\">\n <i class=\"fa-solid fa-window-maximize\"><\/i>\n <\/div>\n <div class=\"z-10 text-center bg-white p-6 rounded-lg shadow-sm border border-slate-200\">\n <div class=\"text-blue-600 text-3xl mb-2\"><i class=\"fa-solid fa-right-to-bracket\"><\/i><\/div>\n <div class=\"font-semibold text-slate-700\">Giao di\u1ec7n \u0111\u0103ng nh\u1eadp<\/div>\n <div class=\"text-sm\">mail.zoho.com<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">2. \u1ee8ng d\u1ee5ng Zoho Mail tr\u00ean \u0111i\u1ec7n tho\u1ea1i<\/h2>\n <div class=\"flex gap-12 flex-grow h-full items-center\">\n <div class=\"w-1\/2 h-full flex items-center justify-center bg-blue-50 rounded-xl relative\">\n \n <div class=\"w-64 h-[450px] bg-slate-800 rounded-[2.5rem] border-[8px] border-slate-800 shadow-xl relative overflow-hidden flex flex-col\">\n <div class=\"w-full h-6 bg-black absolute top-0 z-20 flex justify-center\"><div class=\"w-24 h-4 bg-black rounded-b-xl\"><\/div><\/div>\n <div class=\"flex-grow bg-white pt-8 px-4 flex flex-col gap-4\">\n <div class=\"w-full h-12 bg-blue-600 rounded flex items-center px-3 text-white font-bold\"><i class=\"fa-solid fa-bars mr-2\"><\/i> Inbox<\/div>\n <div class=\"w-full h-16 bg-slate-100 rounded flex items-center px-3\"><div class=\"w-10 h-10 bg-slate-300 rounded-full mr-3\"><\/div><div class=\"flex-grow\"><div class=\"h-3 w-24 bg-slate-300 rounded mb-2\"><\/div><div class=\"h-2 w-full bg-slate-200 rounded\"><\/div><\/div><\/div>\n <div class=\"w-full h-16 bg-slate-100 rounded flex items-center px-3\"><div class=\"w-10 h-10 bg-slate-300 rounded-full mr-3\"><\/div><div class=\"flex-grow\"><div class=\"h-3 w-20 bg-slate-300 rounded mb-2\"><\/div><div class=\"h-2 w-3\/4 bg-slate-200 rounded\"><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-1\/2 space-y-6\">\n <ul class=\"space-y-6 text-xl text-slate-700\">\n <li class=\"flex items-start gap-4 bg-white p-4 rounded-lg shadow-sm border border-slate-100\">\n <div class=\"w-10 h-10 bg-blue-100 text-blue-600 rounded flex items-center justify-center text-xl shrink-0\"><i class=\"fa-brands fa-app-store-ios\"><\/i><\/div>\n <div><strong>T\u1ea3i \u1ee9ng d\u1ee5ng:<\/strong> T\u00ecm t\u1eeb kh\u00f3a “Zoho Mail” tr\u00ean App Store (iPhone) ho\u1eb7c CH Play (Android).<\/div>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white p-4 rounded-lg shadow-sm border border-slate-100\">\n <div class=\"w-10 h-10 bg-blue-100 text-blue-600 rounded flex items-center justify-center text-xl shrink-0\"><i class=\"fa-solid fa-user-check\"><\/i><\/div>\n <div><strong>\u0110\u0103ng nh\u1eadp:<\/strong> S\u1eed d\u1ee5ng email v\u00e0 m\u1eadt kh\u1ea9u c\u00f4ng ty \u0111\u00e3 c\u1ea5p \u0111\u1ec3 Sign In.<\/div>\n <\/li>\n <li class=\"flex items-start gap-4 bg-white p-4 rounded-lg shadow-sm border border-slate-100\">\n <div class=\"w-10 h-10 bg-blue-100 text-blue-600 rounded flex items-center justify-center text-xl shrink-0\"><i class=\"fa-solid fa-bell\"><\/i><\/div>\n <div><strong>Th\u00f4ng b\u00e1o:<\/strong> B\u1eadt Push Notifications trong c\u00e0i \u0111\u1eb7t m\u00e1y \u0111\u1ec3 nh\u1eadn th\u00f4ng b\u00e1o email theo th\u1eddi gian th\u1ef1c.<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-4\">3. C\u1ea5u h\u00ecnh Outlook – B\u01b0\u1edbc Chu\u1ea9n b\u1ecb<\/h2>\n <p class=\"text-xl text-red-500 mb-8 pb-4 border-b-2 border-slate-100\"><i class=\"fa-solid fa-triangle-exclamation mr-2\"><\/i><strong>B\u1eaft bu\u1ed9c:<\/strong> Ph\u1ea3i th\u1ef1c hi\u1ec7n tr\u00ean Webmail tr\u01b0\u1edbc khi c\u00e0i v\u00e0o Outlook.<\/p>\n \n <div class=\"grid grid-cols-2 gap-8 flex-grow\">\n <div class=\"bg-slate-50 border border-slate-200 p-8 rounded-xl relative overflow-hidden\">\n <div class=\"absolute -right-6 -top-6 text-slate-200 text-9xl\"><i class=\"fa-solid fa-unlock\"><\/i><\/div>\n <h3 class=\"text-2xl font-bold text-blue-600 mb-6 relative z-10\"><span class=\"bg-blue-600 text-white w-8 h-8 inline-flex items-center justify-center rounded-full text-lg mr-2\">1<\/span> M\u1edf kh\u00f3a IMAP<\/h3>\n <ul class=\"space-y-3 text-lg text-slate-700 relative z-10 list-disc pl-5\">\n <li>\u0110\u0103ng nh\u1eadp v\u00e0o Webmail Zoho.<\/li>\n <li>V\u00e0o <strong>C\u00e0i \u0111\u1eb7t<\/strong> (bi\u1ec3u t\u01b0\u1ee3ng b\u00e1nh r\u0103ng).<\/li>\n <li>Ch\u1ecdn <strong>Mail Accounts<\/strong> > tab <strong>IMAP<\/strong>.<\/li>\n <li>T\u00edch ch\u1ecdn <strong>IMAP Access<\/strong> \u0111\u1ec3 b\u1eadt.<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"bg-slate-50 border border-slate-200 p-8 rounded-xl relative overflow-hidden\">\n <div class=\"absolute -right-6 -top-6 text-slate-200 text-9xl\"><i class=\"fa-solid fa-key\"><\/i><\/div>\n <h3 class=\"text-2xl font-bold text-blue-600 mb-6 relative z-10\"><span class=\"bg-blue-600 text-white w-8 h-8 inline-flex items-center justify-center rounded-full text-lg mr-2\">2<\/span> T\u1ea1o M\u1eadt kh\u1ea9u \u1ee9ng d\u1ee5ng<\/h3>\n <ul class=\"space-y-3 text-lg text-slate-700 relative z-10 list-disc pl-5\">\n <li>Truy c\u1eadp <code class=\"font-bold text-blue-600\">accounts.zoho.com<\/code><\/li>\n <li>V\u00e0o m\u1ee5c <strong>Security<\/strong> (B\u1ea3o m\u1eadt).<\/li>\n <li>Ch\u1ecdn <strong>App Passwords<\/strong> > <strong>Generate New Password<\/strong>.<\/li>\n <li>\u0110\u1eb7t t\u00ean l\u00e0 “Outlook” > <strong>L\u01b0u l\u1ea1i \u0111o\u1ea1n m\u00e3 m\u1eadt kh\u1ea9u n\u00e0y<\/strong>.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">3. C\u1ea5u h\u00ecnh Outlook – Nh\u1eadp th\u00f4ng s\u1ed1<\/h2>\n \n <div class=\"bg-slate-800 rounded-xl p-8 text-white flex-grow shadow-inner relative overflow-hidden\">\n <div class=\"bg-pattern absolute inset-0 opacity-10\"><\/div>\n <div class=\"relative z-10 flex flex-col h-full justify-between\">\n <div class=\"mb-6\">\n <div class=\"text-xl mb-2 text-blue-300\"><i class=\"fa-solid fa-laptop mr-2\"><\/i>Trong ph\u1ea7n m\u1ec1m Outlook, ch\u1ecdn <strong>File > Add Account > Advanced Options > Set up manually<\/strong>.<\/div>\n <div class=\"text-lg text-slate-300\">Ch\u1ecdn lo\u1ea1i t\u00e0i kho\u1ea3n l\u00e0 <strong>IMAP<\/strong> v\u00e0 \u0111i\u1ec1n th\u00f4ng s\u1ed1:<\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-8 bg-slate-700\/50 p-6 rounded-lg border border-slate-600\">\n <div>\n <h4 class=\"text-blue-400 font-bold text-xl mb-4 border-b border-slate-600 pb-2\"><i class=\"fa-solid fa-download mr-2\"><\/i>Th\u01b0 \u0111\u1ebfn (Incoming)<\/h4>\n <ul class=\"space-y-2 text-lg\">\n <li>Server: <span class=\"text-green-400 font-mono\">imap.zoho.com<\/span><\/li>\n <li>Port: <span class=\"text-yellow-400 font-bold\">993<\/span><\/li>\n <li>M\u00e3 h\u00f3a: <span class=\"text-white font-bold\">SSL\/TLS<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-purple-400 font-bold text-xl mb-4 border-b border-slate-600 pb-2\"><i class=\"fa-solid fa-upload mr-2\"><\/i>Th\u01b0 \u0111i (Outgoing)<\/h4>\n <ul class=\"space-y-2 text-lg\">\n <li>Server: <span class=\"text-green-400 font-mono\">smtp.zoho.com<\/span><\/li>\n <li>Port: <span class=\"text-yellow-400 font-bold\">465<\/span><\/li>\n <li>M\u00e3 h\u00f3a: <span class=\"text-white font-bold\">SSL\/TLS<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 bg-blue-900\/50 p-4 rounded text-lg border-l-4 border-blue-400\">\n <i class=\"fa-solid fa-info-circle mr-2 text-blue-400\"><\/i><strong>L\u01b0u \u00fd:<\/strong> \u1ede b\u01b0\u1edbc nh\u1eadp Password, h\u00e3y d\u00e1n <strong>M\u1eadt kh\u1ea9u \u1ee9ng d\u1ee5ng<\/strong> (\u0111\u00e3 t\u1ea1o \u1edf b\u01b0\u1edbc tr\u01b0\u1edbc), KH\u00d4NG nh\u1eadp m\u1eadt kh\u1ea9u g\u1ed1c.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-white flex flex-col p-12\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-blue-600\"><\/div>\n <h2 class=\"text-4xl font-bold text-slate-800 mb-8 border-b-2 border-slate-100 pb-4\">4. \u0110\u1ed5i m\u1eadt kh\u1ea9u email<\/h2>\n \n <div class=\"flex flex-col flex-grow items-center justify-center\">\n <div class=\"w-full max-w-4xl relative\">\n \n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-1 bg-slate-200 -translate-y-1\/2 z-0\"><\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4 relative z-10\">\n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">1<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-browser\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">\u0110\u0103ng nh\u1eadp<\/h4>\n <p class=\"text-sm text-slate-600\">V\u00e0o Webmail, b\u1ea5m <strong>\u1ea2nh \u0111\u1ea1i di\u1ec7n<\/strong> \u1edf g\u00f3c ph\u1ea3i<\/p>\n <\/div>\n \n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">2<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-user-gear\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">My Account<\/h4>\n <p class=\"text-sm text-slate-600\">Ch\u1ecdn <strong>T\u00e0i kho\u1ea3n c\u1ee7a t\u00f4i<\/strong> \u0111\u1ec3 m\u1edf trang qu\u1ea3n l\u00fd<\/p>\n <\/div>\n\n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">3<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">Security<\/h4>\n <p class=\"text-sm text-slate-600\">Menu b\u00ean tr\u00e1i ch\u1ecdn <strong>Security<\/strong> > <strong>Password<\/strong><\/p>\n <\/div>\n\n \n <div class=\"bg-white border-2 border-blue-600 rounded-xl p-6 text-center shadow-lg relative\">\n <div class=\"w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl absolute -top-5 left-1\/2 -translate-x-1\/2\">4<\/div>\n <div class=\"text-4xl text-slate-300 mt-2 mb-4\"><i class=\"fa-solid fa-check-double\"><\/i><\/div>\n <h4 class=\"font-bold text-slate-800 mb-2\">C\u1eadp nh\u1eadt<\/h4>\n <p class=\"text-sm text-slate-600\">Nh\u1eadp pass c\u0169, pass m\u1edbi v\u00e0 b\u1ea5m <strong>L\u01b0u (Save)<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-12 bg-amber-50 text-amber-800 border border-amber-200 px-6 py-4 rounded-lg flex items-center gap-4 text-lg w-full max-w-4xl\">\n <i class=\"fa-solid fa-lightbulb text-amber-500 text-3xl\"><\/i>\n <div><strong>M\u1eadt kh\u1ea9u an to\u00e0n:<\/strong> T\u1ed1i thi\u1ec3u 8 k\u00fd t\u1ef1, bao g\u1ed3m Ch\u1eef hoa, Ch\u1eef th\u01b0\u1eddng, S\u1ed1 v\u00e0 K\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t (!@#$…).<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"slide bg-blue-600 text-white flex flex-col items-center justify-center p-12 text-center\">\n <div class=\"bg-white\/10 w-32 h-32 rounded-full flex items-center justify-center text-6xl mb-8 backdrop-blur-sm\">\n <i class=\"fa-regular fa-comments\"><\/i>\n <\/div>\n <h2 class=\"text-5xl font-bold mb-6\">H\u1ecfi \u0110\u00e1p & H\u1ed7 Tr\u1ee3<\/h2>\n <p class=\"text-2xl text-blue-100 mb-12 max-w-2xl\">C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 theo d\u00f5i! N\u1ebfu g\u1eb7p kh\u00f3 kh\u0103n ho\u1eb7c s\u1ef1 c\u1ed1 trong qu\u00e1 tr\u00ecnh s\u1eed d\u1ee5ng, vui l\u00f2ng li\u00ean h\u1ec7 b\u1ed9 ph\u1eadn H\u1ed7 tr\u1ee3.<\/p>\n \n <div class=\"bg-white text-slate-800 rounded-2xl p-8 shadow-2xl w-full max-w-lg\">\n <div class=\"text-xl font-bold text-blue-600 mb-6 uppercase tracking-wider\">C\u00f4ng ty CP ph\u00e1t tri\u1ec3n Gi\u1ea3i ph\u00e1p s\u1ed1 \u0110\u1ea1i Vi\u1ec7t<\/div>\n \n <div class=\"flex items-center justify-center gap-4 text-2xl mb-4\">\n <i class=\"fa-solid fa-envelope text-slate-400\"><\/i>\n <span class=\"font-semibold\">info@daviso.vn<\/span>\n\t\t\t\t\t\t<i class=\"fa-solid fa-phone text-slate-400\"><\/i>\n <span class=\"font-semibold\">0979338811<\/span>\n <\/div>\n <div class=\"text-slate-500 text-sm mt-4 pt-4 border-t border-slate-100\">\n H\u1ed7 tr\u1ee3 gi\u1edd h\u00e0nh ch\u00ednh: Th\u1ee9 2 – Th\u1ee9 6\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"bg-white border-t border-slate-200 px-6 py-4 flex items-center justify-between z-20\">\n <button id=\"prevBtn\" class=\"flex items-center gap-2 px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 rounded-lg font-medium transition disabled:opacity-50 disabled:cursor-not-allowed\">\n <i class=\"fa-solid fa-chevron-left\"><\/i> Quay l\u1ea1i\n <\/button>\n \n <div class=\"flex items-center gap-4\">\n <span id=\"slideCounter\" class=\"text-slate-500 font-medium\">1 \/ 8<\/span>\n <div id=\"dots-container\" class=\"flex gap-2\">\n \n <\/div>\n <\/div>\n\n <button id=\"nextBtn\" class=\"flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition disabled:opacity-50 disabled:cursor-not-allowed\">\n Ti\u1ebfp theo <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <button id=\"fullscreenBtn\" class=\"mt-6 text-slate-400 hover:text-slate-600 flex items-center gap-2 bg-white px-4 py-2 rounded-full shadow-sm\">\n <i class=\"fa-solid fa-expand\"><\/i> Xem to\u00e0n m\u00e0n h\u00ecnh (F11)\n <\/button>\n\n <script>\n const slides = document.querySelectorAll('.slide');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n const counter = document.getElementById('slideCounter');\n const dotsContainer = document.getElementById('dots-container');\n \n let currentSlide = 0;\n const totalSlides = slides.length;\n\n \/\/ T\u1ea1o d\u1ea5u ch\u1ea5m (dots)\n for(let i = 0; i < totalSlides; i++) {\n const dot = document.createElement('div');\n dot.className = `w-2 h-2 rounded-full cursor-pointer transition-all duration-300 ${i === 0 ? 'bg-blue-600 w-4' : 'bg-slate-300'}`;\n dot.addEventListener('click', () => goToSlide(i));\n dotsContainer.appendChild(dot);\n }\n\n const dots = dotsContainer.querySelectorAll('div');\n\n function updateUI() {\n \/\/ C\u1eadp nh\u1eadt class slide\n slides.forEach((slide, index) => {\n if(index === currentSlide) {\n slide.classList.add('active');\n } else {\n slide.classList.remove('active');\n }\n });\n\n \/\/ C\u1eadp nh\u1eadt n\u00fat\n prevBtn.disabled = currentSlide === 0;\n if(currentSlide === totalSlides - 1) {\n nextBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i> Ho\u00e0n t\u1ea5t';\n nextBtn.classList.remove('bg-blue-600', 'hover:bg-blue-700');\n nextBtn.classList.add('bg-green-600', 'hover:bg-green-700');\n } else {\n nextBtn.innerHTML = 'Ti\u1ebfp theo <i class=\"fa-solid fa-chevron-right\"><\/i>';\n nextBtn.classList.add('bg-blue-600', 'hover:bg-blue-700');\n nextBtn.classList.remove('bg-green-600', 'hover:bg-green-700');\n }\n\n \/\/ C\u1eadp nh\u1eadt counter\n counter.innerText = `${currentSlide + 1} \/ ${totalSlides}`;\n\n \/\/ C\u1eadp nh\u1eadt dots\n dots.forEach((dot, index) => {\n if(index === currentSlide) {\n dot.className = 'w-4 h-2 rounded-full cursor-pointer transition-all duration-300 bg-blue-600';\n } else {\n dot.className = 'w-2 h-2 rounded-full cursor-pointer transition-all duration-300 bg-slate-300';\n }\n });\n }\n\n function goToSlide(index) {\n if(index >= 0 && index < totalSlides) {\n currentSlide = index;\n updateUI();\n }\n }\n\n nextBtn.addEventListener('click', () => {\n if(currentSlide < totalSlides - 1) goToSlide(currentSlide + 1);\n });\n\n prevBtn.addEventListener('click', () => {\n if(currentSlide > 0) goToSlide(currentSlide - 1);\n });\n\n \/\/ H\u1ed7 tr\u1ee3 ph\u00edm \u0111i\u1ec1u h\u01b0\u1edbng (M\u0169i t\u00ean tr\u00e1i\/ph\u1ea3i)\n document.addEventListener('keydown', (e) => {\n if(e.key === 'ArrowRight') {\n if(currentSlide < totalSlides - 1) goToSlide(currentSlide + 1);\n } else if (e.key === 'ArrowLeft') {\n if(currentSlide > 0) goToSlide(currentSlide - 1);\n }\n });\n\n \/\/ X\u1eed l\u00fd n\u00fat to\u00e0n m\u00e0n h\u00ecnh v\u00e0 b\u1eaft l\u1ed7i Permission Policy\n const fullscreenBtn = document.getElementById('fullscreenBtn');\n if (fullscreenBtn) {\n fullscreenBtn.addEventListener('click', () => {\n if (!document.fullscreenElement) {\n const req = document.documentElement.requestFullscreen();\n if (req) {\n req.catch(err => {\n console.warn(\"Fullscreen b\u1ecb ch\u1eb7n b\u1edfi tr\u00ecnh duy\u1ec7t:\", err);\n showToast(\"M\u00f4i tr\u01b0\u1eddng hi\u1ec7n t\u1ea1i kh\u00f4ng h\u1ed7 tr\u1ee3 n\u00fat n\u00e0y. Vui l\u00f2ng b\u1ea5m F11 tr\u00ean b\u00e0n ph\u00edm.\");\n });\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n }\n }\n });\n }\n\n \/\/ Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o Toast thay cho alert()\n function showToast(message) {\n const toast = document.createElement('div');\n toast.className = 'fixed top-4 left-1\/2 -translate-x-1\/2 bg-amber-500 text-white px-6 py-3 rounded-lg shadow-xl z-50 transition-all duration-300';\n toast.innerHTML = `<i class=\"fa-solid fa-triangle-exclamation mr-2\"><\/i> ${message}`;\n document.body.appendChild(toast);\n \n setTimeout(() => {\n toast.style.opacity = '0';\n setTimeout(() => toast.remove(), 300);\n }, 4000);\n }\n\n \/\/ Kh\u1edfi t\u1ea1o UI l\u1ea7n \u0111\u1ea7u\n updateUI();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Slide H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ng Zoho Mail – \u0110\u1ea1i Vi\u1ec7t C\u00f4ng ty C\u1ed5 ph\u1ea7n ph\u00e1t tri\u1ec3n Gi\u1ea3i ph\u00e1p s\u1ed1 \u0110\u1ea1i Vi\u1ec7t H\u01b0\u1edbng D\u1eabn S\u1eed D\u1ee5ngEmail Doanh Nghi\u1ec7p C\u1ea9m nang ng\u01b0\u1eddi d\u00f9ng: Thao t\u00e1c Webmail, Mobile App, c\u1ea5u h\u00ecnh Outlook v\u00e0 thi\u1ebft l\u1eadp b\u1ea3o m\u1eadt (H\u1ec7 th\u1ed1ng Zoho Mail) N\u1ed9i dung ch\u00ednh 1. Webmail \u0110\u0103ng nh\u1eadp […]<\/p>\n","protected":false},"author":2,"featured_media":140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[4,3],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tin-noi-bo-daviso-giai-phap-so-dai-viet","category-tin-cong-nghe"],"_links":{"self":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":2,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/posts\/137\/revisions\/141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/media\/140"}],"wp:attachment":[{"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daviso.vn\/index.php\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}