<?php
include('include/main.inc.php');

$video_gallery = $dbconn->query("select * from video_tbl order by slink_id desc");

$res_web = $dbconn->query("Select * from admin_details where slno = '1'");
$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';
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <title><?= $page_metatitle ?></title>
    <meta name="description" content="<?= $page_metadesc ?>">
    <meta name="keywords" content="<?= $page_metakey ?>"> -->
    <?php include "top.php"; ?>
</head>

<body>
    <div class="webpulse-main-wrapper wrapper-wide" id="top">
        <?php include "header.php"; ?>
        <div class="clearfix"></div>
        <section class="heading_banner about_us_banner"
            style="background-image: url('<?=SITE_URL_PATH;?>/images/gallery.jpg')">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-lg-12 col-md-12 col-xl-12 col-xxl-12 text-center">
                        <h1 class="cat_title">Video Gallery</h1>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </section>
        <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-xs-12 col-12">
                        <ul class="breadcrumb">
                            <li><a href="<?=SITE_URL_PATH;?>" title="Home">Home</a></li>
                            <li class="active">Video Gallery</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <section class="about_page">
            <div class="webpulse_tm_universal_title_holder">
                <div class="container">
                    <div class="row">
                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 col-12">
                            <div class="right_side">
                                <div class="title_holder_inner">
                                    <h2>Video Gallery</h2>
                                </div>
                                <div class="wps_right">
                                    <div></div>
                                    <div class="row">
                                        <?php if($video_gallery->num_rows > 0){ 
                                            while($video = $video_gallery->fetch_assoc()){
                                        ?>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="video_gallery">
                                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/<?= $video['slink_url']; ?>" allowfullscreen></iframe>
                                            <h3><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M4.652 0h1.44l.988 3.702.916-3.702h1.454l-1.665 5.505v3.757h-1.431v-3.757l-1.702-5.505zm6.594 2.373c-1.119 0-1.861.74-1.861 1.835v3.349c0 1.204.629 1.831 1.861 1.831 1.022 0 1.826-.683 1.826-1.831v-3.349c0-1.069-.797-1.835-1.826-1.835zm.531 5.127c0 .372-.19.646-.532.646-.351 0-.554-.287-.554-.646v-3.179c0-.374.172-.651.529-.651.39 0 .557.269.557.651v3.179zm4.729-5.07v5.186c-.155.194-.5.512-.747.512-.271 0-.338-.186-.338-.46v-5.238h-1.27v5.71c0 .675.206 1.22.887 1.22.384 0 .918-.2 1.468-.853v.754h1.27v-6.831h-1.27zm2.203 13.858c-.448 0-.541.315-.541.763v.659h1.069v-.66c.001-.44-.092-.762-.528-.762zm-4.703.04c-.084.043-.167.109-.25.198v4.055c.099.106.194.182.287.229.197.1.485.107.619-.067.07-.092.105-.241.105-.449v-3.359c0-.22-.043-.386-.129-.5-.147-.193-.42-.214-.632-.107zm4.827-5.195c-2.604-.177-11.066-.177-13.666 0-2.814.192-3.146 1.892-3.167 6.367.021 4.467.35 6.175 3.167 6.367 2.6.177 11.062.177 13.666 0 2.814-.192 3.146-1.893 3.167-6.367-.021-4.467-.35-6.175-3.167-6.367zm-12.324 10.686h-1.363v-7.54h-1.41v-1.28h4.182v1.28h-1.41v7.54zm4.846 0h-1.21v-.718c-.223.265-.455.467-.696.605-.652.374-1.547.365-1.547-.955v-5.438h1.209v4.988c0 .262.063.438.322.438.236 0 .564-.303.711-.487v-4.939h1.21v6.506zm4.657-1.348c0 .805-.301 1.431-1.106 1.431-.443 0-.812-.162-1.149-.583v.5h-1.221v-8.82h1.221v2.84c.273-.333.644-.608 1.076-.608.886 0 1.18.749 1.18 1.631v3.609zm4.471-1.752h-2.314v1.228c0 .488.042.91.528.91.511 0 .541-.344.541-.91v-.452h1.245v.489c0 1.253-.538 2.013-1.813 2.013-1.155 0-1.746-.842-1.746-2.013v-2.921c0-1.129.746-1.914 1.837-1.914 1.161 0 1.721.738 1.721 1.914v1.656z"></path></svg> <?= explode('</title>', explode('<title>', file_get_contents("https://www.youtube.com/watch?v=".$video['slink_url']))[1])[0]; ?></h3>
                                        </div>
                                    </div>
                                    <?php } } ?>
 

                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                        <!-- <?php include 'about-left.php';?> -->
                    </div>
                </div>
            </div>
        </section>

        <section class="web-pulse-choose"
            style="background: url(<?=SITE_URL_PATH;?>/images/gallery-why.jpg) no-repeat fixed;">
            <div class="container">
                <div class="row">
                    <div class="col-sm-5 col-lg-5 col-md-5 col-xl-5 col-xxl-5 hidden-sm hidden-xs">
                        <img class="ming" src="<?=SITE_URL_PATH;?>/images/why-choose-ustxre.png" alt="Why Choose Us">
                    </div>
                    <div class="col-sm-7 col-lg-7 col-md-7 col-xl-7 col-xxl-7">
                        <div class="red-sec-heading">
                            <div class="title3">Why Choose Us</div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="row">
                            <div class="col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6">
                                <div class="icon_box">
                                    <a class="media-left pull-left" title="Safe and Secure">
                                        <img src="<?=SITE_URL_PATH;?>/images/safe_and_secure.png" alt="Safe and Secure"
                                            title="Safe and Secure"></a>
                                    <div class="media-body">
                                        <div class="media-heading heading">Safe and Secure</div>
                                        <p>Our wide range of safety gumboots, shoes and boots are ideal to use in varied
                                            industries including chemical, construction, mining, electrical among
                                            others.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6">
                                <div class="icon_box">
                                    <a class="media-left pull-left" title="Tough and Durable">
                                        <img src="<?=SITE_URL_PATH;?>/images/tough_and_durable.png"
                                            alt="Tough and Durable" title="Tough and Durable"></a>
                                    <div class="media-body">
                                        <div class="media-heading heading">Tough and Durable</div>
                                        <p>We provide superior quality safety footwear that is resistant to heat, oil,
                                            water, electricity, sharp object, acid, and other toxic materials</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6">
                                <div class="icon_box">
                                    <a class="media-left pull-left" title="Cost-effective Price">
                                        <img src="<?=SITE_URL_PATH;?>/images/cost-effective_price.png"
                                            alt="Cost-effective Price" title="Cost-effective Price"></a>
                                    <div class="media-body">
                                        <div class="media-heading heading">Cost-effective Price</div>
                                        <p>We manufacture and deliver all types of safety footwear for both men and
                                            women at a competitive market price.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6">
                                <div class="icon_box">
                                    <a class="media-left pull-left" title="Customised options">
                                        <img src="<?=SITE_URL_PATH;?>/images/customised_options.png"
                                            alt="Customised options" title="Customised options"></a>
                                    <div class="media-body">
                                        <div class="media-heading heading">Customised options</div>
                                        <p>Mangla Plastic Industries offer safety boots and shoes in different material,
                                            sizes and designs to match the customised requirement of clients.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <?php include 'testimonail.php';?>

        <?php include "footer.php"; ?>
    </div>
    <?php include "bottom.php"; ?>
</body>

</html>