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

    <!-- Section: inner-header -->
    <section class="inner-header divider" data-bg-img="{{ asset('images/online.jpg') }}">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-1 text-left">
              <h2 class="text-theme-colored font-36">.</h2>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="">.</a></li>
                <li class="active">.</li>
              </ol>
            </div>
          </div>
        </div>
      </div>      
    </section>

    <section>
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12">
            <!-- Works Filter -->

            <!-- End Works Filter -->

            <!-- Portfolio Gallery Grid -->
            <div id="grid" class="portfolio-gallery grid-2 masonry gutter clearfix">
              <!-- Portfolio Item Start -->
              <div class="portfolio-item photography">
                <div class="thumb">
                  <img class="img-fullwidth" src="{{ asset('images/online1.jpg') }}" alt="project">
                  <div class="icons-holder">
                    <div class="icons-holder-inner">
                      <div class="social-icons icon-sm icon-dark icon-circled icon-theme-colored">
                        <a data-lightbox="image" href="{{ asset('images/online1.jpg') }}"><i class="fa fa-plus"></i></a>
                        <a href="https://stjosephdrug.com" target="_blank"><i class="fa fa-link"></i></a>
                      </div>
                    </div>
                  </div>
                  <a class="hover-link" data-lightbox="image" href="{{ asset('images/online1.jpg') }}">View more</a>
                </div>
              </div>
              <!-- Portfolio Item End -->
              <!-- Portfolio Item Start -->
              <div class="portfolio-item photography">
                <div class="thumb">
                  <img class="img-fullwidth" src="{{ asset('images/online2.jpg') }}" alt="project">
                  
                  <div class="icons-holder">
                    <div class="icons-holder-inner">
                      <div class="social-icons icon-sm icon-dark icon-circled icon-theme-colored">
                        <a data-lightbox="image" href="{{ asset('images/online2.jpg') }}"><i class="fa fa-plus"></i></a>
                        <a href="https://stjosephdrug.com" target="_blank"><i class="fa fa-link"></i></a>
                      </div>
                    </div>
                  </div>
                  <a class="hover-link" data-lightbox="image" href="{{ asset('images/online2.jpg') }}">View more</a>
                </div>
              </div>
              <!-- Portfolio Item End -->
              
              <!-- Portfolio Item Start -->
              <div class="portfolio-item branding wide">
                <div class="thumb">
                  <img class="img-fullwidth" src="{{ asset('images/online3.jpg') }}" alt="project">
                  
                  <div class="icons-holder">
                    <div class="icons-holder-inner">
                      <div class="social-icons icon-sm icon-dark icon-circled icon-theme-colored">
                        <a href="https://stjosephdrug.com" target="_blank"><i class="fa fa-link"></i></a>
                      </div>
                    </div>
                  </div>
                  <a class="hover-link" data-lightbox="image" href="{{ asset('images/online3.jpg') }}">View more</a>
                </div>
              </div>
              <!-- Portfolio Item End -->


            <!-- End Portfolio Gallery Grid -->
          </div>
        </div>
      </div>
    </section>
       

@endsection