-
Notifications
You must be signed in to change notification settings - Fork 0
/
found.php
88 lines (75 loc) · 3.32 KB
/
found.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php
$activePage = basename($_SERVER['PHP_SELF'], '.php');
include_once 'header.php';
?>
<main id="main" data-aos="fade" data-aos-delay="1500">
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero d-flex flex-column justify-content-center align-items-center" data-aos="fade" data-aos-delay="1500">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 text-center">
<h2><span>ภาพเบาะแส</span>จากพลเมืองดี</h2>
<h5>เวลาเพียงไม่กี่วินาทีของคุณ<br>อาจช่วยให้บางครอบครัวกลับมาพร้อมหน้ากันอีกครั้ง</h5>
</div>
</div>
</div>
</section><!-- End Hero Section -->
<section id="gallery" class="gallery">
<div class="container">
<div class="row">
<?php
require 'conn.php';
$query = mysqli_query($conn, "SELECT * FROM `image`") or die(mysqli_error());
$count = 0; // Counter to keep track of the number of images
while ($fetch = mysqli_fetch_array($query)) {
if ($count % 3 === 0 && $count !== 0) {
echo '</div><div class="row">';
}
?>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="gallery-item">
<img src="<?php echo $fetch['image'] ?>" class="img-fluid" alt="" loading="lazy">
<div class="caption">
<p class="mb-0 text-small text-muted font-italic">#<?php echo $fetch['image_num'] ?><br>📍 <?php echo $fetch['location'] ?><br>🗓 <?php echo $fetch['found_date'] ?></p>
</div>
</div>
</div>
<?php
$count++;
}
?>
</div>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>คนหาย.com</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/photofolio-bootstrap-photography-website-template/ -->
Created by <a href="#">sukritx</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader">
<div class="line"></div>
</div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<!-- jQuery JS File -->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
</body>
</html>