| Server IP : 172.67.189.169 / Your IP : 216.73.216.59 Web Server : Apache/2 System : Linux cat167-197.static.lnwhostname.com 5.10.0-20-amd64 #1 SMP Debian 5.10.158-2 (2022-12-13) x86_64 User : paphayomho ( 1042) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/paphayomho/domains/paphayomhospital.go.th/private_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>โรงพยาบาลป่าพะยอม - PaPhayom Hospital</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary-blue: #007bff;
--dark-blue: #0056b3;
--primary-green: #28a745;
--dark-green: #1e7e34;
--light-bg: #f8f9fa;
--footer-bg: #2c3e50;
}
body {
font-family: 'Prompt', sans-serif;
background-color: var(--light-bg);
color: #333;
font-weight: 300;
scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
/* --- Floating Side Menu --- */
.side-news-nav {
position: fixed;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 1050;
display: flex;
flex-direction: column;
gap: 15px;
}
.side-nav-item {
background: white;
color: var(--dark-blue);
width: 55px;
height: 55px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
text-decoration: none;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
position: relative;
border: 2px solid white;
}
.side-nav-item:hover {
background: var(--primary-blue);
color: white;
width: 160px;
border-radius: 50px;
border-color: var(--primary-blue);
transform: scale(1.05);
}
.side-nav-item i { font-size: 1.4rem; }
.side-nav-label {
display: none;
margin-left: 10px;
font-size: 0.95rem;
font-weight: 500;
white-space: nowrap;
}
.side-nav-item:hover .side-nav-label {
display: inline;
}
@media (max-width: 768px) {
.side-news-nav { right: 10px; gap: 10px; }
.side-nav-item { width: 45px; height: 45px; }
.side-nav-item:hover { width: 45px; border-radius: 50%; transform: none; }
.side-nav-label { display: none !important; }
}
/* Top Bar */
.top-bar {
background: linear-gradient(90deg, var(--dark-green) 0%, var(--primary-green) 100%);
color: white;
padding: 8px 0;
font-size: 0.9rem;
}
/* Header */
.main-header {
background: white;
padding: 15px 0;
border-bottom: 4px solid var(--primary-blue);
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
position: relative;
z-index: 1020;
}
.hospital-logo-text h1 {
color: var(--dark-green);
font-weight: 700;
font-size: 1.8rem;
margin: 0;
line-height: 1.2;
text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}
/* --- Navbar & Modern Dropdown Styling --- */
.navbar-custom {
background-color: white;
border-bottom: 1px solid #eee;
padding: 0;
}
.navbar-custom .nav-link {
color: #444 !important;
padding: 20px 15px !important;
font-weight: 500;
transition: all 0.3s;
display: flex;
align-items: center;
}
.navbar-custom .nav-link i {
margin-right: 6px;
font-size: 1.1rem;
transition: transform 0.3s;
}
.navbar-custom .nav-link:hover i {
transform: translateY(-2px);
}
.navbar-custom .nav-link:hover, .navbar-custom .nav-link.active {
color: var(--primary-green) !important;
background-color: #f0fdf4;
}
/* Dropdown Improved */
.dropdown-menu {
border: none;
border-top: 3px solid var(--primary-green);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
border-radius: 0 0 15px 15px;
padding: 10px;
min-width: 260px;
animation: slideUp 0.3s ease;
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.dropdown-item {
padding: 8px 15px;
font-weight: 400;
color: #555;
border-radius: 8px;
transition: all 0.2s ease;
display: flex;
align-items: center;
margin-bottom: 2px;
}
.dropdown-item i {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f1f3f5;
border-radius: 50%;
margin-right: 12px;
font-size: 0.95rem;
transition: all 0.3s ease;
}
.dropdown-item:hover {
background-color: #f0fdf4;
color: var(--primary-green);
transform: translateX(5px);
}
.dropdown-item:hover i {
background-color: var(--primary-green);
color: white !important;
transform: rotate(360deg);
}
/* --- ITA Section Styling --- */
.ita-card {
transition: all 0.3s ease;
cursor: pointer;
border: 1px solid #eee;
background: #fff;
overflow: hidden;
position: relative;
}
.ita-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
border-color: var(--primary-green);
}
.ita-icon-box {
width: 80px;
height: 80px;
margin: 0 auto 15px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
transition: all 0.4s ease;
box-shadow: inset 0 0 10px rgba(0,0,0,0.05);
}
.ita-card:hover .ita-icon-box {
background: linear-gradient(135deg, var(--primary-green) 0%, #155724 100%);
transform: scale(1.1);
box-shadow: 0 10px 20px rgba(40, 167, 69, 0.4);
}
.ita-card:hover .ita-icon-box i {
color: #fff !important;
animation: pulse 1s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
/* Policy Bar */
.policy-bar {
background: #fff;
border-bottom: 1px solid #dee2e6;
padding: 10px 0;
}
.ticker-wrap {
background: #fdfdfd;
border: 1px solid #eee;
border-radius: 30px;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.02);
}
.ticker-label {
background: var(--primary-blue);
color: white;
padding: 6px 18px;
font-weight: 500;
white-space: nowrap;
font-size: 0.85rem;
border-radius: 30px 0 0 30px;
z-index: 5;
display: flex;
align-items: center;
}
.ticker-scroll {
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
padding-right: 45px;
}
.ticker-text-move {
display: inline-block;
padding-left: 100%;
animation: ticker-animation 25s linear infinite;
font-size: 0.85rem;
color: #555;
}
.ticker-text-move:hover { animation-play-state: paused; }
@keyframes ticker-animation {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(-100%, 0, 0); }
}
.ticker-download-btn {
position: absolute;
right: 5px;
background: #ffc107;
color: #212529;
width: 34px;
height: 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
z-index: 10;
transition: 0.3s;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.ticker-download-btn:hover {
background: var(--primary-green);
color: white;
transform: rotate(360deg);
}
.policy-nav-link {
font-size: 0.85rem;
color: var(--dark-blue);
text-decoration: none;
margin-left: 15px;
font-weight: 500;
transition: 0.2s;
display: inline-flex;
align-items: center;
padding: 5px 10px;
border-radius: 20px;
}
.policy-nav-link:hover {
background-color: #e9ecef;
color: var(--primary-green);
}
.policy-nav-link i { margin-right: 6px; font-size: 1rem; }
/* Hero Banner */
.hero-banner {
height: 550px;
background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url('images/banner2.png');
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 0 0 80px 80px;
margin-bottom: 50px;
position: relative;
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.hero-glass-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 50px 30px;
border-radius: 40px;
text-align: center;
max-width: 850px;
margin: 0 20px;
box-shadow: 0 25px 50px rgba(0,0,0,0.3);
}
.hero-glass-card h2 {
font-size: 3.2rem;
font-weight: 700;
margin-bottom: 15px;
text-shadow: 2px 4px 10px rgba(0,0,0,0.3);
color: #ffffff;
}
.hero-glass-card p {
font-size: 1.5rem;
font-weight: 300;
opacity: 0.95;
margin-bottom: 35px;
border-left: 5px solid var(--primary-green);
padding-left: 20px;
display: inline-block;
text-align: left;
background: rgba(0,0,0,0.2);
padding-right: 20px;
border-radius: 0 10px 10px 0;
}
.btn-hero-main {
background: #ffffff;
color: var(--dark-green) !important;
font-weight: 600;
padding: 15px 45px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 1.2rem;
border: none;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.btn-hero-main i { font-size: 1.4rem; }
.btn-hero-main:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
background: var(--primary-green);
color: white !important;
}
.director-card {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
text-align: center;
margin-bottom: 25px;
border: 1px solid #f0f0f0;
}
.director-img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: top;
background-color: #eee;
}
.director-info { padding: 20px; }
.news-item {
padding: 15px 0;
border-bottom: 1px dashed #ddd;
display: flex;
align-items: flex-start;
transition: 0.2s;
}
.news-item:hover { background-color: #fafafa; padding-left: 5px; }
.news-date {
background-color: #e8f5e9;
color: var(--dark-green);
padding: 4px 10px;
border-radius: 6px;
font-size: 0.8rem;
font-weight: 600;
margin-right: 15px;
min-width: 100px;
text-align: center;
border: 1px solid #c8e6c9;
display: flex;
flex-direction: column;
justify-content: center;
}
.news-title {
color: #333;
text-decoration: none;
font-weight: 400;
transition: 0.2s;
line-height: 1.4;
}
.news-title:hover { color: var(--primary-blue); font-weight: 500; }
/* --- Service Buttons & External Links --- */
.service-btn {
display: flex;
align-items: center;
padding: 10px;
background: white;
border-radius: 12px;
margin-bottom: 10px;
text-decoration: none;
color: #555;
transition: 0.3s;
border: 1px solid #f0f0f0;
box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.service-btn i {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f9fa;
border-radius: 10px;
margin-right: 15px;
font-size: 1.2rem;
transition: 0.3s;
}
.service-btn:hover {
background: white;
transform: translateX(5px);
border-color: var(--primary-blue);
color: var(--primary-blue);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.service-btn:hover i {
background: var(--primary-blue);
color: white !important;
}
footer {
background-color: var(--footer-bg);
color: #ecf0f1;
padding-top: 50px;
padding-bottom: 20px;
font-size: 0.95rem;
}
.footer-link { color: #bdc3c7; text-decoration: none; display: flex; align-items: center; margin-bottom: 8px; transition: 0.2s; }
.footer-link i { margin-right: 8px; font-size: 0.8rem; opacity: 0.7; }
.footer-link:hover { color: white; margin-left: 5px; }
.footer-link:hover i { color: var(--primary-green); opacity: 1; }
/* สำหรับการแสดงผล Submenu ด้านข้าง */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
/* แสดงเมนูย่อยเมื่อเอาเมาส์ไปชี้ (Hover) */
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
/* เพิ่มลูกศรชี้ไปทางขวา */
.dropdown-submenu > .dropdown-toggle::after {
display: inline-block;
float: right;
margin-top: 8px;
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
/* คลาสสำหรับควบคุมแบนเนอร์สไลด์ใหม่ */
.news-banner-slider {
border-radius: 15px; /* ความโค้งมนของขอบ */
overflow: hidden;
margin-bottom: 25px; /* ระยะห่างจากหัวข้อข่าว */
box-shadow: 0 8px 20px rgba(0,0,0,0.1); /* เงาใต้ภาพ */
}
.news-banner-slider img {
width: 100%;
height: 350px; /* ความสูงของแบนเนอร์ ปรับได้ตามต้องการ */
object-fit: cover; /* ให้รูปภาพขยายเต็มพื้นที่โดยไม่เสียสัดส่วน */
}
</style>
</head>
<body>
<div class="side-news-nav">
<a href="#top" class="side-nav-item" title="ไปบนสุด"><i class="fas fa-circle-chevron-up"></i><span class="side-nav-label">กลับด้านบน</span></a>
<a href="#news-section" class="side-nav-item"><i class="fas fa-bullhorn"></i><span class="side-nav-label">ข่าวประชาสัมพันธ์</span></a>
<a href="#service-section" class="side-nav-item"><i class="fas fa-hand-holding-medical"></i><span class="side-nav-label">บริการประชาชน</span></a>
<a href="#activity-section" class="side-nav-item"><i class="fas fa-photo-film"></i><span class="side-nav-label">ภาพกิจกรรม</span></a>
<a href="#ita-section" class="side-nav-item"><i class="fas fa-scale-balanced"></i><span class="side-nav-label">ข้อมูล ITA</span></a>
</div>
<div class="top-bar" id="top">
<div class="container d-flex justify-content-between align-items-center flex-wrap">
<div>
<i class="fas fa-phone-volume me-2"></i> 074-673967 ต่อ 110
<span class="mx-2">|</span>
<i class="fas fa-envelope-open-text me-2"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c696a7b6aea7bfa9abaea9b5b6afb2a7aa86a1aba7afaae8a5a9ab">[email protected]</a>
</div>
<div class="d-none d-md-block">
<span class="badge bg-warning text-dark shadow-sm"><i class="fas fa-truck-medical me-1"></i> อุบัติเหตุฉุกเฉิน 24 ชม.</span>
</div>
</div>
</div>
<header class="main-header">
<div class="container">
<div class="row align-items-center">
<div class="col-md-auto text-center mb-3 mb-md-0">
<img src="images/pp.png" alt="Logo" style="height: 90px; width: auto;">
</div>
<div class="col-md">
<div class="hospital-logo-text text-center text-md-start">
<h1>โรงพยาบาลป่าพะยอม</h1>
<p class="mb-0 text-muted">Paphayom Hospital | สำนักงานสาธารณสุขจังหวัดพัทลุง</p>
</div>
</div>
<div class="col-md-auto text-center text-md-end mt-3 mt-md-0">
<a href="tel:1669" class="btn btn-danger btn-lg rounded-pill shadow px-4">
<i class="fas fa-ambulance fa-beat me-2"></i> แจ้งเหตุ 1669
</a>
</div>
</div>
</div>
</header>
<nav class="navbar navbar-expand-lg navbar-custom sticky-top">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenu"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="mainMenu">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" href="#"><i class="fas fa-house-medical text-primary"></i> หน้าหลัก</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"><i class="fas fa-hospital text-success"></i> หน่วยงานภายใน</a>
<ul class="dropdown-menu shadow">
<li><a class="dropdown-item" href="#"><i class="fas fa-user-doctor text-primary"></i>กลุ่มงานการแพทย์</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-user-nurse text-info"></i>กลุ่มงานการพยาบาล</a></li>
<li><a class="dropdown-item" href="med_payom2023/index.html"><i class="fas fa-mortar-pestle text-danger"></i>กลุ่มงานเภสัชกรรมฯ</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-tooth text-warning"></i>กลุ่มงานทันตกรรม</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-house-chimney-medical text-info"></i>กลุ่มงานบริการด้านปฐมภูมิและองค์รวม</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-x-ray text-secondary"></i>กลุ่มงานรังสีวิทยา</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-microscope text-success"></i>กลุ่มงานเทคนิคการแพทย์</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-person-walking-revolving text-primary"></i>กลุ่มงานกายภาพบำบัด</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-leaf text-success"></i>กลุ่มงานแพทย์แผนไทยฯ</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-building-user text-muted"></i>กลุ่มงานบริหารทั่วไป</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-hand-holding-dollar text-info"></i>กลุ่มงานประกันสุขภาพ</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-laptop-medical text-primary"></i>กลุ่มงานสุขภาพดิจิทัล</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-head-side-virus text-warning"></i>กลุ่มงานสุขภาพจิตและยาเสพติด</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-plate-wheat text-success"></i> กลุ่มงานโภชนศาสตร์</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"><i class="fas fa-circle-info text-info"></i> ข้อมูลองค์กร</a>
<ul class="dropdown-menu shadow">
<li><a class="dropdown-item" href="vision.html"><i class="fas fa-bullseye text-danger"></i>วิสัยทัศน์ / พันธกิจ</a></li>
<li><a class="dropdown-item" href="manager.html"><i class="fas fa-users-viewfinder text-primary"></i>โครงสร้างผู้บริหาร</a></li>
<li><a class="dropdown-item" href="structure.html"><i class="fas fa-sitemap text-success"></i>โครงสร้างองค์กร</a></li>
<li><a class="dropdown-item" href="history.html"><i class="fas fa-clock-rotate-left text-warning"></i>ประวัติโรงพยาบาล</a></li>
<li><a class="dropdown-item" href="dashboard_papayom_1.html"><i class="fas fa-file-contract text-info"></i>ยุทธศาสตร์ 5 ปี (2566-2570)</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
<i class="fas fa-network-wired text-secondary"></i> ระบบสารสนเทศ
</a>
<ul class="dropdown-menu shadow">
<li><a class="dropdown-item" href="expiry_watch.html"><i class="fas fa-hourglass-half text-dark"></i> ระบบเฝ้าระวังยาใกล้หมดอายุ</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/meeting_report/index_page.php"><i class="fas fa-file-lines text-dark"></i> รายงานการประชุมคณะกรรมการบริหาร</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/Purchasing"><i class="fas fa-file-invoice text-warning"></i> ระบบจัดซื้อจัดจ้าง</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/newsjob/index_page.php"><i class="fas fa-id-card-clip text-info"></i> ระบบจัดการข้อมูลสมัครงาน</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/hrm/user/"><i class="fas fa-users-viewfinder text-success"></i> ระบบจัดการข้อมูลการประชุมฯ</a></li>
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" href="https://www.paphayomhospital.go.th/CPG_PaphayomHospital_2569.html">
<i class="fas fa-book-medical text-danger"></i> แนวปฏิบัติการดูแลรักษา(CPG)
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="CPG_PaphayomHospital_2569.html">คู่มือ CPG</a></li>
<li><a class="dropdown-item" href="driver_diagrams_CPG_PaphayomHospital_2569.html">Driver Diagrams Clinical </a></li>
</ul>
</li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/km_paphayom/index.php"><i class="fas fa-graduation-cap text-primary"></i> ระบบคลังความรู้ รพ.ป่าพะยอม</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/PCU2566/index.php"><i class="fas fa-stethoscope text-success"></i> ระบบจัดการข้อมูลเครื่องมือทางการแพทย์ฯ</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/equipment/index.php"><i class="fas fa-right-left text-secondary"></i> ระบบยืม-คืนอุปกรณ์การแพทย์</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/HHC/index.php"><i class="fas fa-baby-carriage text-secondary"></i> ระบบบันทึกข้อมูลมารดาหลังคลอดฯ</a></li>
<li><a class="dropdown-item" href="https://www.paphayomhospital.go.th/Account.html"><i class="fas fa-file-invoice text-warning"></i> ระบบบริหารลูกหนี้ค่ารักษาพยาบาล</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="#news-section"><i class="fas fa-newspaper text-warning"></i> ข่าวประชาสัมพันธ์</a></li>
<li class="nav-item"><a class="nav-link" href="form.html"><i class="fas fa-images text-success"></i> ดาวน์โหลด</a></li>
<li class="nav-item"><a class="nav-link" href="ita_paphayom/index.php"><i class="fas fa-scale-balanced text-danger"></i> ITA</a></li>
<li class="nav-item"><a class="nav-link" href="HA2569.html"><i class="fas fa-calendar-days text-primary"></i>งานคุณภาพ</a></li>
<li class="nav-item"><a class="nav-link" href="contact1.html"><i class="fas fa-comment-dots text-info"></i> ติดต่อเรา</a></li>
</ul>
</div>
</div>
</nav>
<div class="policy-bar shadow-sm">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 mb-2 mb-lg-0">
<div class="ticker-wrap">
<span class="ticker-label"><i class="fas fa-bullhorn fa-shake me-1"></i> ประกาศล่าสุด:</span>
<div class="ticker-scroll">
<div class="ticker-text-move">ขอเชิญร่วมกิจกรรมวันพยาบาลแห่งชาติ และรับบริการตรวจสุขภาพฟรี ณ อาคารผู้ป่วยนอก ... | ติดตามตารางนัดหมายล่วงหน้าผ่านแอปพลิเคชันได้แล้ววันนี้ ... | ขยายเวลาการรับสมัครลูกจ้างชั่วคราว ...</div>
</div>
<a href="#" class="ticker-download-btn" title="ดาวน์โหลดประกาศ"><i class="fas fa-file-arrow-down"></i></a>
</div>
</div>
<div class="col-lg-6 text-lg-end text-center">
<a href="PolicyPaphayom/index.php" class="policy-nav-link"><i class="fas fa-gavel"></i> ประกาศ/นโยบาย</a>
<a href="#" class="policy-nav-link"><i class="fas fa-user-shield"></i> นโยบาย PDPA</a>
<a href="#" class="policy-nav-link"><i class="fas fa-handshake-slash"></i> No Gift Policy</a>
<a href="#" class="policy-nav-link text-danger"><i class="fas fa-file-pdf"></i> คู่มือประชาชน</a>
</div>
</div>
</div>
</div>
<div id="mainCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="hero-banner">
<div class="hero-glass-card">
<span class="badge bg-success mb-3 px-3 py-2 rounded-pill shadow-sm" style="font-size: 0.9rem; font-weight: 400;">
<i class="fas fa-award me-1"></i> ผ่านการรับรองมาตรฐาน HA
</span>
<h2>ยินดีต้อนรับสู่โรงพยาบาลป่าพะยอม</h2>
<p>" โรงพยาบาลชุมชนเป็นเลิศ ด้านระบบบริการสุขภาพ ระดับภาคใต้ "</p>
<div class="d-flex gap-3 justify-content-center flex-wrap">
<a href="#" class="btn-hero-main shadow">
<i class="fas fa-calendar-check text-primary"></i> นัดหมายออนไลน์
</a>
<a href="tel:074673967" class="btn-hero-main shadow" style="background: rgba(255,255,255,0.2); color: white !important; border: 1px solid white;">
<i class="fas fa-headset"></i> ติดต่อสอบถาม
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row g-4">
<div class="col-lg-3">
<div class="director-card">
<img src="images/boss.png" class="director-img" alt="พญ.ธัญลักษณ์ คงฤทธิ์ ผู้อำนวยการโรงพยาบาล">
<div class="director-info">
<h5 class="mb-1 text-primary">พญ.ธัญลักษณ์ คงฤทธิ์</h5>
<p class="text-muted small mb-0">นายแพทย์ชำนาญการ รักษาการในตำแหน่ง<br>ผู้อำนวยการโรงพยาบาล</p>
</div>
</div>
<div class="mb-4">
<h5 class="fw-bold mb-3 border-start border-4 border-success ps-2">ระบบสารสนเทศ</h5>
<div class="d-flex flex-column gap-2">
<a href="https://payom.thai-nrls.org/" class="service-btn">
<i class="fas fa-shield-halved text-danger me-2"></i>ระบบบริหารความเสี่ยง (HRMS)
</a>
<a href="https://thip.ha.or.th/" class="service-btn">
<i class="fas fa-chart-column text-danger me-2"></i>ระบบสารสนเทศวัดระดับคุณภาพโรงพยาบาล<br>(THIP Program)
</a>
<a href="#" class="service-btn">
<i class="fas fa-user-shield text-primary me-2"></i>ระบบสำรวจวัฒนธรรม<br>ความปลอดภัยฯ
</a>
<a href="#" class="service-btn">
<i class="fas fa-comments-continual text-info me-2"></i>ระบบการรับฟังประสบการณ์<br>ผู้ป่วย (PEP)
</a>
<a href="https://www.paphayomhospital.go.th/room/" class="service-btn">
<i class="fas fa-calendar-check text-primary me-2"></i>จองห้องประชุมออนไลน์
</a>
<a href="../HRD.html" class="service-btn">
<i class="fas fa-book-bookmark text-success me-2"></i>ระบบคลังคู่มือปฏิบัติงาน
</a>
<a href="../FDH.html" class="service-btn">
<i class="fas fa-file-invoice-dollar text-warning me-2"></i>ศูนย์รวมระบบเบิก-จ่าย
</a>
</div>
</div>
</div>
<div class="col-lg-6" id="news-section">
<!-- Banner Slider Section -->
<div id="topNewsBanner" class="carousel slide news-banner-slider" data-bs-ride="carousel">
<!-- ตัวชี้ตำแหน่งสไลด์ (ขีดด้านล่าง) -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#topNewsBanner" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#topNewsBanner" data-bs-slide-to="1"></button>
</div>
<!-- รายการรูปภาพสไลด์ -->
<div class="carousel-inner">
<!-- รูปที่ 1 -->
<div class="carousel-item active">
<img src="images/Chat.jpg" alt="ข่าวประชาสัมพันธ์ 1">
</div>
<!-- รูปที่ 2 -->
<div class="carousel-item">
<img src="images/nogift1.png" alt="ข่าวประชาสัมพันธ์ 2">
</div>
</div>
<!-- ปุ่มควบคุม ซ้าย-ขวา -->
<button class="carousel-control-prev" type="button" data-bs-target="#topNewsBanner" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#topNewsBanner" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<h4 class="fw-bold mb-3"><i class="fas fa-newspaper text-primary me-2"></i>ข่าวสารประชาสัมพันธ์</h4>
<ul class="nav nav-tabs mb-3" id="newsTab" role="tablist">
<li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#recruit" type="button"><i class="fas fa-user-plus me-1"></i> รับสมัครงาน</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#purchase" type="button"><i class="fas fa-file-signature me-1"></i> จัดซื้อจัดจ้าง</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#pr" type="button"><i class="fas fa-bullhorn me-1"></i> ข่าวประชาสัมพันธ์</button></li>
</ul>
<div class="tab-content bg-white p-2 rounded shadow-sm">
<div class="tab-pane fade show active" id="recruit">
<div class="news-item">
<span class="news-date">6 ส.ค. 69</span>
<a href="job/Job-23.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">31 ก.ค. 69</span>
<a href="job/Job-22.pdf" class="news-title">ประกาศรายชื่อผู้มีสิทธิ์สอบคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">13 ก.ค. 69</span>
<a href="job/Job-21.pdf" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว ประเภทรายวัน5อัตรา</a>
</div>
<div class="news-item">
<span class="news-date">30 มิ.ย. 69</span>
<a href="job/Job-20.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">26 มิ.ย. 69</span>
<a href="job/Job-19.pdf" class="news-title">ประกาศรายชื่อผู้มีสิทธิ์สอบคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">11 มิ.ย. 69</span>
<a href="job/Job-18.pdf" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว ประเภทรายวัน 1 อัตรา</a>
</div>
<div class="news-item">
<span class="news-date">5 มิ.ย. 69</span>
<a href="job/Job-17.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">3 มิ.ย. 69</span>
<a href="job/Job-16.pdf" class="news-title">ประกาศรายชื่อผู้มีสิทธิ์สอบคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">27 พ.ค. 69</span>
<a href="job/Job-15.pdf" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว ประเภทรายวัน 1 อัตรา</a>
</div>
<div class="news-item">
<span class="news-date">27 พ.ค. 69</span>
<a href="job/Job-14.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">22 พ.ค. 69</span>
<a href="job/Job-13.pdf" class="news-title">ประกาศรายชื่อผู้มีสิทธิ์สอบคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">1 พ.ค. 69</span>
<a href="job/Job-12.pdf" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว ประเภทรายวัน 4 อัตรา</a>
</div>
<div class="news-item">
<span class="news-date">25 มี.ค. 69</span>
<a href="job/Job-9.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">20 มี.ค. 69</span>
<a href="job/Job-8.pdf" class="news-title">ประกาศรายชื่อผู้มีสิทธิ์สอบคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">9 มี.ค. 69</span>
<a href="job/Job-7.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">5 มี.ค. 69</span>
<a href="job/Job-6.pdf" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว ประเภทรายวัน 2 อัตรา</a>
</div>
<div class="news-item">
<span class="news-date">4 มี.ค. 69</span>
<a href="job/Job-5.pdf" class="news-title">ประกาศรายชื่อผู้มีสิทธิ์สอบคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">25 ก.พ. 69</span>
<a href="job/Job-4.pdf" class="news-title">ประกาศรายชื่อผู้สอบผ่านการคัดเลือกเป็นลูกจ้างชั่วคราวเงินบำรุง(รายวัน)</a>
</div>
<div class="news-item">
<span class="news-date">23 ก.พ. 69</span>
<a href="job/Job-3.pdf" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว...</a>
</div>
<div class="news-item">
<span class="news-date">22 ส.ค. 68</span>
<a href="#" class="news-title">ประกาศรายชื่อผู้ผ่านการคัดเลือกเป็นลูกจ้างชั่วคราว 3 ตำแหน่ง</a>
</div>
<div class="text-end mt-3"><a href="#" class="btn btn-sm btn-outline-primary">ดูประกาศทั้งหมด <i class="fas fa-angles-right"></i></a></div>
</div>
<div class="tab-pane fade" id="purchase">
<div class="news-item"><span class="news-date">12 มิ.ย.69</span><a href="procurement/P11.pdf" class="news-title">ประกาศผู้ชนะการเสนอราคา ประกวดราคาซื้อเครื่องตรวจอวัยวะภายในด้วยคลื่นเสียงความถี่สูง ชนิดสี 2 หัวตรวจ จำนวน 1 เครื่อง ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</a></div>
<div class="news-item"><span class="news-date">22 พ.ค.69</span><a href="procurement/P10.pdf" class="news-title">ประกาศประกวดราคาซื้อเครื่องตรวจอวัยวะภายในด้วยคลื่นเสียงความถี่สูง ชนิดสี 2 หัวตรวจ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</a></div>
<div class="news-item"><span class="news-date">14 พ.ค.69</span><a href="procurement/P8.pdf" class="news-title">ปรับปรุง (ร่าง) ประกวดราคาซื้อเครื่องตรวจอวัยวะภายในด้วยคลื่นเสียงความถี่สูง ชนิดสี 2 หัวตรวจ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</a></div>
<div class="news-item"><span class="news-date">22 เม.ย.69</span><a href="procurement/P7.pdf" class="news-title">(ร่าง) ประกวดราคาซื้อเครื่องตรวจอวัยวะภายในด้วยคลื่นเสียงความถี่สูง ชนิดสี 2 หัวตรวจ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</a></div>
<div class="news-item"><span class="news-date">26 มี.ค.69</span><a href="procurement/P1.pdf" class="news-title">ประกาศเผยแผร่แผนการจัดซื้อจัดจ้าง เครื่องตรวจอวัยวะภายในด้วยคลื่นเสียงความถี่สูง</a></div>
<div class="news-item"><span class="news-date">25 มี.ค.69</span><a href="procurement/P6.pdf" class="news-title">รายงานผลการดำเนินงานตามแผนการจัดซื้อปีงบประมาณ 2569</a></div>
<div class="news-item"><span class="news-date">25 มี.ค.69</span><a href="procurement/P5.pdf" class="news-title">รายงานผลการจัดซื้อ-จัดจ้างต.ค.68-มี.ค.69</a></div>
<div class="news-item"><span class="news-date">6 ก.พ.69</span><a href="procurement/20260209160702981.pdf" class="news-title">ประกวดราคาจ้างเหมาบริการผ่าตัดต้อกระจก จำนวน 1 โครงการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์(e-bidding) </a></div>
<div class="news-item"><span class="news-date">6 ก.พ.69</span><a href="procurement/20260209160617641.pdf" class="news-title">ตารางแสดงวงเงินงบประมาณที่ได้รับจัดสรรคและราคากลาง(ราคาอ้างอิง)การจัดซื้อจัดจ้างที่มิใช่งานก่อสร้าง </a></div>
<div class="news-item"><span class="news-date">6 ก.พ.69</span><a href="procurement/20260209113903263.pdf" class="news-title">ประกวดราคาจ้างเหมาบริการผ่าตัดต้อกระจก จำนวน 1 โครงการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์(e-bidding) </a></div>
<div class="news-item"><span class="news-date">3 ก.พ.69</span><a href="procurement/20260202171420765.pdf" class="news-title">เผยแพร่แผนการจัดซื้อจัดจ้าง ประจำปีงบประมาณ 2569 </a></div>
<div class="news-item"><span class="news-date">20 ต.ค.68</span><a href="procurement/P4.pdf" class="news-title">รายงานการวิเคราะห์ผลการจัดซื้อจัดจ้าง ประจำปีงบประมาณ 2569 </a></div>
<div class="news-item"><span class="news-date">1 ต.ค.68</span><a href="procurement/P3.pdf" class="news-title">ประกาศแนวทางการปฎิบัติตามมาตราการฯ </a></div>
<div class="news-item"><span class="news-date">1 ต.ค.68</span><a href="procurement/P2.pdf" class="news-title">ขออนุมัติเผยแพร่แผนจัดหาพัสดุ ประจำปีงบประมาณ 2569 </a></div>
</div>
<div class="tab-pane fade" id="pr">
<div class="news-item"><span class="news-date">2569</span><a href="ckd_day_2569.html" class="news-title">กิจกรรมสัปดาห์วันไตโลก ประจำปี 2569</a></div>
</div>
</div>
</div>
<div class="col-lg-3" id="service-section">
<h5 class="fw-bold mb-3 border-start border-4 border-primary ps-2">บริการประชาชน</h5>
<div class="d-grid gap-2 mb-4">
<a href="service.html" class="btn btn-outline-primary text-start p-3 rounded-3 shadow-sm d-flex align-items-center">
<i class="fas fa-calendar-check me-2 fa-lg"></i> ตารางบริการคลินิก
</a>
<a href="doctor.html" class="btn btn-outline-primary text-start p-3 rounded-3 shadow-sm d-flex align-items-center">
<i class="fas fa-user-doctor me-2 fa-lg"></i> ตารางแพทย์
</a>
<a href="contact.html" class="btn btn-outline-secondary text-start p-3 rounded-3 shadow-sm d-flex align-items-center">
<i class="fas fa-phone-flip me-2 fa-lg"></i> เบอร์ติดต่อภายใน
</a>
<button class="btn btn-outline-success text-start p-3 rounded-3 d-flex align-items-center" type="button">
<i class="fas fa-heart-pulse me-2 fa-lg"></i> ชมรมจริยธรรม
</button>
<button class="btn btn-outline-info text-start p-3 rounded-3 d-flex align-items-center" type="button">
<i class="fas fa-comment-dots me-2 fa-lg"></i> รับเรื่องร้องเรียน
</button>
</div>
<style>
.banner-card {
border: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.banner-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.banner-img-wrapper {
position: relative;
overflow: hidden;
background: #f8f9fa;
}
.banner-img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
/* ปรับแต่งคลาส service-btn ให้เข้ากัน */
.service-btn {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
margin-bottom: 8px;
background-color: #ffffff;
border: 1px solid #e9ecef;
border-radius: 10px;
color: #333;
text-decoration: none;
font-weight: 500;
transition: all 0.2s ease-in-out;
}
.service-btn:hover {
background-color: #f1f8f5;
border-color: #198754;
color: #198754;
transform: translateX(4px);
}
.service-btn i {
font-size: 1.1rem;
width: 20px;
text-align: center;
}
</style>
<div class="mt-4">
<!-- ส่วนลิงก์ภายนอก -->
<div>
<h5 class="fw-bold mb-3 border-start border-4 border-success ps-2 text-dark">
ลิงก์ภายนอก
</h5>
<!-- ภาพสำนักงานอิเล็กทรอนิกส์ (ย้ายมาอยู่ใต้คำว่าลิงก์ภายนอก) -->
<div class="mb-3">
<a href="https://eoffice-paphayom.moph.go.th/portal/home" target="_blank" class="text-decoration-none">
<div class="card banner-card">
<div class="banner-img-wrapper">
<img src="images/eoffice1.png" alt="ระบบสำนักงานอิเล็กทรอนิกส์ eOffice-Paphayom" class="banner-img" />
</div>
</div>
</a>
</div>
<!-- รายการลิงก์ภายนอกอื่นๆ -->
<div class="d-flex flex-column">
<a href="https://moph.go.th/" target="_blank" class="service-btn">
<i class="fas fa-server text-primary"></i>
<span>กระทรวงสาธารณสุข</span>
</a>
<a href="https://ptho.moph.go.th/" target="_blank" class="service-btn">
<i class="fas fa-clipboard-list text-success"></i>
<span>สสจ.จังหวัดพัทลุง</span>
</a>
<a href="https://hdc.moph.go.th/plg" target="_blank" class="service-btn">
<i class="fas fa-cloud text-info"></i>
<span>HDC สสจ.จังหวัดพัทลุง</span>
</a>
<a href="https://nonhr.moph.go.th/" target="_blank" class="service-btn">
<i class="fas fa-users-gear text-info"></i>
<span>ข้อมูลบุคลากรรายบุคคล NonHR</span>
</a>
<a href="https://ddc.moph.go.th/index.php" target="_blank" class="service-btn">
<i class="fas fa-heart-pulse text-danger"></i>
<span>กรมควบคุมโรค</span>
</a>
<a href="https://dmh.go.th/" target="_blank" class="service-btn">
<i class="fas fa-chart-pie text-warning"></i>
<span>กรมสุขภาพจิต</span>
</a>
<a href="https://referlink.moph.go.th/mopherp" target="_blank" class="service-btn">
<i class="fas fa-share-from-square text-primary"></i>
<span>MOPH ERP System</span>
</a>
<a href="https://moph-refer.moph.go.th/login" target="_blank" class="service-btn">
<i class="fas fa-barcode text-dark"></i>
<span>MOPH REFER</span>
</a>
<a href="https://imaginghub-dashboard.one.th/board_view" target="_blank" class="service-btn">
<i class="fas fa-desktop text-secondary"></i>
<span>Imaging Hub Dashboard</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5 py-4" id="activity-section">
<div class="d-flex justify-content-between align-items-center mb-4">
<h3 class="fw-bold m-0">
<i class="fas fa-camera-retro text-success me-2"></i>ภาพกิจกรรมภายในโรงพยาบาล
</h3>
<a href="#" class="btn btn-outline-success btn-sm">ดูภาพทั้งหมด <i class="fas fa-angles-right"></i></a>
</div>
<div class="row g-3">
<div class="col-md-4 col-sm-6">
<div class="card border-0 shadow-sm h-100 overflow-hidden">
<img src="new/371186.jpg" class="card-img-top" alt="กิจกรรม">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-truncate mb-1">กิจกรรมตึกมินิธัญญารักษ์ประจำเดือนเมษายน</h6>
<small class="text-muted"><i class="far fa-calendar-check me-1"></i> 1-26 เม.ย. 2569</small>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card border-0 shadow-sm h-100 overflow-hidden">
<img src="new/373157.jpg" class="card-img-top" alt="กิจกรรม">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-truncate mb-1">กิจกรรมติดตามครอบรัวผู้ป่วยจิตเวชเรื้อรังฯ</h6>
<small class="text-muted"><i class="far fa-calendar-check me-1"></i> 24 เม.ย. 2569</small>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card border-0 shadow-sm h-100 overflow-hidden">
<img src="new/371155.jpg" class="card-img-top" alt="กิจกรรม">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-truncate mb-1">กิจกรรมตึกมินิธัญญารักษ์</h6>
<small class="text-muted"><i class="far fa-calendar-check me-1"></i> 13-17 เม.ย. 2569</small>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card border-0 shadow-sm h-100 overflow-hidden">
<img src="new/CKD2569.png" class="card-img-top" alt="กิจกรรม">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-truncate mb-1">สัปดาห์วันไตโลก ปี 2569</h6>
<small class="text-muted"><i class="far fa-calendar-check me-1"></i> 9–13 มี.ค 2569</small>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card border-0 shadow-sm h-100 overflow-hidden">
<img src="new/669539334.jpg" class="card-img-top" alt="กิจกรรม">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-truncate mb-1">กิจกรรมตึกมินิธัญญารักษ์</h6>
<small class="text-muted"><i class="far fa-calendar-check me-1"></i> 6-10 เม.ย. 2569</small>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card border-0 shadow-sm h-100 overflow-hidden">
<img src="new/36820_0.jpg" class="card-img-top" alt="กิจกรรม">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-truncate mb-1">กิจกรรมตึกมินิธัญญารักษ์</h6>
<small class="text-muted"><i class="far fa-calendar-check me-1"></i> 1-3 ธ.ค. 2568</small>
</div>
</div>
</div>
</div> </div>
<div class="bg-white py-5 mt-5 border-top" id="ita-section">
<div class="container">
<h3 class="text-center fw-bold text-dark mb-4">ITA : การประเมินคุณธรรมและความโปร่งใส</h3>
<div class="row g-4 text-center">
<div class="col-6 col-md-3">
<div class="p-4 rounded ita-card h-100">
<div class="ita-icon-box shadow-sm"><i class="fas fa-folder-tree fa-2x text-primary"></i></div>
<h6 class="fw-bold mt-2">ข้อมูลพื้นฐาน</h6><small class="text-muted d-block">โครงสร้าง, อำนาจหน้าที่</small>
</div>
</div>
<div class="col-6 col-md-3">
<div class="p-4 rounded ita-card h-100">
<div class="ita-icon-box shadow-sm"><i class="fas fa-list-check fa-2x text-success"></i></div>
<h6 class="fw-bold mt-2">การบริหารงาน</h6><small class="text-muted d-block">แผนดำเนินงาน, รายงานผล</small>
</div>
</div>
<div class="col-6 col-md-3">
<div class="p-4 rounded ita-card h-100">
<div class="ita-icon-box shadow-sm"><i class="fas fa-file-invoice-dollar fa-2x text-warning"></i></div>
<h6 class="fw-bold mt-2">การจัดซื้อจัดจ้าง</h6><small class="text-muted d-block">แผนจัดซื้อ, ประกาศต่างๆ</small>
</div>
</div>
<div class="col-6 col-md-3">
<div class="p-4 rounded ita-card h-100">
<div class="ita-icon-box shadow-sm"><i class="fas fa-users-gear fa-2x text-danger"></i></div>
<h6 class="fw-bold mt-2">การบริหารทรัพยากร</h6><small class="text-muted d-block">หลักเกณฑ์, อัตรากำลัง</small>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 mb-4">
<h5 class="mb-3 text-white"><i class="fas fa-hospital me-2"></i>โรงพยาบาลป่าพะยอม</h5>
<p class="small text-secondary mb-2">สำนักงานสาธารณสุขจังหวัดพัทลุง</p>
<p class="small text-secondary">โรงพยาบาลชุมชนเป็นเลิศ ด้านระบบบริการสุขภาพ ระดับภาคใต้</p>
<div class="mt-3">
<a href="#" class="text-white me-3"><i class="fab fa-facebook fa-lg"></i></a>
<a href="#" class="text-white me-3"><i class="fab fa-line fa-lg"></i></a>
<a href="#" class="text-white"><i class="fab fa-youtube fa-lg"></i></a>
</div>
</div>
<div class="col-md-3 mb-4">
<h6 class="mb-3 text-white">ลิงก์ด่วน</h6>
<a href="#" class="footer-link"><i class="fas fa-angle-right"></i> หน้าหลัก</a>
<a href="contact1.html" class="footer-link"><i class="fas fa-angle-right"></i> ติดต่อเรา</a>
<a href="#" class="footer-link"><i class="fas fa-angle-right"></i> สมัครงาน</a>
<a href="https://srmcitizen.nhso.go.th/" class="footer-link"><i class="fas fa-angle-right"></i> ตรวจสอบสิทธิ</a>
</div>
<div class="col-md-3 mb-4">
<h6 class="mb-3 text-white">ข้อมูลติดต่อ</h6>
<p class="small text-secondary mb-1"><i class="fas fa-map-marker-alt me-2"></i>171 ม.2 ต.ป่าพะยอม อ.ป่าพะยอม จ.พัทลุง</p>
<p class="small text-secondary mb-1"><i class="fas fa-phone me-2"></i> 074-673967</p>
<p class="small text-secondary"><i class="fas fa-envelope me-2"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="613100110900180e0c090e12110815000d21060c00080d4f020e0c">[email protected]</a></p>
</div>
</div>
<div class="row pt-3 border-top border-secondary">
<div class="col-12 text-center small text-secondary">
© 2026 PaPhayom Hospital. All Rights Reserved.
</div>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"f90a79f4a0d64129aa8b9445b8d95ffc","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>