409 lines
26 KiB
PHP
409 lines
26 KiB
PHP
<style>
|
|
/* ITA Custom Majestic Styling */
|
|
.ita-container {
|
|
padding: 2rem 0;
|
|
font-family: 'Google Sans', 'Sarabun', sans-serif !important;
|
|
}
|
|
|
|
/* Accordion Majestic Redesign */
|
|
.ita-accordion .card {
|
|
border: none;
|
|
border-radius: 20px !important;
|
|
margin-bottom: 1.5rem !important;
|
|
overflow: hidden;
|
|
box-shadow: 0 10px 30px rgba(44, 24, 16, 0.05) !important;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.ita-accordion .card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.ita-accordion .card-header {
|
|
background: linear-gradient(135deg, #FFDBBB 0%, #FFC068 100%) !important;
|
|
border-bottom: 3px solid #2c1810;
|
|
padding: 0;
|
|
}
|
|
|
|
.ita-accordion .collapse-header {
|
|
padding: 20px 25px;
|
|
color: #2c1810 !important;
|
|
font-family: 'Kanit', sans-serif !important;
|
|
font-weight: 700;
|
|
font-size: 1.15rem;
|
|
text-decoration: none !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.ita-accordion .collapse-header::after {
|
|
content: '\f107';
|
|
font-family: 'FontAwesome';
|
|
font-size: 1.2rem;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.ita-accordion .collapse-header:not(.collapsed) {
|
|
background: #2c1810;
|
|
color: #FFC068 !important;
|
|
}
|
|
|
|
.ita-accordion .collapse-header:not(.collapsed)::after {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.ita-accordion .card-body {
|
|
background-color: #fffef9;
|
|
padding: 30px;
|
|
border-radius: 0 0 20px 20px;
|
|
}
|
|
|
|
.ita-accordion .card-body h5 {
|
|
color: #8e1d1d;
|
|
font-family: 'Kanit', sans-serif;
|
|
font-weight: 700;
|
|
margin-bottom: 1.5rem;
|
|
border-left: 4px solid #FFC068;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.ita-accordion .card-body ul {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.ita-accordion .card-body ul li {
|
|
margin-bottom: 12px;
|
|
padding-left: 25px;
|
|
position: relative;
|
|
font-size: 1rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.ita-accordion .card-body ul li::before {
|
|
content: '\f058';
|
|
font-family: 'FontAwesome';
|
|
position: absolute;
|
|
left: 0;
|
|
color: #FFC068;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ita-accordion .card-body ul li a {
|
|
color: #2c1810;
|
|
text-decoration: none;
|
|
transition: all 0.2s ease;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ita-accordion .card-body ul li a:hover {
|
|
color: #8e1d1d;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.ita-img-wrapper {
|
|
border-radius: 30px;
|
|
overflow: hidden;
|
|
box-shadow: 0 15px 45px rgba(0,0,0,0.1);
|
|
border: 10px solid #fff;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.ita-img-wrapper:hover {
|
|
transform: scale(1.02);
|
|
}
|
|
|
|
.doc-card {
|
|
background: #fff;
|
|
border: 1px dashed #FFC068;
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
text-align: center;
|
|
height: 100%;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.doc-card:hover {
|
|
background: #fff9f3;
|
|
border-style: solid;
|
|
}
|
|
|
|
.doc-icon {
|
|
font-size: 2.5rem;
|
|
color: #8e1d1d;
|
|
margin-bottom: 15px;
|
|
}
|
|
</style>
|
|
|
|
<div class="ita-container">
|
|
<div class="container">
|
|
|
|
<!-- Accordion Zero (Announcement) -->
|
|
<div class="accordion ita-accordion" id="accordionMain">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header text-center" type="button" data-toggle="collapse" data-target="#collapseZero">
|
|
ประกาศเจตจำนงในการบริหารงานองค์การบริหารส่วนตำบลโคกจาน
|
|
</button>
|
|
</div>
|
|
<div id="collapseZero" class="collapse" data-parent="#accordionMain">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<div class="doc-card">
|
|
<div class="doc-icon"><i class="fa fa-file-pdf-o"></i></div>
|
|
<h5 class="text-center">เอกสารประกาศภาษาไทย</h5>
|
|
<a href="#" class="btn btn-sm btn-outline-dark px-4 round-50">ดาวน์โหลด</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<div class="doc-card">
|
|
<div class="doc-icon"><i class="fa fa-file-pdf-o"></i></div>
|
|
<h5 class="text-center">เอกสารประกาศภาษาอังกฤษ</h5>
|
|
<a href="#" class="btn btn-sm btn-outline-dark px-4 round-50">Download</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-4">
|
|
<!-- Sidebar Image -->
|
|
<div class="col-lg-5 mb-4">
|
|
<div class="ita-img-wrapper">
|
|
<img alt="ITA Logo" class="img-fluid w-100" src="http://backend.kokjan.go.th/uploads/files/1/zero_ita.png" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content Accordions -->
|
|
<div class="col-lg-7">
|
|
<div class="accordion ita-accordion" id="accordionUbn">
|
|
|
|
<!-- 1. ความโปร่งใส -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseOne">
|
|
การส่งเสริมความโปร่งใส/การดำเนินการเพื่อป้องกันการทุจริต
|
|
</button>
|
|
</div>
|
|
<div id="collapseOne" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<ul>
|
|
<li><a href="https://kokjan.go.th/post/view/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B8%95%E0%B8%B4%E0%B8%81%E0%B8%B2%E0%B8%A3-%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B8%E0%B8%88%E0%B8%A3%E0%B8%B4%E0%B8%95/599">แนวปฏิบัติการจัดการเรื่องร้องเรียนการทุจริตและประพฤมิชอบ</a></li>
|
|
<li><a href="https://kokjan.go.th/corrupt/index">ช่องทางแจ้งเรื่องร้องเรียนการทุจริตและประพฤมิชอบ</a></li>
|
|
<li><a href="https://kokjan.go.th/post/index?id=79&display=list">ข้อมูลเชิงสถิติเรื่องร้องเรียนการทุจริตและประพฤมิชอบ</a></li>
|
|
<li><a href="https://kokjan.go.th/post/index?id=80&display=list">การเปิดโอกาสให้เกิดการมีส่วนร่วม</a></li>
|
|
<li><a href="https://kokjan.go.th/post/view/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9E%E0%B8%B7%E0%B8%8A%E0%B8%9C%E0%B8%A5-100002602093728/626">ประกาศเจตนารมณ์และการสร้างวัฒนธรรมตามนโยบาย NO Gift Policy</a></li>
|
|
<li>รายงานการรับทรัพย์สินหรือประโยชน์อื่นใดโดยธรรมจรรญา</li>
|
|
<li><a href="https://kokjan.go.th/post/view/630">การประเมินความเสี่ยงที่อาจเกิดการให้/รับ สินบน ประจำปี พ.ศ. 2568</a></li>
|
|
<li><a href="https://kokjan.go.th/post/index?id=85&display=list">รายงานผลการดำเนินการเพื่อจัดการความเสี่ยงการทุจริตประจำปี</a></li>
|
|
<li><a href="https://kokjan.go.th/post/index?id=41&display=list">แผนปฏิบัติการป้องกันการทุจริต</a></li>
|
|
<li>รายงานการกำกับติดตามการป้องกันการทุจริตรายไตรมาส</li>
|
|
<li>รายงานผลการดำเนินการป้องกันการทุจริตประจำปี</li>
|
|
<li><a href="https://kokjan.go.th/post/index?id=75&display=list">มาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 2. อำนาจหน้าที่ -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo">
|
|
อำนาจหน้าที่และกฎหมายที่เกี่ยวข้อง
|
|
</button>
|
|
</div>
|
|
<div id="collapseTwo" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<h5>อำนาจหน้าที่</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/page/view/7">ภารกิจ อำนาจหน้าที่ของ อบต.โคกจาน</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/8">อำนาจหน้าที่คณะผู้บริหาร</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/9">อำนาจหน้าที่ของสมาชิกสภา</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/10">อำนาจหน้าที่สำนักงานปลัด</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/41">อำนาจหน้าที่กองคลัง</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/42">อำนาจหน้าที่กองช่าง</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/43">อำนาจหน้าที่กองการศึกษาศาสนาและวัฒนธรรม</a></li>
|
|
<li><a href="https://www.kokjan.go.th/page/view/62">อำนาจหน้าที่หน่วยตรวจสอบภายใน</a></li>
|
|
</ul>
|
|
<h5 class="mt-4">กฎหมายที่เกี่ยวข้อง</h5>
|
|
<ul>
|
|
<li>รัฐธรรมนูญแห่งราชอาณาจักรไทย พ.ศ. 2560</li>
|
|
<li>พระราชบัญญัติกำหนดแผนและขั้นตอนการกระจายอำนาจ พ.ศ. 2542</li>
|
|
<li>พระราชบัญญัติวิธีปฏิบัติราชการทางปกครอง พ.ศ. 2539</li>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=48&display=list">กฎหมายอื่นๆ</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 3. คู่มือมาตรฐาน -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseThree">
|
|
คู่มือ มาตรฐานการให้บริการและปฏิบัติงาน
|
|
</button>
|
|
</div>
|
|
<div id="collapseThree" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=50&display=list">คู่มือหรือมาตรฐานการปฏิบัติงานของเจ้าหน้าที่</a></li>
|
|
<li><a href="http://www.kokjan.go.th/post/index?id=58">คู่มือหรือมาตรฐานการให้บริการสำหรับผู้รับบริการ</a></li>
|
|
<li><a href="https://www.kokjan.go.th/file/index">E-Service</a></li>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=90&display=list">ข้อมูลเชิงสถิติการให้บริการ</a></li>
|
|
<li>รายงานผลการสำรวจความพึงพอใจการให้บริการ</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 4. แผนพัฒนา -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseFour">
|
|
แผนพัฒนาและแผนปฏิบัติการ
|
|
</button>
|
|
</div>
|
|
<div id="collapseFour" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<h5>แผนพัฒนาท้องถิ่น</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/view/732">แผนพัฒนาท้องถิ่น (พ.ศ.2566-2570)</a></li>
|
|
<li><a href="https://www.kokjan.go.th/post/view/20">ประกาศใช้แผนพัฒนาท้องถิ่น</a></li>
|
|
</ul>
|
|
<h5 class="mt-4">แผนปฏิบัติการประจำปี</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=10&display=list">แผนการดำเนินงานประจำปี</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 5. งบประมาณ -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseFive">
|
|
แผน/รายงานการใช้จ่ายงบประมาณประจำปี
|
|
</button>
|
|
</div>
|
|
<div id="collapseFive" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<h5>แผนการใช้จ่ายงบประมาณประจำปี</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=11&display=list">แผนยุทธศาสตร์หรือแผนพัฒนาหน่วยงาน</a></li>
|
|
</ul>
|
|
<h5 class="mt-4">รายงานการกำกับติดตามงบประมาณรายไตรมาส</h5>
|
|
<ul>
|
|
<li>แผนเเละความก้าวหน้าการใช้งบประมาณประจำปี พ.ศ. 2568</li>
|
|
<li>รายงานผลการดำเนินงาน ตามแผนการใช้จ่ายเงินงบประมาณ</li>
|
|
</ul>
|
|
<h5 class="mt-4">รายงานผลการใช้จ่ายงบประมาณประจำปี</h5>
|
|
<ul>
|
|
<li>รายงานผลการดำเนินงาน ประจำปี พ.ศ. 2567</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 6. รายงานผล -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseSix">
|
|
การรายงานผลการดำเนินงานไตรมาส/ประจำปี
|
|
</button>
|
|
</div>
|
|
<div id="collapseSix" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<h5>รายงานการกำกับติดตามการดำเนินงาน รายไตรมาส</h5>
|
|
<ul>
|
|
<li>รายงานแสดงผลการดำเนินงานจ่ายจากเงินรายรับ</li>
|
|
<li>รายงานการกำกับติดตามการดำเนินงานแผนปฏิบัติการ</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 7. จัดซื้อจัดจ้าง -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven">
|
|
แผน/รายงานผลการจัดซื้อจัดจ้างและการจัดหาพัสดุ
|
|
</button>
|
|
</div>
|
|
<div id="collapseSeven" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<h5>แผนการจัดซื้อจัดจ้างหรือแผนการจัดหาพัสดุ</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=13&display=list">แผนจัดซื้อ จัดจ้าง หรือการจัดหาพัสดุ</a></li>
|
|
</ul>
|
|
<h5 class="mt-4">ประกาศต่างๆ เกี่ยวกับการจัดซื้อจัดจ้าง</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=3&display=list">ประกาศการจัดซื้อจัดจ้าง / ประกาศผู้ชนะ</a></li>
|
|
</ul>
|
|
<h5 class="mt-4">สรุปผลการจัดซื้อจัดจ้างรายเดือน</h5>
|
|
<ul>
|
|
<li><a href="https://www.kokjan.go.th/post/index?id=5&display=list">สรุปแผนการจัดซื้อจัดจ้างรายเดือน</a></li>
|
|
</ul>
|
|
<h5 class="mt-4">รายงานผลการจัดซื้อจัดจ้างประจำปี</h5>
|
|
<ul>
|
|
<li>รายงานความก้าวหน้าการจัดซื้อจัดจ้างหรือการจัดหาพัสดุ ประจำปี พ.ศ. 2567</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 8. ทรัพยากรบุคคล -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseEight">
|
|
การบริหารและพัฒนาทรัพยากรบุคคล
|
|
</button>
|
|
</div>
|
|
<div id="collapseEight" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<ul>
|
|
<li>แผนการบริหารและพัฒนาทรัพยากรบุคคล</li>
|
|
<li>รายงานผลการบริหารและพัฒนาทรัพยากรบุคคลประจำปี พ.ศ. 2567</li>
|
|
<li>ประมวลจริยธรรมและการขับเคลื่อนจริยธรรม</li>
|
|
<li>การดำเนินการตามนโยบายการบริหารทรัพยากรบุคคล</li>
|
|
<li>การบริหารและการพัฒนาทรัพยากรบุคคล</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 9. มีส่วนร่วม -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<button class="btn btn-link collapse-header collapsed" type="button" data-toggle="collapse" data-target="#collapseNine">
|
|
การมีส่วนร่วมแสดงความคิดเห็นต่อการดำเนินงาน
|
|
</button>
|
|
</div>
|
|
<div id="collapseNine" class="collapse" data-parent="#accordionUbn">
|
|
<div class="card-body">
|
|
<div class="row align-items-center text-center">
|
|
<div class="col-md-5 mb-3">
|
|
<div class="ita-img-wrapper" style="max-width: 200px; margin: 0 auto; border-width: 5px;">
|
|
<img alt="QR Code" src="https://backend.kokjan.go.th/uploads/files/1/newsqr_2.png" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<h5 class="m-0 text-center">ช่องทางรับข้อมูลข่าวสารและแสดงความคิดเห็น อบต.โคกจาน</h5>
|
|
<p class="mt-2 text-muted">สแกน QR Code เพื่อติดตามข้อมูลข่าวสารผ่านช่องทางโซเชียลมีเดีย</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|