\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 - Prompt Design<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);\r\n --secondary-gradient: linear-gradient(135deg, #0ea5e9 0%, #2dd4bf 100%);\r\n --dark-overlay: rgba(15, 23, 42, 0.95);\r\n --white: #ffffff;\r\n --bg-body: #f1f5f9;\r\n --transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n \/* \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e32\u0e27\u0e23 *\/\r\n text-decoration: none !important;\r\n }\r\n\r\n body {\r\n font-family: 'Prompt', sans-serif;\r\n background-color: var(--bg-body);\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #1e293b;\r\n }\r\n\r\n .wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n padding: 40px 20px;\r\n text-align: center;\r\n }\r\n\r\n h1 {\r\n font-size: 2.5rem;\r\n font-weight: 600;\r\n margin-bottom: 50px;\r\n color: #0f172a;\r\n }\r\n\r\n .course-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 40px;\r\n }\r\n\r\n \/* Card Style *\/\r\n .card {\r\n position: relative;\r\n width: 350px;\r\n height: 480px;\r\n background: var(--white);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n transition: var(--transition);\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* Card Face (Gradient) *\/\r\n .card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100%;\r\n color: var(--white);\r\n background: var(--primary-gradient);\r\n transition: var(--transition);\r\n }\r\n\r\n .card-content.pvs {\r\n background: var(--secondary-gradient);\r\n }\r\n\r\n .card-content h2 {\r\n font-size: 5rem;\r\n font-weight: 600;\r\n margin: 0;\r\n text-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n }\r\n\r\n .card-content p {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Overlay Layer *\/\r\n .overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: var(--dark-overlay);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 30px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(20px);\r\n transition: var(--transition);\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .card:hover .overlay {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0);\r\n }\r\n\r\n .overlay h3 {\r\n color: var(--white);\r\n font-size: 1.6rem;\r\n font-weight: 500;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Tags List *\/\r\n .tag-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n width: 100%;\r\n }\r\n\r\n .tag-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: var(--white);\r\n padding: 12px;\r\n border-radius: 12px;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n text-decoration: none !important;\r\n }\r\n\r\n .tag-btn:hover {\r\n background: var(--white);\r\n color: #0f172a;\r\n transform: scale(1.05);\r\n font-weight: 500;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .card {\r\n width: 300px;\r\n height: 420px;\r\n }\r\n .card-content h2 {\r\n font-size: 4rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"wrapper\">\r\n <h1>\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/h1>\r\n\r\n <div class=\"course-container\">\r\n \r\n \r\n <div class=\"card\">\r\n <div class=\"card-content\">\r\n <h2>\u0e1b\u0e27\u0e0a.<\/h2>\r\n <p>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/p>\r\n <\/div>\r\n <div class=\"overlay\">\r\n <h3>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32<\/h3>\r\n <div class=\"tag-grid\">\r\n <a href=\"https:\/\/kkk.ac.th\/?page_id=225\" class=\"tag-btn\">\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 1<\/a>\r\n <a href=\"https:\/\/kkk.ac.th\/?page_id=251\" class=\"tag-btn\">\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 2<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <div class=\"card-content pvs\">\r\n <h2>\u0e1b\u0e27\u0e2a.<\/h2>\r\n <p>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e0a\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07<\/p>\r\n <\/div>\r\n <div class=\"overlay\">\r\n <h3>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32<\/h3>\r\n <div class=\"tag-grid\">\r\n <a href=\"#\" class=\"tag-btn\">\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e0a\u0e48\u0e32\u0e07\u0e01\u0e25\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c<\/a>\r\n <a href=\"#\" class=\"tag-btn\">\u0e21\u0e31\u0e25\u0e15\u0e34\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 – Prompt Design \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e1b\u0e27\u0e0a. \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 1 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 2 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07 \u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e1b\u0e27\u0e2a. \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e0a\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/kkk.ac.th\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 – Prompt Design \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e1b\u0e27\u0e0a. \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 1 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 2 \u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07 \u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e1b\u0e27\u0e2a. \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e19\u0e35\u0e22\u0e1a\u0e31\u0e15\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e0a\u0e31\u0e49\u0e19\u0e2a\u0e39\u0e07 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 […]","_links":{"self":[{"href":"https:\/\/kkk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kkk.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kkk.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kkk.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kkk.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":61,"href":"https:\/\/kkk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/kkk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/494"}],"wp:attachment":[{"href":"https:\/\/kkk.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}