Current File : //home/vedfinancials/www/ved/our-services.php
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Our Services</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/favicon.svg">
    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/animate.min.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/css/vendor/flaticon_finwise.css">
    <link rel="stylesheet" href="assets/css/vendor/spacing.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

    <!--[if lte IE 9]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
      <![endif]-->

    <!-- Preloder start -->
    <?php include("header.php"); ?>
    <!-- Header area end -->

    <!-- Body glow start -->
    <div class="glow__area">
        <div class="body__color-glow"></div>
        <div class="body__color-glow glow-2"></div>
    </div>
    <!-- Body glow end -->

    <!-- Body main wrapper start -->
    <main>

        <!-- Breadcrumb area start  -->
        <div class="breadcrumb__area breadcrumb-space theme-bg-1 valign p-relative z-index-11 fix">
            <div class="breadcrumb__glow">
                <div class="glow-1"></div>
                <div class="glow-2"></div>
            </div>
            <div class="round__shape">
                <img src="assets/imgs/shapes/cercle.png" alt="image not found">
            </div>
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="breadcrumb__content">
                            <div class="breadcrumb__menu mb-10">
                                <nav>
                                    <ul>
                                        <li><span><a href="index.php">Home</a></span></li>
                                        <li><span>Our Services</span></li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="breadcrumb__title-wraper mb-20">
                                <h2 class="breadcrumb__title">Ser Our <span class="gradient-text-3">Latest Services</span></h2>
                            </div>
                            <!--<p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit.</p>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Breadcrumb area start  -->

        <!-- Blog area start -->
        <div class="blog__area section-space">
            <div class="container">
                <div class="row gy-5">
                     <?php
 include("superadmin/cn.php"); 
        $sql ="SELECT * FROM `services`";
        $run =mysqli_query($con,$sql);
        $i=1;
        while($row = $run->fetch_assoc()) {
            
        
        ?>
                    <div class="col-xxl-4 col-xl-4 col-lg-6">
                        <article class="blog__grid-item wow fadeIn" data-wow-delay=".3s">
                            <div class="blog__thumb-warapper p-relative mb-30">
                                <div class="blog__grid-thumb">
                                    <a href="service-details.php?id=<?php echo $row['id']; ?>"><img src="superadmin/service/<?php echo $row['image']; ?>" alt="image not found" style="width:345px;height:210px;"></a>
                                </div>
                                <div class="blog__thumb-inner">
                                    <a class="blog__thumb-overlay" href="service-details.php?id=<?php echo $row['id']; ?>"></a>
                                    <a class="blog__link" href="service-details.php?id=<?php echo $row['id']; ?>"><i class="fa-regular fa-angle-right"></i></a>
                                </div>
                            </div>
                            <div class="blog__content">
                                <h3 class="blog__title"><a href="service-details.php?id=<?php echo $row['id']; ?>"><?php echo $row['name']; ?></a></h3>
                                
                            </div>
                        </article>
                    </div>
                    <?php } ?>
                    
                </div>
                
            </div>
        </div>
        <!-- Blog area start -->

        <!-- Brand area start -->
     
        <!-- Brand area end -->

    </main>
    <!-- Body main wrapper end -->

    <!-- Footer area start -->
  <?php include("footer.php"); ?>
    <!-- Footer area end -->

    <!-- JS here -->
   <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/plugins/waypoints.min.js"></script>
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/plugins/meanmenu.min.js"></script>
    <script src="assets/js/plugins/swiper.min.js"></script>
    <script src="assets/js/plugins/slick.min.js"></script>
    <script src="assets/js/plugins/wow.js"></script>
    <script src="assets/js/vendor/magnific-popup.min.js"></script>
    <script src="assets/js/vendor/type.js"></script>
    <script src="assets/js/plugins/counterup.js"></script>
    <script src="assets/js/plugins/nice-select.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/parallax-scroll.js"></script>
    <script src="assets/js/vendor/ajax-form.js"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>