<!DOCTYPE html>
<html lang="en" data-bs-theme="light">

<head>
    <!--required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--twitter og-->
    <meta name="twitter:site" content="@themetags">
    <meta name="twitter:creator" content="@themetags">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Agentieco - Digital Agency & Business Technology Bootstrap 5 HTML Template">
    <meta name="twitter:description" content="Agentieco - Digital Agency & Business Technology Bootstrap 5 HTML Template">
    <meta name="twitter:image" content="#">

    <!--facebook og-->
    <meta property="og:url" content="#">
    <meta name="twitter:title" content="Agentieco - Digital Agency & Business Technology Bootstrap 5 HTML Template">
    <meta property="og:description" content="Agentieco - Digital Agency & Business Technology Bootstrap 5 HTML Template">
    <meta property="og:image" content="#">
    <meta property="og:image:secure_url" content="#">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="600">

    <!--meta-->
    <meta name="description" content="Agentieco creative Agency, Digital technology agency & business Bootstrap 5 Html template. It is best and famous software company and Saas website template.">
    <meta name="author" content="ThemeTags">

    <!--favicon icon-->
    <link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16">

    <!--title-->
    <title>Post Perfect Media - Blog Details</title>

    <!--build:css-->
    <link rel="stylesheet" href="assets/css/main.css">
    <!-- endbuild -->

    <!--custom css start-->
    <link rel="stylesheet" href="assets/css/custom.css">
    <!--custom css end-->

</head>

