\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n .text-shadow-md {\n text-shadow: 2px 2px 4px rgba(0,0,0,0.25);\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n \n <header class=\"bg-blue-600 text-white p-8 md:p-12 text-center rounded-b-3xl shadow-lg\">\n <div class=\"container mx-auto flex flex-col items-center\">\n \n <img \n src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/294504376_394986482615335_1045661306692255094_n.jpg\" \n alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49\u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\" \n class=\"w-20 h-20 md:w-24 md:h-24 rounded-full mb-4 shadow-md\"\n >\n <h1 class=\"text-4xl md:text-5xl font-bold mb-2 text-shadow-md\">\n \u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\n <\/h1>\n <p class=\"text-lg md:text-xl opacity-90\">\n \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\n <\/p>\n <\/div>\n <\/header>\n\n \n <main class=\"container mx-auto p-4 md:p-8\">\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e39\u0e48\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\n <\/h2>\n <p class=\"text-base md:text-lg leading-relaxed text-gray-700\">\n \u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e31\u0e49\u0e07\u0e14\u0e49\u0e32\u0e19\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e41\u0e25\u0e30\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19 \u0e42\u0e14\u0e22\u0e1c\u0e2a\u0e21\u0e1c\u0e2a\u0e32\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e08\u0e32\u0e01\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e25 \u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e40\u0e23\u0e32\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e1a\u0e1a\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e42\u0e04\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e49\u0e32\u0e17\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\n <\/p>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n \n <div class=\"bg-white p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 transform hover:-translate-y-1\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-4xl text-blue-500 mr-4\">\ud83d\udcda<\/span>\n <h3 class=\"text-xl font-bold text-blue-600\">\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e41\u0e25\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07<\/h3>\n <\/div>\n <p class=\"text-gray-600\">\n \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e39\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e17\u0e31\u0e49\u0e07\u0e14\u0e49\u0e32\u0e19\u0e01\u0e25\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e40\u0e0b\u0e47\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c \u0e27\u0e07\u0e08\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 transform hover:-translate-y-1\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-4xl text-green-500 mr-4\">\ud83d\udd27<\/span>\n <h3 class=\"text-xl font-bold text-blue-600\">\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07<\/h3>\n <\/div>\n <p class=\"text-gray-600\">\n \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e19\u0e33\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e32\u0e07\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e21\u0e32\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e1a\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e15\u0e48\u0e32\u0e07\u0e46\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 transform hover:-translate-y-1\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-4xl text-purple-500 mr-4\">\ud83e\udd16<\/span>\n <h3 class=\"text-xl font-bold text-blue-600\">\u0e42\u0e04\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/h3>\n <\/div>\n <p class=\"text-gray-600\">\n \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e49\u0e32\u0e17\u0e32\u0e22 \u0e42\u0e14\u0e22\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"bg-gray-50 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300\">\n <img src=\"https:\/\/img2.pic.in.th\/pic\/p0729603.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e23\u0e2d\u0e07\u0e0a\u0e19\u0e30\u0e40\u0e25\u0e34\u0e28\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48 2 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e2a\u0e21\u0e2d\u0e07\u0e01\u0e25\u0e1d\u0e31\u0e07\u0e15\u0e31\u0e27\" class=\"w-full h-48 object-cover\">\n <div class=\"p-4\">\n <h3 class=\"font-bold text-lg text-blue-600 mb-1\">\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e23\u0e2d\u0e07\u0e0a\u0e19\u0e30\u0e40\u0e25\u0e34\u0e28\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48 2 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e2a\u0e21\u0e2d\u0e07\u0e01\u0e25\u0e1d\u0e31\u0e07\u0e15\u0e31\u0e27<\/h3>\n <p class=\"text-gray-600 text-sm\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e14\u0e23 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8 w-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e20\u0e32\u0e1e\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\n <\/h2>\n \n <div class=\"flex flex-col items-center gap-6\">\n \n <div class=\"rounded-xl overflow-hidden shadow-lg border border-gray-200 aspect-w-16 aspect-h-9 w-full md:w-2\/3 lg:w-1\/2\">\n <iframe \n class=\"w-full h-full\" \n src=\"https:\/\/www.youtube.com\/embed\/o0vH41g2TVE\" \n title=\"\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen>\n <\/iframe>\n <div class=\"p-4 bg-gray-50\">\n <p class=\"text-sm text-gray-600\">\n \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e19\u0e35\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e16\u0e36\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e44\u0e14\u0e49\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <a href=\"https:\/\/www.facebook.com\/profile.php?id=100063119594991\" class=\"block bg-blue-500 text-white p-6 rounded-2xl text-center shadow-lg hover:bg-blue-600 transition-colors duration-300 transform hover:-translate-y-1\">\n <img src=\"https:\/\/placehold.co\/50x50\/ffffff\/000000?text=f\" alt=\"Facebook Icon\" class=\"w-12 h-12 mx-auto mb-2 rounded-full\">\n <h3 class=\"text-xl font-bold\">Facebook<\/h3>\n <p class=\"text-sm opacity-90\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\n <\/a>\n \n \n <a href=\"#\" class=\"block bg-red-500 text-white p-6 rounded-2xl text-center shadow-lg hover:bg-red-600 transition-colors duration-300 transform hover:-translate-y-1\">\n <div class=\"w-12 h-12 mx-auto mb-2\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M19.615 3.184c-1.378-.052-1.802-.07-2.618-.088-1.536-.041-3.136-.088-4.997-.088-1.861 0-3.461.047-4.997.088-.816.018-1.24.036-2.618.088C3.186 3.236 2.375 4.364 2.375 6v12c0 1.636.811 2.764 2.375 2.816 1.378.052 1.802.07 2.618.088 1.536.041 3.136.088 4.997.088 1.861 0 3.461-.047 4.997-.088.816-.018 1.24-.036 2.618-.088 1.564-.052 2.375-1.18 2.375-2.816V6c0-1.636-.811-2.764-2.375-2.816zM9.99 15.405v-6.81l6.097 3.405-6.097 3.405z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold\">YouTube<\/h3>\n <p class=\"text-sm opacity-90\">\u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\n <\/a>\n \n \n <a href=\"#\" class=\"block bg-black text-white p-6 rounded-2xl text-center shadow-lg hover:bg-gray-800 transition-colors duration-300 transform hover:-translate-y-1\">\n <div class=\"w-12 h-12 mx-auto mb-2\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12.531 2.375c-1.428-1.5-3.626-2.375-5.344-2.375-.68 0-1.139.117-1.517.279-.229.097-.435.228-.618.399-.183.17-.32.37-.41.59-.09.22-.134.46-.134.71v.528c0 .249.044.489.134.71.09.22.227.42.41.59.183.171.389.302.618.399.378.162.837.279 1.517.279 1.718 0 3.916-.875 5.344-2.375v2.859c0 1.696-1.144 3.069-2.585 3.069-.64 0-1.189-.133-1.648-.399-.279-.16-.54-.36-.78-.601-.24-.241-.46-.511-.64-.81-.18-.3-.32-.62-.42-.96-.1-.34-.15-.71-.15-1.1v-2.868c0-1.696 1.144-3.069 2.585-3.069.64 0 1.189.133 1.648.399.279.16.54.36.78.601.24-.241.46-.511.64-.81.18-.3.32-.62.42-.96.1-.34.15-.71.15-1.1v-2.868zM17.47 5.75c-1.428-1.5-3.626-2.375-5.344-2.375-.68 0-1.139.117-1.517.279-.229.097-.435.228-.618.399-.183.17-.32.37-.41.59-.09.22-.134.46-.134.71v2.859c0 1.696 1.144 3.069 2.585 3.069.64 0 1.189-.133 1.648-.399.279-.16.54-.36.78-.601.24-.241.46-.511.64-.81.18-.3.32-.62.42-.96.1-.34.15-.71.15-1.1v-2.868z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold\">TikTok<\/h3>\n <p class=\"text-sm opacity-90\">\u0e04\u0e25\u0e34\u0e1b\u0e2a\u0e31\u0e49\u0e19\u0e2a\u0e19\u0e38\u0e01\u0e46<\/p>\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"bg-blue-600 text-white p-6 md:p-8 text-center rounded-t-3xl shadow-lg\">\n <div class=\"container mx-auto\">\n <p class=\"text-sm opacity-80\">\n \u00a9 2025 \u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\n <\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n\n<p> <\/p>\n<p><\/p>\n<p> <\/p>\n<p><\/p>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"spay_email":""},"_links":{"self":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4433"}],"collection":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4433"}],"version-history":[{"count":12,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4433\/revisions"}],"predecessor-version":[{"id":9329,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4433\/revisions\/9329"}],"wp:attachment":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4433,"date":"2020-05-28T04:10:30","date_gmt":"2020-05-28T04:10:30","guid":{"rendered":"http:\/\/bamnet.ac.th\/bm\/?page_id=4433"},"modified":"2025-08-11T15:42:07","modified_gmt":"2025-08-11T08:42:07","slug":"%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%81%e0%b8%a7%e0%b8%b4%e0%b8%8a%e0%b8%b2-%e0%b9%80%e0%b8%a1%e0%b8%84%e0%b8%84%e0%b8%b2%e0%b8%97%e0%b8%a3%e0%b8%ad%e0%b8%99%e0%b8%b4%e0%b8%81%e0%b8%aa%e0%b9%8c-%e0%b8%a2","status":"publish","type":"page","link":"https:\/\/bamnet.ac.th\/?page_id=4433","title":{"rendered":"\u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e41\u0e25\u0e30\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c"},"content":{"rendered":"\n\n\n\n \n \n \u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n .text-shadow-md {\n text-shadow: 2px 2px 4px rgba(0,0,0,0.25);\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n \n <header class=\"bg-blue-600 text-white p-8 md:p-12 text-center rounded-b-3xl shadow-lg\">\n <div class=\"container mx-auto flex flex-col items-center\">\n \n <img \n src=\"https:\/\/img5.pic.in.th\/file\/secure-sv1\/294504376_394986482615335_1045661306692255094_n.jpg\" \n alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49\u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\" \n class=\"w-20 h-20 md:w-24 md:h-24 rounded-full mb-4 shadow-md\"\n >\n <h1 class=\"text-4xl md:text-5xl font-bold mb-2 text-shadow-md\">\n \u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\n <\/h1>\n <p class=\"text-lg md:text-xl opacity-90\">\n \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\n <\/p>\n <\/div>\n <\/header>\n\n \n <main class=\"container mx-auto p-4 md:p-8\">\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e2a\u0e39\u0e48\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\n <\/h2>\n <p class=\"text-base md:text-lg leading-relaxed text-gray-700\">\n \u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e31\u0e49\u0e07\u0e14\u0e49\u0e32\u0e19\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e41\u0e25\u0e30\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e32\u0e19 \u0e42\u0e14\u0e22\u0e1c\u0e2a\u0e21\u0e1c\u0e2a\u0e32\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e08\u0e32\u0e01\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e25 \u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e41\u0e25\u0e30\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e40\u0e23\u0e32\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e1a\u0e1a\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e42\u0e04\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e49\u0e32\u0e17\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\n <\/p>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n \n <div class=\"bg-white p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 transform hover:-translate-y-1\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-4xl text-blue-500 mr-4\">\ud83d\udcda<\/span>\n <h3 class=\"text-xl font-bold text-blue-600\">\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e41\u0e25\u0e30\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e41\u0e01\u0e23\u0e48\u0e07<\/h3>\n <\/div>\n <p class=\"text-gray-600\">\n \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e39\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e17\u0e31\u0e49\u0e07\u0e14\u0e49\u0e32\u0e19\u0e01\u0e25\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e40\u0e0b\u0e47\u0e19\u0e40\u0e0b\u0e2d\u0e23\u0e4c \u0e27\u0e07\u0e08\u0e23\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 transform hover:-translate-y-1\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-4xl text-green-500 mr-4\">\ud83d\udd27<\/span>\n <h3 class=\"text-xl font-bold text-blue-600\">\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07<\/h3>\n <\/div>\n <p class=\"text-gray-600\">\n \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e19\u0e33\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e32\u0e07\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e21\u0e32\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e1a\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e17\u0e35\u0e48\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1d\u0e36\u0e01\u0e1d\u0e19\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a \u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e15\u0e48\u0e32\u0e07\u0e46\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-shadow duration-300 transform hover:-translate-y-1\">\n <div class=\"flex items-center mb-4\">\n <span class=\"text-4xl text-purple-500 mr-4\">\ud83e\udd16<\/span>\n <h3 class=\"text-xl font-bold text-blue-600\">\u0e42\u0e04\u0e23\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/h3>\n <\/div>\n <p class=\"text-gray-600\">\n \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e42\u0e04\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e49\u0e32\u0e17\u0e32\u0e22 \u0e42\u0e14\u0e22\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e27\u0e34\u0e0a\u0e32\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"bg-gray-50 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300\">\n <img src=\"https:\/\/img2.pic.in.th\/pic\/p0729603.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e23\u0e2d\u0e07\u0e0a\u0e19\u0e30\u0e40\u0e25\u0e34\u0e28\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48 2 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e2a\u0e21\u0e2d\u0e07\u0e01\u0e25\u0e1d\u0e31\u0e07\u0e15\u0e31\u0e27\" class=\"w-full h-48 object-cover\">\n <div class=\"p-4\">\n <h3 class=\"font-bold text-lg text-blue-600 mb-1\">\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e23\u0e2d\u0e07\u0e0a\u0e19\u0e30\u0e40\u0e25\u0e34\u0e28\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48 2 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e0b\u0e2d\u0e1f\u0e15\u0e4c\u0e41\u0e27\u0e23\u0e4c\u0e2a\u0e21\u0e2d\u0e07\u0e01\u0e25\u0e1d\u0e31\u0e07\u0e15\u0e31\u0e27<\/h3>\n <p class=\"text-gray-600 text-sm\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e14\u0e23 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8 w-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e20\u0e32\u0e1e\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\n <\/h2>\n \n <div class=\"flex flex-col items-center gap-6\">\n \n <div class=\"rounded-xl overflow-hidden shadow-lg border border-gray-200 aspect-w-16 aspect-h-9 w-full md:w-2\/3 lg:w-1\/2\">\n <iframe \n class=\"w-full h-full\" \n src=\"https:\/\/www.youtube.com\/embed\/o0vH41g2TVE\" \n title=\"\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\" \n frameborder=\"0\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen>\n <\/iframe>\n <div class=\"p-4 bg-gray-50\">\n <p class=\"text-sm text-gray-600\">\n \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e19\u0e35\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e16\u0e36\u0e07\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e44\u0e14\u0e49\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 md:p-8 rounded-2xl shadow-xl mb-8\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-blue-600 mb-4 text-center\">\n \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <a href=\"https:\/\/www.facebook.com\/profile.php?id=100063119594991\" class=\"block bg-blue-500 text-white p-6 rounded-2xl text-center shadow-lg hover:bg-blue-600 transition-colors duration-300 transform hover:-translate-y-1\">\n <img src=\"https:\/\/placehold.co\/50x50\/ffffff\/000000?text=f\" alt=\"Facebook Icon\" class=\"w-12 h-12 mx-auto mb-2 rounded-full\">\n <h3 class=\"text-xl font-bold\">Facebook<\/h3>\n <p class=\"text-sm opacity-90\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\n <\/a>\n \n \n <a href=\"#\" class=\"block bg-red-500 text-white p-6 rounded-2xl text-center shadow-lg hover:bg-red-600 transition-colors duration-300 transform hover:-translate-y-1\">\n <div class=\"w-12 h-12 mx-auto mb-2\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M19.615 3.184c-1.378-.052-1.802-.07-2.618-.088-1.536-.041-3.136-.088-4.997-.088-1.861 0-3.461.047-4.997.088-.816.018-1.24.036-2.618.088C3.186 3.236 2.375 4.364 2.375 6v12c0 1.636.811 2.764 2.375 2.816 1.378.052 1.802.07 2.618.088 1.536.041 3.136.088 4.997.088 1.861 0 3.461-.047 4.997-.088.816-.018 1.24-.036 2.618-.088 1.564-.052 2.375-1.18 2.375-2.816V6c0-1.636-.811-2.764-2.375-2.816zM9.99 15.405v-6.81l6.097 3.405-6.097 3.405z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold\">YouTube<\/h3>\n <p class=\"text-sm opacity-90\">\u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/p>\n <\/a>\n \n \n <a href=\"#\" class=\"block bg-black text-white p-6 rounded-2xl text-center shadow-lg hover:bg-gray-800 transition-colors duration-300 transform hover:-translate-y-1\">\n <div class=\"w-12 h-12 mx-auto mb-2\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12.531 2.375c-1.428-1.5-3.626-2.375-5.344-2.375-.68 0-1.139.117-1.517.279-.229.097-.435.228-.618.399-.183.17-.32.37-.41.59-.09.22-.134.46-.134.71v.528c0 .249.044.489.134.71.09.22.227.42.41.59.183.171.389.302.618.399.378.162.837.279 1.517.279 1.718 0 3.916-.875 5.344-2.375v2.859c0 1.696-1.144 3.069-2.585 3.069-.64 0-1.189-.133-1.648-.399-.279-.16-.54-.36-.78-.601-.24-.241-.46-.511-.64-.81-.18-.3-.32-.62-.42-.96-.1-.34-.15-.71-.15-1.1v-2.868c0-1.696 1.144-3.069 2.585-3.069.64 0 1.189.133 1.648.399.279.16.54.36.78.601.24-.241.46-.511.64-.81.18-.3.32-.62.42-.96.1-.34.15-.71.15-1.1v-2.868zM17.47 5.75c-1.428-1.5-3.626-2.375-5.344-2.375-.68 0-1.139.117-1.517.279-.229.097-.435.228-.618.399-.183.17-.32.37-.41.59-.09.22-.134.46-.134.71v2.859c0 1.696 1.144 3.069 2.585 3.069.64 0 1.189-.133 1.648-.399.279-.16.54-.36.78-.601.24-.241.46-.511.64-.81.18-.3.32-.62.42-.96.1-.34.15-.71.15-1.1v-2.868z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold\">TikTok<\/h3>\n <p class=\"text-sm opacity-90\">\u0e04\u0e25\u0e34\u0e1b\u0e2a\u0e31\u0e49\u0e19\u0e2a\u0e19\u0e38\u0e01\u0e46<\/p>\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"bg-blue-600 text-white p-6 md:p-8 text-center rounded-t-3xl shadow-lg\">\n <div class=\"container mx-auto\">\n <p class=\"text-sm opacity-80\">\n \u00a9 2025 \u0e41\u0e1c\u0e19\u0e01\u0e40\u0e21\u0e04\u0e04\u0e32\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e2a\u0e07\u0e27\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\n <\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n\n<p> <\/p>\n<p><\/p>\n<p> <\/p>\n<p><\/p>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"spay_email":""},"_links":{"self":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4433"}],"collection":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4433"}],"version-history":[{"count":12,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4433\/revisions"}],"predecessor-version":[{"id":9329,"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/4433\/revisions\/9329"}],"wp:attachment":[{"href":"https:\/\/bamnet.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}