@extends('master')


@section('homecontent')
    <section class="partheight" style="">
        <div id="particles-js"></div>
    </section>



    <section id="common-title" style="">
        <div class="container">
            <p class="animated zoomInDown common-title-font" style="" >Gallery
            </p>
            <!--<hr style="padding: 0;margin: 0;background: rgba(255,255,255,0.6)">-->
        </div>
    </section>

    <section style="background: #0B55C4;padding: 20px 0;">

        <div class="tz-gallery">

            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="row">
                    <div class="col-sm-6 col-md-6">
                        <a class="lightbox" href="{{ url('images/gallery/40.jpg') }}">
                            <img src="{{ url('images/gallery/40.jpg') }}" alt="Traffic" style="height: 100%">
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-6">
                        <a class="lightbox" href="{{ url('images/gallery/38.jpg') }}">
                            <img src="{{ url('images/gallery/38.jpg') }}" alt="Coast">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/37.jpg') }}">
                            <img src="{{ url('images/gallery/37.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/39.jpg') }}">
                            <img src="{{ url('images/gallery/39.jpg') }}" alt="Rails">
                        </a>
                    </div><div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/41.jpg') }}">
                            <img src="{{ url('images/gallery/41.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/42.jpg') }}">
                            <img src="{{ url('images/gallery/42.jpg') }}" alt="Rails">
                        </a>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <a class="lightbox" href="{{ url('images/gallery/1.jpg') }}">
                            <img src="{{ url('images/gallery/1.jpg') }}" alt="Bridge">
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="lightbox" href="{{ url('images/gallery/2.jpg') }}">
                            <img src="{{ url('images/gallery/2.jpg') }}" alt="Park">
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="lightbox" href="{{ url('images/gallery/3.jpg') }}">
                            <img src="{{ url('images/gallery/3.jpg') }}" alt="Tunnel">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/11.jpg') }}">
                            <img src="{{ url('images/gallery/11.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/15.jpg') }}">
                            <img src="{{ url('images/gallery/15.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/5.jpg') }}">
                            <img src="{{ url('images/gallery/5.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/19.jpg') }}">
                            <img src="{{ url('images/gallery/19.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/6.jpg') }}">
                            <img src="{{ url('images/gallery/6.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/31.jpg') }}">
                            <img src="{{ url('images/gallery/31.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/32.jpg') }}">
                            <img src="{{ url('images/gallery/32.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/33.jpg') }}">
                            <img src="{{ url('images/gallery/33.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-6">
                        <a class="lightbox" href="{{ url('images/gallery/00.jpg') }}">
                            <img src="{{ url('images/gallery/00.jpg') }}" alt="Traffic">
                        </a>
                    </div>
                    <div class="col-sm-6 col-md-6">
                        <a class="lightbox" href="{{ url('images/gallery/12.jpg') }}">
                            <img src="{{ url('images/gallery/12.jpg') }}" alt="Coast">
                        </a>
                    </div>
                    <div class="col-sm-5 col-md-8">
                        <a class="lightbox" href="{{ url('images/gallery/22.jpg') }}">
                            <img src="{{ url('images/gallery/22.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-5 col-md-4">

                        <a class="lightbox" href="{{ url('images/gallery/21.jpg') }}">
                            <img src="{{ url('images/gallery/21.jpg') }}" alt="Rails">
                        </a>
                        <br>
                        <a class="lightbox" href="{{ url('images/gallery/26.jpg') }}">
                            <img src="{{ url('images/gallery/26.jpg') }}" alt="Rails">
                        </a>
                    </div>

                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/8.jpg') }}">
                            <img src="{{ url('images/gallery/8.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/9.jpg') }}">
                            <img src="{{ url('images/gallery/9.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/23.jpg') }}">
                            <img src="{{ url('images/gallery/23.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/27.jpg') }}">
                            <img src="{{ url('images/gallery/27.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-4 col-md-4">
                        <a class="lightbox" href="{{ url('images/gallery/12.jpg') }}">
                            <img src="{{ url('images/gallery/12.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-4 col-md-4">
                        <a class="lightbox" href="{{ url('images/gallery/13.jpg') }}">
                            <img src="{{ url('images/gallery/13.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-4 col-md-4">
                        <a class="lightbox" href="{{ url('images/gallery/14.jpg') }}">
                            <img src="{{ url('images/gallery/14.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-4 col-md-4">

                        <a class="lightbox" href="{{ url('images/gallery/28.jpg') }}">
                            <img src="{{ url('images/gallery/28.jpg') }}" alt="Rails">
                        </a>
                        <br>
                        <a class="lightbox" href="{{ url('images/gallery/25.jpg') }}">
                            <img src="{{ url('images/gallery/25.jpg') }}" alt="Rails" style="border-top 2px solid #000;">
                        </a>
                    </div>

                    <div class="col-sm-8 col-md-8">
                        <a class="lightbox" href="{{ url('images/gallery/17.jpg') }}">
                            <img src="{{ url('images/gallery/17.jpg') }}" alt="Rails">
                        </a>
                    </div>

                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/20.jpg') }}">
                            <img src="{{ url('images/gallery/20.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/18.jpg') }}">
                            <img src="{{ url('images/gallery/18.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/24.jpg') }}">
                            <img src="{{ url('images/gallery/24.jpg') }}" alt="Rails">
                        </a>
                    </div>
                    <div class="col-sm-3 col-md-3">
                        <a class="lightbox" href="{{ url('images/gallery/29.jpg') }}">
                            <img src="{{ url('images/gallery/29.jpg') }}" alt="Rails">
                        </a>
                    </div>

                </div>
            </div>

        </div>


    </section>


@endsection