{"id":2641,"date":"2025-10-31T15:22:53","date_gmt":"2025-10-31T08:22:53","guid":{"rendered":"https:\/\/viamlab.com\/?page_id=2641"},"modified":"2026-02-07T15:14:38","modified_gmt":"2026-02-07T08:14:38","slug":"123-2","status":"publish","type":"page","link":"http:\/\/viamlab.com\/vi\/123-2\/","title":{"rendered":"123"},"content":{"rendered":"
free spins no deposit uk 2026<\/a><\/div>
european casino<\/a><\/div>\n\n\n\n \n \n Sidebar MES Portal<\/title>\n\n <!-- Font Awesome CDN (thay cho react-icons) -->\n <link\n rel=\"stylesheet\"\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\n \/>\n <!-- CSS -->\n<style>\n .sidebar {\n width: 60px;\n height: 100vh;\n background: linear-gradient(180deg, #0A2540 0%, #1E3A5F 100%);\n color: white;\n transition: width 0.3s ease;\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1000;\n box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.sidebar:hover {\n width: 250px;\n}\n\n.sidebar-header {\n padding: 1rem;\n border-bottom: 1px solid #334155;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n background-color: black;\n}\n\n.logo {\n margin-bottom: 0.5rem;\n}\n\n.logo-img {\n width: 40px;\n transition: width 0.3s ease;\n}\n\n.sidebar:hover .logo-img {\n width: 200px;\n}\n\n.portal-title {\n font-size: 1rem;\n margin: 0;\n text-align: center;\n opacity: 0.9;\n display: none;\n}\n\n.sidebar:hover .portal-title {\n display: block;\n}\n\n.sidebar-nav {\n flex: 1;\n padding: 1rem 0;\n}\n\n.sidebar-nav ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sidebar-nav li {\n margin: 0.25rem 0;\n}\n\n.sidebar-nav button {\n width: 100%;\n padding: 0.75rem 1rem;\n background: none;\n border: none;\n color: white;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: background 0.2s ease;\n text-decoration: none;\n}\n\n.sidebar-nav button:hover,\n.sidebar-nav li.active button {\n background: rgba(59, 130, 246, 0.2);\n}\n\n.icon {\n font-size: 1.2rem;\n margin-right: 0.75rem;\n flex-shrink: 0;\n}\n\n.label {\n font-size: 0.95rem;\n white-space: nowrap;\n display: none;\n}\n\n.sidebar:hover .label {\n display: inline;\n}\n\n\/* Responsive: Tr\u00ean mobile, sidebar overlay *\/\n@media (max-width: 768px) {\n .sidebar {\n width: 250px;\n transform: translateX(-100%);\n }\n\n .sidebar:hover {\n transform: translateX(0);\n width: 250px;\n }\n\n .sidebar:hover .portal-title,\n .sidebar:hover .label,\n .sidebar:hover .logo-img {\n display: block;\n width: 200px;\n }\n}\n<\/style>\n\n<\/head>\n<body>\n <!-- Sidebar -->\n <div class=\"sidebar\">\n <div class=\"sidebar-header\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"bk_logo.png\" class=\"logo-img\" alt=\"\u1ea3nh b\u00e1ch khoa\" \/>\n <\/div>\n <h2 class=\"portal-title\">MES Portal<\/h2>\n <\/div>\n\n <nav class=\"sidebar-nav\">\n <ul id=\"menuList\">\n <li data-id=\"1\"><button><span class=\"icon\"><i class=\"fa-solid fa-house\"><\/i><\/span><span class=\"label\">T\u1ed5ng quan<\/span><\/button><\/li>\n <li data-id=\"2\"><button><span class=\"icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/span><span class=\"label\">Y\u00eau c\u1ea7u s\u1ea3n xu\u1ea5t<\/span><\/button><\/li>\n <li data-id=\"3\"><button><span class=\"icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/span><span class=\"label\">K\u1ebf ho\u1ea1ch s\u1ea3n xu\u1ea5t<\/span><\/button><\/li>\n <li data-id=\"4\"><button><span class=\"icon\"><i class=\"fa-solid fa-calendar-days\"><\/i><\/span><span class=\"label\">L\u1ecbch s\u1ea3n xu\u1ea5t<\/span><\/button><\/li>\n <li data-id=\"5\"><button><span class=\"icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/span><span class=\"label\">Ti\u1ebfn \u0111\u1ed9 & s\u1ef1 c\u1ed1<\/span><\/button><\/li>\n <li data-id=\"6\"><button><span class=\"icon\"><i class=\"fa-solid fa-database\"><\/i><\/span><span class=\"label\">Danh m\u1ee5c<\/span><\/button><\/li>\n <li data-id=\"7\"><button><span class=\"icon\"><i class=\"fa-solid fa-users\"><\/i><\/span><span class=\"label\">Qu\u1ea3n l\u00fd ng\u01b0\u1eddi d\u00f9ng<\/span><\/button><\/li>\n <li data-id=\"8\"><button><span class=\"icon\"><i class=\"fa-solid fa-gear\"><\/i><\/span><span class=\"label\">C\u00e0i \u0111\u1eb7t<\/span><\/button><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n\n <!-- JS -->\n <script>\n \/\/ B\u1eaft t\u1ea5t c\u1ea3 menu items\n const menuItems = document.querySelectorAll('#menuList li');\n\n menuItems.forEach(item => {\n item.addEventListener('click', () => {\n \/\/ X\u00f3a class 'active' kh\u1ecfi t\u1ea5t c\u1ea3\n menuItems.forEach(i => i.classList.remove('active'));\n \/\/ Th\u00eam class 'active' cho item \u0111\u01b0\u1ee3c click\n item.classList.add('active');\n console.log(\"\u0110\u00e3 ch\u1ecdn menu ID:\", item.dataset.id);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n\n\n \n <!-- -->\n <div style=\"position: absolute; left: -10000px;\">\n Pr\u00f3b\u00e1ld ki szerencs\u00e9det \u00e9s \u00e9lvezd a legjobb kaszin\u00f3s \u00e9lm\u00e9nyt a <a href=\"https:\/\/bassbet-casino.hu\">bassbet<\/a> oldal\u00e1n.\n <\/div>\n <!-- -->\n ","protected":false},"excerpt":{"rendered":"<p>free spins no deposit uk 2026 european casino Sidebar MES Portal MES Portal T\u1ed5ng quan Y\u00eau c\u1ea7u s\u1ea3n xu\u1ea5t K\u1ebf…<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2641","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/pages\/2641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/comments?post=2641"}],"version-history":[{"count":5,"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/pages\/2641\/revisions"}],"predecessor-version":[{"id":140996,"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/pages\/2641\/revisions\/140996"}],"wp:attachment":[{"href":"http:\/\/viamlab.com\/vi\/wp-json\/wp\/v2\/media?parent=2641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}