@extends('layouts.app')
@section('content')

    <div class="innerBanner">
        <img src="{{asset('images/innerBan.jpg')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="secHeading text-white">Portfolio</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="portfolioInner">
        <div class="container">
            <h2 class="subHeading text-center p-0 mb-4">View Our Portfolio</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port1.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port1.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port2.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port2.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port3.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port3.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port4.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port4.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port5.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port5.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port6.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port6.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port7.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port7.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port8.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port8.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port9.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port9.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port10.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port10.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port11.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port11.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port12.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port12.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port13.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port13.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port14.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port14.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port15.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port15.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port16.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port16.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port17.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port17.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="portWrap">
                        <a href="{{asset('images/port18.jpg')}}" data-fancybox="porImg">
                            <img src="{{asset('images/port18.jpg')}}" class="img-fluid" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection