@extends('layouts.main')
@section('head')
{{-- @dd($page->getFirstMedia('full_width_banner_section')) --}}
  <title>{!!@$page->meta_title?@$page->meta_title:Voyager::setting('site.title')!!}</title>
  <meta name="description" content="{!!@$page->meta_description!!}">
  <meta name="keywords" content="{!!@$page->meta_keywords!!}"> 
@endsection
@section('content')

<!-- Gallery Grid Area -->
    <section id="gallery_grid_area" class="section_padding">
        <div class="container">
		
            <div class="row">
                <div class="col-lg-6 offset-lg-3 col-md-12 col-sm-12 col-12">
                    <div class="section_heading">
                        <h3>Gallery</h3>
                        <h2> Explore our <span class="color_big_heading">gallery</span> to know
                            how we works</h2>
                    </div>
                </div>
            </div>
		<div class="row" id="counter">
           <div class="col-lg-9">
            <div class="row popup-gallery">
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-7.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-7.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-8.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-8.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">                    
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-1.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-1.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-2.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-2.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-3.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-3.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-4.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-4.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-5.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-5.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 co-md-6 col-sm-12 col-12">
                    <div class="gallery_item">
                        <img src="{{asset('assets/img/gallery/gallery-grid-6.png')}}" alt="img">
                        <div class="gallery_overlay">
                            <a href="{{asset('assets/img/gallery/gallery-grid-6.png')}}" title="Alberta Royal Club"><img
                                    src="{{asset('assets/img/icon/arrow-round.png')}}" alt="icon"></a>
                        </div>
                    </div>
                </div>
            </div>
			</div>
			<div class="col-lg-3">
                    <div class="sidebar_first">
                        
                        <div class="project_recentdonet_wrapper sidebar_boxed">
                            <div class="sidebar_heading_main">
                                <h3>Archives</h3>
                            </div>
                            <div class="recent_donet_item">
                                
                                <div class="recent_donet_text">
                                    <ul>
										<li><a href="#"><i class="fas fa-circle"></i> Barbecue 2023</a></li>
										<li><a href="#"><i class="fas fa-circle"></i> Onam 2023 </a></li>
										<li><a href="#"><i class="fas fa-circle"></i> Christmas 2023 </a></li>
										<li><a href="#"><i class="fas fa-circle"></i> New Year 2023</a></li>
									</ul>
                            
                                </div>
                            </div>
                            
                           
                        </div>
                       
                       
                    </div>
                </div>
			</div>
			
        </div>
    </section>

   @include('includes.subscription')



@endsection