@extends('web.layouts.default')
@section('content')

<section>
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 p-0">
        <div class="about-head head-top-hgt">
          <div class="container">
            <div class="ihead-text main-heading ">
              <h2>Portfolio</h2>
              <a href="{{ route('web.home') }}">Home</a><span href="#">Portfolio</span>
            </div>
          </div>
          <div class="i-head-bg"></div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="pad100 ">
  <div class="container">
    <div class="row">
      <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
        <div class="demo-gallery">
          <ul id="lightgallery" class="list-unstyled row">
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f1.jpg 375, imgs/f1.jpg 480, imgs/f1.jpg 800" data-src="imgs/f1.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f1.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f2.jpg 375, imgs/f2.jpg 480, imgs/f2.jpg 800" data-src="imgs/f2.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f2.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f3.jpg 375, imgs/f3.jpg 480, imgs/f3.jpg 800" data-src="imgs/f3.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f3.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f4.jpg 375, mgs/f4.jpg 480, imgs/f4.jpg 800" data-src="imgs/f4.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f4.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f5.jpg 375, imgs/f5.jpg 480, imgs/f5.jpg 800" data-src="imgs/f5.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f5.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f6.jpg 375, imgs/f6.jpg 480, imgs/f6.jpg 800" data-src="imgs/f6.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f6.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f7.jpg 375, imgs/f7.jpg 480, imgs/f7.jpg 800" data-src="imgs/f7.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f7.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f8.jpg 375, imgs/f8.jpg 480, imgs/f8.jpg 800" data-src="imgs/f8.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f8.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/f9.jpg 375, imgs/f9.jpg 480, imgs/f9.jpg 800" data-src="imgs/f9.jpg" data-sub-html="<h4></h4><p></p>">
              <a href="">
                <img class="img-responsive" src="imgs/f9.jpg">
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
        <div class="protfolio-sec1">
          <h3 class="main-heading">Exterior design projects</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis et sem sed sollicitudin. Donec non odio neque.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pad100 ">
  <div class="container">
    <div class="row">
      <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
        <div class="protfolio-sec1">
          <h3 class="main-heading">Interior design projects</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis et sem sed sollicitudin. Donec non odio neque.</p>
        </div>
      </div>
      <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
        <div class="demo-gallery">
          <ul id="interior-design" class="list-unstyled row">
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p1.jpg 375, imgs/p1.jpg 480, imgs/p1.jpg 800" data-src="imgs/p1.jpg" data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p1.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p8.jpg 375, imgs/p8.jpg 480, imgs/p8.jpg 800" data-src="imgs/p8.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p8.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p2.jpg 375, imgs/p2.jpg 480, imgs/p2.jpg 800" data-src="imgs/p2.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p2.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p3.jpg 375, imgs/p3.jpg 480, imgs/p3.jpg 800" data-src="imgs/p3.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p3.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p4.jpg 375, imgs/p4.jpg 480, imgs/p4.jpg 800" data-src="imgs/p4.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p4.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p5.jpg 375, imgs/p5.jpg 480, imgs/p5.jpg 800" data-src="imgs/p5.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p5.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p6.jpg 375, imgs/p6.jpg 480, imgs/p6.jpg 800" data-src="imgs/p6.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p6.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p7.jpg 375, imgs/p7.jpg 480, imgs/p7.jpg 800" data-src="imgs/p7.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p7.jpg">
              </a>
            </li>
            <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="imgs/p-1.jpg 375, imgs/p-1.jpg 480, imgs/p-1.jpg 800" data-src="imgs/p-1.jpg" data-sub-html="<h4>Bowness Bay</h4><p>A beautiful Sunrise this morning taken En-route to Keswick not one as planned but I'm extremely happy I was passing the right place at the right time....</p>">
              <a href="">
                <img class="img-responsive" src="imgs/p-1.jpg">
              </a>
            </li>
          </ul>
        </div>
      </div>

    </div>
  </div>
</section>


@endsection