@extends('web.layouts.master')

@section('page_title', 'Index')


@section('content')

<section class="section-padding page-heading-section" style="background-image: url({{ asset('web_assets/images/hero-bg.jpg') }}">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-heading">
                    <h2>Visit</h2>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-padding">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-3 col-md-6">
                <!-- <div class="library-box">
                    <div class="library-img">
                        <img src="{{ asset('web_assets/images/visit/1.jpg') }}" alt="">
                    </div>
                </div> -->
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/visit/1.jpg') }}" style="background-image: url({{ asset('web_assets/images/visit/1.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <!-- <div class="library-box">
                    <div class="library-img">
                        <img src="{{ asset('web_assets/images/visit/2.jpg') }}" alt="">
                    </div>
                </div> -->
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/visit/2.jpg') }}" style="background-image: url({{ asset('web_assets/images/visit/2.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <!-- <div class="library-box">
                    <div class="library-img">
                        <img src="{{ asset('web_assets/images/visit/3.jpg') }}" alt="">
                    </div>
                </div> -->
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/visit/3.jpg') }}" style="background-image: url({{ asset('web_assets/images/visit/3.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <!-- <div class="library-box">
                    <div class="library-img">
                        <img src="{{ asset('web_assets/images/visit/4.jpg') }}" alt="">
                    </div>
                </div> -->
                <div class="gallery-item gallery-large">
                    <a href="{{ asset('web_assets/images/visit/4.jpg') }}" style="background-image: url({{ asset('web_assets/images/visit/4.jpg') }}" data-lightbox="roadtrip">
                        <i class="fa fa-eye"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="library-box">
                    <p>સૌરાષ્ટ્ર પટેલ કેળવણી મંડળ, સુરત સંચાલિત જે. ડી. ગાબાણી લાયબ્રેરી અને શ્રી ડી. બી. તેજાણી વાંચનાલય ના પ્રમુખશ્રી ડો. છગનભાઇ વાઘાણીએ કોરોના પ્રભાવિત વિસ્તારોમાં ઉકાળાનું વિતરણ કર્યું.</p>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection