@extends('layouts.front')
@section('page_title', 'ভিডিও গ্যালারী' . ' |' )

@section('extra_css')
<link rel="stylesheet" type="text/css"  href="{{ asset('assets/vendors/YouTube_PopUp/YouTube_PopUp-master/YouTubePopUp.css') }}" media="screen"/>
    <style>
        .single-section .content img {
            max-width: 100%;
            height: auto;
        }
        .single-section .content p{
            text-align: justify !important;
        }
    </style>
@endsection
@section('extra_js')
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by
            Disqus.</a></noscript>
			
	<script type="text/javascript" src="{{ asset('assets/vendors/YouTube_PopUp/YouTube_PopUp-master/YouTubePopUp.jquery.js') }}"></script>

@endsection

<script>
        $(document).ready(function () {
            $('.pgwSlideshow')
			.pgwSlideshow({autoSlide: true, transitionDuration: 1000, intervalDuration: 5000})      
			;
			
            jQuery(function () {
                jQuery("a.bla-1").YouTubePopUp();
            });


            /* owl caousel */
            $('.owl-carousel').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                navText: ["", ""],
                rewindNav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 3
                    },
                    1000: {
                        items: 4
                    }
                }
            });

            $('#exclusive').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                navText: ["", ""],
                rewindNav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4
                    }
                }
            });
            $('#entertainment').owlCarousel({
                loop: true,
                margin: 10,
                nav: true,
                navText: ["", ""],
                rewindNav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4
                    }
                }
            });
            /*======== homepage modal==========*/

            $('#popup-ad').modal({
                fadeDuration: 250,
                fadeDelay: 1.5

            });


        });

        $('#prayerTime').append(moment().format('Do MMMM  YYYY'))

    </script>


@section('main_content')
 <div class="container">   
<section class="single-section">
        <div class="row">
            <article class="col-md-12">
                <div class="content">
        <div class="row" style="margin: 0 2px; padding-top: 10px;">
            <div class="col-md-7">
                
                    <div class="category-heading" style="border-bottom: none; margin-bottom: 10px;">
                        <a style="background: none; color: #0072ff !important; padding: 0; font-size: 34px;" href="">Video Gallery</a>
                    </div>
                    <div class="category-body">