67 lines
4.7 KiB
PHP
67 lines
4.7 KiB
PHP
<footer class="footer rounded-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 mb-3">
|
|
<h5>Introduction to NIPH</h5>
|
|
<p>The National Institute of Public Health (NIPH) is dedicated to advancing public health through research, education, laboratories, and services. Our data sharing platform aims to provide accessible and reliable health data for informed decision-making.</p>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<h5>Contact Us</h5>
|
|
<ul class="list-unstyled">
|
|
<li><i class="fas fa-map-marker-alt me-2"></i> St.(289), Phnom Penh, Cambodia</li>
|
|
<li><i class="fas fa-phone me-2"></i> +855 12 345 678</li>
|
|
<li><i class="fas fa-envelope me-2"></i> dac@niph.org.kh</li>
|
|
</ul>
|
|
<ul class="list-unstyled">
|
|
<!-- Social Links -->
|
|
<div class="social-icons ms-lg-3 d-flex align-items-center">
|
|
<a href="#" class="text-decoration-none text-primary" aria-label="Facebook"><i class="fab fa-facebook-f" style="font-size:24px"></i></a>
|
|
<a href="#" class="text-decoration-none text-danger" aria-label="YouTube"><i class="fab fa-youtube" style="font-size:24px"></i></a>
|
|
<a href="#" class="text-decoration-none" aria-label="Telegram" style="color: #0088cc;font-size:24px"><i class="fab fa-telegram-plane"></i></a>
|
|
</div>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<h5>Quick Links</h5>
|
|
<ul class="list-unstyled">
|
|
<li><a href="index.php?page=home">Home</a></li>
|
|
<li><a href="index.php?page=classifications">Dataset</a></li>
|
|
<li><a href="index.php?page=announcements">Announcements</a></li>
|
|
<li><a href="index.php?page=about">About Us</a></li>
|
|
<li><a href="index.php?page=contact">Contact Us</a></li>
|
|
<li><a href="index.php?page=faq">FAQ</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="text-center pt-3 border-top border-light">
|
|
<p class="mb-0">© <?php echo date('Y'); ?> NIPH Data Sharing Platform. All rights reserved.</p>
|
|
</div>
|
|
|
|
<!-- Bottom Navigation Bar for Mobile -->
|
|
<br>
|
|
<nav class="d-md-none fixed-bottom bg-white border-top bottom-nav">
|
|
<div class="d-flex justify-content-around" style="height: 64px;">
|
|
<!-- Home -->
|
|
<a class="d-flex flex-column align-items-center justify-content-center text-center text-decoration-none flex-fill <?= ($page == 'home' ? 'active' : '') ?>" aria-current="page" href="index.php?page=home"><i class='fas fa-home' style='color:#28a745;'></i>
|
|
<span class="small fw-medium">HOME</span></a>
|
|
<!-- Classification -->
|
|
<a class="d-flex flex-column align-items-center justify-content-center text-center text-decoration-none flex-fill <?= ($page == 'classifications' ? 'active' : '') ?>" href="index.php?page=classifications"><i class='fas fa-layer-group' style='color:#28a745;'></i>
|
|
<span class="small fw-medium">DATASET</span></a>
|
|
<!-- Announcement -->
|
|
<a class="d-flex flex-column align-items-center justify-content-center text-center text-decoration-none flex-fill <?= ($page == 'announcements' ? 'active' : '') ?>" href="index.php?page=announcements"><i class='fas fa-volume-up' style='color:#28a745;'></i>
|
|
<span class="small fw-medium">ANNOUNCE</span></a>
|
|
<!-- About US -->
|
|
<a class="d-flex flex-column align-items-center justify-content-center text-center text-decoration-none flex-fill <?= ($page == 'about' ? 'active' : '') ?>" href="index.php?page=about"><i class='fa fa-info-circle' style='color:#28a745;'></i>
|
|
<span class="small fw-medium">ABOUT</span></a>
|
|
<!-- Contact US -->
|
|
<a class="d-flex flex-column align-items-center justify-content-center text-center text-decoration-none flex-fill <?= ($page == 'contact' ? 'active' : '') ?>" href="index.php?page=contact"><i class='fas fa-address-card' style='color:#28a745;'></i>
|
|
<span class="small fw-medium">CONTACT</span></a>
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
</footer>
|
|
<!-- Bootstrap JS Bundle with Popper -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|