{"id":57,"date":"2026-07-01T03:51:04","date_gmt":"2026-07-01T03:51:04","guid":{"rendered":"https:\/\/my2005.io.vn\/?page_id=57"},"modified":"2026-07-02T00:30:37","modified_gmt":"2026-07-02T00:30:37","slug":"57-2","status":"publish","type":"page","link":"https:\/\/my2005.io.vn\/index.php\/57-2\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div>\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   TTL \u2014 Personal Brand Blog\n   Style: minimal, editorial, premium, nhi\u1ec1u kho\u1ea3ng tr\u1eafng\n   Font: Inter | Radius: 16px | N\u1ec1n tr\u1eafng, ch\u1eef \u0111en, x\u00e1m nh\u1ea1t\n   ========================================================= *\/\n\n\/* ----------  Design tokens  ---------- *\/\n:root {\n  --bg:        #ffffff;   \/* n\u1ec1n tr\u1eafng *\/\n  --bg-alt:    #fafafa;   \/* x\u00e1m c\u1ef1c nh\u1ea1t cho section xen k\u1ebd *\/\n  --ink:       #111111;   \/* ch\u1eef \u0111en *\/\n  --ink-soft:  #555555;   \/* ch\u1eef ph\u1ee5 *\/\n  --ink-faint: #8a8a8a;   \/* ch\u00fa th\u00edch *\/\n  --line:      #ececec;   \/* border m\u1ecfng *\/\n  --radius:    16px;      \/* bo g\u00f3c chu\u1ea9n *\/\n  --radius-sm: 10px;\n  --shadow:    0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04);\n  --maxw:      1200px;    \/* max width container *\/\n  --space:     clamp(64px, 9vw, 120px); \/* kho\u1ea3ng c\u00e1ch d\u1ecdc gi\u1eefa section *\/\n}\n\n\/* ----------  Reset c\u01a1 b\u1ea3n  ---------- *\/\n*,\n*::before,\n*::after { box-sizing: border-box; }\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  margin: 0;\n  font-family: \"Inter\", system-ui, -apple-system, sans-serif;\n  color: var(--ink);\n  background: var(--bg);\n  line-height: 1.65;\n  font-size: 17px;\n  -webkit-font-smoothing: antialiased;\n}\n\nimg { max-width: 100%; display: block; }\n\na { color: inherit; text-decoration: none; }\n\nh1, h2, h3 { line-height: 1.2; margin: 0; font-weight: 600; letter-spacing: -0.02em; }\n\n\/* \u1ea8n nh\u01b0ng v\u1eabn gi\u1eef cho screen reader *\/\n.visually-hidden {\n  position: absolute;\n  width: 1px; height: 1px;\n  padding: 0; margin: -1px;\n  overflow: hidden; clip: rect(0 0 0 0);\n  white-space: nowrap; border: 0;\n}\n\n\/* ----------  Container  ---------- *\/\n.container {\n  width: 100%;\n  max-width: var(--maxw);\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* ----------  Buttons  ---------- *\/\n.btn {\n  display: inline-block;\n  padding: 13px 28px;\n  border-radius: var(--radius-sm);\n  font-size: 0.95rem;\n  font-weight: 500;\n  border: 1px solid var(--ink);\n  cursor: pointer;\n  transition: background .25s ease, color .25s ease, transform .25s ease;\n}\n\n\/* M\u1eb7c \u0111\u1ecbnh: n\u1ec1n tr\u1eafng ch\u1eef \u0111en \u2192 hover th\u00e0nh n\u1ec1n \u0111en *\/\n.btn-primary {\n  background: var(--bg);\n  color: var(--ink);\n}\n.btn-primary:hover {\n  background: var(--ink);\n  color: var(--bg);\n  transform: translateY(-2px);\n}\n\n.btn-ghost {\n  background: transparent;\n  color: var(--ink);\n  border-color: var(--line);\n}\n.btn-ghost:hover {\n  border-color: var(--ink);\n  transform: translateY(-2px);\n}\n\n\/* ----------  Header sticky  ---------- *\/\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: rgba(255,255,255,.9);\n  backdrop-filter: saturate(180%) blur(8px);\n  border-bottom: 1px solid var(--line);\n}\n\n.header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 72px;\n}\n\n.logo {\n  font-weight: 700;\n  font-size: 1.25rem;\n  letter-spacing: 0.06em;\n}\n\n.site-nav ul {\n  list-style: none;\n  display: flex;\n  gap: 36px;\n  margin: 0;\n  padding: 0;\n}\n\n.site-nav a {\n  font-size: 0.95rem;\n  color: var(--ink-soft);\n  position: relative;\n  padding: 4px 0;\n  transition: color .2s ease;\n}\n.site-nav a:hover { color: var(--ink); }\n\n\/* G\u1ea1ch ch\u00e2n m\u1ea3nh khi hover *\/\n.site-nav a::after {\n  content: \"\";\n  position: absolute;\n  left: 0; bottom: 0;\n  width: 0; height: 1px;\n  background: var(--ink);\n  transition: width .25s ease;\n}\n.site-nav a:hover::after { width: 100%; }\n\n\/* Hamburger \u2014 \u1ea9n tr\u00ean desktop *\/\n.nav-toggle {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  width: 40px; height: 40px;\n  padding: 8px;\n  background: none;\n  border: none;\n  cursor: pointer;\n}\n.nav-toggle span {\n  display: block;\n  height: 2px;\n  width: 100%;\n  background: var(--ink);\n  transition: transform .3s ease, opacity .3s ease;\n}\n\n\/* ----------  Hero  ---------- *\/\n.hero {\n  min-height: 90vh;\n  display: flex;\n  align-items: center;\n}\n\n.hero-inner {\n  display: flex;\n  align-items: center;\n  gap: clamp(40px, 7vw, 96px);\n}\n\n.hero-avatar { flex-shrink: 0; }\n.hero-avatar img {\n  width: clamp(220px, 26vw, 340px);\n  height: clamp(220px, 26vw, 340px);\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n.hero-content { max-width: 560px; }\n\n.eyebrow {\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  font-size: 0.78rem;\n  color: var(--ink-faint);\n  margin: 0 0 16px;\n}\n\n.hero-title {\n  font-size: clamp(2.4rem, 5vw, 3.6rem);\n  margin-bottom: 14px;\n}\n\n.hero-subtitle {\n  font-size: 1.05rem;\n  color: var(--ink-soft);\n  margin: 0 0 24px;\n}\n\n.hero-desc {\n  color: var(--ink-soft);\n  margin: 0 0 36px;\n}\n\n.hero-actions {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n\/* ----------  Section chung  ---------- *\/\n.section { padding: var(--space) 0; }\n.section-alt { background: var(--bg-alt); }\n\n.section-head {\n  max-width: 640px;\n  margin: 0 auto clamp(40px, 6vw, 64px);\n  text-align: center;\n}\n\n.section-title {\n  font-size: clamp(1.7rem, 3.5vw, 2.4rem);\n}\n\n.section-sub {\n  color: var(--ink-faint);\n  margin: 14px 0 0;\n}\n\n\/* ----------  Grid  ---------- *\/\n.grid { display: grid; gap: 28px; }\n.grid-3 { grid-template-columns: repeat(3, 1fr); }\n\n\/* ----------  Card  ---------- *\/\n.card {\n  background: var(--bg);\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  box-shadow: var(--shadow);\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n.card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 2px 4px rgba(0,0,0,.05), 0 16px 40px rgba(0,0,0,.07);\n}\n\n.card-media { display: block; overflow: hidden; }\n.card-media img {\n  width: 100%;\n  aspect-ratio: 5 \/ 3;\n  object-fit: cover;\n  transition: transform .5s ease;\n}\n.card:hover .card-media img { transform: scale(1.04); }\n\n.card-body {\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  flex: 1;\n}\n\n.card-tag {\n  align-self: flex-start;\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-faint);\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 4px 12px;\n}\n\n.card-title {\n  font-size: 1.15rem;\n  line-height: 1.35;\n}\n.card-title a { transition: color .2s ease; }\n.card-title a:hover { color: var(--ink-soft); }\n\n.card-excerpt {\n  color: var(--ink-soft);\n  font-size: 0.95rem;\n  margin: 0;\n  flex: 1;\n}\n\n.read-more {\n  font-size: 0.9rem;\n  font-weight: 500;\n  transition: opacity .2s ease;\n}\n.read-more:hover { opacity: 0.6; }\n\n\/* ----------  Topics  ---------- *\/\n.topics {\n  list-style: none;\n  margin: 0; padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  justify-content: center;\n}\n\n.topic {\n  display: inline-block;\n  padding: 10px 22px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  font-size: 0.92rem;\n  color: var(--ink-soft);\n  transition: border-color .2s ease, color .2s ease, background .2s ease;\n}\n.topic:hover {\n  border-color: var(--ink);\n  color: var(--bg);\n  background: var(--ink);\n}\n\n\/* ----------  About  ---------- *\/\n.about-inner {\n  display: flex;\n  align-items: center;\n  gap: clamp(40px, 6vw, 80px);\n}\n.about-media { flex-shrink: 0; }\n.about-media img {\n  width: clamp(180px, 22vw, 280px);\n  height: clamp(180px, 22vw, 280px);\n  border-radius: var(--radius);\n  object-fit: cover;\n}\n.about-content { max-width: 560px; }\n.about-content .section-title { margin-bottom: 20px; }\n.about-content p {\n  color: var(--ink-soft);\n  margin: 0 0 18px;\n}\n.about-content .btn { margin-top: 10px; }\n\n\/* ----------  Newsletter  ---------- *\/\n.newsletter-inner {\n  max-width: 640px;\n  margin: 0 auto;\n  text-align: center;\n}\n.newsletter .section-sub { margin-bottom: 32px; }\n\n.newsletter-form {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.newsletter-form input {\n  flex: 1;\n  min-width: 240px;\n  max-width: 360px;\n  padding: 13px 18px;\n  font-size: 0.95rem;\n  font-family: inherit;\n  border: 1px solid var(--line);\n  border-radius: var(--radius-sm);\n  background: var(--bg);\n  color: var(--ink);\n  transition: border-color .2s ease;\n}\n.newsletter-form input:focus {\n  outline: none;\n  border-color: var(--ink);\n}\n.newsletter-note {\n  min-height: 22px;\n  margin: 16px 0 0;\n  font-size: 0.9rem;\n  color: var(--ink-faint);\n}\n\n\/* ----------  Footer  ---------- *\/\n.site-footer {\n  border-top: 1px solid var(--line);\n  padding-top: 64px;\n}\n.footer-inner {\n  display: flex;\n  justify-content: space-between;\n  gap: 48px;\n  flex-wrap: wrap;\n  padding-bottom: 40px;\n}\n.footer-brand { max-width: 300px; }\n.footer-brand .logo { display: inline-block; margin-bottom: 12px; }\n.footer-brand p {\n  color: var(--ink-faint);\n  font-size: 0.92rem;\n  margin: 0;\n}\n\n.footer-nav ul {\n  list-style: none;\n  margin: 0; padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.footer-nav a {\n  color: var(--ink-soft);\n  font-size: 0.95rem;\n  transition: color .2s ease;\n}\n.footer-nav a:hover { color: var(--ink); }\n\n.footer-social {\n  list-style: none;\n  margin: 0; padding: 0;\n  display: flex;\n  gap: 16px;\n  height: fit-content;\n}\n.footer-social a {\n  display: grid;\n  place-items: center;\n  width: 42px; height: 42px;\n  border: 1px solid var(--line);\n  border-radius: 50%;\n  color: var(--ink-soft);\n  transition: color .2s ease, border-color .2s ease, transform .2s ease;\n}\n.footer-social a:hover {\n  color: var(--ink);\n  border-color: var(--ink);\n  transform: translateY(-2px);\n}\n\n.footer-bottom {\n  border-top: 1px solid var(--line);\n  padding-top: 24px;\n  padding-bottom: 32px;\n}\n.footer-bottom p {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--ink-faint);\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n\/* Tablet *\/\n@media (max-width: 900px) {\n  .grid-3 { grid-template-columns: repeat(2, 1fr); }\n\n  .hero-inner { flex-direction: column; text-align: center; gap: 40px; }\n  .hero-actions { justify-content: center; }\n\n  .about-inner { flex-direction: column; text-align: center; }\n  .about-content .btn { align-self: center; }\n  .topic { }\n}\n\n\/* Mobile *\/\n@media (max-width: 640px) {\n  body { font-size: 16px; }\n\n  \/* Hi\u1ec7n hamburger, menu chuy\u1ec3n d\u1ea1ng dropdown *\/\n  .nav-toggle { display: flex; }\n\n  .site-nav {\n    position: absolute;\n    top: 72px;\n    left: 0; right: 0;\n    background: var(--bg);\n    border-bottom: 1px solid var(--line);\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height .3s ease;\n  }\n  .site-nav.open { max-height: 320px; }\n\n  .site-nav ul {\n    flex-direction: column;\n    gap: 0;\n    padding: 8px 24px 16px;\n  }\n  .site-nav li { border-bottom: 1px solid var(--line); }\n  .site-nav li:last-child { border-bottom: none; }\n  .site-nav a { display: block; padding: 14px 0; }\n  .site-nav a::after { display: none; }\n\n  \/* Tr\u1ea1ng th\u00e1i hamburger m\u1edf \u2192 th\u00e0nh d\u1ea5u X *\/\n  .nav-toggle[aria-expanded=\"true\"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n  .nav-toggle[aria-expanded=\"true\"] span:nth-child(2) { opacity: 0; }\n  .nav-toggle[aria-expanded=\"true\"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n  .grid-3 { grid-template-columns: 1fr; }\n\n  .hero { min-height: auto; padding: 72px 0; }\n\n  .footer-inner { flex-direction: column; gap: 32px; }\n}\n\n\/* T\u00f4n tr\u1ecdng ng\u01b0\u1eddi d\u00f9ng t\u1eaft hi\u1ec7u \u1ee9ng chuy\u1ec3n \u0111\u1ed9ng *\/\n@media (prefers-reduced-motion: reduce) {\n  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }\n}\n\n\/* Focus r\u00f5 r\u00e0ng cho b\u00e0n ph\u00edm *\/\na:focus-visible,\nbutton:focus-visible,\ninput:focus-visible {\n  outline: 2px solid var(--ink);\n  outline-offset: 3px;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =========================================================\n   TTL \u2014 Script thu\u1ea7n, ch\u1ec9 x\u1eed l\u00fd hai vi\u1ec7c c\u1ea7n thi\u1ebft:\n   1. \u0110\u00f3ng\/m\u1edf menu tr\u00ean mobile\n   2. Ki\u1ec3m tra email khi b\u1ea5m Subscribe\n   ========================================================= *\/\n\n(function () {\n  \"use strict\";\n\n  \/* ---------- 1. Mobile menu ---------- *\/\n  var toggle = document.querySelector(\".nav-toggle\");\n  var nav = document.getElementById(\"primary-nav\");\n\n  if (toggle && nav) {\n    toggle.addEventListener(\"click\", function () {\n      var isOpen = nav.classList.toggle(\"open\");\n      toggle.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n    });\n\n    \/\/ B\u1ea5m v\u00e0o m\u1ed9t m\u1ee5c menu th\u00ec t\u1ef1 \u0111\u00f3ng l\u1ea1i\n    nav.querySelectorAll(\"a\").forEach(function (link) {\n      link.addEventListener(\"click\", function () {\n        nav.classList.remove(\"open\");\n        toggle.setAttribute(\"aria-expanded\", \"false\");\n      });\n    });\n  }\n\n  \/* ---------- 2. Newsletter ---------- *\/\n  var btn = document.getElementById(\"subscribe-btn\");\n  var input = document.getElementById(\"email\");\n  var note = document.getElementById(\"form-note\");\n\n  if (btn && input && note) {\n    var emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n    btn.addEventListener(\"click\", function () {\n      var value = input.value.trim();\n\n      if (value === \"\") {\n        note.textContent = \"Vui l\u00f2ng nh\u1eadp email c\u1ee7a b\u1ea1n.\";\n        return;\n      }\n      if (!emailPattern.test(value)) {\n        note.textContent = \"Email ch\u01b0a \u0111\u00fang \u0111\u1ecbnh d\u1ea1ng. B\u1ea1n ki\u1ec3m tra l\u1ea1i nh\u00e9.\";\n        return;\n      }\n\n      \/\/ Ch\u1ed7 n\u00e0y b\u1ea1n thay b\u1eb1ng t\u00edch h\u1ee3p th\u1eadt (Mailchimp, ConvertKit, form WP...)\n      note.textContent = \"C\u1ea3m \u01a1n b\u1ea1n! M\u00ecnh s\u1ebd g\u1eedi b\u00e0i vi\u1ebft m\u1edbi t\u1edbi \" + value + \".\";\n      input.value = \"\";\n    });\n  }\n})();\n<\/script>\n\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <meta name=\"description\" content=\"Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng \u2014 blog c\u00e1 nh\u00e2n v\u1ec1 Marketing, SEO, Content, Power BI, AI v\u00e0 h\u00e0nh tr\u00ecnh ph\u00e1t tri\u1ec3n b\u1ea3n th\u00e2n.\">\n  <title>Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng \u2014 Marketing \u00b7 SEO \u00b7 Content<\/title>\n\n  <!-- Google Fonts: Inter -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n  <link rel=\"stylesheet\" href=\"style.css\">\n\n\n\n  <!-- ===================== HERO ===================== -->\n    <section class=\"hero\" id=\"home\">\n      <div class=\"container hero-inner\">\n        <div class=\"hero-avatar\">\n          <img decoding=\"async\" src=\"https:\/\/placehold.co\/360x360\/f2f2f2\/1a1a1a?text=TTL\" alt=\"\u1ea2nh \u0111\u1ea1i di\u1ec7n Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng\">\n        <\/div>\n\n        <div class=\"hero-content\">\n          <p class=\"eyebrow\">Xin ch\u00e0o, m\u00ecnh l\u00e0<\/p>\n          <h1 class=\"hero-title\">Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng<\/h1>\n          <p class=\"hero-subtitle\">Marketing Student \u00b7 SEO Learner \u00b7 Content Creator<\/p>\n          <p class=\"hero-desc\">\n            M\u00ecnh vi\u1ebft v\u1ec1 marketing, SEO v\u00e0 content nh\u01b0 m\u1ed9t c\u00e1ch ghi l\u1ea1i h\u00e0nh tr\u00ecnh\n            h\u1ecdc t\u1eadp c\u1ee7a b\u1ea3n th\u00e2n. \u1ede \u0111\u00e2y, m\u00ecnh chia s\u1ebb nh\u1eefng g\u00ec m\u00ecnh th\u1eed nghi\u1ec7m,\n            nh\u1eefng b\u00e0i h\u1ecdc r\u00fat ra t\u1eeb d\u1eef li\u1ec7u Power BI, c\u00e1ch \u1ee9ng d\u1ee5ng AI v\u00e0o c\u00f4ng vi\u1ec7c,\n            v\u00e0 c\u1ea3 nh\u1eefng suy ngh\u0129 v\u1ec1 con \u0111\u01b0\u1eddng ph\u00e1t tri\u1ec3n s\u1ef1 nghi\u1ec7p. C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 gh\u00e9 th\u0103m.\n          <\/p>\n          <div class=\"hero-actions\">\n            <a href=\"#blog\" class=\"btn btn-primary\">\u0110\u1ecdc Blog<\/a>\n            <a href=\"#about\" class=\"btn btn-ghost\">V\u1ec1 m\u00ecnh<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== FEATURED POSTS ===================== -->\n    <section class=\"section\" id=\"blog\">\n      <div class=\"container\">\n        <div class=\"section-head\">\n          <h2 class=\"section-title\">Featured Articles<\/h2>\n          <p class=\"section-sub\">Nh\u1eefng b\u00e0i vi\u1ebft m\u00ecnh t\u00e2m \u0111\u1eafc nh\u1ea5t.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-3\">\n          <!-- Card 1 -->\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=SEO\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 n\u1ec1n t\u1ea3ng SEO\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">SEO<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">X\u00e2y d\u1ef1ng n\u1ec1n t\u1ea3ng SEO t\u1eeb con s\u1ed1 kh\u00f4ng<\/a><\/h3>\n              <p class=\"card-excerpt\">Nh\u1eefng nguy\u00ean t\u1eafc c\u1ed1t l\u00f5i m\u00ecnh h\u1ecdc \u0111\u01b0\u1ee3c khi b\u1eaft \u0111\u1ea7u t\u1ed1i \u01b0u website \u0111\u1ea7u ti\u00ean.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <!-- Card 2 -->\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=Content\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 content marketing\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">Content<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">Vi\u1ebft content kh\u00f4ng ch\u1ec9 \u0111\u1ec3 \u0111\u1ecdc, m\u00e0 \u0111\u1ec3 chuy\u1ec3n \u0111\u1ed5i<\/a><\/h3>\n              <p class=\"card-excerpt\">C\u00e1ch m\u00ecnh c\u00e2n b\u1eb1ng gi\u1eefa gi\u00e1 tr\u1ecb cho ng\u01b0\u1eddi \u0111\u1ecdc v\u00e0 m\u1ee5c ti\u00eau kinh doanh.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <!-- Card 3 -->\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=Power+BI\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 Power BI\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">Power BI<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">\u0110\u1ecdc v\u1ecb h\u00e0nh vi kh\u00e1ch h\u00e0ng b\u1eb1ng Power BI<\/a><\/h3>\n              <p class=\"card-excerpt\">Bi\u1ebfn nh\u1eefng con s\u1ed1 kh\u00f4 khan th\u00e0nh c\u00e2u chuy\u1ec7n c\u00f3 th\u1ec3 h\u00e0nh \u0111\u1ed9ng \u0111\u01b0\u1ee3c.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== RECENT POSTS ===================== -->\n    <section class=\"section section-alt\">\n      <div class=\"container\">\n        <div class=\"section-head\">\n          <h2 class=\"section-title\">Latest Posts<\/h2>\n          <p class=\"section-sub\">C\u1eadp nh\u1eadt m\u1edbi nh\u1ea5t t\u1eeb blog.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-3\">\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=AI\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 AI trong marketing\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">AI<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">AI thay \u0111\u1ed5i c\u00e1ch m\u00ecnh l\u00e0m marketing th\u1ebf n\u00e0o<\/a><\/h3>\n              <p class=\"card-excerpt\">T\u1eeb nghi\u00ean c\u1ee9u t\u1eeb kh\u00f3a \u0111\u1ebfn l\u00ean \u00fd t\u01b0\u1edfng n\u1ed9i dung.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=Career\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 s\u1ef1 nghi\u1ec7p\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">Career<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">H\u1ecdc marketing khi ch\u01b0a c\u00f3 kinh nghi\u1ec7m<\/a><\/h3>\n              <p class=\"card-excerpt\">L\u1ed9 tr\u00ecnh m\u00ecnh t\u1ef1 v\u1ea1ch ra \u0111\u1ec3 b\u1eaft \u0111\u1ea7u \u0111i l\u00e0m.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=SEO\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 nghi\u00ean c\u1ee9u t\u1eeb kh\u00f3a\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">SEO<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">Nghi\u00ean c\u1ee9u t\u1eeb kh\u00f3a cho ng\u01b0\u1eddi m\u1edbi<\/a><\/h3>\n              <p class=\"card-excerpt\">C\u00e1ch ch\u1ecdn t\u1eeb kh\u00f3a \u0111\u00fang thay v\u00ec t\u1eeb kh\u00f3a nhi\u1ec1u l\u01b0\u1ee3t t\u00ecm.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=Growth\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 ph\u00e1t tri\u1ec3n b\u1ea3n th\u00e2n\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">Personal Growth<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">Th\u00f3i quen nh\u1ecf, thay \u0111\u1ed5i l\u1edbn<\/a><\/h3>\n              <p class=\"card-excerpt\">Nh\u1eefng g\u00ec m\u00ecnh duy tr\u00ec m\u1ed7i ng\u00e0y \u0111\u1ec3 ti\u1ebfn b\u1ed9 \u0111\u1ec1u \u0111\u1eb7n.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=Marketing\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 chi\u1ebfn l\u01b0\u1ee3c marketing\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">Marketing<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">Hi\u1ec3u kh\u00e1ch h\u00e0ng tr\u01b0\u1edbc khi ch\u1ea1y qu\u1ea3ng c\u00e1o<\/a><\/h3>\n              <p class=\"card-excerpt\">V\u00ec sao insight quan tr\u1ecdng h\u01a1n ng\u00e2n s\u00e1ch.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"card\">\n            <a href=\"#\" class=\"card-media\">\n              <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x360\/eef0f2\/1a1a1a?text=Power+BI\" alt=\"B\u00e0i vi\u1ebft v\u1ec1 tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u\">\n            <\/a>\n            <div class=\"card-body\">\n              <span class=\"card-tag\">Power BI<\/span>\n              <h3 class=\"card-title\"><a href=\"#\">Dashboard \u0111\u1ea7u ti\u00ean v\u00e0 nh\u1eefng sai l\u1ea7m c\u1ee7a m\u00ecnh<\/a><\/h3>\n              <p class=\"card-excerpt\">B\u00e0i h\u1ecdc khi tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u marketing.<\/p>\n              <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== TOPICS ===================== -->\n    <section class=\"section\">\n      <div class=\"container\">\n        <div class=\"section-head\">\n          <h2 class=\"section-title\">Explore Topics<\/h2>\n          <p class=\"section-sub\">Ch\u1ecdn m\u1ed9t ch\u1ee7 \u0111\u1ec1 \u0111\u1ec3 b\u1eaft \u0111\u1ea7u \u0111\u1ecdc.<\/p>\n        <\/div>\n\n        <ul class=\"topics\">\n          <li><a href=\"#\" class=\"topic\">SEO<\/a><\/li>\n          <li><a href=\"#\" class=\"topic\">Marketing<\/a><\/li>\n          <li><a href=\"#\" class=\"topic\">Power BI<\/a><\/li>\n          <li><a href=\"#\" class=\"topic\">AI<\/a><\/li>\n          <li><a href=\"#\" class=\"topic\">Career<\/a><\/li>\n          <li><a href=\"#\" class=\"topic\">Personal Growth<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== ABOUT ===================== -->\n    <section class=\"section section-alt\" id=\"about\">\n      <div class=\"container about-inner\">\n        <div class=\"about-media\">\n          <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/f2f2f2\/1a1a1a?text=TTL\" alt=\"\u1ea2nh Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng\">\n        <\/div>\n        <div class=\"about-content\">\n          <h2 class=\"section-title\">V\u1ec1 m\u00ecnh<\/h2>\n          <p>\n            M\u00ecnh l\u00e0 Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng, m\u1ed9t sinh vi\u00ean marketing \u0111ang tr\u00ean h\u00e0nh tr\u00ecnh\n            tr\u1edf th\u00e0nh ng\u01b0\u1eddi l\u00e0m SEO v\u00e0 content chuy\u00ean nghi\u1ec7p. M\u00ecnh th\u00edch h\u1ecdc qua\n            th\u1ef1c h\u00e0nh: th\u1eed nghi\u1ec7m, \u0111o l\u01b0\u1eddng b\u1eb1ng d\u1eef li\u1ec7u, r\u1ed3i c\u1ea3i thi\u1ec7n.\n          <\/p>\n          <p>\n            Blog n\u00e0y l\u00e0 n\u01a1i m\u00ecnh l\u01b0u l\u1ea1i qu\u00e1 tr\u00ecnh \u0111\u00f3 \u2014 th\u00e0nh th\u1eadt c\u1ea3 v\u1ec1 th\u00e0nh c\u00f4ng\n            l\u1eabn nh\u1eefng l\u1ea7n v\u1ea5p ng\u00e3.\n          <\/p>\n          <a href=\"#contact\" class=\"btn btn-primary\">Xem th\u00eam<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== NEWSLETTER ===================== -->\n    <section class=\"section newsletter\" id=\"contact\">\n      <div class=\"container newsletter-inner\">\n        <h2 class=\"section-title\">Nh\u1eadn b\u00e0i vi\u1ebft m\u1edbi qua email<\/h2>\n        <p class=\"section-sub\">M\u1ed7i tu\u1ea7n m\u1ed9t b\u00e0i, kh\u00f4ng spam. H\u1ee7y \u0111\u0103ng k\u00fd b\u1ea5t c\u1ee9 l\u00fac n\u00e0o.<\/p>\n\n        <div class=\"newsletter-form\">\n          <label for=\"email\" class=\"visually-hidden\">\u0110\u1ecba ch\u1ec9 email<\/label>\n          <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"ban@email.com\" autocomplete=\"email\">\n          <button type=\"button\" class=\"btn btn-primary\" id=\"subscribe-btn\">Subscribe<\/button>\n        <\/div>\n        <p class=\"newsletter-note\" id=\"form-note\" role=\"status\"><\/p>\n      <\/div>\n    <\/section>\n\n  \n\n  <!-- ===================== FOOTER ===================== -->\n  <footer class=\"site-footer\">\n    <div class=\"container footer-inner\">\n      <div class=\"footer-brand\">\n        <span class=\"logo\">TTL<\/span>\n        <p>Blog c\u00e1 nh\u00e2n v\u1ec1 marketing, SEO v\u00e0 h\u00e0nh tr\u00ecnh ph\u00e1t tri\u1ec3n b\u1ea3n th\u00e2n.<\/p>\n      <\/div>\n\n      <nav class=\"footer-nav\" aria-label=\"\u0110i\u1ec1u h\u01b0\u1edbng ch\u00e2n trang\">\n        <ul>\n          <li><a href=\"#home\">Home<\/a><\/li>\n          <li><a href=\"#blog\">Blog<\/a><\/li>\n          <li><a href=\"#about\">About<\/a><\/li>\n          <li><a href=\"#contact\">Contact<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <ul class=\"footer-social\" aria-label=\"M\u1ea1ng x\u00e3 h\u1ed9i\">\n        <li>\n          <a href=\"#\" aria-label=\"Facebook\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12Z\"><\/path><\/svg>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"#\" aria-label=\"LinkedIn\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M4.98 3.5A2.5 2.5 0 1 0 5 8.5a2.5 2.5 0 0 0 0-5ZM3 9h4v12H3V9Zm6 0h3.8v1.6h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6V21h-4v-5.3c0-1.3 0-2.9-1.8-2.9s-2 1.4-2 2.8V21H9V9Z\"><\/path><\/svg>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"#\" aria-label=\"Instagram\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2c2.7 0 3 0 4.1.1 1 0 1.7.2 2.3.5.6.2 1.1.5 1.6 1 .5.5.8 1 1 1.6.3.6.4 1.3.5 2.3 0 1.1.1 1.4.1 4.1s0 3-.1 4.1c0 1-.2 1.7-.5 2.3-.2.6-.5 1.1-1 1.6-.5.5-1 .8-1.6 1-.6.3-1.3.4-2.3.5-1.1 0-1.4.1-4.1.1s-3 0-4.1-.1c-1 0-1.7-.2-2.3-.5-.6-.2-1.1-.5-1.6-1-.5-.5-.8-1-1-1.6-.3-.6-.4-1.3-.5-2.3C2 15 2 14.7 2 12s0-3 .1-4.1c0-1 .2-1.7.5-2.3.2-.6.5-1.1 1-1.6.5-.5 1-.8 1.6-1 .6-.3 1.3-.4 2.3-.5C9 2 9.3 2 12 2Zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 8.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm5.2-8.4a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z\"><\/path><\/svg>\n          <\/a>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"container footer-bottom\">\n      <p>\u00a9 2026 Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng. All rights reserved.<\/p>\n    <\/div>\n  <\/footer>\n\n  <script src=\"script.js\"><\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng \u2014 Marketing \u00b7 SEO \u00b7 Content Xin ch\u00e0o, m\u00ecnh l\u00e0 Tr\u1ea7n Th\u1ecb L\u01b0\u01a1ng Marketing Student \u00b7 SEO Learner \u00b7 Content Creator M\u00ecnh vi\u1ebft v\u1ec1 marketing, SEO v\u00e0 content nh\u01b0 m\u1ed9t c\u00e1ch ghi l\u1ea1i h\u00e0nh tr\u00ecnh h\u1ecdc t\u1eadp c\u1ee7a b\u1ea3n th\u00e2n. \u1ede \u0111\u00e2y, m\u00ecnh chia s\u1ebb nh\u1eefng g\u00ec m\u00ecnh th\u1eed nghi\u1ec7m, nh\u1eefng b\u00e0i &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/my2005.io.vn\/index.php\/57-2\/\" aria-label=\"\u0110\u1ecdc th\u00eam v\u1ec1 Home\">\u0110\u1ecdc ti\u1ebfp<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":7,"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/my2005.io.vn\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}