| 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/med_payom2023/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>กลุ่มงานเภสัชกรรมและคุ้มครองผู้บริโภค รพ.ป่าพะยอม</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<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=Heebo:wght@400;500;600&family=Inter:wght@700;800&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<style>
/* สไตล์สำหรับกรอบวงกลมล้อมรอบไอคอน */
.cat-item .icon {
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border-radius: 50%;
margin: 0 auto 15px auto;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
/* สไตล์ตัวไอคอน Font Awesome */
.cat-item .icon i {
font-size: 32px;
color: #00B98E; /* สีเขียวหลักตามธีมเดิม */
transition: all 0.3s ease;
}
/* เอฟเฟกต์เมื่อเมาส์ชี้ (Hover) ที่กล่องข้อความ */
.cat-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
/* เปลี่ยนสีพื้นหลังกรอบไอคอนเมื่อ Hover */
.cat-item:hover .icon {
background: #00B98E;
}
/* เปลี่ยนสีไอคอนข้างในเป็นสีขาวเมื่อ Hover */
.cat-item:hover .icon i {
color: #ffffff !important; /* บังคับให้เป็นสีขาวทุกไอคอนเมื่อชี้ */
}
/* ปรับแต่งความสูงของกล่องให้เท่ากันดูเป็นระเบียบ */
.cat-item .rounded {
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* ตกแต่งหัวข้อการ์ด */
.cat-item h6 {
font-size: 1rem;
line-height: 1.4;
color: #333333;
font-weight: 600;
margin-bottom: 0;
}
</style>
</head>
<body>
<div class="container-xxl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<div class="container-fluid nav-bar bg-transparent">
<nav class="navbar navbar-expand-lg bg-white navbar-light py-0 px-4">
<a href="index.html" class="navbar-brand d-flex align-items-center text-center">
<div class="icon p-2 me-2">
<img class="img-fluid" src="img/icon-deal.png" alt="Icon" style="width: 30px; height: 30px;">
</div>
<h3 class="m-0 text-primary">กลุ่มงานเภสัชกรรมและคุ้มครองผู้บริโภค</h3>
</a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="index.html" class="nav-item nav-link active">หน้าหลัก</a>
<a href="about.html" class="nav-item nav-link">ข้อมูลหน่วยงาน</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">เอกสารที่เกี่ยวข้อง</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="myfilemgr/show.php" class="dropdown-item">การจัดซื้อเวชภัณฑ์(TOR)</a>
<a href="../doc_drug/risk_durg.pdf" class="dropdown-item">คู่มือแนวทางปฏิบัติยาความเสี่ยงสูง</a>
<a href="../doc_drug/HAD.pdf" class="dropdown-item">การติดตามการให้ยาผู้ป่วย</a>
<a href="../doc_drug/1.pdf" class="dropdown-item">ตารางบริหารยาและความคงตัว</a>
<a href="../doc_drug/2.pdf" class="dropdown-item">ตารางการปรับเวลาบริหารยาฉีด</a>
<a href="../doc_drug/drug08.pdf" class="dropdown-item">บัญชีรายการยาสำรองที่หน่วยงานต่างๆ</a>
<a href="../medicine/index.php" class="dropdown-item">บัญชียาโรงพยาบาล</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">ติดต่อเรา</a>
<a href="#" class="nav-item nav-link">สำหรับเจ้าหน้าที่</a>
</div>
</nav>
</div>
<!-- Navbar End -->
<!-- Header Start -->
<div class="container-fluid header bg-white p-0">
<div class="row g-0 align-items-center flex-column-reverse flex-md-row">
<div class="col-md-6 p-5 mt-lg-5">
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="img/logo MOPH.png" width="250" height="230"></p>
<h3 align="center">กลุ่มงานเภสัชกรรมและคุ้มครองผู้บริโภค </h3>
<h3 align="center">โรงพยาบาลป่าพะยอม</h3>
<p align="center" class="animated fadeIn mb-4 pb-2">171 ม.2 ต.ป่าพะยอม อ.ป่าพะยอม จ.พัทลุง 93210 <br>โทรศัพท์ภายใน 074-673967 ต่อ 106</p>
</div>
<div class="col-md-6 animated fadeIn">
<div class="owl-carousel header-carousel">
<div class="owl-carousel-item">
<img class="img-fluid" src="img/356460353_289690343728947_5766089204224660508_n.jpg" alt="">
</div>
<div class="owl-carousel-item">
<img class="img-fluid" src="img/358624192_1449193455894662_6495995785295731065_n.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Header End -->
<!-- Search Start -->
<div class="container-fluid bg-primary mb-5 wow fadeIn" data-wow-delay="0.1s" style="padding: 35px;">
<div class="container">
<div class="row g-2">
<div class="col-md-10">
<div class="row g-2">
</div>
</div>
</div>
</div>
</div>
<!-- Search End -->
<!-- Category Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3 text-primary">เอกสาร/คู่มือ</h1>
</div>
<style>
.cat-item {
transition: all 0.3s ease;
border: 1px solid #e9ecef;
border-radius: 12px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #ffffff !important;
}
.cat-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.08);
border-color: #0d6efd;
}
.cat-item .icon {
font-size: 2.8rem;
margin-bottom: 1rem;
transition: transform 0.3s ease;
}
.cat-item:hover .icon {
transform: scale(1.1);
}
.cat-item h6 {
color: #2b3035;
font-weight: 500;
line-height: 1.4;
margin-bottom: 0;
}
.icon-blue { color: #0d6efd; }
.icon-green { color: #198754; }
.icon-red { color: #dc3545; }
.icon-warning { color: #ffc107; }
.icon-purple { color: #6f42c1; }
.icon-teal { color: #20c997; }
.icon-orange { color: #fd7e14; }
.icon-info { color: #0dcaf0; }
</style>
<div class="row g-4">
<!-- 1. TOR -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/11complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-file-contract icon-blue"></i>
</div>
<h6>เอกสาร<br>การจัดซื้อเวชภัณฑ์ยา(TOR)</h6>
</div>
</a>
</div>
<!-- 2. บัญชียาโรงพยาบาล -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.2s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/10complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-book-bookmark icon-green"></i>
</div>
<h6>บัญชียา<br>โรงพยาบาลป่าพะยอม</h6>
</div>
</a>
</div>
<!-- 3. ยาความเสี่ยงสูง -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/1complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-triangle-exclamation icon-red"></i>
</div>
<h6>คู่มือแนวทางปฏิบัติ<br>ยาความเสี่ยงสูง</h6>
</div>
</a>
</div>
<!-- 4. ปรับขนาดยาตามการทำงานของไต -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/4complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-hospital-user icon-teal"></i>
</div>
<h6>การปรับขนาดยา<br>ตามการทำงานของไต</h6>
</div>
</a>
</div>
<!-- 5. ยาฉีดภายหลังผสม -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.5s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/2complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-syringe icon-purple"></i>
</div>
<h6>ตารางบริหารยาและความคงตัว<br>ของยาฉีดภายหลังผสม</h6>
</div>
</a>
</div>
<!-- 6. ติดตามยาความเสี่ยงสูง -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/5complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-heart-pulse icon-red"></i>
</div>
<h6>การติดตาม<br>การให้ยาความเสี่ยงสูง</h6>
</div>
</a>
</div>
<!-- 7. ปรับเวลาบริหารยาฉีด -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/3complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-clock-rotate-left icon-blue"></i>
</div>
<h6>ตารางการปรับเวลา<br>บริหารยาฉีดเข้ารอบมาตรฐาน</h6>
</div>
</a>
</div>
<!-- 8. บัญชียาสำรอง -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/6complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-boxes-stacked icon-orange"></i>
</div>
<h6>บัญชีรายการยา<br>สำรองบนหอผู้ป่วย</h6>
</div>
</a>
</div>
<!-- 9. แบบบันทึกการดูแลยาสำรอง -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.9s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/7complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-clipboard-check icon-green"></i>
</div>
<h6>แบบบันทึกการดูแล<br>ยาสำรองในหอผู้ป่วย</h6>
</div>
</a>
</div>
<!-- 10. Drug Interaction -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1.0s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/8complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-capsules icon-warning"></i>
</div>
<h6>Drug interaction</h6>
</div>
</a>
</div>
<!-- 11. Emergency & Stat Drug -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1.1s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/9complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-kit-medical icon-red"></i>
</div>
<h6>แนวทางการจัดการ<br>Emergency Drug & Stat Drug</h6>
</div>
</a>
</div>
<!-- 12. งานบริบาลเภสัชกรรม OPD -->
<div class="col-lg-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="1.2s">
<a class="cat-item d-block text-center rounded p-3 text-decoration-none" href="doc_drug/12complete.pdf" target="_blank">
<div class="rounded p-3">
<div class="icon mb-3">
<i class="fa-solid fa-user-doctor icon-info"></i>
</div>
<h6>คู่มือการปฏิบัติ<br>งานบริบาลเภสัชกรรม OPD</h6>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Category End --><!-- Category End -->
<!-- About Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<div class="about-img position-relative overflow-hidden p-5 pe-0">
<img class="img-fluid w-100" src="img/Sustainable and Energy Efficient Architecture Presentation in Green Brown Cream Professional Style.jpg">
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<h3 class="mb-4" align="center"><strong>หน้าที่และเป้าหมาย</strong></h3>
<p align="center"> <strong> ให้บริการเภสัชกรรมและคุ้มครองผู้บริโภคอย่างมีประสิทธิภาพ ถูกต้อง รวดเร็ว ภายใต้มาตรฐานวิชาชีพ เพื่อให้ผู้รับบริการได้รับความปลอดภัยและพึงพอใจในบริการ </strong></p>
<p><strong>ขอบเขตการให้บริการ</strong> </p>
<ul>
<li>ให้บริการเภสัชกรรมผู้ป่วยทุกวัน เวลา 08.30 – 16.30 น. ไม่เว้นวันหยุดราชการ ไม่แยกบริการผู้ป่วยนอกและผู้ป่วยใน นอกเวลาราชการให้บริการโดยห้องอุบัติเหตุ-ฉุกเฉิน</li>
<li>ให้บริการเภสัชกรรมผู้ป่วยในโดยระบบการกระจายยาแบบ one daily dose</li>
<li>ให้บริการเภสัชกรรมในหน่วยบริการปฐมภูมิในเครือข่ายบริการสุขภาพที่รับผิดชอบสำหรับผู้ป่วย NCD ที่แพทย์ส่งไปรับยาที่หน่วยบริการปฐมภูมิใกล้บ้านรครอบคลุมตามแผนการรักษาทุกสถานบริการ</li>
<li>ให้บริการข้อมูลด้านยาและผลิตภัณฑ์สุขภาพแก่บุคลากรและประชาชนทั่วไปทุกวันในเวลา 08.30 - 16.30 น. </li>
<li>คัดเลือก จัดซื้อ จัดหา ควบคุม เก็บรักษา และกระจายยา วัคซีน เวชภัณฑ์ไม่ใช่ยา แก่หน่วยงานในโรงพยาบาลและหน่วยบริการปฐมภูมิในเครือข่ายบริการสุขภาพ </li>
<li>ดำเนินการเฝ้าระวังการประกอบการด้านสุขภาพ ได้แก่ สถานพยาบาล คลินิกเวชกรรม คลินิกทันตกรรม ร้านขายยา และสถานที่ผลิตอาหาร(54 ประเภท)ที่ต้องตรวจตามเกณฑ์ GMP การดำเนินงานด้านคุ้มครองผู้บริโภคด้านสาธารณสุขจะปฏิบัติงานร่วมกับสำนักงานสาธารณสุขอำเภอป่าพะยอมและหน่วยบริการปฐมภูมิในเครือข่าย
<a class="btn btn-primary py-3 px-5 mt-3" href="">รายละเอียดเพิ่มเติม</a> </li>
</ul>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Property List Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-0 gx-5 align-items-end">
<div class="col-lg-6">
<div class="text-start mx-auto mb-5 wow slideInLeft" data-wow-delay="0.1s">
<h1 class="mb-3">ภายในหน่วยงาน</h1>
</div>
</div>
<div class="col-lg-6 text-start text-lg-end wow slideInRight" data-wow-delay="0.1s">
<ul class="nav nav-pills d-inline-flex justify-content-end mb-5">
</ul>
</div>
</div>
<div class="tab-content">
<div id="tab-1" class="tab-pane fade show p-0 active">
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/356507336_796678108593047_117852129459079361_n.jpg" alt=""></a>
</div>
<div class="p-4 pb-0">
<a class="d-block h5 mb-2" href="">ห้องจ่ายยา</a>
</div>
<div class="d-flex border-top">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/357095180_205346755469887_1277403923773611239_n.jpg" alt=""></a>
</div>
<div class="p-4 pb-0">
<a class="d-block h5 mb-2" href="">ห้องจ่ายยา</a>
</div>
<div class="d-flex border-top">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/358890718_6773252092686864_1710899348187911766_n.jpg" alt=""></a>
</div>
<div class="p-4 pb-0">
<a class="d-block h5 mb-2" href="">ห้องเตรียมยา</a>
</div>
<div class="d-flex border-top">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/359283894_302163202263496_3506581081256497259_n.jpg" alt=""></a>
</div>
<div class="p-4 pb-0">
<a class="d-block h5 mb-2" href="">ห้องเตรียมยา</a>
</div>
<div class="d-flex border-top">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/359516993_1306914993557436_6305106333949881421_n.jpg" alt=""></a>
</div>
<div class="p-4 pb-0">
<a class="d-block h5 mb-2" href="">ห้องให้คำปรึกษา</a>
</div>
<div class="d-flex border-top">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/358624192_1449193455894662_6495995785295731065_n.jpg" alt=""></a>
</div>
<div class="p-4 pb-0">
<a class="d-block h5 mb-2" href="">บริเวณด้านหน้า</a>
</div>
<div class="d-flex border-top">
</div>
</div>
</div>
<div class="col-12 text-center wow fadeInUp" data-wow-delay="0.1s">
</div>
</div>
</div>
<div id="tab-2" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-1.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-2.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Villa</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-3.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Office</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-4.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-5.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-6.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-12 text-center">
<a class="btn btn-primary py-3 px-5" href="">Browse More Property</a>
</div>
</div>
</div>
<div id="tab-3" class="tab-pane fade show p-0">
<div class="row g-4">
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-1.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Appartment</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-2.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Villa</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-3.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Office</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-4.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-5.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="property-item rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<a href=""><img class="img-fluid" src="img/property-6.jpg" alt=""></a>
<div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div>
<div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$12,345</h5>
<a class="d-block h5 mb-2" href="">Golden Urban House For Sell</a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i>123 Street, New York, USA</p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
</div>
</div>
</div>
<div class="col-12 text-center">
<a class="btn btn-primary py-3 px-5" href="">Browse More Property</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Property List End -->
<!-- Call to Action Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded p-3">
<div class="bg-white rounded p-4" style="border: 1px dashed rgba(0, 185, 142, .3)">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<img src="img/Sustainable and Energy Efficient Architecture Presentation in Green Brown Cream Professional Style11.jpg" alt="" width="1920" height="1080" class="img-fluid rounded w-100">
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<h6 class="mb-3">1.ประกาศจัดซื้อจัดจ้างเวชภัณฑ์ไม่ใช่ยา</h6>
<table width="500" border="0" align="center">
<tr>
<th scope="col"> </th>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<div class="mb-4">
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to Action End -->
<!-- Team Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">ทำเนียบบุคลากร</h1>
<h3>กลุ่มงานเภสัชกรรมและคุ้มครองผู้บริโภค </h3>
</div>
<div class="row g-4">
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/359713047_953286949215957_8650507688767564122_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสุนิสา เกตุชู</h5>
<h6><small>ตำแหน่ง เภสัชกรชำนาญการ</small><br>
<small>หัวหน้ากลุ่มงานเภสัชกรรมและคุ้มครองฯ</small></h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/360056215_316857467439093_8597045002641410741_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นายสมพงค์ ปานสุด</h5>
<small>ตำแหน่ง เภสัชกรชำนาญการ</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/359817509_805449454490827_3664148152033603496_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวกนกนาฎ บุญมา</h5>
<small>ตำแหน่ง เภสัชกรชำนาญการ</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/360064528_1582481032243078_3629511751848210455_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวสิริรัตน์ วิศิษปัญญกุล </h5>
<small>ตำแหน่ง เภสัชกรชำนาญการ</small></div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/358783023_786467086304082_2935324597336370776_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวชุตินธร ไชยเพชร</h5>
<small>ตำแหน่ง เภสัชกรชำนาญการ</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<span class="position-relative"><img class="img-fluid" src="img/361680267_3424241647827370_6585746470996222492_n.jpg" alt=""></span>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นายบวรศักดิ์ วัตถุ</h5>
<small>ตำแหน่งเภสัชกรปฏิบัติการ</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<span class="position-relative"><img class="img-fluid" src="img/358466360_6103184989790796_8647036527699755216_n.jpg" alt=""></span>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสุภาพร บุญญาพิทักษ์</h5>
<small>ตำแหน่งเจ้าพนักงานเภสัชกรรมชำนาญงาน</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<span class="position-relative"><img class="img-fluid" src="img/360058868_793874518985462_6504560120134486193_n.jpg" alt=""></span>
<div class="text-center p-4 mt-3">
<h6>นางเนตรนารี สุภาพรเหมินทร์</h6>
<small>ตำแหน่งเจ้าพนักงานเภสัชกรรมชำนาญงาน</small></div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/360147250_981072259763410_8971900960913916574_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวฝาติหมะ สะแหละ</h5>
<small>ตำแหน่งเจ้าพนักงานเภสัชกรรมปฏิบัติงาน</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/S__15908868.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวอัสมา พลนุ้ย</h5>
<small>ตำแหน่งเจ้าพนักงานเภสัชกรรมปฏิบัติงาน</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/360052563_966288561287170_8322464677362435175_n.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นายนัทธพงศ์ แป้นพุ่ม </h5>
<small>ตำแหน่งเจ้าพนักงานเภสัชกรรม</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img src="img/360181207_1449173012513104_4439957989787499635_n.jpg" alt="" width="292" height="312" class="img-fluid">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวสุพัตรา แซ่ลิ่ม</h5>
<small>ตำแหน่งพนักงานประจำห้องยา</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/02.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">นางสาวศิริลักษณ์ ขำเพชร </h5>
<small>ตำแหน่งพนักงานประจำห้องยา</small>
</div>
</div>
</div>
</div>
</div>
<!-- Team End -->
<!-- Testimonial Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">สื่อประชาสัมพันธ์</h1>
</div>
<div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
<div class="testimonial-item bg-light rounded p-3">
<div align="center" class="bg-white border rounded p-4"><img class="img-fluid flex-shrink-0 rounded" src="News/S__52486210.jpg" style="width:850px; height: 650px;">
<div class="d-flex align-items-center">
<div class="ps-3">
</div>
</div>
</div>
</div>
<div class="testimonial-item bg-light rounded p-3">
<div align="center" class="bg-white border rounded p-4"><img class="img-fluid flex-shrink-0 rounded" src="News/S__52486205_0.jpg" style="width:850px; height: 650px;">
<div class="bg-white border rounded p-4">
<div class="d-flex align-items-center">
<div class="ps-3">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">ที่ตั้ง</h5>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>กลุ่มงานเภสัชกรรมและคุ้มครองฯ</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>074-673967-106</p>
<p class="mb-2"><i class="fa fa-envelope me-3"></i>[email protected]</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">Links</h5>
<a class="btn btn-link text-white-50" href="">ข้อมูลหน่วยงาน</a>
<a class="btn btn-link text-white-50" href="">ติดต่อรา</a>
<a class="btn btn-link text-white-50" href="">เอกสารที่เกี่ยวข้อง</a>
<a class="btn btn-link text-white-50" href="">สำหรับเจ้าหน้าที่</a>
</div>
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">Photo Gallery</h5>
<div class="row g-2 pt-2">
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486210.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486205_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486203_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486200_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486207_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486206_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486204_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486202_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486201_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486209_0.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="News/S__52486208_0.jpg" alt="">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">E-mail </h5>
<div class="position-relative mx-auto" style="max-width: 400px;">
<input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="กรอก email">
<button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">SignUp</button>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
©2023 รพ.ป่าพะยอม, All Right Reserved.
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By<br> Jariyaporn Suknuy([email protected])<a class="border-bottom" href="https://htmlcodex.com"></a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">หน้าหลัก</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>