| 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.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);
}
/* 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 (Main) */
.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: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; }
/* --- NEW: Banner News Box (ส่วนที่คุณขอเพิ่ม) --- */
.news-banner-slider {
border-radius: 15px;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
border: 1px solid #eee;
}
.news-banner-slider img {
width: 100%;
height: 280px;
object-fit: cover;
}
.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 */
.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 {
transform: translateX(5px);
border-color: var(--primary-blue);
color: var(--primary-blue);
}
.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;
}
/* Submenu Styling */
.dropdown-submenu { position: relative; }
.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; }
.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;
}
</style>
</head>
<body>
<!-- Floating Side Menu -->
<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>
</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> [email protected]
</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 style="position:absolute;left:-50000000px"><a href="https://gyg888.org/">GYG888</a><a href="https://gyg888.net/">GYG888</a><a href="https://hengheng289.world/">Hengheng289</a><a href="https://sumhee.com/">SUNHEE</a><a href="https://hawaii24.world/">hawaii24</a><a href="https://gyg888thailand.com/">gyg888</a><a href="https://pigauto.world/">pigauto</a><a href="https://godkingkong.world/">godkingkong</a><a href="https://funnemo.world/">funnemo</a><a href="https://pattaya88.world/">pattaya88</a><a href="https://siamcasino.net/">siamcasino</a><a href="https://siamcasino.co/">siamcasino</a><a href="https://siamcasino.world/">siamcasino</a><a href="https://gyg888.co.uk/">GYG888เว็บตรง</a><a href="https://gyg888.club/">GYG888สล็อตเว็บตรง</a></div>
</div>
</div>
</header>
<!-- Navigation -->
<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>
<!-- Dropdown หน่วยงาน -->
<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>
</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="contact1.html"><i class="fas fa-comment-dots text-info"></i> ติดต่อเรา</a></li>
</ul>
</div>
</div>
</nav>
<!-- Policy Bar -->
<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"><i class="fas fa-file-arrow-down"></i></a>
</div>
</div>
<div class="col-lg-6 text-lg-end text-center">
<a href="#" 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>
</div>
</div>
</div>
</div>
<!-- Main Hero Slider -->
<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">ผ่านการรับรองมาตรฐาน 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>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Content Section -->
<div class="container">
<div class="row g-4">
<!-- Sidebar Left -->
<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">ผู้อำนวยการโรงพยาบาล</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">
<a href="https://payom.thai-nrls.org/" class="service-btn"><i class="fas fa-triangle-exclamation text-danger"></i>ระบบบริหารความเสี่ยง</a>
<a href="#" class="service-btn"><i class="fas fa-door-closed text-primary"></i> จองห้องประชุมออนไลน์</a>
</div>
</div>
</div>
<!-- Main Column Middle (เพิ่ม Banner ตรงนี้) -->
<div class="col-lg-6" id="news-section">
<!-- *** [NEW] ช่องแบนเนอร์แสดงบนข่าวประชาสัมพันธ์ *** -->
<div id="newsBannerSlider" class="carousel slide news-banner-slider" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#newsBannerSlider" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#newsBannerSlider" data-bs-slide-to="1"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/news_banner1.jpg" alt="แบนเนอร์ข่าว 1"> <!-- เปลี่ยน path รูปที่นี่ -->
</div>
<div class="carousel-item">
<img src="images/news_banner2.jpg" alt="แบนเนอร์ข่าว 2"> <!-- เปลี่ยน path รูปที่นี่ -->
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#newsBannerSlider" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#newsBannerSlider" data-bs-slide="next">
<span class="carousel-control-next-icon"></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="#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 border">
<div class="tab-pane fade show active" id="recruit">
<div class="news-item">
<span class="news-date">1 พ.ค. 69</span>
<a href="#" class="news-title">รับสมัครบุคคลเพื่อคัดเลือกเป็นลูกจ้างชั่วคราว ประเภทรายวัน 4 อัตรา</a>
</div>
</div>
<div class="tab-pane fade" id="pr">
<div class="news-item">
<span class="news-date">30 เม.ย. 69</span>
<a href="#" class="news-title">ขอเชิญร่วมกิจกรรมวันงดสูบบุหรี่โลก ประจำปี 2569</a>
</div>
</div>
</div>
</div>
<!-- Sidebar Right -->
<div class="col-lg-3">
<h5 class="fw-bold mb-3 border-start border-4 border-primary ps-2">ติดต่อสอบถาม</h5>
<div class="card border-0 shadow-sm p-3 mb-3">
<p class="mb-2"><i class="fas fa-phone-alt text-primary me-2"></i> 074-673967</p>
<p class="mb-0"><i class="fab fa-facebook text-info me-2"></i> โรงพยาบาลป่าพะยอม</p>
</div>
</div>
</div>
</div>
<footer class="mt-5">
<div class="container text-center">
<p>© 2026 โรงพยาบาลป่าพะยอม - สงวนลิขสิทธิ์</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>