Typing Effect<\/title>\n <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head><br \/>\n<body><\/p>\n<div class=\"main-container\">\n<div id=\"text\" class=\"typing\">\n <span style=\"color: #ff0000;\">M<\/span>ark of <span style=\"color: #ff0000;\">Archi<\/span>tecture & <span style=\"color: #ff0000;\">In<\/span>terior <span style=\"color: #ff0000;\">De<\/span>sign\n <\/div>\n<div id=\"marchindeContainer\" class=\"marchinde-container\">\n <span id=\"marchinde\" class=\"marchinde\">Marchinde<\/span><br \/>\n <span class=\"line red\">Design Studio<\/span><br \/>\n <span class=\"line green\">Build Construction<\/span><br \/>\n <span class=\"line yellow\">Furniture Store<\/span><br \/>\n <span class=\"line blue\">More<\/span>\n <\/div>\n<\/p>\n<\/div>\n<p> <script src=\"script.js\"><\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n\n\n<html lang=\"vi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Typing Effect<\/title>\n <style>\n .main-container {\n display: flex;\n flex-direction: column; \/* \u0110\u1eb7t chi\u1ec1u d\u1ecdc *\/\n justify-content: center;\n align-items: center;\n height: 24 px; \/* Chi\u1ebfm to\u00e0n b\u1ed9 chi\u1ec1u cao c\u1ee7a m\u00e0n h\u00ecnh *\/\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef m\u1eb7c \u0111\u1ecbnh *\/\n color: white; \/* \u0110\u1ed5i m\u00e0u ch\u1eef th\u00e0nh tr\u1eafng *\/\n margin: 0;\n background-color: transparent; \/* Lo\u1ea1i b\u1ecf m\u00e0u n\u1ec1n *\/\n text-align: center; \/* C\u0103n gi\u1eefa n\u1ed9i dung *\/\n }\n\n .typing {\n border-right: 2px solid #ff0000; \/* M\u00e0u \u0111\u1ecf *\/\n white-space: nowrap;\n overflow: hidden;\n animation: typing 4s steps(37, end), blink 0.75s step-end infinite;\n }\n\n @keyframes typing {\n from { width: 0; }\n to { width: 37ch; }\n }\n\n @keyframes blink {\n 50% { border-color: transparent; }\n }\n\n .fade-out {\n animation: fadeOut 2s forwards; \/* Th\u1eddi gian x\u00f3a ch\u1eef *\/\n }\n\n @keyframes fadeOut {\n from { width: 37ch; }\n to { width: 0; \/* \u0110\u01b0a v\u1ec1 0 \u0111\u1ec3 x\u00f3a ch\u1eef ho\u00e0n to\u00e0n *\/ }\n }\n\n .marchinde-container {\n display: none; \/* \u1ea8n container ch\u1ee9a Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef *\/\n font-size: 24px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef cho Marchinde *\/\n color: white; \/* \u0110\u1ed5i m\u00e0u ch\u1eef th\u00e0nh tr\u1eafng *\/\n }\n\n .marchinde {\n display: inline; \/* \u0110\u1ec3 ch\u1eef Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef c\u00f9ng hi\u1ec3n th\u1ecb tr\u00ean m\u1ed9t d\u00f2ng *\/\n margin-right: 5px; \/* Gi\u1ea3m kho\u1ea3ng c\u00e1ch gi\u1eefa Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef kh\u00e1c xu\u1ed1ng m\u1ed9t n\u1eeda *\/\n animation: blink 1s step-end infinite; \/* Thay \u0111\u1ed5i th\u1eddi gian nh\u1ea5p nh\u00e1y *\/\n }\n\n .blink {\n animation: blinkEffect 0.5s infinite; \/* Th\u00eam hi\u1ec7u \u1ee9ng nh\u1ea5p nh\u00e1y *\/\n }\n\n @keyframes blinkEffect {\n 50% { opacity: 0; }\n }\n\n @keyframes colorChange {\n 0% { color: black; }\n 50% { color: red; }\n 100% { color: black; }\n }\n\n .line {\n display: none; \/* \u1ea8n c\u00e1c d\u00f2ng ch\u1eef *\/\n margin-left: 10px; \/* Th\u00eam kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c d\u00f2ng *\/\n }\n\n .red { color: #ff0000; } \/* M\u00e0u \u0111\u1ecf *\/\n .green { color: #34a853; } \/* M\u00e0u xanh l\u00e1 *\/\n .yellow { color: #fbbc05; } \/* M\u00e0u v\u00e0ng *\/\n .blue { color: #4285f4; } \/* M\u00e0u xanh da tr\u1eddi *\/\n\n \/* Quy t\u1eafc cho thi\u1ebft b\u1ecb di \u0111\u1ed9ng *\/\n @media (max-width: 600px) {\n .main-container {\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef nh\u1ecf h\u01a1n tr\u00ean mobile *\/\n }\n\n .marchinde-container {\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef cho Marchinde nh\u1ecf h\u01a1n *\/\n }\n\n .line {\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef cho d\u00f2ng nh\u1ecf h\u01a1n *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <div id=\"text\" class=\"typing\">\n <span style=\"color: #ff0000;\">M<\/span>ark of <span style=\"color: #ff0000;\">Archi<\/span>tecture & <span style=\"color: #ff0000;\">In<\/span>terior <span style=\"color: #ff0000;\">De<\/span>sign\n <\/div>\n\n <div id=\"marchindeContainer\" class=\"marchinde-container\">\n <span id=\"marchinde\" class=\"marchinde\">Marchinde<\/span>\n <span class=\"line red\">Design Studio<\/span>\n <span class=\"line green\">Build Construction<\/span>\n <span class=\"line yellow\">Furniture Store<\/span>\n <span class=\"line blue\">More<\/span>\n <\/div>\n <\/div>\n\n <script>\n const textElement = document.getElementById('text');\n const marchindeContainer = document.getElementById('marchindeContainer');\n const marchindeElement = document.getElementById('marchinde');\n const lines = marchindeContainer.getElementsByClassName('line');\n\n \/\/ Th\u1eddi gian \u0111\u1ec3 d\u1ec5 d\u00e0ng thay \u0111\u1ed5i\n const typingDuration = 4000; \n const blinkDuration = 500;\n const fadeOutDuration = 2000;\n const lineDisplayDuration = 2000; \/\/ Th\u1eddi gian hi\u1ec3n th\u1ecb m\u1ed7i d\u00f2ng ch\u1eef\n const lineFadeOutDuration = 1500; \/\/ Th\u1eddi gian x\u00f3a t\u1eebng d\u00f2ng ch\u1eef\n const intervalDuration = 20000; \/\/ Th\u1eddi gian l\u1eb7p l\u1ea1i to\u00e0n b\u1ed9\n\n function startAnimation() {\n textElement.classList.remove('fade-out', 'blink'); \/\/ X\u00f3a c\u00e1c l\u1edbp nh\u1ea5p nh\u00e1y v\u00e0 fade-out\n marchindeContainer.style.display = 'none'; \/\/ \u1ea8n container ch\u1ee9a Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef\n textElement.style.display = 'block';\n textElement.classList.add('typing');\n\n \/\/ Sau khi animation ho\u00e0n t\u1ea5t, b\u1eaft \u0111\u1ea7u nh\u1ea5p nh\u00e1y\n setTimeout(() => {\n textElement.classList.add('blink'); \/\/ Th\u00eam l\u1edbp nh\u1ea5p nh\u00e1y\n }, typingDuration); \/\/ Th\u1eddi gian \u0111\u1ec3 typing xong\n\n \/\/ Sau khi nh\u1ea5p nh\u00e1y, b\u1eaft \u0111\u1ea7u x\u00f3a ch\u1eef\n setTimeout(() => {\n textElement.classList.remove('blink'); \/\/ X\u00f3a l\u1edbp nh\u1ea5p nh\u00e1y\n textElement.classList.add('fade-out'); \/\/ B\u1eaft \u0111\u1ea7u hi\u1ec7u \u1ee9ng x\u00f3a\n }, typingDuration + blinkDuration); \/\/ Th\u1eddi gian nh\u1ea5p nh\u00e1y tr\u01b0\u1edbc khi x\u00f3a\n\n \/\/ Sau khi x\u00f3a d\u1ea7n, hi\u1ec3n th\u1ecb \"Marchinde\" v\u00e0 c\u00e1c d\u00f2ng ch\u1eef v\u1edbi \u0111\u1ed9 tr\u1ec5 1 gi\u00e2y\n setTimeout(() => {\n textElement.style.display = 'none';\n marchindeContainer.style.display = 'block'; \/\/ Hi\u1ec3n th\u1ecb container ch\u1ee9a Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef\n setTimeout(() => {\n displayNextLine(0); \/\/ B\u1eaft \u0111\u1ea7u hi\u1ec3n th\u1ecb d\u00f2ng ch\u1eef \u0111\u1ea7u ti\u00ean\n }, 1000); \/\/ \u0110\u1ed9 tr\u1ec5 1 gi\u00e2y tr\u01b0\u1edbc khi hi\u1ec3n th\u1ecb c\u00e1c d\u00f2ng ch\u1eef\n }, typingDuration + fadeOutDuration); \/\/ Th\u1eddi gian \u0111\u1ec3 x\u00f3a ch\u1eef\n }\n\n \/\/ H\u00e0m \u0111\u1ec3 hi\u1ec3n th\u1ecb c\u00e1c d\u00f2ng ch\u1eef l\u1ea7n l\u01b0\u1ee3t\n function displayNextLine(index) {\n if (index < lines.length) {\n const currentLine = lines[index];\n currentLine.style.display = 'inline'; \/\/ Hi\u1ec3n th\u1ecb d\u00f2ng ch\u1eef\n setTimeout(() => {\n currentLine.classList.add('blink'); \/\/ Th\u00eam l\u1edbp nh\u1ea5p nh\u00e1y cho d\u00f2ng ch\u1eef\n }, 0); \/\/ Ngay l\u1eadp t\u1ee9c b\u1eaft \u0111\u1ea7u nh\u1ea5p nh\u00e1y\n\n setTimeout(() => {\n currentLine.classList.remove('blink'); \/\/ X\u00f3a l\u1edbp nh\u1ea5p nh\u00e1y\n currentLine.classList.add('fade-out'); \/\/ Th\u00eam l\u1edbp x\u00f3a cho d\u00f2ng ch\u1eef\n }, lineDisplayDuration); \/\/ Th\u1eddi gian hi\u1ec3n th\u1ecb t\u1eebng d\u00f2ng ch\u1eef\n\n \/\/ Sau khi x\u00f3a d\u00f2ng ch\u1eef hi\u1ec7n t\u1ea1i, ti\u1ebfp t\u1ee5c v\u1edbi d\u00f2ng ti\u1ebfp theo\n setTimeout(() => {\n currentLine.style.display = 'none'; \/\/ \u1ea8n d\u00f2ng ch\u1eef hi\u1ec7n t\u1ea1i\n displayNextLine(index + 1); \/\/ Hi\u1ec3n th\u1ecb d\u00f2ng ti\u1ebfp theo\n }, lineDisplayDuration + lineFadeOutDuration); \/\/ T\u1ed5ng th\u1eddi gian hi\u1ec3n th\u1ecb v\u00e0 x\u00f3a\n } else {\n \/\/ Sau khi \u0111\u00e3 hi\u1ec3n th\u1ecb t\u1ea5t c\u1ea3 c\u00e1c d\u00f2ng ch\u1eef, b\u1eaft \u0111\u1ea7u l\u1ea1i animation\n setTimeout(startAnimation, 1000); \/\/ Th\u00eam \u0111\u1ed9 tr\u1ec5 1 gi\u00e2y tr\u01b0\u1edbc khi b\u1eaft \u0111\u1ea7u l\u1ea1i\n }\n }\n\n \/\/ B\u1eaft \u0111\u1ea7u animation l\u1ea7n \u0111\u1ea7u ti\u00ean\n startAnimation();\n\n \/\/ L\u1eb7p l\u1ea1i to\u00e0n b\u1ed9 sau 20 gi\u00e2y\n setInterval(startAnimation, intervalDuration); \/\/ Th\u1eddi gian l\u1eb7p l\u1ea1i l\u00e0 20 gi\u00e2y\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Typing Effect<\/title>\n <style>\n textbodymarchindev3 {\n margin: 0;\n padding: 0;\n background: black;\n }\n\n .textcontainermarchindev3 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 40px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px;\n color: white;\n margin: 0;\n text-align: center;\n }\n\n .marchindetypingv3 {\n border-right: 2px solid #ff0000;\n white-space: nowrap;\n overflow: hidden;\n animation: typing 2s steps(40, end), blink 0.5s step-end 2;\n }\n\n @keyframes typing {\n from { width: 0; }\n to { width: 40ch; }\n }\n\n @keyframes blink {\n 50% { border-color: transparent; }\n }\n\n @keyframes removeWhite {\n 0% { color: white; }\n 100% { color: black; }\n }\n\n .red { color: #ff0000; }\n\n .white { color: white; }\n\n @media (max-width: 600px) {\n .textcontainermarchindev3 {\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<textbodymarchindev3>\n <div class=\"textcontainermarchindev3\">\n <div id=\"text\" class=\"marchindetypingv3\">\n <span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign\n <\/div>\n <\/div>\n\n <script>\n const textElement = document.getElementById('text');\n\n function startAnimation() {\n textElement.innerHTML = '<span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign';\n textElement.classList.add('marchindetypingv3');\n\n setTimeout(() => {\n textElement.classList.remove('marchindetypingv3');\n textElement.classList.add('removeWhite');\n }, 2000);\n\n setTimeout(() => {\n const redText = document.querySelectorAll('.red');\n let finalText = '';\n redText.forEach(el => finalText += el.textContent);\n textElement.innerHTML = `<span class=\"white\">${finalText}<\/span>`;\n textElement.classList.add('blink');\n }, 4000);\n\n setTimeout(() => {\n textElement.innerHTML = 'Marchinde';\n textElement.classList.remove('blink');\n }, 6000);\n }\n\n startAnimation();\n setInterval(startAnimation, 10000); \/\/ L\u1eb7p l\u1ea1i to\u00e0n b\u1ed9 sau 10 gi\u00e2y\n <\/script>\n<\/textbodymarchindev3>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Typing Effect 2<\/title>\n <style>\n textbodymarchindev3 {\n margin: 0;\n padding: 0;\n background: black;\n }\n\n .textcontainermarchindev3 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 50px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px;\n color: white;\n margin: 0;\n text-align: center;\n }\n\n .marchindetypingv3 {\n border-right: 2px solid #ff0000;\n white-space: nowrap;\n overflow: hidden;\n animation: typing 2s steps(40, end), blink 0.5s step-end 2;\n }\n\n @keyframes typing {\n from { width: 0; }\n to { width: 40ch; }\n }\n\n @keyframes blink {\n 50% { border-color: transparent; }\n }\n\n @keyframes removeWhite {\n 0% { color: white; }\n 100% { color: black; }\n }\n\n .red { color: #ff0000; }\n\n .white { color: white; }\n\n @media (max-width: 600px) {\n .textcontainermarchindev3 {\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<textbodymarchindev3>\n <div class=\"textcontainermarchindev3\">\n <div id=\"text2\" class=\"marchindetypingv3\">\n <span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign\n <\/div>\n <\/div>\n\n <script>\n const textElement2 = document.getElementById('text2');\n\n function startAnimation2() {\n textElement2.innerHTML = '<span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign';\n textElement2.classList.add('marchindetypingv3');\n\n setTimeout(() => {\n textElement2.classList.remove('marchindetypingv3');\n textElement2.classList.add('removeWhite');\n }, 2000);\n\n setTimeout(() => {\n const redText2 = document.querySelectorAll('.red');\n let finalText2 = '';\n redText2.forEach(el => finalText2 += el.textContent);\n textElement2.innerHTML = `<span class=\"white\">${finalText2}<\/span>`;\n textElement2.classList.add('blink');\n }, 4000);\n\n setTimeout(() => {\n textElement2.innerHTML = 'Marchinde';\n textElement2.classList.remove('blink');\n }, 6000);\n }\n\n startAnimation2();\n setInterval(startAnimation2, 10000); \/\/ L\u1eb7p l\u1ea1i to\u00e0n b\u1ed9 sau 10 gi\u00e2y\n <\/script>\n<\/textbodymarchindev3>\n<\/html>\n\n\n <\/div>\n <\/div>\n \n<style>\n#text-box-1740162128 {\n width: 99%;\n}\n#text-box-1740162128 .text-box-content {\n font-size: 100%;\n}\n<\/style>\n <\/div>\n \n\n <\/div>\n <\/div>\n\n \n<style>\n#banner-534423042 {\n padding-top: 100%;\n}\n#banner-534423042 .overlay {\n background-color: rgba(109, 106, 106, 0.5);\n}\n<\/style>\n <\/div>\n\n\n\n <\/div>\n\n <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n\n\t<section class=\"section\" id=\"section_127533767\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-1308155434\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1308155434 {\n padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\" id=\"row-410618617\">\n\n\n\t<div id=\"col-1995770672\" class=\"col small-12 large-12\" >\n\t\t\t\t<div class=\"col-inner\" >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse align-equal\" id=\"row-583578897\">\n\n\n\t<div id=\"col-101631267\" class=\"col medium-12 small-12 large-6\" >\n\t\t\t\t<div class=\"col-inner\" >\n\t\t\t\n\t\t\t\n\n\n <div class=\"banner has-hover\" id=\"banner-489750129\">\n <div class=\"banner-inner fill\">\n <div class=\"banner-bg fill\" >\n \n <\/div>\n\t\t\n <div class=\"banner-layers container\">\n <div class=\"fill banner-link\"><\/div> \n\n <div id=\"text-box-1001657691\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n <div class=\"text-box-content text dark\">\n \n <div class=\"text-inner text-center\">\n \n\n\n <\/div>\n <\/div>\n \n<style>\n#text-box-1001657691 {\n width: 60%;\n}\n#text-box-1001657691 .text-box-content {\n font-size: 100%;\n}\n@media (min-width:550px) {\n #text-box-1001657691 {\n width: 60%;\n }\n}\n<\/style>\n <\/div>\n \n\n <\/div>\n <\/div>\n\n \n<style>\n#banner-489750129 {\n padding-top: 99.99%;\n background-color: rgb(255, 255, 255);\n}\n@media (min-width:550px) {\n #banner-489750129 {\n padding-top: 500px;\n }\n}\n<\/style>\n <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1093195443\" class=\"col medium-12 small-12 large-6\" >\n\t\t\t\t<div class=\"col-inner\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-1285365399\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1285365399 {\n padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<h2>Get in touch<\/h2>\n\t<div id=\"gap-1916586551\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1916586551 {\n padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9466-o1\" lang=\"vi\" dir=\"ltr\" data-wpcf7-id=\"9466\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/vi\/wp-json\/wp\/v2\/pages\/8558#wpcf7-f9466-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Form li\u00ean h\u1ec7\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9466\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"vi\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9466-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div style=\"display: none\"><p><span class=\"wpcf7-form-control-wrap\" data-name=\"devvn\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"devvn\"><\/span><\/p><\/div><div style=\"display: flex; justify-content: space-between;\">\n\t<div style=\"width: 48%;\">\n\t\t<p>[text* ten id:ten placeholder \"T\u00ean\" class:input-colored]\n\t\t<\/p>\n\t<\/div>\n\t<div style=\"width: 48%;\">\n\t\t<p>[tel* sodienthoai id:sodienthoai placeholder \"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" class:input-colored]\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><br \/>\n[email* email id:email placeholder \"Email\" class:input-colored]\n<\/p>\n<p><br \/>\n[textarea* yeucau id:yeucau placeholder \"Th\u00f4ng tin y\u00eau c\u1ea7u\" class:input-colored]\n<\/p>\n<p><br \/>\n[quiz* spamquestion \"1+1=?|2\" class:input-colored]\n<\/p>\n<p><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"G\u1eedi \u0111i\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1093195443 > .col-inner {\n padding: 30px 30px 10px 30px;\n}\n@media (min-width:550px) {\n #col-1093195443 > .col-inner {\n padding: 60px 60px 40px 60px;\n }\n}\n@media (min-width:850px) {\n #col-1093195443 > .col-inner {\n padding: 60px 60px 30px 60px;\n }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-583578897 > .col > .col-inner {\n background-color: rgb(255, 255, 255);\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" contenttextv5=\"width=device-width, initial-scale=1.0\">\n <title>Animated Text<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css?family=Lato\" rel=\"stylesheet\">\n <style>\n body {\n width: 100%;\n height: 50%;\n position: fixed;\n font-family: 'Lato', sans-serif;\n background-color: #34495e;\n }\n\n .contenttextv5 {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n height: 160px;\n overflow: hidden;\n font-size: 20px;\n line-height: 40px;\n color: #ecf0f1;\n }\n\n .contenttextv5__container {\n font-weight: 600;\n overflow: hidden;\n height: 40px;\n padding: 0 40px;\n position: relative;\n }\n\n .contenttextv5__container:before {\n contenttextv5: '';\n position: absolute;\n top: 0;\n left: 0;\n color: #16a085;\n font-size: 42px;\n line-height: 40px;\n animation: opacity 2s infinite;\n }\n\n .contenttextv5__container:after {\n contenttextv5: '';\n position: absolute;\n top: 0;\n right: 0;\n color: #16a085;\n font-size: 42px;\n line-height: 40px;\n animation: opacity 2s infinite;\n }\n\n .contenttextv5__container__text {\n display: inline;\n float: left;\n margin: 0;\n }\n\n .contenttextv5__container__list {\n margin-top: 0;\n padding-left: 110px;\n text-align: left;\n list-style: none;\n animation: change 10s infinite;\n }\n\n .contenttextv5__container__list__item {\n line-height: 40px;\n margin: 0;\n }\n\n .contenttextv5__container__list__item:nth-child(1) {\n color: #ff0000; \/* M\u00e0u \u0111\u1ecf cho ch\u1eef \"Design\" *\/\n }\n\n .contenttextv5__container__list__item:nth-child(2) {\n color: #34a853; \/* M\u00e0u v\u00e0ng cho ch\u1eef \"Build\" *\/\n }\n\n .contenttextv5__container__list__item:nth-child(3) {\n color: #fbbc05; \/* M\u00e0u t\u00edm cho ch\u1eef \"Store\" *\/\n }\n\n .contenttextv5__container__list__item:nth-child(4) {\n color: #4285f4; \/* M\u00e0u h\u1ed3ng cho ch\u1eef \"More\" *\/\n }\n\n @keyframes opacity {\n 0%, 100% {opacity: 0;}\n 50% {opacity: 1;}\n }\n\n @keyframes change {\n 0%, 12.66%, 100% {transform: translate3d(0, 0, 0);}\n 16.66%, 29.32% {transform: translate3d(0, -25%, 0);}\n 33.32%, 45.98% {transform: translate3d(0, -50%, 0);}\n 49.98%, 62.64% {transform: translate3d(0, -75%, 0);}\n 66.64%, 79.3% {transform: translate3d(0, -50%, 0);}\n 83.3%, 95.96% {transform: translate3d(0, -25%, 0);}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contenttextv5\">\n <div class=\"contenttextv5__container\">\n <p class=\"contenttextv5__container__text\">\n Marchinde\n <\/p>\n <ul class=\"contenttextv5__container__list\">\n <li class=\"contenttextv5__container__list__item\">Design<\/li>\n <li class=\"contenttextv5__container__list__item\">Build<\/li>\n <li class=\"contenttextv5__container__list__item\">Store<\/li>\n <li class=\"contenttextv5__container__list__item\">More<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_127533767 {\n padding-top: 60px;\n padding-bottom: 60px;\n background-color: rgb(34, 54, 44);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-single-page-nav-transparent-light.php","meta":{"footnotes":""},"class_list":["post-8558","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"4YNogK4O0FmYWNgnU8AosA-nOL20RUyLy2h24G35fmI\" \/>\n\t<meta name=\"msvalidate.01\" content=\"dc253af5675c43bea622ea3bce1388db\" \/>\n\t<meta name=\"p:domain_verify\" content=\"b4574afdd6fa8978986d7f67e656f610\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/midar.vn\/vi\/testcode\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\n\t\t<script type=\"text\/javascript\">\n(function(c,l,a,r,i,t,y){\nc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\nt=l.createElement(r);t.async=1;t.src=\"https:\/\/www.clarity.ms\/tag\/\"+i;\ny=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n})(window, document, \"clarity\", \"script\", \"gce2r839p1\");\n<\/script>\n\n\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-P7SD9PS');<\/script>\n\n\t\t<meta property=\"og:locale\" content=\"vi_VN\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Midar.vn | Design | Build | Store & More\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"TEST CODE | Midar.vn\" \/>\n\t\t<meta property=\"og:description\" content=\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/midar.vn\/vi\/testcode\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-10-11T05:37:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-10-11T11:04:02+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Marchinde.Inc\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@marchinde\" \/>\n\t\t<meta name=\"twitter:title\" content=\"TEST CODE | Midar.vn\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@marchinde\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#listItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\\\/\\\/midar.vn\\\/vi\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#listItem\",\"name\":\"TEST CODE\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#listItem\",\"position\":2,\"name\":\"TEST CODE\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#listItem\",\"name\":\"Homepage\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#organization\",\"name\":\"Marchinde.com\",\"description\":\"Design | Build | Store & More\",\"url\":\"https:\\\/\\\/midar.vn\\\/vi\\\/\",\"telephone\":\"+84923990980\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/midar.vn\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Artboard7403x-100.jpg\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Marchinde.Inc\\\/\",\"https:\\\/\\\/www.twitter.com\\\/marchinde\\\/\",\"https:\\\/\\\/www.instagram.com\\\/marchinde\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/marchinde_company\",\"https:\\\/\\\/www.youtube.com\\\/@marchinde\",\"https:\\\/\\\/chat.zalo.me\\\/0923990980\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#webpage\",\"url\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/\",\"name\":\"TEST CODE | Midar.vn\",\"description\":\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\",\"inLanguage\":\"vi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#breadcrumblist\"},\"datePublished\":\"2024-10-11T12:37:39+07:00\",\"dateModified\":\"2024-10-11T18:04:02+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#website\",\"url\":\"https:\\\/\\\/midar.vn\\\/vi\\\/\",\"name\":\"Marchinde.com | Design, Build, Store & More\",\"alternateName\":\"Marchinde.com\",\"description\":\"Design | Build | Store & More\",\"inLanguage\":\"vi\",\"publisher\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t(function(c,l,a,r,i,t,y){\n\t\t\tc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;\n\t\t\tt.src=\"https:\/\/www.clarity.ms\/tag\/\"+i+\"?ref=aioseo\";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n\t\t})(window, document, \"clarity\", \"script\", \"gce2r839p1\");\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"TEST CODE | Midar.vn","description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","canonical_url":"https:\/\/midar.vn\/vi\/testcode\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"4YNogK4O0FmYWNgnU8AosA-nOL20RUyLy2h24G35fmI","msvalidate.01":"dc253af5675c43bea622ea3bce1388db","p:domain_verify":"b4574afdd6fa8978986d7f67e656f610","miscellaneous":"<script type=\"text\/javascript\">\n(function(c,l,a,r,i,t,y){\nc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\nt=l.createElement(r);t.async=1;t.src=\"https:\/\/www.clarity.ms\/tag\/\"+i;\ny=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n})(window, document, \"clarity\", \"script\", \"gce2r839p1\");\n<\/script>\n\n\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-P7SD9PS');<\/script>\n"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/midar.vn\/vi\/testcode\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/#listItem","position":1,"name":"Homepage","item":"https:\/\/midar.vn\/vi\/","nextItem":{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/testcode\/#listItem","name":"TEST CODE"}},{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/testcode\/#listItem","position":2,"name":"TEST CODE","previousItem":{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/#listItem","name":"Homepage"}}]},{"@type":"Organization","@id":"https:\/\/midar.vn\/vi\/#organization","name":"Marchinde.com","description":"Design | Build | Store & More","url":"https:\/\/midar.vn\/vi\/","telephone":"+84923990980","logo":{"@type":"ImageObject","url":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/Artboard7403x-100.jpg","@id":"https:\/\/midar.vn\/vi\/testcode\/#organizationLogo"},"image":{"@id":"https:\/\/midar.vn\/vi\/testcode\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/Marchinde.Inc\/","https:\/\/www.twitter.com\/marchinde\/","https:\/\/www.instagram.com\/marchinde\/","https:\/\/www.pinterest.com\/marchinde_company","https:\/\/www.youtube.com\/@marchinde","https:\/\/chat.zalo.me\/0923990980"]},{"@type":"WebPage","@id":"https:\/\/midar.vn\/vi\/testcode\/#webpage","url":"https:\/\/midar.vn\/vi\/testcode\/","name":"TEST CODE | Midar.vn","description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","inLanguage":"vi","isPartOf":{"@id":"https:\/\/midar.vn\/vi\/#website"},"breadcrumb":{"@id":"https:\/\/midar.vn\/vi\/testcode\/#breadcrumblist"},"datePublished":"2024-10-11T12:37:39+07:00","dateModified":"2024-10-11T18:04:02+07:00"},{"@type":"WebSite","@id":"https:\/\/midar.vn\/vi\/#website","url":"https:\/\/midar.vn\/vi\/","name":"Marchinde.com | Design, Build, Store & More","alternateName":"Marchinde.com","description":"Design | Build | Store & More","inLanguage":"vi","publisher":{"@id":"https:\/\/midar.vn\/vi\/#organization"}}]},"og:locale":"vi_VN","og:site_name":"Midar.vn | Design | Build | Store & More","og:type":"article","og:title":"TEST CODE | Midar.vn","og:description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","og:url":"https:\/\/midar.vn\/vi\/testcode\/","og:image":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg","og:image:secure_url":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg","og:image:width":1200,"og:image:height":628,"article:published_time":"2024-10-11T05:37:39+00:00","article:modified_time":"2024-10-11T11:04:02+00:00","article:publisher":"https:\/\/www.facebook.com\/Marchinde.Inc\/","twitter:card":"summary","twitter:site":"@marchinde","twitter:title":"TEST CODE | Midar.vn","twitter:description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","twitter:creator":"@marchinde","twitter:image":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg"},"aioseo_meta_data":{"post_id":"8558","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2023-08-26 15:00:58","updated":"2025-08-15 22:54:59","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/midar.vn\/vi\/\" title=\"Homepage\">Homepage<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/midar.vn\/vi\/testcode\/\" title=\"TEST CODE\">TEST CODE<\/a>\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Homepage","link":"https:\/\/midar.vn\/vi\/"},{"label":"TEST CODE","link":"https:\/\/midar.vn\/vi\/testcode\/"}],"_links":{"self":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages\/8558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/comments?post=8558"}],"version-history":[{"count":30,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages\/8558\/revisions"}],"predecessor-version":[{"id":9519,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages\/8558\/revisions\/9519"}],"wp:attachment":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/media?parent=8558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n \n\n\n

\n $\"Marchinde$

<\/div> \n <\/div>\n\t\t\n

<\/div> \n\n

\n \n

\n \n\n

\n
\n
\n
\n
\n Typing Effect<\/title>\n <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head><br \/>\n<body><\/p>\n<div class=\"main-container\">\n<div id=\"text\" class=\"typing\">\n <span style=\"color: #ff0000;\">M<\/span>ark of <span style=\"color: #ff0000;\">Archi<\/span>tecture & <span style=\"color: #ff0000;\">In<\/span>terior <span style=\"color: #ff0000;\">De<\/span>sign\n <\/div>\n<div id=\"marchindeContainer\" class=\"marchinde-container\">\n <span id=\"marchinde\" class=\"marchinde\">Marchinde<\/span><br \/>\n <span class=\"line red\">Design Studio<\/span><br \/>\n <span class=\"line green\">Build Construction<\/span><br \/>\n <span class=\"line yellow\">Furniture Store<\/span><br \/>\n <span class=\"line blue\">More<\/span>\n <\/div>\n<\/p>\n<\/div>\n<p> <script src=\"script.js\"><\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n\n\n<html lang=\"vi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Typing Effect<\/title>\n <style>\n .main-container {\n display: flex;\n flex-direction: column; \/* \u0110\u1eb7t chi\u1ec1u d\u1ecdc *\/\n justify-content: center;\n align-items: center;\n height: 24 px; \/* Chi\u1ebfm to\u00e0n b\u1ed9 chi\u1ec1u cao c\u1ee7a m\u00e0n h\u00ecnh *\/\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef m\u1eb7c \u0111\u1ecbnh *\/\n color: white; \/* \u0110\u1ed5i m\u00e0u ch\u1eef th\u00e0nh tr\u1eafng *\/\n margin: 0;\n background-color: transparent; \/* Lo\u1ea1i b\u1ecf m\u00e0u n\u1ec1n *\/\n text-align: center; \/* C\u0103n gi\u1eefa n\u1ed9i dung *\/\n }\n\n .typing {\n border-right: 2px solid #ff0000; \/* M\u00e0u \u0111\u1ecf *\/\n white-space: nowrap;\n overflow: hidden;\n animation: typing 4s steps(37, end), blink 0.75s step-end infinite;\n }\n\n @keyframes typing {\n from { width: 0; }\n to { width: 37ch; }\n }\n\n @keyframes blink {\n 50% { border-color: transparent; }\n }\n\n .fade-out {\n animation: fadeOut 2s forwards; \/* Th\u1eddi gian x\u00f3a ch\u1eef *\/\n }\n\n @keyframes fadeOut {\n from { width: 37ch; }\n to { width: 0; \/* \u0110\u01b0a v\u1ec1 0 \u0111\u1ec3 x\u00f3a ch\u1eef ho\u00e0n to\u00e0n *\/ }\n }\n\n .marchinde-container {\n display: none; \/* \u1ea8n container ch\u1ee9a Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef *\/\n font-size: 24px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef cho Marchinde *\/\n color: white; \/* \u0110\u1ed5i m\u00e0u ch\u1eef th\u00e0nh tr\u1eafng *\/\n }\n\n .marchinde {\n display: inline; \/* \u0110\u1ec3 ch\u1eef Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef c\u00f9ng hi\u1ec3n th\u1ecb tr\u00ean m\u1ed9t d\u00f2ng *\/\n margin-right: 5px; \/* Gi\u1ea3m kho\u1ea3ng c\u00e1ch gi\u1eefa Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef kh\u00e1c xu\u1ed1ng m\u1ed9t n\u1eeda *\/\n animation: blink 1s step-end infinite; \/* Thay \u0111\u1ed5i th\u1eddi gian nh\u1ea5p nh\u00e1y *\/\n }\n\n .blink {\n animation: blinkEffect 0.5s infinite; \/* Th\u00eam hi\u1ec7u \u1ee9ng nh\u1ea5p nh\u00e1y *\/\n }\n\n @keyframes blinkEffect {\n 50% { opacity: 0; }\n }\n\n @keyframes colorChange {\n 0% { color: black; }\n 50% { color: red; }\n 100% { color: black; }\n }\n\n .line {\n display: none; \/* \u1ea8n c\u00e1c d\u00f2ng ch\u1eef *\/\n margin-left: 10px; \/* Th\u00eam kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c d\u00f2ng *\/\n }\n\n .red { color: #ff0000; } \/* M\u00e0u \u0111\u1ecf *\/\n .green { color: #34a853; } \/* M\u00e0u xanh l\u00e1 *\/\n .yellow { color: #fbbc05; } \/* M\u00e0u v\u00e0ng *\/\n .blue { color: #4285f4; } \/* M\u00e0u xanh da tr\u1eddi *\/\n\n \/* Quy t\u1eafc cho thi\u1ebft b\u1ecb di \u0111\u1ed9ng *\/\n @media (max-width: 600px) {\n .main-container {\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef nh\u1ecf h\u01a1n tr\u00ean mobile *\/\n }\n\n .marchinde-container {\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef cho Marchinde nh\u1ecf h\u01a1n *\/\n }\n\n .line {\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc ch\u1eef cho d\u00f2ng nh\u1ecf h\u01a1n *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <div id=\"text\" class=\"typing\">\n <span style=\"color: #ff0000;\">M<\/span>ark of <span style=\"color: #ff0000;\">Archi<\/span>tecture & <span style=\"color: #ff0000;\">In<\/span>terior <span style=\"color: #ff0000;\">De<\/span>sign\n <\/div>\n\n <div id=\"marchindeContainer\" class=\"marchinde-container\">\n <span id=\"marchinde\" class=\"marchinde\">Marchinde<\/span>\n <span class=\"line red\">Design Studio<\/span>\n <span class=\"line green\">Build Construction<\/span>\n <span class=\"line yellow\">Furniture Store<\/span>\n <span class=\"line blue\">More<\/span>\n <\/div>\n <\/div>\n\n <script>\n const textElement = document.getElementById('text');\n const marchindeContainer = document.getElementById('marchindeContainer');\n const marchindeElement = document.getElementById('marchinde');\n const lines = marchindeContainer.getElementsByClassName('line');\n\n \/\/ Th\u1eddi gian \u0111\u1ec3 d\u1ec5 d\u00e0ng thay \u0111\u1ed5i\n const typingDuration = 4000; \n const blinkDuration = 500;\n const fadeOutDuration = 2000;\n const lineDisplayDuration = 2000; \/\/ Th\u1eddi gian hi\u1ec3n th\u1ecb m\u1ed7i d\u00f2ng ch\u1eef\n const lineFadeOutDuration = 1500; \/\/ Th\u1eddi gian x\u00f3a t\u1eebng d\u00f2ng ch\u1eef\n const intervalDuration = 20000; \/\/ Th\u1eddi gian l\u1eb7p l\u1ea1i to\u00e0n b\u1ed9\n\n function startAnimation() {\n textElement.classList.remove('fade-out', 'blink'); \/\/ X\u00f3a c\u00e1c l\u1edbp nh\u1ea5p nh\u00e1y v\u00e0 fade-out\n marchindeContainer.style.display = 'none'; \/\/ \u1ea8n container ch\u1ee9a Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef\n textElement.style.display = 'block';\n textElement.classList.add('typing');\n\n \/\/ Sau khi animation ho\u00e0n t\u1ea5t, b\u1eaft \u0111\u1ea7u nh\u1ea5p nh\u00e1y\n setTimeout(() => {\n textElement.classList.add('blink'); \/\/ Th\u00eam l\u1edbp nh\u1ea5p nh\u00e1y\n }, typingDuration); \/\/ Th\u1eddi gian \u0111\u1ec3 typing xong\n\n \/\/ Sau khi nh\u1ea5p nh\u00e1y, b\u1eaft \u0111\u1ea7u x\u00f3a ch\u1eef\n setTimeout(() => {\n textElement.classList.remove('blink'); \/\/ X\u00f3a l\u1edbp nh\u1ea5p nh\u00e1y\n textElement.classList.add('fade-out'); \/\/ B\u1eaft \u0111\u1ea7u hi\u1ec7u \u1ee9ng x\u00f3a\n }, typingDuration + blinkDuration); \/\/ Th\u1eddi gian nh\u1ea5p nh\u00e1y tr\u01b0\u1edbc khi x\u00f3a\n\n \/\/ Sau khi x\u00f3a d\u1ea7n, hi\u1ec3n th\u1ecb \"Marchinde\" v\u00e0 c\u00e1c d\u00f2ng ch\u1eef v\u1edbi \u0111\u1ed9 tr\u1ec5 1 gi\u00e2y\n setTimeout(() => {\n textElement.style.display = 'none';\n marchindeContainer.style.display = 'block'; \/\/ Hi\u1ec3n th\u1ecb container ch\u1ee9a Marchinde v\u00e0 c\u00e1c d\u00f2ng ch\u1eef\n setTimeout(() => {\n displayNextLine(0); \/\/ B\u1eaft \u0111\u1ea7u hi\u1ec3n th\u1ecb d\u00f2ng ch\u1eef \u0111\u1ea7u ti\u00ean\n }, 1000); \/\/ \u0110\u1ed9 tr\u1ec5 1 gi\u00e2y tr\u01b0\u1edbc khi hi\u1ec3n th\u1ecb c\u00e1c d\u00f2ng ch\u1eef\n }, typingDuration + fadeOutDuration); \/\/ Th\u1eddi gian \u0111\u1ec3 x\u00f3a ch\u1eef\n }\n\n \/\/ H\u00e0m \u0111\u1ec3 hi\u1ec3n th\u1ecb c\u00e1c d\u00f2ng ch\u1eef l\u1ea7n l\u01b0\u1ee3t\n function displayNextLine(index) {\n if (index < lines.length) {\n const currentLine = lines[index];\n currentLine.style.display = 'inline'; \/\/ Hi\u1ec3n th\u1ecb d\u00f2ng ch\u1eef\n setTimeout(() => {\n currentLine.classList.add('blink'); \/\/ Th\u00eam l\u1edbp nh\u1ea5p nh\u00e1y cho d\u00f2ng ch\u1eef\n }, 0); \/\/ Ngay l\u1eadp t\u1ee9c b\u1eaft \u0111\u1ea7u nh\u1ea5p nh\u00e1y\n\n setTimeout(() => {\n currentLine.classList.remove('blink'); \/\/ X\u00f3a l\u1edbp nh\u1ea5p nh\u00e1y\n currentLine.classList.add('fade-out'); \/\/ Th\u00eam l\u1edbp x\u00f3a cho d\u00f2ng ch\u1eef\n }, lineDisplayDuration); \/\/ Th\u1eddi gian hi\u1ec3n th\u1ecb t\u1eebng d\u00f2ng ch\u1eef\n\n \/\/ Sau khi x\u00f3a d\u00f2ng ch\u1eef hi\u1ec7n t\u1ea1i, ti\u1ebfp t\u1ee5c v\u1edbi d\u00f2ng ti\u1ebfp theo\n setTimeout(() => {\n currentLine.style.display = 'none'; \/\/ \u1ea8n d\u00f2ng ch\u1eef hi\u1ec7n t\u1ea1i\n displayNextLine(index + 1); \/\/ Hi\u1ec3n th\u1ecb d\u00f2ng ti\u1ebfp theo\n }, lineDisplayDuration + lineFadeOutDuration); \/\/ T\u1ed5ng th\u1eddi gian hi\u1ec3n th\u1ecb v\u00e0 x\u00f3a\n } else {\n \/\/ Sau khi \u0111\u00e3 hi\u1ec3n th\u1ecb t\u1ea5t c\u1ea3 c\u00e1c d\u00f2ng ch\u1eef, b\u1eaft \u0111\u1ea7u l\u1ea1i animation\n setTimeout(startAnimation, 1000); \/\/ Th\u00eam \u0111\u1ed9 tr\u1ec5 1 gi\u00e2y tr\u01b0\u1edbc khi b\u1eaft \u0111\u1ea7u l\u1ea1i\n }\n }\n\n \/\/ B\u1eaft \u0111\u1ea7u animation l\u1ea7n \u0111\u1ea7u ti\u00ean\n startAnimation();\n\n \/\/ L\u1eb7p l\u1ea1i to\u00e0n b\u1ed9 sau 20 gi\u00e2y\n setInterval(startAnimation, intervalDuration); \/\/ Th\u1eddi gian l\u1eb7p l\u1ea1i l\u00e0 20 gi\u00e2y\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Typing Effect<\/title>\n <style>\n textbodymarchindev3 {\n margin: 0;\n padding: 0;\n background: black;\n }\n\n .textcontainermarchindev3 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 40px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px;\n color: white;\n margin: 0;\n text-align: center;\n }\n\n .marchindetypingv3 {\n border-right: 2px solid #ff0000;\n white-space: nowrap;\n overflow: hidden;\n animation: typing 2s steps(40, end), blink 0.5s step-end 2;\n }\n\n @keyframes typing {\n from { width: 0; }\n to { width: 40ch; }\n }\n\n @keyframes blink {\n 50% { border-color: transparent; }\n }\n\n @keyframes removeWhite {\n 0% { color: white; }\n 100% { color: black; }\n }\n\n .red { color: #ff0000; }\n\n .white { color: white; }\n\n @media (max-width: 600px) {\n .textcontainermarchindev3 {\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<textbodymarchindev3>\n <div class=\"textcontainermarchindev3\">\n <div id=\"text\" class=\"marchindetypingv3\">\n <span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign\n <\/div>\n <\/div>\n\n <script>\n const textElement = document.getElementById('text');\n\n function startAnimation() {\n textElement.innerHTML = '<span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign';\n textElement.classList.add('marchindetypingv3');\n\n setTimeout(() => {\n textElement.classList.remove('marchindetypingv3');\n textElement.classList.add('removeWhite');\n }, 2000);\n\n setTimeout(() => {\n const redText = document.querySelectorAll('.red');\n let finalText = '';\n redText.forEach(el => finalText += el.textContent);\n textElement.innerHTML = `<span class=\"white\">${finalText}<\/span>`;\n textElement.classList.add('blink');\n }, 4000);\n\n setTimeout(() => {\n textElement.innerHTML = 'Marchinde';\n textElement.classList.remove('blink');\n }, 6000);\n }\n\n startAnimation();\n setInterval(startAnimation, 10000); \/\/ L\u1eb7p l\u1ea1i to\u00e0n b\u1ed9 sau 10 gi\u00e2y\n <\/script>\n<\/textbodymarchindev3>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Typing Effect 2<\/title>\n <style>\n textbodymarchindev3 {\n margin: 0;\n padding: 0;\n background: black;\n }\n\n .textcontainermarchindev3 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 50px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px;\n color: white;\n margin: 0;\n text-align: center;\n }\n\n .marchindetypingv3 {\n border-right: 2px solid #ff0000;\n white-space: nowrap;\n overflow: hidden;\n animation: typing 2s steps(40, end), blink 0.5s step-end 2;\n }\n\n @keyframes typing {\n from { width: 0; }\n to { width: 40ch; }\n }\n\n @keyframes blink {\n 50% { border-color: transparent; }\n }\n\n @keyframes removeWhite {\n 0% { color: white; }\n 100% { color: black; }\n }\n\n .red { color: #ff0000; }\n\n .white { color: white; }\n\n @media (max-width: 600px) {\n .textcontainermarchindev3 {\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<textbodymarchindev3>\n <div class=\"textcontainermarchindev3\">\n <div id=\"text2\" class=\"marchindetypingv3\">\n <span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign\n <\/div>\n <\/div>\n\n <script>\n const textElement2 = document.getElementById('text2');\n\n function startAnimation2() {\n textElement2.innerHTML = '<span class=\"red\">M<\/span>ark of <span class=\"red\">Arch<\/span>itecture & <span class=\"red\">In<\/span>terior <span class=\"red\">De<\/span>sign';\n textElement2.classList.add('marchindetypingv3');\n\n setTimeout(() => {\n textElement2.classList.remove('marchindetypingv3');\n textElement2.classList.add('removeWhite');\n }, 2000);\n\n setTimeout(() => {\n const redText2 = document.querySelectorAll('.red');\n let finalText2 = '';\n redText2.forEach(el => finalText2 += el.textContent);\n textElement2.innerHTML = `<span class=\"white\">${finalText2}<\/span>`;\n textElement2.classList.add('blink');\n }, 4000);\n\n setTimeout(() => {\n textElement2.innerHTML = 'Marchinde';\n textElement2.classList.remove('blink');\n }, 6000);\n }\n\n startAnimation2();\n setInterval(startAnimation2, 10000); \/\/ L\u1eb7p l\u1ea1i to\u00e0n b\u1ed9 sau 10 gi\u00e2y\n <\/script>\n<\/textbodymarchindev3>\n<\/html>\n\n\n <\/div>\n <\/div>\n \n<style>\n#text-box-1740162128 {\n width: 99%;\n}\n#text-box-1740162128 .text-box-content {\n font-size: 100%;\n}\n<\/style>\n <\/div>\n \n\n <\/div>\n <\/div>\n\n \n<style>\n#banner-534423042 {\n padding-top: 100%;\n}\n#banner-534423042 .overlay {\n background-color: rgba(109, 106, 106, 0.5);\n}\n<\/style>\n <\/div>\n\n\n\n <\/div>\n\n <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n\n\t<section class=\"section\" id=\"section_127533767\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-1308155434\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1308155434 {\n padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\" id=\"row-410618617\">\n\n\n\t<div id=\"col-1995770672\" class=\"col small-12 large-12\" >\n\t\t\t\t<div class=\"col-inner\" >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-collapse align-equal\" id=\"row-583578897\">\n\n\n\t<div id=\"col-101631267\" class=\"col medium-12 small-12 large-6\" >\n\t\t\t\t<div class=\"col-inner\" >\n\t\t\t\n\t\t\t\n\n\n <div class=\"banner has-hover\" id=\"banner-489750129\">\n <div class=\"banner-inner fill\">\n <div class=\"banner-bg fill\" >\n \n <\/div>\n\t\t\n <div class=\"banner-layers container\">\n <div class=\"fill banner-link\"><\/div> \n\n <div id=\"text-box-1001657691\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n <div class=\"text-box-content text dark\">\n \n <div class=\"text-inner text-center\">\n \n\n\n <\/div>\n <\/div>\n \n<style>\n#text-box-1001657691 {\n width: 60%;\n}\n#text-box-1001657691 .text-box-content {\n font-size: 100%;\n}\n@media (min-width:550px) {\n #text-box-1001657691 {\n width: 60%;\n }\n}\n<\/style>\n <\/div>\n \n\n <\/div>\n <\/div>\n\n \n<style>\n#banner-489750129 {\n padding-top: 99.99%;\n background-color: rgb(255, 255, 255);\n}\n@media (min-width:550px) {\n #banner-489750129 {\n padding-top: 500px;\n }\n}\n<\/style>\n <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1093195443\" class=\"col medium-12 small-12 large-6\" >\n\t\t\t\t<div class=\"col-inner\" >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-1285365399\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1285365399 {\n padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<h2>Get in touch<\/h2>\n\t<div id=\"gap-1916586551\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1916586551 {\n padding-top: 15px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9466-o1\" lang=\"vi\" dir=\"ltr\" data-wpcf7-id=\"9466\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/vi\/wp-json\/wp\/v2\/pages\/8558#wpcf7-f9466-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Form li\u00ean h\u1ec7\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9466\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"vi\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9466-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div style=\"display: none\"><p><span class=\"wpcf7-form-control-wrap\" data-name=\"devvn\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"devvn\"><\/span><\/p><\/div><div style=\"display: flex; justify-content: space-between;\">\n\t<div style=\"width: 48%;\">\n\t\t<p>[text* ten id:ten placeholder \"T\u00ean\" class:input-colored]\n\t\t<\/p>\n\t<\/div>\n\t<div style=\"width: 48%;\">\n\t\t<p>[tel* sodienthoai id:sodienthoai placeholder \"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" class:input-colored]\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><br \/>\n[email* email id:email placeholder \"Email\" class:input-colored]\n<\/p>\n<p><br \/>\n[textarea* yeucau id:yeucau placeholder \"Th\u00f4ng tin y\u00eau c\u1ea7u\" class:input-colored]\n<\/p>\n<p><br \/>\n[quiz* spamquestion \"1+1=?|2\" class:input-colored]\n<\/p>\n<p><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"G\u1eedi \u0111i\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1093195443 > .col-inner {\n padding: 30px 30px 10px 30px;\n}\n@media (min-width:550px) {\n #col-1093195443 > .col-inner {\n padding: 60px 60px 40px 60px;\n }\n}\n@media (min-width:850px) {\n #col-1093195443 > .col-inner {\n padding: 60px 60px 30px 60px;\n }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-583578897 > .col > .col-inner {\n background-color: rgb(255, 255, 255);\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" contenttextv5=\"width=device-width, initial-scale=1.0\">\n <title>Animated Text<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css?family=Lato\" rel=\"stylesheet\">\n <style>\n body {\n width: 100%;\n height: 50%;\n position: fixed;\n font-family: 'Lato', sans-serif;\n background-color: #34495e;\n }\n\n .contenttextv5 {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n height: 160px;\n overflow: hidden;\n font-size: 20px;\n line-height: 40px;\n color: #ecf0f1;\n }\n\n .contenttextv5__container {\n font-weight: 600;\n overflow: hidden;\n height: 40px;\n padding: 0 40px;\n position: relative;\n }\n\n .contenttextv5__container:before {\n contenttextv5: '';\n position: absolute;\n top: 0;\n left: 0;\n color: #16a085;\n font-size: 42px;\n line-height: 40px;\n animation: opacity 2s infinite;\n }\n\n .contenttextv5__container:after {\n contenttextv5: '';\n position: absolute;\n top: 0;\n right: 0;\n color: #16a085;\n font-size: 42px;\n line-height: 40px;\n animation: opacity 2s infinite;\n }\n\n .contenttextv5__container__text {\n display: inline;\n float: left;\n margin: 0;\n }\n\n .contenttextv5__container__list {\n margin-top: 0;\n padding-left: 110px;\n text-align: left;\n list-style: none;\n animation: change 10s infinite;\n }\n\n .contenttextv5__container__list__item {\n line-height: 40px;\n margin: 0;\n }\n\n .contenttextv5__container__list__item:nth-child(1) {\n color: #ff0000; \/* M\u00e0u \u0111\u1ecf cho ch\u1eef \"Design\" *\/\n }\n\n .contenttextv5__container__list__item:nth-child(2) {\n color: #34a853; \/* M\u00e0u v\u00e0ng cho ch\u1eef \"Build\" *\/\n }\n\n .contenttextv5__container__list__item:nth-child(3) {\n color: #fbbc05; \/* M\u00e0u t\u00edm cho ch\u1eef \"Store\" *\/\n }\n\n .contenttextv5__container__list__item:nth-child(4) {\n color: #4285f4; \/* M\u00e0u h\u1ed3ng cho ch\u1eef \"More\" *\/\n }\n\n @keyframes opacity {\n 0%, 100% {opacity: 0;}\n 50% {opacity: 1;}\n }\n\n @keyframes change {\n 0%, 12.66%, 100% {transform: translate3d(0, 0, 0);}\n 16.66%, 29.32% {transform: translate3d(0, -25%, 0);}\n 33.32%, 45.98% {transform: translate3d(0, -50%, 0);}\n 49.98%, 62.64% {transform: translate3d(0, -75%, 0);}\n 66.64%, 79.3% {transform: translate3d(0, -50%, 0);}\n 83.3%, 95.96% {transform: translate3d(0, -25%, 0);}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contenttextv5\">\n <div class=\"contenttextv5__container\">\n <p class=\"contenttextv5__container__text\">\n Marchinde\n <\/p>\n <ul class=\"contenttextv5__container__list\">\n <li class=\"contenttextv5__container__list__item\">Design<\/li>\n <li class=\"contenttextv5__container__list__item\">Build<\/li>\n <li class=\"contenttextv5__container__list__item\">Store<\/li>\n <li class=\"contenttextv5__container__list__item\">More<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_127533767 {\n padding-top: 60px;\n padding-bottom: 60px;\n background-color: rgb(34, 54, 44);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-single-page-nav-transparent-light.php","meta":{"footnotes":""},"class_list":["post-8558","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"4YNogK4O0FmYWNgnU8AosA-nOL20RUyLy2h24G35fmI\" \/>\n\t<meta name=\"msvalidate.01\" content=\"dc253af5675c43bea622ea3bce1388db\" \/>\n\t<meta name=\"p:domain_verify\" content=\"b4574afdd6fa8978986d7f67e656f610\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/midar.vn\/vi\/testcode\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\n\t\t<script type=\"text\/javascript\">\n(function(c,l,a,r,i,t,y){\nc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\nt=l.createElement(r);t.async=1;t.src=\"https:\/\/www.clarity.ms\/tag\/\"+i;\ny=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n})(window, document, \"clarity\", \"script\", \"gce2r839p1\");\n<\/script>\n\n\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-P7SD9PS');<\/script>\n\n\t\t<meta property=\"og:locale\" content=\"vi_VN\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Midar.vn | Design | Build | Store & More\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"TEST CODE | Midar.vn\" \/>\n\t\t<meta property=\"og:description\" content=\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/midar.vn\/vi\/testcode\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-10-11T05:37:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-10-11T11:04:02+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Marchinde.Inc\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@marchinde\" \/>\n\t\t<meta name=\"twitter:title\" content=\"TEST CODE | Midar.vn\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@marchinde\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#listItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\\\/\\\/midar.vn\\\/vi\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#listItem\",\"name\":\"TEST CODE\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#listItem\",\"position\":2,\"name\":\"TEST CODE\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#listItem\",\"name\":\"Homepage\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#organization\",\"name\":\"Marchinde.com\",\"description\":\"Design | Build | Store & More\",\"url\":\"https:\\\/\\\/midar.vn\\\/vi\\\/\",\"telephone\":\"+84923990980\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/midar.vn\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Artboard7403x-100.jpg\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Marchinde.Inc\\\/\",\"https:\\\/\\\/www.twitter.com\\\/marchinde\\\/\",\"https:\\\/\\\/www.instagram.com\\\/marchinde\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/marchinde_company\",\"https:\\\/\\\/www.youtube.com\\\/@marchinde\",\"https:\\\/\\\/chat.zalo.me\\\/0923990980\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#webpage\",\"url\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/\",\"name\":\"TEST CODE | Midar.vn\",\"description\":\"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten\",\"inLanguage\":\"vi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/testcode\\\/#breadcrumblist\"},\"datePublished\":\"2024-10-11T12:37:39+07:00\",\"dateModified\":\"2024-10-11T18:04:02+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#website\",\"url\":\"https:\\\/\\\/midar.vn\\\/vi\\\/\",\"name\":\"Marchinde.com | Design, Build, Store & More\",\"alternateName\":\"Marchinde.com\",\"description\":\"Design | Build | Store & More\",\"inLanguage\":\"vi\",\"publisher\":{\"@id\":\"https:\\\/\\\/midar.vn\\\/vi\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t(function(c,l,a,r,i,t,y){\n\t\t\tc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;\n\t\t\tt.src=\"https:\/\/www.clarity.ms\/tag\/\"+i+\"?ref=aioseo\";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n\t\t})(window, document, \"clarity\", \"script\", \"gce2r839p1\");\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"TEST CODE | Midar.vn","description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","canonical_url":"https:\/\/midar.vn\/vi\/testcode\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"4YNogK4O0FmYWNgnU8AosA-nOL20RUyLy2h24G35fmI","msvalidate.01":"dc253af5675c43bea622ea3bce1388db","p:domain_verify":"b4574afdd6fa8978986d7f67e656f610","miscellaneous":"<script type=\"text\/javascript\">\n(function(c,l,a,r,i,t,y){\nc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\nt=l.createElement(r);t.async=1;t.src=\"https:\/\/www.clarity.ms\/tag\/\"+i;\ny=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n})(window, document, \"clarity\", \"script\", \"gce2r839p1\");\n<\/script>\n\n\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-P7SD9PS');<\/script>\n"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/midar.vn\/vi\/testcode\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/#listItem","position":1,"name":"Homepage","item":"https:\/\/midar.vn\/vi\/","nextItem":{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/testcode\/#listItem","name":"TEST CODE"}},{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/testcode\/#listItem","position":2,"name":"TEST CODE","previousItem":{"@type":"ListItem","@id":"https:\/\/midar.vn\/vi\/#listItem","name":"Homepage"}}]},{"@type":"Organization","@id":"https:\/\/midar.vn\/vi\/#organization","name":"Marchinde.com","description":"Design | Build | Store & More","url":"https:\/\/midar.vn\/vi\/","telephone":"+84923990980","logo":{"@type":"ImageObject","url":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/Artboard7403x-100.jpg","@id":"https:\/\/midar.vn\/vi\/testcode\/#organizationLogo"},"image":{"@id":"https:\/\/midar.vn\/vi\/testcode\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/Marchinde.Inc\/","https:\/\/www.twitter.com\/marchinde\/","https:\/\/www.instagram.com\/marchinde\/","https:\/\/www.pinterest.com\/marchinde_company","https:\/\/www.youtube.com\/@marchinde","https:\/\/chat.zalo.me\/0923990980"]},{"@type":"WebPage","@id":"https:\/\/midar.vn\/vi\/testcode\/#webpage","url":"https:\/\/midar.vn\/vi\/testcode\/","name":"TEST CODE | Midar.vn","description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","inLanguage":"vi","isPartOf":{"@id":"https:\/\/midar.vn\/vi\/#website"},"breadcrumb":{"@id":"https:\/\/midar.vn\/vi\/testcode\/#breadcrumblist"},"datePublished":"2024-10-11T12:37:39+07:00","dateModified":"2024-10-11T18:04:02+07:00"},{"@type":"WebSite","@id":"https:\/\/midar.vn\/vi\/#website","url":"https:\/\/midar.vn\/vi\/","name":"Marchinde.com | Design, Build, Store & More","alternateName":"Marchinde.com","description":"Design | Build | Store & More","inLanguage":"vi","publisher":{"@id":"https:\/\/midar.vn\/vi\/#organization"}}]},"og:locale":"vi_VN","og:site_name":"Midar.vn | Design | Build | Store & More","og:type":"article","og:title":"TEST CODE | Midar.vn","og:description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","og:url":"https:\/\/midar.vn\/vi\/testcode\/","og:image":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg","og:image:secure_url":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg","og:image:width":1200,"og:image:height":628,"article:published_time":"2024-10-11T05:37:39+00:00","article:modified_time":"2024-10-11T11:04:02+00:00","article:publisher":"https:\/\/www.facebook.com\/Marchinde.Inc\/","twitter:card":"summary","twitter:site":"@marchinde","twitter:title":"TEST CODE | Midar.vn","twitter:description":"Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Marchinde Design Studio Build Construction Furniture Store More Typing Effect Mark of Architecture & Interior Design Typing Effect 2 Mark of Architecture & Interior Design Get in touch [text* ten id:ten","twitter:creator":"@marchinde","twitter:image":"https:\/\/midar.vn\/wp-content\/uploads\/2021\/07\/marchinde-thumbnail.jpg"},"aioseo_meta_data":{"post_id":"8558","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2023-08-26 15:00:58","updated":"2025-08-15 22:54:59","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/midar.vn\/vi\/\" title=\"Homepage\">Homepage<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/midar.vn\/vi\/testcode\/\" title=\"TEST CODE\">TEST CODE<\/a>\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Homepage","link":"https:\/\/midar.vn\/vi\/"},{"label":"TEST CODE","link":"https:\/\/midar.vn\/vi\/testcode\/"}],"_links":{"self":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages\/8558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/comments?post=8558"}],"version-history":[{"count":30,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages\/8558\/revisions"}],"predecessor-version":[{"id":9519,"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/pages\/8558\/revisions\/9519"}],"wp:attachment":[{"href":"https:\/\/midar.vn\/vi\/wp-json\/wp\/v2\/media?parent=8558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}