@extends('frontend.layouts.master')
@section('main-section')
<div class="rts-bread-crumbarea-1 rts-section-gap bg_image" style="background-image: url({{url('/frontend/assets/img/about-banner.jpg');}})">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-main-wrapper">
                    <h1 class="title">Gallery</h1>                    
                    <div class="pagination-wrapper">
                        <a href="{{url('/')}}">Home</a>
                        <i class="fa-regular fa-chevron-right"></i>
                        <a class="active" href="#">Gallery</a>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</div>

<div class="rts-section-gap bg-dark-image bg-light">
    <div class="container custom-container-padding">
        <div class="row">
            <div class="col-lg-12 mb-5">
                <div class="section-title-w-style-center">
                    <h2 class="title">Gallery</h2>
                    <p class="text-center">Explore Our Image Gallery</p>
                </div>
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/1.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/1.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/2.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/2.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/3.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/3.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/4.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/4.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/5.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/5.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/11.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/11.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/7.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/7.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/8.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/8.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  
            
            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/9.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/9.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/10.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/10.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/12.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/12.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/13.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/13.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/14.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/14.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/15.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/15.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/16.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/16.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/17.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/17.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/18.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/18.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>  

            <div class="col-md-3 mb-4">
                <a href="{{url('frontend')}}/assets/img/gallery/19.jpg">
                    <img src="{{url('frontend')}}/assets/img/gallery/19.jpg" class="img-fluid gallery-image" />
                </a>                    
            </div>              
        </div>
    </div>
</div>

@endsection