| Server IP : 182.53.201.61 / Your IP : 216.73.217.175 Web Server : Apache/2.2.15 (Fedora) System : Linux km10.dyndns.org 2.6.31.5-127.fc12.i686.PAE #1 SMP Sat Nov 7 21:25:57 EST 2009 i686 User : apache ( 48) PHP Version : 5.3.3 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/Menu กลุ่มงานบริการทางการแพทย์/ |
Upload File : |
<?php
include 'wd/config/db.php';
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>กลุ่มงานเทคนิคการแพทย์</title>
<link rel="stylesheet" type="text/css" href="assets/bootstrap.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
.collapsible {
background-color: #9a9abf;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 26px;
}
.active,
.collapsible:hover {
background-color: rgba(117, 117, 165, 1)
}
.content {
padding: 0 25px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
font-size: 14px;
padding-top: 18px;
padding-bottom: 18px;
line-height: 2.5;
}
.content a {
color: black;
font-size: 20px;
}
.content a:hover {
color: #9a9abf;
font-size: 20px;
}
.data-box {
background-color: #fae1b0ff;
padding: 30px;
padding-bottom: 70px;
margin-top: 50px;
border-radius: 20px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
max-width: 200px;
max-height: 400px;
text-align: center;
position: relative;
}
.btn-search {
background-color: #fae1b0ff;
padding: 25px;
padding-bottom: 20px;
margin-top: 50px;
border-radius: 20px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
max-width: 200px;
max-height: 400px;
text-align: center;
position: relative;
color: #000000af;
/* เพื่อให้ข้อความในปุ่มเป็นสีขาว */
font-size: 14px;
font-weight: bold;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
.btn-search:hover {
color: #000000af;
font-size: 15px;
background-color: #f8d997;
}
.data-container {
display: flex;
justify-content: center;
/* จัดให้อยู่กึ่งกลางแนวนอน */
gap: 20px;
/* ระยะห่างระหว่างกล่อง */
flex-wrap: wrap;
/* ถ้าหน้าจอเล็กให้ตัดลงบรรทัดใหม่ */
}
.data-box .data-button {
position: absolute;
bottom: 20px;
left: 20px;
width: auto;
}
.data-box a {
padding-top: 30px;
color: #ffffffff;
font-size: 60px;
font-weight: bold;
}
.form-group {
margin-bottom: 15px;
text-align: left;
}
.data-box label {
color: #000000af;
font-size: 18px;
}
</style>
</head>
<body>
<div id="main-content">
<div class="container first-container">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h1 class="main-title">กลุ่มงานเทคนิคการแพทย์</h1>
</div>
<nav class="navbar navbar-expand-lg fixed-top navbar-custom">
<div class="container-fluid">
<div class="d-flex align-items-center w-100">
<!-- โลโก้ + ชื่อกลุ่มการพยาบาล -->
<div class="d-flex align-items-center me-auto ps-3">
<a class="navbar-brand d-flex align-items-center" href="http://a.km10.org:8088/">
<img src="img/km10logo.png" alt="โลโก้" class="logo-img me-2" />
</a>
</div>
<!-- Responsive Toggle Button (ถ้าจอเล็ก) -->
<button class="navbar-toggler text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
<span class="navbar-toggler-icon"></span>F
</button>
<!-- Navigation Links -->
<div class="collapse navbar-collapse justify-content-end" id="navbarContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#">พันธกิจ</a></li>
<li class="nav-item"><a class="nav-link" href="#">นโยบาย</a></li>
<li class="nav-item"><a class="nav-link" href="#">วัตถุประสงค์</a></li>>
</ul>
</div>
</div>
</div>
</nav>
<div class="panel-body" style="margin-top:20px;">
<h1 class="text-center mb-4">✨ยินดีต้อนรับเข้าสู่ กลุ่มงานเทคนิคการแพทย์ โรงพยาบาลสัตหีบ กม.10✨</h1>
<!-- <h2 class="text-center highlight">ยิ้มแย้มแจ่มใส ฉับไวบริการ วิชาการพัฒนา สรรหาคุณภาพ</h2><br><br><br><br><br> -->
<div align="center" style="margin-top: 60px;">
<h1 style = "font-weight:bold">โครงสร้างบุคลากร</h1>
<img src="img/struc.png" width="1200" height="800">
</div>
<button type="button" class="collapsible" style="margin-top:90px;">Link <i class="fas fa-chevron-circle-down"></i></button>
<div class="content">
</div>
</div>
<div class="panel-footer text-right text-muted py-3 mt-5">
<small>© 2025 Zein Dev. Nurse Dashboard System</small>
</div>
</div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>