</div> <footer class="footer mt-auto py-4 bg-white border-top">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6 text-center text-md-start">
                <span class="text-muted">
                    <i class="fas fa-copyright me-1"></i> 2026 <strong>สพป.กำแพงเพชร เขต 2</strong>
                </span>
            </div>
            <div class="col-md-6 text-center text-md-end mt-2 mt-md-0">
                <div class="credit-badge d-inline-block p-2 px-3 bg-light rounded-pill">
                    <small class="text-muted">
                        <i class="fas fa-code me-1 text-primary"></i> จัดทำระบบโดย 
                        <span class="fw-bold text-dark">นายชาคริต ราชนิธยากร</span> 
                        <span class="text-primary fw-bold">ผู้อำนวยการกลุ่ม ICT สพม.ราชบุรี</span>
                    </small>
                </div>
            </div>
        </div>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<style>
    /* ปรับแต่งให้ Footer อยู่ล่างสุดเสมอหากเนื้อหาน้อย [cite: 2025-07-09] */
    html, body {
        height: 100%;
    }
    body {
        display: flex;
        flex-direction: column;
    }
    .footer {
        margin-top: auto;
    }
    .credit-badge {
        font-size: 0.85rem;
        border: 1px solid #eee;
    }
</style>

</body>
</html>