<body>

    <!--circle cursor start-->
    <div class='cursor' id="cursor"></div>
    <div class='cursor2' id="cursor2">
        <div class="ball"></div>
    </div>
    <div class='cursor3' id="cursor3"></div>
    <!--circle cursor end-->

   <!--main content wrapper start-->
    <div class="main-wrapper position-relative z-1">
        <!--line shape start-->
        <span class="theme-line-shape" data-background="assets/img/shapes/line.png"></span>
        <!--line shape end-->

        <!--header section start-->
        <?php include('header2.php');?>
        <!--header section end-->
                                             <?php
                                                   include 'admin/dbcon.php'; 
                                             $id=$_GET['id'];
                                    $query=mysqli_query($con,"select * from blog where id='$id'");
                                 $row=mysqli_fetch_array($query) 
                                    ?>
        <!--page header start-->
        <section class="page-header pt-10 pb-7">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8">
                        <div class="breadcrumb-content">
                            <h1 class="mb-2"><?php echo $row['name'] ?></h1>
                            <nav>
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Blog Post</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--page header end-->

        <!--blog details start-->
        <section class="blog-details-area pb-120">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="feature-image">
                            <img src="admin/images/<?php echo $row['photo'] ?>" style="width:100rem;height:30rem" alt="not found" class="img-fluid">
                        </div>
                    </div>
                </div>
                <div class="row">
                      <div class="col-xl-12">
                        <div class="blog-details-content bg-white py-7 px-5 mt-6">
                            <div class="blog-meta d-flex align-items-center gap-3 mb-4 flex-wrap">
                             
                                <span><i class="fa-solid fa-calendar-days me-1"></i><?php echo $row['date'] ?></span>
                               
                            </div>
                            <p class="has-dropcap"><?php echo $row['description'] ?></p>
                            
                            <!--<div class="d-flex align-items-center gap-4 blog-details-video-box mt-6 flex-wrap flex-lg-nowrap">-->
                            <!--    <div class="bd-video-box position-relative">-->
                            <!--        <img src="assets/img/research.jpg" class="img-fluid" alt="not found">-->
                            <!--        <a href="https://www.youtube.com/watch?v=6WZOxnYi4Cs" class="video-popup-btn rounded-circle btn btn-primary position-absolute start-50 top-50 translate-middle"><i class="fas fa-play"></i></a>-->
                            <!--    </div>-->
                            <!--    <div>-->
                            <!--        <h4 class="mb-3">How do Web Development Work</h4>-->
                            <!--        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit tincidunt iaculis eget interdum pretium ullamcorper est dui, donec feugiat at etiam aliquam ornare parturient ut convallis gravida malesuada netus commodo hendrerit lorem sed imperdiet praesent consectetur fermentum</p>-->
                            <!--    </div>-->
                            <!--</div>-->
                            <!--<h4 class="mt-6">Channels Used in Performance Marketing</h4>-->
                            <!--<p class="mb-6">Supported substance consolidates parts of web based promoting and substance showcasing. It includes making substance, for example, a blog entry or video and paying for its consideration on a site that routinely distributes comparative substance. A piece of supported substance will seem to be like the remainder of the substance on the site yet will incorporate some sign that it’s supported. With execution showcasing, you would pay a pre-decided aps on your supported article navigates to your site from the article.</p>-->
                            <!--<blockquote class="mb-5">-->
                            <!--    <div class="d-flex gap-4">-->
                            <!--        <img src="assets/img/icons/quote.svg" alt="quote" class="img-fluid align-self-start">-->
                            <!--        <div>-->
                            <!--            <h4 class="mb-0">And the day came when the risk to remain tight in a bud was more painful than the risk it took to blossom.</h4>-->
                            <!--            <h4 class="attonce-subtitle position-relative mt-4">Saiful Talukdar</h4>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</blockquote>-->
                            <!--<p>Supported substance consolidates parts of web based promoting and substance showcasing. It includes making substance, for example, a blog entry or video and paying for its consideration on a site that routinely distributes comparative substance. A piece of supported substance will seem to be like the remainder of the substance on the site yet will incorporate some sign that it’s supported. With execution showcasing, you would pay a pre-decided aps on your supported article navigates to your site from the article.</p>-->
                            <!--<hr class="my-6">-->
                            
                        <div class="bs-post-controls mt-40">
                                <div class="row align-items-center g-4 g-xxl-5">
                                      <?php
                                      if($id!=1){
                                          $a=$id-1;
                                    $query=mysqli_query($con,"select * from blog where id='$a'");
                                    while($row=mysqli_fetch_array($query)){ 
                                    ?>
                                    <div class="col-lg-6">
                                        <div class="post-prev d-sm-flex bs-post-item">
                                            <div class="post-prev-left flex-shrink-0">
                                                <a href="blog-details.php?id=<?php echo $row['id'] ?>" class="post-control"><span class="me-1"><i class="fas fa-angle-left"></i></span>Prev Post</a>
                                                <div class="feature-img">
                                                    <a href="blog-details.php?id=<?php echo $row['id'] ?>"><img style="height:5rem;width:5rem" src="admin/images/<?php echo $row['photo'] ?>" alt="not found" class="rounded"></a>
                                                </div>
                                            </div>
                                            <div class="post-prev-right ms-sm-3 mt-3 mt-sm-0 align-self-end">
                                                <a href="blog-details.php?id=<?php echo $row['id'] ?>" class="bs-title d-block fw-bold"><?php echo $row['name'] ?></a>
                                                <span class="date"><?php echo $row['date'] ?></span>
                                            </div>
                                        </div>
                                    </div>
                                    <?php } }?>
                                    <?php
                                      $query=mysqli_query($con,"select * from blog");
                                      $row=mysqli_num_rows($query);
                                      if($id!=$row){
                                            $a=$id+1;
                                    $query=mysqli_query($con,"select * from blog where id='$a'");
                                    while($row=mysqli_fetch_array($query)){ 
                                    ?>
                                    <div class="col-lg-6">
                                        <div class="post-next d-flex flex-column flex-sm-row bs-post-item justify-content-end">
                                            <div class="post-prev-left me-sm-3 mt-3 mt-sm-0 align-self-end text-end order-2 order-sm-1">
                                                <a href="blog-details.php?id=<?php echo $row['id'] ?>" class="bs-title d-block fw-bold"><?php echo $row['name'] ?></a>
                                                <span class="date"><?php echo $row['date'] ?></span>
                                            </div>
                                            <div class="post-prev-right text-end order-1 order-sm-2">
                                                <a href="blog-details.php?id=<?php echo $row['id'] ?>" class="post-control">Next Post<span class="ms-1"><i class="fas fa-angle-right"></i></span></a>
                                                <div class="feature-img">
                                                    <a href="blog-details.php?id=<?php echo $row['id'] ?>"><img style="height:5rem;width:5rem" src="admin/images/<?php echo $row['photo'] ?>" alt="not found" class="rounded"></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div><?php }} ?>
                                </div>
                            </div>
                         </div>
                    </div>
                   </div>
            </div>
        </section>
        <!--blog details end-->

        <!--footer section start-->
       <?php include('footer.php');?>
        <!--footer section end-->

    </div>

    <!--scroll-top button start-->
    <button type="button" class="scroll-top-btn"><i class="fa-solid fa-angle-up"></i></button>
    <!--scroll top button end-->

    <!--build:js-->
    <script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendors/swiper-bundle.min.js"></script>
    <script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/vendors/parallax.min.js"></script>
    <script src="assets/js/vendors/aos.js"></script>
    <script src="assets/js/vendors/isotop.pkgd.min.js"></script>
    <script src="assets/js/vendors/massonry.min.js"></script>
    <script src="assets/js/vendors/smooth-scroll.min.js"></script>
    <script src="assets/js/vendors/easing.min.js"></script>
    <script src="assets/js/vendors/viewport.js"></script>
    <script src="assets/js/vendors/odometer.js"></script>
    <script src="assets/js/app.js"></script>
    <!--endbuild-->
</body>
</html>