@extends('frontend.master')
@section('content')
<!--=======Breadcrumb =======-->
    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">
            <div class="d-flex justify-content-between align-items-center">
            <h2>Project Video</h2>
            <ol>
            <li><a href="{{url('/')}}">Home</a></li>
            <li>Project Video</li>
            </ol>
            </div>
        </div>
    </section>
<!--=======End Breadcrumbs=======-->

<!-- =======Project Video Section======= -->
    <section id="videogallery" class="pb-4 videogallery pt-5">
        <div class="container">
            <div class="row">
                @foreach ($vgallery as $vgalleryy)
                    <div class="col-lg-6 col-md-6 mb-3 m-auto  rounded .back-color2">
                        <iframe width="100%" height="300" class="m-auto bg-videogallery rounded" src="{{$vgalleryy->url}}" title="Bangladesh In 4K - Land of Natural Beauty | Scenic Relaxation Film" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        <p class=" my-1">{{$vgalleryy->title}}</p>
                    </div>

                @endforeach
            </div>
            {{$vgallery->links('pagination::bootstrap-5')}}
        </div>
    </section>
<!--=========Project Video Section========-->
@endsection()