| Current File : /home/drugfree/public_html/index.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> Home || 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="HOME - DRUG FREE PROJECT">
<meta name="keywords" content="Drug Free Project, drug abuse prevention, substance abuse awareness, youth mental health, drug rehabilitation support, anti-drug campaign Nigeria, drug-free schools, recovery programs, drug addiction help, mental wellness Nigeria, drug-free Nigeria, youth empowerment, workplace drug policy, drug abuse education, community health programs, drug-free advocacy, mental health support, drug recovery Nigeria, faith-based recovery, skill acquisition for youth">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://drugfreeproject.org">
<meta property="og:title" content="Home || DRUG FREE PROJECT">
<meta property="og:description" content="The Drug Free Project is a national movement promoting drug abuse prevention, mental wellness, recovery support, youth empowerment, and sustainable drug-free environments in schools, communities, and workplaces across Nigeria.">
<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="Home || DRUG FREE PROJECT">
<meta name="twitter:site" content="@drugfreeproject" />
<meta property="twitter:description" content="The Drug Free Project is a national movement promoting drug abuse prevention, mental wellness, recovery support, youth empowerment, and sustainable drug-free environments in schools, communities, and workplaces across Nigeria.">
<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 -->
<!--Main Slider Start-->
<section class="main-slider-two clearfix">
<div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
"effect": "fade",
"pagination": {
"el": "#main-slider-pagination",
"type": "bullets",
"clickable": true
},
"navigation": {
"nextEl": "#main-slider__swiper-button-next",
"prevEl": "#main-slider__swiper-button-prev"
},
"autoplay": {
"delay": 5000
}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image-layer-two" style="background-image: url(assets/images/backgrounds/main-slider-2-1.jpg);"></div>
<!-- /.image-layer -->
<div class="main-slider-two-shape-1">
<img src="assets/images/shapes/main-slider-two-shape-1.png" alt="">
</div>
<div class="main-slider-two-shape-2">
<img src="assets/images/shapes/main-slider-two-shape-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="main-slider-two__content">
<p class="main-slider-two__sub-title">Join Us Today</p>
<h2 class="main-slider-two__title" style="font-size:45px; line-height:50px">Join us in building a drug-free nation; ONE PERSON, ONE SCHOOL, ONE COMMUNITY AT A TIME with hope and purpose. Together we can make Nigeria a drug-free nation.</h2>
<div class="main-slider-two__btn-box">
<a href="volunteer/" class="thm-btn main-slider-two__btn"> Become a Volunteer</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="image-layer-two" style="background-image: url(assets/images/backgrounds/main-slider-2-2.jpg);"></div>
<!-- /.image-layer -->
<div class="main-slider-two-shape-1">
<img src="assets/images/shapes/main-slider-two-shape-1.png" alt="">
</div>
<div class="main-slider-two-shape-2">
<img src="assets/images/shapes/main-slider-two-shape-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="main-slider-two__content">
<p class="main-slider-two__sub-title">Mental Wellness & Recovery</p>
<h2 class="main-slider-two__title" style="font-size:45px; line-height:50px">Healing is possible. Hope is real. We support mental wellness and addiction recovery for all.</h2>
<div class="main-slider-two__btn-box">
<a href="partner/" class="thm-btn main-slider-two__btn"> Become a Partner</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="main-slider-two__nav">
<div class="swiper-button-prev" id="main-slider__swiper-button-next">
<i class="icon-left-arrow"></i>
</div>
<div class="swiper-button-next" id="main-slider__swiper-button-prev">
<i class="icon-right-arrow"></i>
</div>
</div>
</div>
</section>
<!--Main Slider End-->
<!--About One Start-->
<section class="about-one">
<div class="about-one__shape-box-1">
<div class="about-one__shape-1" style="background-image: url(assets/images/shapes/about-one-shape-1.png);"></div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="about-one__left">
<div class="about-one__img-box wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
<div class="about-one__img">
<img src="assets/images/resources/about-one-img-1.jpg" alt="">
</div>
<div class="about-one__img-border"></div>
<div class="about-one__curved-circle-box">
<div class="curved-circle">
<span class="curved-circle--item">
DRUG FREE PROJECT - LIFE, HEALTH AND HOPE -
</span>
</div>
<!-- /.curved-circle -->
<div class="about-one__curved-circle-icon">
<img src="assets/images/icon/curved-circle-icon.png" alt="">
</div>
</div>
<div class="about-one__shape-2 zoom-fade">
<img src="assets/images/shapes/about-one-shape-2.png" alt="">
</div>
<div class="about-one__shape-3 float-bob-y">
<img src="assets/images/shapes/about-one-shape-3.png" alt="">
</div>
<div class="about-one__shape-4 zoominout">
<img src="assets/images/shapes/about-one-shape-4.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="about-one__right">
<div class="section-title text-left">
<span class="section-title__tagline">Welcome to </span>
<h2 class="section-title__title">DRUG FREE PROJECT</h2>
</div>
<p class="about-one__text" style="color:black; font-size:18px; text-align:justify">The <b>Drug Free Project</b> is a national movement promoting drug abuse prevention, mental wellness, recovery support, youth empowerment, and sustainable drug-free environments in schools, communities, and workplaces across Nigeria.</p>
<div class="about-one__fund">
<p class="about-one__fund-text" style="color:black; font-size:18px"><b>Advocacy, Mental Wellness, Rehabilitation Support, Youth Value Reorientation, and Community Transformation.</b></p>
<p class="about-one__fund-text" style="color:black; font-size:18px"></p>
</div>
<ul class="list-unstyled about-two__points">
<li>
<div class="icon">
<span class="icon-target"></span>
</div>
<div class="text">
<h4>Our vision</h4>
<p style=" color:black; font-size:18px"><b>“That no one dies from drug abuse.”</b> <br><br>
A drug-free world, promoting healthy lifestyle choices, supporting individuals in recovery, and building drug-free environments in educational institutions (primary schools, secondary schools, polytechnics, colleges of education and universities), workplaces and homes.</p>
</div>
</li>
</ul>
<a href="volunteer/" class="thm-btn about-one__btn">Become a Volunteer</a>
</div>
</div>
</div>
</div>
</section>
<!--About One End-->
<!--Become Volunteer One Start-->
<section class="become-volunteer-one">
<div class="become-volunteer-one__bg-box">
<div class="become-volunteer-one__bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%" style="background-image: url(assets/images/backgrounds/become-volunteer-one-bg.jpg);"></div>
</div>
<div class="become-volunteer-one__shape-1" style="background-image: url(assets/images/shapes/become-volunteer-shape-1.png);"></div>
<div class="container">
<div class="become-volunteer-one__inner">
<p class="become-volunteer-one__sub-title" style="font-size:30px">Our Values</p>
<h3 class="become-volunteer-one__title">Empathy, Integrity, Courage, Transparency, and Accountability.
</h3>
<div class="become-volunteer-one__btn-box">
<a href="pledge/" class="thm-btn become-volunteer-one__btn">Sign the Drug-Free Pledge</a>
</div>
</div>
</div>
</section>
<!--Become Volunteer One End-->
<!--FAQ One Start-->
<section class="faq-one">
<div class="faq-one-shape-1" style="background-image: url(assets/images/shapes/faq-one-shape-1.png);"></div>
<div class="faq-one-bg" style="background-image: url(assets/images/backgrounds/faq-one-bg.png);"></div>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="faq-one__left">
<div class="section-title text-left">
<span class="section-title__tagline" style="font-size:30px">Impact Goals:</span>
<h4 class="causes-one__title" id="impact">Our impact targets are designed to drive measurable change across Nigeria.</h4>
</div>
<ul style="color:black; font-size:18px;">
<li>Reach at least <b>twenty (20) million</b> Nigerians through media campaigns.</li>
<li>Visit to <b>100</b> traditional rulers and religious leaders </li>
<li>Visit at least <b>one hundred (100)</b> educational institutions, including universities, polytechnics, colleges of education, secondary schools and primary schools.</li>
<li>Establish <b>one hundred (100) workplace</b> partnerships for drug-free policies.</li>
<li><b>One (1) million</b> Nigerians sign the drug-free pledge.</li>
<li>Get <b>one hundred (100) people</b> through recovery and rehabilitation.</li>
<li>Visit <b>thirty-six (36) radio stations</b> across the nation and feature on at least six prominent podcasts.</li>
<li>Visit at least <b>six (6)</b> National and International TV Stations</li>
<li><b>One thousand (1000)</b> Active Volunteer Communities on WhatsApp/Telegram</li>
<li><b>Build a national support network</b> for individuals in recovery.</li>
<li>Partnership with sub-national, <b>national and international government agencies, NGOs and INGOs</b> in the drug-free space for maximum impact.</li>
</ul><br>
<a href="pledge/" class="thm-btn faq-one__btn">Sign the Drug-Free Pledge</a>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="faq-one__right">
<div class="accrodion-grp" data-grp-name="faq-one-accrodion">
<div class="accrodion active" id="OurMission">
<div class="accrodion-title">
<h4>Our Mission</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<h6 class="causes-one__title" id="impact">To lead a national movement against substance abuse through</h6>
<p>
<ul style="color:black; font-size:18px">
<li>Advocacy and awareness</li>
<li>Mental Health Services</li>
<li>Rehabilitation Support* Signposting</li>
<li>Post-rehabilitation support, handholding, and accountability partnerships.</li>
<li>Policy engagement for drug-free workplaces</li>
<li>Promotion and support of substance abuse alternatives (sports, music, skills [tech and soft], talent development)</li>
<li>Drug-free social enterprise</li>
<li>Addiction recovery and substance abuse research, data and analytics </li>
</ul></p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion" id="SubstanceAbuseProblem">
<div class="accrodion-title">
<h4>Substance Abuse Problem</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>
<ul style="color:black; font-size:18px">
<li>Young people are dying from substance abuse.</li>
<li><b>Epidemic level:</b> Increasing drug use among youth and the working population.</li>
<li>Mental health challenges/illness linked to substance abuse.</li>
<li>Limited access and affordability to rehabilitation and post-rehabilitation information, support, facilities, professionals, and support.</li>
<li>Lack of sustainable drug-free policies, programs and campaigns in educational institutions, workplaces, and public places.</li>
<li>Media and community glamorization of drugs</li>
<li>Stigmatization of persons in recovery.</li>
<li>Institutional limitations in combating drug abuse</li>
<li>Funding competition and contrast</li>
</ul>
</p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion" id="MediaCampaigns">
<div class="accrodion-title">
<h4>Media Campaigns</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>
<ul style="color:black; font-size:18px">
<li>At least 36 Radio Stations</li>
<li>6 TV Stations</li>
<li>Radio and TV jingles, documentaries, reels, short videos, talk shows, podcasts, interviews, media rounds, newspapers, online platforms, and social media penetration.</li>
<li>Feature on at least six (6) prominent podcasts with youth reach.</li>
</ul></p>
</div>
<!-- /.inner -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--FAQ One End-->
<!--Counter One Start-->
<section class="counter-one">
<div class="container">
<div class="counter-one__inner">
<div class="counter-one-bg" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%" style="background-image: url(assets/images/backgrounds/counter-one-bg.jpg);"></div>
<ul class="list-unstyled counter-one__list">
<li class="counter-one__single">
<div class="counter-one__count-box">
<?php
include('db_conn.php');
$sql = "SELECT COUNT( * ) AS totalschoolvisited FROM schools_visited";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_array($result)) {
?>
<h3 class="odometer" data-count="<?php echo $row['totalschoolvisited']; ?>">00</h3>
<?php } ?>
<!-- <span class="counter-one__letter">m</span> -->
</div>
<p class="counter-one__text">Schools Visited</p>
</li>
<li class="counter-one__single">
<div class="counter-one__count-box">
<?php
include('db_conn.php');
$sql = "SELECT COUNT( * ) AS totalpledgesigned FROM pledge_signed";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_array($result)) {
?>
<h3 class="odometer" data-count="<?php echo $row['totalpledgesigned']; ?>">00</h3>
<?php } ?>
<!-- <span class="counter-one__letter">k</span> -->
</div>
<p class="counter-one__text">Signed Pledge(s)</p>
</li>
<li class="counter-one__single">
<div class="counter-one__count-box">
<?php
include('db_conn.php');
$sql = "SELECT COUNT( * ) AS totalradiostationvisited FROM radio_station";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_array($result)) {
?>
<h3 class="odometer" data-count="<?php echo $row['totalradiostationvisited']; ?>">00</h3>
<?php } ?>
<!-- <span class="counter-one__letter">%</span> -->
</div>
<p class="counter-one__text">Radio Station Visited</p>
</li>
<li class="counter-one__single">
<div class="counter-one__count-box">
<?php
include('db_conn.php');
$sql = "SELECT COUNT( * ) AS totalvolunteers FROM volunteer";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_array($result)) {
?>
<h3 class="odometer" data-count="<?php echo $row['totalvolunteers']; ?>">00</h3>
<?php } ?>
<span class="counter-one__letter"></span>
</div>
<p class="counter-one__text">Our volunteers</p>
</li>
</ul>
</div>
</div>
</section>
<!--Counter One End-->
<!--Feature One Start-->
<section class="feature-one">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
<div class="feature-one__single">
<div class="feature-one__single-bg" style="background-image: url(assets/images/shapes/feature-one-shape-1.png);"></div>
<div class="feature-one__top">
<div class="feature-one__top-inner">
<div class="feature-one__top-icon">
<span class="icon-help"></span>
</div>
<div class="feature-one__top-title-box">
<h3 class="feature-one__top-title"><a href="#">School <br> Outreach</a></h3>
</div>
</div>
</div>
</p>
<p class="feature-one__text">Creating drug-free educational environments by engaging students, educators, and institutions.
</p>
<div class="inner">
<p>
<ul style="color:white; font-size:18px; font-weight: bold;">
<li>Advocacy Visits to schools and academic authorities.</li>
<li>Establishment of Drug-Free Positive Peer Influence Clubs in schools and campuses.</li>
<li>Hosting workshops and sensitization programs for students.</li>
<li>Training sessions for school counselors, teachers, and peer leaders.</li>
</ul></p>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
<div class="feature-one__single feature-one__single--two">
<div class="feature-one__single-bg" style="background-image: url(assets/images/shapes/feature-one-shape-1.png);"></div>
<div class="feature-one__top">
<div class="feature-one__top-inner">
<div class="feature-one__top-icon feature-one__top-icon--two">
<span class="icon-solidarity-1"></span>
</div>
<div class="feature-one__top-title-box">
<h3 class="feature-one__top-title"><a href="#">Workplace <br> Programs</a></h3>
</div>
</div>
</div>
<p class="feature-one__text">Promoting healthy, drug-free, and mentally supportive work environments.
</p>
<div class="inner">
<p>
<ul style="color:white; font-size:18px; font-weight: bold;">
<li>Employee Sensitization on substance abuse and wellness.</li>
<li>Development and adoption of Workplace Substance Abuse Policies.</li>
<li>Access to mental health treatment and therapy.</li>
<li>HR support services to help affected employees.</li>
<li>Insurance inclusion for mental health and addiction recovery.</li>
</ul></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Feature One End-->
<!--Brand One Start-->
<section class="brand-one">
<div class="container">
<div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 100, "slidesPerView": 5, "autoplay": { "delay": 5000 }, "breakpoints": {
"0": {
"spaceBetween": 30,
"slidesPerView": 2
},
"375": {
"spaceBetween": 30,
"slidesPerView": 2
},
"575": {
"spaceBetween": 30,
"slidesPerView": 3
},
"767": {
"spaceBetween": 50,
"slidesPerView": 4
},
"991": {
"spaceBetween": 50,
"slidesPerView": 5
},
"1199": {
"spaceBetween": 100,
"slidesPerView": 6
}
}}'>
<div class="swiper-wrapper">
<?php
include('db_conn.php');
$sql = "SELECT * FROM `partner_logo` ORDER BY `id` DESC";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_array($result)) {
?>
<div class="swiper-slide">
<img src="app/partners/<?php echo $row['logo']; ?>" alt="">
</div>
<?php }} ?>
<!-- /.swiper-slide -->
</div>
</div>
</div>
</section>
<!--Brand One End-->
<!--Gallery One Start-->
<section class="gallery-one">
<div class="gallery-one__top">
<h3 class="gallery-one__top-title">Recent Photo Gallery</h3>
</div>
<div class="gallery-one__bottom">
<div class="gallery-one__container">
<ul class="list-unstyled gallery-one__list">
<?php
$sql = "SELECT * FROM `images` ORDER BY `id` DESC LIMIT 0, 5";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_array($result)) {
?>
<li class="gallery-one__single wow fadeInUp" data-wow-delay="100ms">
<div class="gallery-one__img">
<img src="app/<?php echo $row['file_name']; ?>" alt="">
<a href="app/<?php echo $row['file_name']; ?>" class="img-popup"></a>
<div class="gallery-one__content">
<!-- /.img-popup -->
<p class="gallery-one__sub-title"><?php echo $row['headline']; ?></p>
<!-- <h5 class="gallery-one__title"><a href="gallery.php">Education</a></h5> -->
</div>
</div>
</li>
<?php }} ?>
</ul>
</div>
</div>
</section>
<!--Gallery One End-->
<!--News One Start-->
<section class="news-one">
<div class="container">
<div class="section-title text-center">
<span class="section-title__tagline">Blog Post</span>
<h2 class="section-title__title">Latest from Blog
</h2>
</div>
<div class="row">
<!--News One Single Start-->
<?php
$sql = "SELECT *, DATE_FORMAT(date, '%a-%d-%b-%Y') as newDate FROM `blog` ORDER BY `id` DESC LIMIT 0, 3";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_array($result)) {
?>
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
<div class="news-one__single">
<div class="news-one__img">
<a <?php echo "href='blog_details.php?a=" . $row['a'] . "' "; ?>><img src="app/cover_image/<?php echo $row['cover_image'];?>" alt=""></a>
</div>
<div class="news-one__content-box">
<div class="news-one__content-inner">
<div class="news-one__content">
<ul class="list-unstyled news-one__meta">
<li><a href="news-details.php"><i class="far fa-user-circle"></i> Admin</a>
</li>
<li><a <?php echo "href='blog_details.php?a=" . $row['a'] . "' "; ?>><i class="fas fa-eye"></i> <?php echo $row['post_view'];?></a>
</li>
</ul>
<h3 class="news-one__title"><a <?php echo "href='blog_details.php?a=" . $row['a'] . "' "; ?>><?php echo $row['headline'];?></a></h3>
</div>
<div class="news-one__bottom">
<div class="news-one__read-more">
<a <?php echo "href='blog_details.php?a=" . $row['a'] . "' "; ?>> <span class="icon-right-arrow"></span> Read More
</a>
</div>
<div class="news-one__share">
<a href="#"><i class="fas fa-share-alt"></i></a>
</div>
</div>
<div class="news-one__social-box">
<ul class="list-unstyled news-one__social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
</ul>
</div>
</div>
<div class="news-one__date">
<p><?php echo $row['newDate'];?></p>
</div>
</div>
</div>
</div>
<?php
}}
?>
<!--News One Single End-->
</div>
</div>
</section>
<!--News One End-->
<!--Testimonial One Start-->
<section class="testimonial-one">
<div class="testimonial-one-bg jarallax" data-jarallax="" data-speed="0.2" data-imgposition="50% 0%" style="background-image: url(assets/images/backgrounds/testimonial-one-bg.jpg);"></div>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="testimonial-one__left">
<div class="section-title text-left">
<span class="section-title__tagline">Our Testimonials</span>
<h2 class="section-title__title">What people are saying about DRUG FREE PROJECT</h2>
</div>
<!-- <p class="testimonial-one__text-1">Nulla ultricies justo sit amet ante efficitur, eget pharetra augue efficitur. Vestibulum viverra, dolor sit amet ultricies ornare, elit justo pretium tellus.</p> -->
<a href="about.php" class="thm-btn testimonial-one__btn">All testimonials</a>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="testimonial-one__right">
<div class="testimonial-one__img-1 zoom-fade">
<img src="assets/images/testimonial/testimonial-img-1.jpg" alt="">
</div>
<div class="testimonial-one__img-1 testimonial-one__img-2 zoom-fade">
<img src="assets/images/testimonial/testimonial-img-2.jpg" alt="">
</div>
<div class="testimonial-one__img-1 testimonial-one__img-3 zoom-fade">
<img src="assets/images/testimonial/testimonial-img-3.jpg" alt="">
</div>
<div class="testimonial-one__img-1 testimonial-one__img-4 zoom-fade">
<img src="assets/images/testimonial/testimonial-img-4.jpg" alt="">
</div>
<div class="testimonial-one__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 50,
"nav": true,
"dots": false,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 1
},
"992": {
"items": 1
},
"1200": {
"items": 1
}
}
}'>
<?php
$sql = "SELECT *, DATE_FORMAT(date, '%a-%d-%b-%Y') as newDate FROM `testimonial` ORDER BY `id` DESC";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_array($result)) {
?>
<div class="item">
<!--Testimonial One Single Start-->
<div class="testimonial-one__single">
<div class="testimonial-one__shape-1" style="background-image: url(assets/images/shapes/testimonial-one-shape-1.png);">
</div>
<div class="testimonial-one__client-img">
<img src="assets/images/testimonial/testimonial-1-1.jpg" alt="">
</div>
<div class="testimonial-one__client-info">
<h3 class="testimonial-one__client-name"><?php echo $row['fullname']; ?></h3>
<p class="testimonial-one__client-sub-title" style="font-size:16px"><?php echo $row['position']; ?></p>
</div>
<div class="testimonial-one__quote">
<span class="icon-double-quotes"></span>
</div>
<p class="testimonial-one__text-2"><?php echo $row['content']; ?></p>
</div>
<!--Testimonial One Single End-->
</div>
<?php
}}
?>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Testimonial One End-->
<!--Events One Start-->
<section class="events-one">
<div class="events-one-shape-1" style="background-image: url(assets/images/shapes/events-one-shape-1.png)">
</div>
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4">
<div class="events-one__left">
<div class="section-title text-left">
<span class="section-title__tagline">Upcoming events</span>
<h2 class="section-title__title">Join our upcoming events</h2>
</div>
<!-- <p class="events-one__text-1">There are many variations of passages of lorem ipsum available but the majority have suffered.</p> -->
<a href="events.php" class="thm-btn events-one__btn">Discover More</a>
</div>
</div>
<div class="col-xl-8 col-lg-8">
<div class="events-one__right">
<div class="events-one__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 20,
"nav": true,
"dots": false,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 2
},
"992": {
"items": 2
},
"1200": {
"items": 3
}
}
}'>
<?php
$sql = "SELECT *, DATE_FORMAT(date, '%a-%d-%b-%Y') as newDate FROM `events` ORDER BY `id` DESC LIMIT 0, 4";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_array($result)) {
?>
<div class="item">
<!--Events One Single Start-->
<div class="events-one__single">
<div class="events-one__img">
<img src="app/event_image/<?php echo $row['cover_image']; ?>" alt="">
<div class="events-one__date">
<p><?php echo $row['newDate']; ?></p>
</div>
<div class="events-one__content">
<ul class="list-unstyled events-one__meta">
<li><i class="fas fa-map-marker-alt"></i><?php echo $row['location']; ?></li>
</ul>
<h3 class="events-one__title"><a <?php echo "href='event_details.php?a=" . $row['a'] . "' "; ?>><?php echo $row['title']; ?></a></h3>
</div>
</div>
</div>
<!--Events One Single End-->
</div>
<?php }} ?>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Events One 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>