@extends('frontend.layouts.main')
@push('title')
    <title>Video Gallery</title>
@endpush
@section('main-section')
    {{-- start-breadcrumb --}}
    <div class="breadcrumb-banner">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Gallery</li>
                    <li class="breadcrumb-item active" aria-current="page">Video Gallery</li>
                </ol>
            </nav>
            <h3>Video Gallery</h3>
        </div>
    </div>
    {{-- end-breadcrumb --}}

    {{-- start-main --}}

    <main>
        <div class="container ptb">
            <div class="row">
                <div class="col-md-12">
                    <div class="main-title-wrapper">
                        <h2 class="main-title">Video Gallery
                            <span class="title-accent"></span>
                        </h2>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="gallery-section">
                        <div class="row g-4">
                            <div class="col-lg-4 col-md-6">
                                <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/vi-1.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                  <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/medical-camp/medi-1.mp4') }}" type="video/mp4">
                                </video>
                            </div>

                            <div class="col-lg-4 col-md-6">                     
                               <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/medical-camp/medi-2.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                            <div class="col-lg-4 col-md-6">                           
                                 <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/woollen-distribution/wd-1.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                            <div class="col-lg-4 col-md-6">                             
                                 <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/independence-day/indep-1.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                            <div class="col-lg-4 col-md-6">                          
                                 <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/independence-day/indep-2.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                            <div class="col-lg-4 col-md-6">                             
                                 <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/independence-day/indep-3.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                 <video width="100%" height="250" controls preload="none"
                                 src="{{ asset('frontend/video-gallery/independence-day/indep-4.mp4') }}" type="video/mp4">
                                </video>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>

    {{-- end-main --}}
  
@endsection