| Current File : /home/drugfree/public_html/gallery.php |
<?php
include('db_conn.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo Gallery || DRUG FREE PROJECT </title>
<!-- favicons Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/images/favicons/site.webmanifest">
<meta name="description" content="Photo Gallery || DRUG FREE PROJECT">
<meta name="keywords" content="The Widows, Aged, and Orphans Hope Support Foundation was conceived by Dr. (Mrs.) Olayemi Oyebanji as a means to reach the most vulnerable populations in our society. Recognizing the significant number of widows and orphans in Ekiti State, the foundation aims to provide comprehensive support to these groups, enabling them to achieve self-reliance and improved socio-economic status. DRUG FREE PROJECT, WAOH, Widows, Aged, Orphans, Ado-Ekiti, Ekiti State first lady, Ekiti State Government, Ekiti Trends, Adire Ekiti Hub, Help, Support, put a smile on a widows's face, less priviledge, Donation, Charity, Nigeria, Africa, Wetin Dey, Wetin Dey Inc., Wetin Dey App, Wetin Dey Code Academy, Foundations in Ekiti, Foundations in Nigeria, Foundations in Africa, God'spower Otali" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://drugfreeproject.org">
<meta property="og:title" content="Photo Gallery || DRUG FREE PROJECT">
<meta property="og:description" content="…give an orphan hope today and put a smile on a widow’s face.">
<meta property="og:image" content="https://drugfreeproject.org/icon.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://drugfreeproject.org">
<meta property="twitter:title" content="Photo Gallery || DRUG FREE PROJECT">
<meta name="twitter:site" content="@waohfoundation" />
<meta property="twitter:description" content="…give an orphan hope today and put a smile on a widow’s face.">
<meta property="twitter:image" content="https://drugfreeproject.org/icon.png">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="../../css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="../../css2-1?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="../../css2-2?family=Caveat:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css">
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css">
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css">
<link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css">
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css">
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css">
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css">
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css">
<link rel="stylesheet" href="assets/vendors/oxpins-icons/style.css">
<link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css">
<link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css">
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css">
<link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css">
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css">
<link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css">
<!-- template styles -->
<link rel="stylesheet" href="assets/css/oxpins.css">
<link rel="stylesheet" href="assets/css/oxpins-responsive.css">
</head>
<body class="custom-cursor">
<?php include('header.php'); ?>
<div class="stricky-header stricked-menu main-menu">
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
</div><!-- /.stricky-header -->
<!--Page Header Start-->
<section class="page-header">
<div class="page-header-bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)">
</div>
<div class="container">
<div class="page-header__inner">
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.php">Home</a></li>
<li><span>/</span></li>
<li class="active">Photo Gallery</li>
</ul>
<h2>Photo Gallery</h2>
</div>
</div>
</section>
<!--Page Header End-->
<!--Gallery Page Start-->
<section class="gallery-page">
<div class="container">
<div class="row">
<?php
$sql = "SELECT * FROM `images` ORDER BY `id` DESC";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_array($result)) {
?>
<!--Gallery Page Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="gallery-page__single">
<div class="gallery-page__img">
<img src="app/<?php echo $row['file_name']; ?>" alt="">
<a href="app/<?php echo $row['file_name']; ?>" class="img-popup"></a>
<!-- /.img-popup -->
<div class="gallery-page__content">
<p class="gallery-page__sub-title"><?php echo $row['headline']; ?></p>
<!-- <h5 class="gallery-page__title"><a href="gallery.html">Education</a></h5> -->
</div>
</div>
</div>
</div>
<!--Gallery Page Single End-->
<?php }} ?>
</div>
</div>
</section>
<!--Gallery Page End-->
<!--Site Footer Start-->
<?php include('footer.php'); ?>
<!--Site Footer End-->
<script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/jarallax/jarallax.min.js"></script>
<script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
<script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
<script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="assets/vendors/nouislider/nouislider.min.js"></script>
<script src="assets/vendors/odometer/odometer.min.js"></script>
<script src="assets/vendors/swiper/swiper.min.js"></script>
<script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
<script src="assets/vendors/wnumb/wNumb.min.js"></script>
<script src="assets/vendors/wow/wow.js"></script>
<script src="assets/vendors/isotope/isotope.js"></script>
<script src="assets/vendors/countdown/countdown.min.js"></script>
<script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
<script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="assets/vendors/vegas/vegas.min.js"></script>
<script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
<script src="assets/vendors/timepicker/timePicker.js"></script>
<script src="assets/vendors/circleType/jquery.circleType.js"></script>
<script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
<!-- template js -->
<script src="assets/js/oxpins.js"></script>
</body>
</html>