{"id":56,"date":"2025-09-18T02:35:59","date_gmt":"2025-09-18T02:35:59","guid":{"rendered":"https:\/\/vnkt.vn\/?page_id=56"},"modified":"2025-12-27T17:36:56","modified_gmt":"2025-12-27T10:36:56","slug":"trang-chu-2","status":"publish","type":"page","link":"https:\/\/vnkt.vn\/index.php\/trang-chu-2\/","title":{"rendered":"LI\u00caN H\u1ec6"},"content":{"rendered":"<p>&nbsp;<\/p>\n<style>\n        * {<br \/>            margin: 0;<br \/>            padding: 0;<br \/>            box-sizing: border-box;<br \/>            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;<br \/>        }<\/p>\n<p>        body {<br \/>            background-color: #f5f7fa;<br \/>            color: #333;<br \/>            line-height: 1.6;<br \/>            padding: 20px;<br \/>            display: flex;<br \/>            justify-content: center;<br \/>            align-items: center;<br \/>            min-height: 100vh;<br \/>        }<\/p>\n<p>        .container {<br \/>            width: 100%;<br \/>            max-width: 800px;<br \/>            margin: 0 auto;<br \/>        }<\/p>\n<p>        .header {<br \/>            text-align: center;<br \/>            margin-bottom: 30px;<br \/>        }<\/p>\n<p>        .header h1 {<br \/>            color: #2c3e50;<br \/>            font-size: 28px;<br \/>            margin-bottom: 10px;<br \/>            font-weight: 600;<br \/>        }<\/p>\n<p>        .header p {<br \/>            color: #7f8c8d;<br \/>            font-size: 16px;<br \/>        }<\/p>\n<p>        .form-container {<br \/>            background-color: white;<br \/>            border-radius: 12px;<br \/>            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);<br \/>            padding: 40px;<br \/>            margin-bottom: 30px;<br \/>        }<\/p>\n<p>        .location-section {<br \/>            margin-bottom: 30px;<br \/>            padding-bottom: 25px;<br \/>            border-bottom: 1px solid #eaeaea;<br \/>        }<\/p>\n<p>        .location-title {<br \/>            font-size: 18px;<br \/>            font-weight: 600;<br \/>            color: #2c3e50;<br \/>            margin-bottom: 15px;<br \/>        }<\/p>\n<p>        .location-options {<br \/>            display: flex;<br \/>            flex-wrap: wrap;<br \/>            gap: 15px;<br \/>        }<\/p>\n<p>        .location-option {<br \/>            display: flex;<br \/>            align-items: center;<br \/>        }<\/p>\n<p>        .location-option input[type=\"radio\"] {<br \/>            display: none;<br \/>        }<\/p>\n<p>        .location-label {<br \/>            display: flex;<br \/>            align-items: center;<br \/>            padding: 12px 20px;<br \/>            background-color: #f8f9fa;<br \/>            border-radius: 8px;<br \/>            cursor: pointer;<br \/>            transition: all 0.3s ease;<br \/>            border: 2px solid #eaeaea;<br \/>            font-weight: 500;<br \/>            color: #555;<br \/>        }<\/p>\n<p>        .location-label:hover {<br \/>            background-color: #edf2f7;<br \/>        }<\/p>\n<p>        .location-option input[type=\"radio\"]:checked + .location-label {<br \/>            background-color: #e3f2fd;<br \/>            border-color: #2196f3;<br \/>            color: #2196f3;<br \/>        }<\/p>\n<p>        .location-label i {<br \/>            margin-right: 8px;<br \/>            font-size: 18px;<br \/>        }<\/p>\n<p>        .form-group {<br \/>            margin-bottom: 25px;<br \/>        }<\/p>\n<p>        .form-row {<br \/>            display: flex;<br \/>            flex-wrap: wrap;<br \/>            gap: 20px;<br \/>        }<\/p>\n<p>        .form-row .form-group {<br \/>            flex: 1;<br \/>            min-width: 250px;<br \/>        }<\/p>\n<p>        label {<br \/>            display: block;<br \/>            margin-bottom: 8px;<br \/>            font-weight: 500;<br \/>            color: #2c3e50;<br \/>            font-size: 15px;<br \/>        }<\/p>\n<p>        label span {<br \/>            color: #e74c3c;<br \/>        }<\/p>\n<p>        .input-container {<br \/>            position: relative;<br \/>        }<\/p>\n<p>        input, textarea {<br \/>            width: 100%;<br \/>            padding: 14px 15px;<br \/>            border: 1px solid #ddd;<br \/>            border-radius: 8px;<br \/>            font-size: 15px;<br \/>            transition: all 0.3s;<br \/>            background-color: #f8f9fa;<br \/>        }<\/p>\n<p>        input:focus, textarea:focus {<br \/>            outline: none;<br \/>            border-color: #2196f3;<br \/>            background-color: white;<br \/>            box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);<br \/>        }<\/p>\n<p>        .input-container i {<br \/>            position: absolute;<br \/>            right: 15px;<br \/>            top: 50%;<br \/>            transform: translateY(-50%);<br \/>            color: #95a5a6;<br \/>        }<\/p>\n<p>        textarea {<br \/>            min-height: 120px;<br \/>            resize: vertical;<br \/>            font-family: inherit;<br \/>        }<\/p>\n<p>        .register-btn {<br \/>            display: block;<br \/>            width: 100%;<br \/>            padding: 16px;<br \/>            background: linear-gradient(to right, #2196f3, #0d8bf2);<br \/>            color: white;<br \/>            border: none;<br \/>            border-radius: 8px;<br \/>            font-size: 17px;<br \/>            font-weight: 600;<br \/>            cursor: pointer;<br \/>            transition: all 0.3s;<br \/>            margin-top: 20px;<br \/>            letter-spacing: 0.5px;<br \/>        }<\/p>\n<p>        .register-btn:hover {<br \/>            background: linear-gradient(to right, #0d8bf2, #0b7fd8);<br \/>            transform: translateY(-2px);<br \/>            box-shadow: 0 5px 15px rgba(33, 150, 243, 0.3);<br \/>        }<\/p>\n<p>        .register-btn:active {<br \/>            transform: translateY(0);<br \/>        }<\/p>\n<p>        .register-btn i {<br \/>            margin-right: 8px;<br \/>        }<\/p>\n<p>        .note {<br \/>            font-size: 14px;<br \/>            color: #7f8c8d;<br \/>            text-align: center;<br \/>            margin-top: 10px;<br \/>        }<\/p>\n<p>        .example {<br \/>            display: block;<br \/>            font-size: 13px;<br \/>            color: #95a5a6;<br \/>            margin-top: 5px;<br \/>            font-style: italic;<br \/>        }<\/p>\n<p>        \/* Responsive design *\/<br \/>        @media (max-width: 768px) {<br \/>            .form-container {<br \/>                padding: 25px;<br \/>            }<\/p>\n<p>            .form-row {<br \/>                flex-direction: column;<br \/>                gap: 0;<br \/>            }<\/p>\n<p>            .header h1 {<br \/>                font-size: 24px;<br \/>            }<br \/>        }<\/p>\n<p>        @media (max-width: 480px) {<br \/>            body {<br \/>                padding: 10px;<br \/>            }<\/p>\n<p>            .form-container {<br \/>                padding: 20px;<br \/>            }<\/p>\n<p>            .location-options {<br \/>                flex-direction: column;<br \/>            }<\/p>\n<p>            .header h1 {<br \/>                font-size: 22px;<br \/>            }<br \/>        }<\/p>\n<p>        \/* Animation *\/<br \/>        @keyframes fadeIn {<br \/>            from { opacity: 0; transform: translateY(20px); }<br \/>            to { opacity: 1; transform: translateY(0); }<br \/>        }<\/p>\n<p>        .form-container {<br \/>            animation: fadeIn 0.5s ease-out;<br \/>        }<br \/>    <\/style>\n<p>&nbsp;<\/p>\n<div class=\"container\">\n<div class=\"header\">\n<h1>Vui l\u00f2ng ch\u1ecdn \u0110\u1ecba \u0110i\u1ec3m ph\u00f9 h\u1ee3p \u0111\u1ec3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 nhanh nh\u1ea5t<\/h1>\n<p>\u0110i\u1ec1n th\u00f4ng tin b\u00ean d\u01b0\u1edbi \u0111\u1ec3 \u0111\u0103ng k\u00fd d\u00f9ng th\u1eed 30 ng\u00e0y mi\u1ec5n ph\u00ed<\/p>\n<\/div>\n<div class=\"form-container\">\n<div class=\"location-section\">\n<div class=\"location-title\">Ch\u1ecdn \u0111\u1ecba \u0111i\u1ec3m c\u1ee7a b\u1ea1n:<\/div>\n<div class=\"location-options\">\n<div class=\"location-option\"><input id=\"hanoi\" checked=\"checked\" name=\"location\" type=\"radio\" \/><br \/>\n<label class=\"location-label\" for=\"hanoi\"><br \/>\n<i class=\"fas fa-map-marker-alt\"><\/i> H\u00e0 N\u1ed9i<br \/>\n<\/label><\/div>\n<div class=\"location-option\"><input id=\"hcm\" name=\"location\" type=\"radio\" \/><br \/>\n<label class=\"location-label\" for=\"hcm\"><br \/>\n<i class=\"fas fa-map-marker-alt\"><\/i> H\u1ed3 Ch\u00ed Minh<br \/>\n<\/label><\/div>\n<\/div>\n<\/div>\n<form id=\"registrationForm\">\n<div class=\"form-row\">\n<div class=\"form-group\">\n<p><label for=\"contactName\">Ng\u01b0\u1eddi li\u00ean h\u1ec7 ch\u00ednh \/ Contact name *<\/label><\/p>\n<div class=\"input-container\"><input id=\"contactName\" required=\"\" type=\"text\" placeholder=\"Nh\u1eadp h\u1ecd v\u00e0 t\u00ean\" \/><br \/>\n<i class=\"fas fa-user\"><\/i><\/div>\n<\/div>\n<div class=\"form-group\">\n<p><label for=\"contactNumber\">\u0110i\u1ec7n tho\u1ea1i \/ Contact number *<\/label><\/p>\n<div class=\"input-container\"><input id=\"contactNumber\" required=\"\" type=\"tel\" placeholder=\"VD: 0123456789\" \/><br \/>\n<i class=\"fas fa-phone\"><\/i><\/div>\n<p><span class=\"example\">V\u00ed d\u1ee5: 0123456789<\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"form-group\">\n<p><label for=\"email\">Email *<\/label><\/p>\n<div class=\"input-container\"><input id=\"email\" required=\"\" type=\"email\" placeholder=\"vidu@mail.com\" \/><br \/>\n<i class=\"fas fa-envelope\"><\/i><\/div>\n<\/div>\n<div class=\"form-group\">\n<p><label for=\"companyName\">T\u00ean c\u00f4ng ty \/ Company name<\/label><\/p>\n<div class=\"input-container\"><input id=\"companyName\" type=\"text\" placeholder=\"Nh\u1eadp t\u00ean c\u00f4ng ty\" \/><br \/>\n<i class=\"fas fa-building\"><\/i><\/div>\n<\/div>\n<div class=\"form-group\">\n<p><label for=\"address\">\u0110\u1ecba ch\u1ec9 VP \/ Address<\/label><\/p>\n<div class=\"input-container\"><input id=\"address\" type=\"text\" placeholder=\"Nh\u1eadp \u0111\u1ecba ch\u1ec9 v\u0103n ph\u00f2ng\" \/><br \/>\n<i class=\"fas fa-map-pin\"><\/i><\/div>\n<\/div>\n<div class=\"form-group\"><label for=\"message\">Nhu c\u1ea7u \/ Your message<\/label><br \/>\n<textarea id=\"message\" placeholder=\"M\u00f4 t\u1ea3 nhu c\u1ea7u c\u1ee7a b\u1ea1n...\"><\/textarea><\/div>\n<p><button class=\"register-btn\" type=\"submit\"><br \/>\n<i class=\"fas fa-rocket\"><\/i> \u0110\u0103ng k\u00fd<br \/>\n<\/button><\/p>\n<p class=\"note\">Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n trong v\u00f2ng 24 gi\u1edd l\u00e0m vi\u1ec7c.<\/p>\n<\/form>\n<\/div>\n<\/div>\n<p><script>\n        document.getElementById('registrationForm').addEventListener('submit', function(e) {\n            e.preventDefault();<\/p>\n<p>            \/\/ L\u1ea5y gi\u00e1 tr\u1ecb t\u1eeb form\n            const location = document.querySelector('input[name=\"location\"]:checked').id === 'hanoi' ? 'H\u00e0 N\u1ed9i' : 'H\u1ed3 Ch\u00ed Minh';\n            const contactName = document.getElementById('contactName').value;\n            const contactNumber = document.getElementById('contactNumber').value;\n            const email = document.getElementById('email').value;\n            const companyName = document.getElementById('companyName').value;\n            const address = document.getElementById('address').value;\n            const message = document.getElementById('message').value;<\/p>\n<p>            \/\/ Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o\n            alert(`\u0110\u0103ng k\u00fd th\u00e0nh c\u00f4ng!\\n\\nTh\u00f4ng tin \u0111\u00e3 g\u1eedi:\\n- \u0110\u1ecba \u0111i\u1ec3m: ${location}\\n- Ng\u01b0\u1eddi li\u00ean h\u1ec7: ${contactName}\\n- \u0110i\u1ec7n tho\u1ea1i: ${contactNumber}\\n- Email: ${email}\\n- C\u00f4ng ty: ${companyName}\\n- \u0110\u1ecba ch\u1ec9: ${address}\\n- Nhu c\u1ea7u: ${message}\\n\\nCh\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n s\u1edbm nh\u1ea5t!`);<\/p>\n<p>            \/\/ Reset form (t\u00f9y ch\u1ecdn)\n            \/\/ this.reset();\n        });<\/p>\n<p>        \/\/ Hi\u1ec7u \u1ee9ng focus cho input\n        const inputs = document.querySelectorAll('input, textarea');\n        inputs.forEach(input => {\n            input.addEventListener('focus', function() {\n                this.parentElement.style.transform = 'scale(1.02)';\n            });<\/p>\n<p>            input.addEventListener('blur', function() {\n                this.parentElement.style.transform = 'scale(1)';\n            });\n        });\n    <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Vui l\u00f2ng ch\u1ecdn \u0110\u1ecba \u0110i\u1ec3m ph\u00f9 h\u1ee3p \u0111\u1ec3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 nhanh nh\u1ea5t \u0110i\u1ec1n th\u00f4ng tin b\u00ean d\u01b0\u1edbi \u0111\u1ec3 \u0111\u0103ng k\u00fd d\u00f9ng th\u1eed 30 ng\u00e0y mi\u1ec5n ph\u00ed Ch\u1ecdn \u0111\u1ecba \u0111i\u1ec3m c\u1ee7a b\u1ea1n: H\u00e0 N\u1ed9i H\u1ed3 Ch\u00ed Minh Ng\u01b0\u1eddi li\u00ean h\u1ec7 ch\u00ednh \/ Contact name * \u0110i\u1ec7n tho\u1ea1i \/ Contact number * V\u00ed d\u1ee5:<\/p>\n<p><a href=\"https:\/\/vnkt.vn\/index.php\/trang-chu-2\/\" class=\"more-link themebutton\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":257,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":17,"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/pages\/56\/revisions\/349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/media\/257"}],"wp:attachment":[{"href":"https:\/\/vnkt.vn\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}