{"id":5962,"date":"2026-10-05T12:28:38","date_gmt":"2026-10-05T05:28:38","guid":{"rendered":"https:\/\/anatomy.medsci.nu.ac.th\/?page_id=5962"},"modified":"2026-10-06T10:21:04","modified_gmt":"2026-10-06T03:21:04","slug":"anatomy-alumni","status":"publish","type":"page","link":"https:\/\/anatomy.medsci.nu.ac.th\/?page_id=5962","title":{"rendered":"Anatomy Alumni"},"content":{"rendered":"<section class=\"kc-elm kc-css-476322 kc_row\"><div class=\"kc-row-container  kc-container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-654196 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\"><div class=\"kc-elm kc-css-282225 kc-raw-code\"><!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32 | NU Anatomy Alumni<\/title>\r\n    <!-- Google Fonts: Prompt for Thai Modern Typography -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <!-- FontAwesome Icons for Easy Customization -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        nu: {\r\n                            orange: '#F36F21', \/\/ \u0e2a\u0e35\u0e41\u0e2a\u0e14 \u0e21.\u0e19\u0e40\u0e23\u0e28\u0e27\u0e23\r\n                            blue: '#0F2C59',   \/\/ \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 \u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\r\n                            lightBlue: '#1E40AF',\r\n                            sky: '#0284C7',\r\n                            gray: '#F8FAFC',\r\n                            darkGray: '#1E293B'\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Prompt', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        body {\r\n            font-family: 'Prompt', sans-serif;\r\n            background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* Card Hover Animations *\/\r\n        .link-card {\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        .link-card:hover {\r\n            transform: translateY(-6px);\r\n        }\r\n\r\n        \/* Digital Counter Display Style *\/\r\n        .counter-digit {\r\n            background: #0f2c59;\r\n            color: #38bdf8;\r\n            font-family: monospace;\r\n            box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        \/* Top Bar Gradient Accent *\/\r\n        .accent-gradient {\r\n            background: linear-gradient(90deg, #0F2C59 0%, #1E40AF 50%, #F36F21 100%);\r\n        }\r\n        \r\n        .accent-border {\r\n            border-top: 4px solid #F36F21;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800 flex flex-col justify-between min-h-screen pb-10\">\r\n\r\n    <!-- Main Container -->\r\n    <main class=\"flex-grow max-w-5xl w-full mx-auto px-4 pt-6 pb-8 sm:px-6\">\r\n\r\n        <!-- Welcome Banner (\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e22\u0e34\u0e19\u0e14\u0e35\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e2a\u0e35\u0e02\u0e32\u0e27 #FFFFFF) -->\r\n        <section class=\"bg-gradient-to-r from-nu-blue to-nu-lightBlue text-white rounded-2xl p-6 sm:p-8 mb-8 shadow-xl relative overflow-hidden accent-border\">\r\n\r\n        <!-- Welcome Banner (\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e22\u0e34\u0e19\u0e14\u0e35\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e2a\u0e35\u0e02\u0e32\u0e27 #FFFFFF) -->\r\n        <section class=\"bg-gradient-to-r from-nu-blue via-nu-lightBlue to-blue-900 text-white rounded-2xl p-6 sm:p-8 mb-8 shadow-xl relative overflow-hidden accent-border\">\r\n            <div class=\"absolute -right-8 -bottom-8 opacity-10 text-white text-9xl pointer-events-none\">\r\n                <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n            <\/div>\r\n            <div class=\"relative z-10 max-w-2xl\">\r\n                <span class=\"bg-nu-orange text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-3 inline-block shadow-sm\">\r\n                    Alumni Portal\r\n                <\/span>\r\n                <h2 class=\"text-2xl sm:text-3xl font-bold mb-2 text-white drop-shadow-sm\">\u0e22\u0e34\u0e19\u0e14\u0e35\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e2a\u0e39\u0e48\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32<\/h2>\r\n                <p class=\"text-slate-100 text-sm sm:text-base leading-relaxed opacity-95\">\r\n                    \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e19\u0e34\u0e2a\u0e34\u0e15\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17-\u0e40\u0e2d\u0e01 \u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e22\u0e27\u0e34\u0e20\u0e32\u0e04\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Main Link Cards Grid (4 \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e25\u0e31\u0e01) -->\r\n        <section class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-12\">\r\n\r\n            <!-- Card 1: \u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32 -->\r\n            <!-- \r\n                [\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e02 Card 1]:\r\n                1. \u0e41\u0e01\u0e49\u0e44\u0e02 URL \u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e35\u0e48 attribute href=\"...\" \u0e02\u0e2d\u0e07\u0e41\u0e17\u0e47\u0e01 <a>\r\n                2. \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e42\u0e14\u0e22\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e25\u0e32\u0e2a <i class=\"fa-solid ...\"> \r\n                   \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e2a\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e <img decoding=\"async\" src=\"URL_\u0e23\u0e39\u0e1b\" class=\"w-12 h-12\"> \u0e41\u0e17\u0e19\u0e44\u0e14\u0e49\r\n            -->\r\n            <a href=\"https:\/\/sites.google.com\/nu.ac.th\/nuanatomygraduatealumni\" target=\"_blank\" class=\"link-card bg-white rounded-2xl p-6 shadow-md border border-slate-200\/80 flex flex-col justify-between group hover:border-nu-orange hover:shadow-orange-500\/10\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <div class=\"w-14 h-14 rounded-xl bg-orange-50 text-nu-orange flex items-center justify-center text-2xl group-hover:bg-nu-orange group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n                            <!-- Icon 1: \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32 -->\r\n                            <i class=\"fa-solid fa-globe\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-slate-400 group-hover:text-nu-orange transition-colors\">\r\n                            <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-nu-blue mb-2 group-hover:text-nu-orange transition-colors\">\r\n                        1. \u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\r\n                    <\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\r\n                        \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32 \u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23 \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e40\u0e19\u0e35\u0e22\u0e1a\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-nu-orange\">\r\n                    <span>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/span>\r\n                    <i class=\"fa-solid fa-chevron-right transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 2: \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e22\u0e27\u0e34\u0e20\u0e32\u0e04\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c -->\r\n            <a href=\"https:\/\/www.facebook.com\/share\/1MM1SEFMYX\/?mibextid=wwXIfr\" target=\"_blank\" class=\"link-card bg-white rounded-2xl p-6 shadow-md border border-slate-200\/80 flex flex-col justify-between group hover:border-nu-blue hover:shadow-blue-900\/10\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <div class=\"w-14 h-14 rounded-xl bg-blue-50 text-nu-blue flex items-center justify-center text-2xl group-hover:bg-nu-blue group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n                            <!-- Icon 2: \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32 -->\r\n                            <i class=\"fa-solid fa-user-graduate\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-slate-400 group-hover:text-nu-blue transition-colors\">\r\n                            <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-nu-blue mb-2 group-hover:text-nu-blue transition-colors\">\r\n                        2. \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e22\u0e27\u0e34\u0e20\u0e32\u0e04\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\r\n                    <\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\r\n                        \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e27\u0e34\u0e20\u0e32\u0e04\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-nu-blue\">\r\n                    <span>\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22<\/span>\r\n                    <i class=\"fa-solid fa-chevron-right transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 3: \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e19\u0e34\u0e2a\u0e34\u0e15 \u0e1b.\u0e42\u0e17-\u0e1b.\u0e40\u0e2d\u0e01 \u0e41\u0e25\u0e30\u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e22\u0e27\u0e34\u0e20\u0e32\u0e04\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c -->\r\n            <a href=\"https:\/\/www.facebook.com\/share\/g\/19f8XfiP5m\/?mibextid=wwXIfr\" target=\"_blank\" class=\"link-card bg-white rounded-2xl p-6 shadow-md border border-slate-200\/80 flex flex-col justify-between group hover:border-sky-600 hover:shadow-sky-500\/10\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <div class=\"w-14 h-14 rounded-xl bg-sky-50 text-sky-600 flex items-center justify-center text-2xl group-hover:bg-sky-600 group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n                            <!-- Icon 3: \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e19\u0e34\u0e2a\u0e34\u0e15 \u0e1b.\u0e42\u0e17-\u0e40\u0e2d\u0e01 -->\r\n                            <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-slate-400 group-hover:text-sky-600 transition-colors\">\r\n                            <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-nu-blue mb-2 group-hover:text-sky-600 transition-colors\">\r\n                        3. \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e19\u0e34\u0e2a\u0e34\u0e15 \u0e1b.\u0e42\u0e17-\u0e1b.\u0e40\u0e2d\u0e01 \u0e41\u0e25\u0e30\u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e20\u0e32\u0e04\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e22\u0e27\u0e34\u0e20\u0e32\u0e04\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\r\n                    <\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\r\n                        \u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e01\u0e31\u0e1a\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-sky-600\">\r\n                    <span>\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/span>\r\n                    <i class=\"fa-solid fa-chevron-right transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 4: \u0e01\u0e25\u0e38\u0e48\u0e21 Line NU Anatomy Alumni -->\r\n            <a href=\"https:\/\/line.me\/ti\/g\/3DtNSGmxZz#~\" target=\"_blank\" class=\"link-card bg-white rounded-2xl p-6 shadow-md border border-slate-200\/80 flex flex-col justify-between group hover:border-emerald-500 hover:shadow-emerald-500\/10\">\r\n                <div>\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <div class=\"w-14 h-14 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center text-3xl group-hover:bg-emerald-500 group-hover:text-white transition-colors duration-300 shadow-sm\">\r\n                            <!-- Icon 4: \u0e44\u0e2d\u0e04\u0e2d\u0e19 LINE App -->\r\n                            <i class=\"fa-brands fa-line\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"bg-emerald-100 text-emerald-800 text-xs px-2.5 py-1 rounded-full font-bold\">\r\n                            LINE Official\/Group\r\n                        <\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-lg font-bold text-nu-blue mb-2 group-hover:text-emerald-600 transition-colors\">\r\n                        4. \u0e01\u0e25\u0e38\u0e48\u0e21 Line NU Anatomy Alumni\r\n                    <\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\r\n                        \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e1e\u0e39\u0e14\u0e04\u0e38\u0e22 \u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27 \u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19 LINE\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-emerald-600\">\r\n                    <span>\u0e01\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e01\u0e25\u0e38\u0e48\u0e21 LINE<\/span>\r\n                    <i class=\"fa-solid fa-chevron-right transform group-hover:translate-x-1 transition-transform\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/section>\r\n\r\n        <!-- Visitor Counter Section (\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 INITIAL_COUNTER \u0e44\u0e14\u0e49\u0e43\u0e19 Script) -->\r\n        <section class=\"bg-white rounded-2xl p-6 shadow-md border border-slate-200\/80 text-center max-w-xl mx-auto relative overflow-hidden\">\r\n            <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-nu-blue via-nu-orange to-nu-blue\"><\/div>\r\n            \r\n            <div class=\"flex items-center justify-center space-x-2 text-nu-blue font-semibold mb-2\">\r\n                <i class=\"fa-solid fa-chart-line text-nu-orange\"><\/i>\r\n                <span>\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c (Visitor Counter)<\/span>\r\n            <\/div>\r\n            <p class=\"text-xs text-slate-500 mb-4\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e0a\u0e21\u0e40\u0e1e\u0e08\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32<\/p>\r\n\r\n            <!-- Digital Style Counter Display -->\r\n            <div id=\"counter-display\" class=\"flex justify-center items-center gap-1 sm:gap-2 my-3\">\r\n                <div class=\"animate-pulse text-slate-400 text-sm\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-4 pt-3 border-t border-slate-100 flex justify-around text-xs text-slate-500\">\r\n                <div>\r\n                    <span class=\"block font-bold text-slate-700\" id=\"session-status\">\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e15\u0e34<\/span>\r\n                    <span class=\"text-[10px]\">\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e23\u0e30\u0e1a\u0e1a<\/span>\r\n                <\/div>\r\n                <div class=\"border-r border-slate-200\"><\/div>\r\n                <div>\r\n                    <span class=\"block font-bold text-slate-700\" id=\"last-visit-time\">-<\/span>\r\n                    <span class=\"text-[10px]\">\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n    <!-- JavaScript for Visitor Counter -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ =========================================================\r\n            \/\/ [\u0e08\u0e38\u0e14\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19]: \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\r\n            \/\/ \u0e40\u0e0a\u0e48\u0e19 \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 0, 100, 500 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e19\u0e31\u0e1a\r\n            \/\/ =========================================================\r\n            const INITIAL_COUNTER = 0; \r\n\r\n            let currentCount = localStorage.getItem('nu_anatomy_visitor_count');\r\n\r\n            if (currentCount === null) {\r\n                currentCount = INITIAL_COUNTER;\r\n            } else {\r\n                currentCount = parseInt(currentCount, 10) + 1;\r\n            }\r\n\r\n            \/\/ \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e25\u0e07 LocalStorage\r\n            localStorage.setItem('nu_anatomy_visitor_count', currentCount);\r\n\r\n            \/\/ \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e40\u0e27\u0e25\u0e32\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\r\n            const now = new Date();\r\n            const timeString = now.toLocaleTimeString('th-TH', { hour: '2-digit', minute: '2-digit' });\r\n            document.getElementById('last-visit-time').textContent = timeString + ' \u0e19.';\r\n\r\n            \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e19\u0e31\u0e1a\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 6 \u0e2b\u0e25\u0e31\u0e01\r\n            renderCounterDisplay(currentCount);\r\n        });\r\n\r\n        function renderCounterDisplay(count) {\r\n            const displayContainer = document.getElementById('counter-display');\r\n            displayContainer.innerHTML = ''; \r\n\r\n            \/\/ \u0e41\u0e1b\u0e25\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e15\u0e23\u0e34\u0e07\u0e04\u0e27\u0e32\u0e21\u0e22\u0e32\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 6 \u0e2b\u0e25\u0e31\u0e01 (\u0e40\u0e0a\u0e48\u0e19 000000)\r\n            const countString = String(count).padStart(6, '0');\r\n\r\n            \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 Element \u0e0a\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2b\u0e25\u0e31\u0e01\r\n            for (let i = 0; i < countString.length; i++) {\r\n                const digitBox = document.createElement('div');\r\n                digitBox.className = 'counter-digit text-lg sm:text-2xl font-bold px-2.5 py-1.5 rounded-md shadow border border-slate-800 tracking-wider';\r\n                digitBox.textContent = countString[i];\r\n                displayContainer.appendChild(digitBox);\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div><\/div><\/section>\n<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_5962\" class=\"pvc_stats all  \" data-element-id=\"5962\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/anatomy.medsci.nu.ac.th\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"pvc_clear\"><\/div>\n<p id=\"pvc_stats_5962\" class=\"pvc_stats all  \" data-element-id=\"5962\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/anatomy.medsci.nu.ac.th\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=0 \/><\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"publishpress_future_action":{"enabled":false,"date":"2026-10-14 08:13:58","action":"draft","terms":[],"taxonomy":""},"_links":{"self":[{"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/5962"}],"collection":[{"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5962"}],"version-history":[{"count":31,"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/5962\/revisions"}],"predecessor-version":[{"id":5994,"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/5962\/revisions\/5994"}],"wp:attachment":[{"href":"https:\/\/anatomy.medsci.nu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}