<?php
include('include/main.inc.php');
$web_det_query = "Select * from admin_details where slno = '1'";
$res_web = $dbconn->query($web_det_query);
$web_details = $res_web->fetch_assoc();
$page_metatitle = $web_details['companyName'].' - Video Gallery';
$page_metadesc = $web_details['companyName'].' - Video Gallery';
$page_metakey = $web_details['companyName'].' - Video Gallery';
$video_sql1 = mysqli_query($dbconn, "select * from video_tbl");
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?= $page_metatitle; ?></title>
    <meta name="description" content="<?= $page_metadesc; ?>">
    <meta name="keywords" content="<?= $page_metakey; ?>" >
    <?php include "app_top.php"; ?>
</head>

<body>

    <?php include "app_header.php"; ?>


    <div class="heading_banner" style="background-image: url(<?= site_url ?>/designer/images/gallery-banner.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title">Video Gallery</h1>
                    <div class="clearfix"></div>
                    <div class="cat_title2">We Are Available For You</div>
                </div>
            </div>
        </div>
    </div>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?= site_url ?>" title="Home">Home</a></li>
                        <li class="active">Video Gallery</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <section class="gallery_page">
        <div class="container">
            <h2 class="title_2">Video Gallery</h2>
            <div class="clearfix"></div>
            <div class="row">
            <?php while ($video_res1 = mysqli_fetch_array($video_sql1)) { ?>


                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div class="videoFeedback">
                        <span class="feedbackStar">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z">
                                </path>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z">
                                </path>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z">
                                </path>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z">
                                </path>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-star-half" viewBox="0 0 16 16">
                                <path
                                    d="M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z">
                                </path>
                            </svg>
                        </span>
                        <a data-fancybox="" href="https://www.youtube.com/embed/<?= $video_res1['slink_url']; ?>">
                            <div class="image">
                                <img src="https://img.youtube.com/vi/<?= $video_res1['slink_url']; ?>/sddefault.jpg" alt="<?php echo $video_res1['slink_title']; ?>" title="<?php echo $video_res1['slink_title']; ?>">
                                <span>
                                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M17.13 7.9799C20.96 10.1899 20.96 13.8099 17.13 16.0199L14.04 17.7999L10.95 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L13.21 5.7199"
                                            stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                </span>
                            </div>
                            <div class="videoTitle">
                                <div class="videoName"><?= $video_res1['slink_title']; ?></div>
                            </div>
                        </a>
                    </div>
                </div>
<?php } ?>


            </div>
        </div>
    </section>


    <!-- <div class="home_theater inn_theater">
        <div class="container">
            <div class="row">
                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 wow fadeInLeft" data-wow-delay=".1s">
                <div class="theater-left theater_n">
                        <div class="theater-box">
                            <div class="theater-text">
                                <h4 class="title_3">winner of National Quality Awards 2024</h4>
                                <p>Most Trusted Medical Equipment & Healthcare Services Provider in North India
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="theater-slider">
                        <a data-fancybox="" href="https://youtu.be/-WRtDC8HL1A?si=xBs7vT0uXJOiVcEx"
                            title="winner of National Quality Awards 2024">
                            <div class="single-theater">
                                <img src="https://img.youtube.com/vi/-WRtDC8HL1A/maxresdefault.jpg" alt="winner of National Quality Awards 2024"
                                    title="winner of National Quality Awards 2024">
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 wow fadeInRight" data-wow-delay=".2s">
                <div class="theater-left">
                        <div class="theater-box">
                            <div class="theater-text">
                                <h4 class="title_3">Winner of Industry Leaders Awards 2022</h4>
                                <p>Most Trusted Medical Equipment Suppliers & Health Care Service Provider in Delhi NCR</p>
                            </div>
                        </div>
                    </div>
                    <div class="theater-slider">
                        <a data-fancybox="" href="https://www.youtube.com/watch?v=3uLwHiOOfXE"
                            title="Winner of Industry Leaders Awards 2022">
                            <div class="single-theater">
                                <img src="https://img.youtube.com/vi/3uLwHiOOfXE/maxresdefault.jpg"  alt="Winner of Industry Leaders Awards 2022"
                                    title="Winner of Industry Leaders Awards 2022">
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div> -->

    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
</body>

</html>