<?php $page_title="Gallery";?>
<?php include("header.php"); ?>
<main class="site-main page-spacing">
  <!-- Page Banner -->  
  <div class="page-banner gallery-banner container-fluid no-padding">
    <div class="page-banner-content">
      <div class="container">
        <h3>SASSERS GALLERY</h3>
        <p>Year round fishing adventures. Contact us for great adventures in Striper and Trout Fishing. </p>
      </div>
    </div>
    <div class="banner-content container-fluid no-padding">
      <div class="container">
        <h4 class="pull-left">Gallery</h4>
        <ol class="breadcrumb pull-right">
          <li><a href="index.php">Home</a></li>
          <li class="active">Gallery</li>
        </ol>
      </div>
    </div>
  </div>
  <!-- Page Banner /- -->
  <!-- Gallery -->
  <div class="gallery container-fluid no-padding photo-gallery">
    <div class="section-padding"></div>
    <!-- Container -->
    <div class="container">
      <!-- Section Header -->
      <div class="section-header">
        <h3>FISHING MOMENTS</h3>
        <p>Sasser's Guide Service Gallery</p>
      </div>
      <!-- Section Header /- -->
      <div class="row photos">
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper01.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper01.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper02.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper02.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper03.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper03.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper04.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper04.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper05.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper05.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper06.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper06.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper07.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper07.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper08.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper08.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"><a href="images/gallery/stiper09.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper09.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper10.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper10.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper11.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper11.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper12.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper12.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/stiper13.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/stiper13.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout01.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout01.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout02.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout02.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout03.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout03.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout04.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout04.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout05.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout05.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout06.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout06.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"><a href="images/gallery/trout07.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout07.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout08.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout08.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout09.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout09.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout10.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout10.jpg"></a> </div>
        </div>
        <div class="col-md-4 col-sm-6 col-xs-6">
          <div class="gallery-box"> <a href="images/gallery/trout11.jpg" data-lightbox="photos"><img class="img-fluid" src="images/gallery/trout11.jpg"></a> </div>
        </div>
      </div>
      <!--<nav class="ow-pagination">
        <ul class="pagination">
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">Next &raquo;</a></li>
        </ul>
      </nav>-->
    </div>
    <!-- Container / -->
    <div class="section-padding"></div>
    <!-- Place somewhere in the <body> of your page -->
    <div class="gallery-active">
      <div class="gallery-content"> <span class="act-close"><i class="fa fa-times"></i></span>
        <div id="slider" class="flexslider act-main">
          <ul class="slides">
            <li id="test-modal-1">
              <div class="gallery-box-act"> <img src="images/gallery/stiper01.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-2">
              <div class="gallery-box-act"> <img src="images/gallery/stiper02.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-3">
              <div class="gallery-box-act"> <img src="images/gallery/stiper03.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-4">
              <div class="gallery-box-act"> <img src="images/gallery/stiper04.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-5">
              <div class="gallery-box-act"> <img src="images/gallery/stiper05.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-6">
              <div class="gallery-box-act"> <img src="images/gallery/stiper06.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-7">
              <div class="gallery-box-act"> <img src="images/gallery/stiper07.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-8">
              <div class="gallery-box-act"> <img src="images/gallery/stiper08.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-9">
              <div class="gallery-box-act"> <img src="images/gallery/stiper09.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-10">
              <div class="gallery-box-act"> <img src="images/gallery/stiper10.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-11">
              <div class="gallery-box-act"> <img src="images/gallery/stiper11.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-12">
              <div class="gallery-box-act"> <img src="images/gallery/stiper12.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-13">
              <div class="gallery-box-act"> <img src="images/gallery/stiper13.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-14">
              <div class="gallery-box-act"> <img src="images/gallery/trout01.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-15">
              <div class="gallery-box-act"> <img src="images/gallery/trout02.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-16">
              <div class="gallery-box-act"> <img src="images/gallery/trout03.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-17">
              <div class="gallery-box-act"> <img src="images/gallery/trout04.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-18">
              <div class="gallery-box-act"> <img src="images/gallery/trout05.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-19">
              <div class="gallery-box-act"> <img src="images/gallery/trout06.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-20">
              <div class="gallery-box-act"> <img src="images/gallery/trout07.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-21">
              <div class="gallery-box-act"> <img src="images/gallery/trout08.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-22">
              <div class="gallery-box-act"> <img src="images/gallery/trout09.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-23">
              <div class="gallery-box-act"> <img src="images/gallery/trout10.jpg" alt="gallery" /> </div>
            </li>
            <li id="test-modal-24">
              <div class="gallery-box-act"> <img src="images/gallery/trout11.jpg" alt="gallery" /> </div>
            </li>
          </ul>
        </div>
        <div id="carousel" class="flexslider act-thumbnail">
          <ul class="slides">
            <li><img src="images/gallery/stiper01.jpg" alt="full 1" /></li>
            <li><img src="images/gallery/stiper02.jpg" alt="full 2" /></li>
            <li><img src="images/gallery/stiper03.jpg" alt="full 3" /></li>
            <li><img src="images/gallery/stiper04.jpg" alt="full 4" /></li>
            <li><img src="images/gallery/stiper05.jpg" alt="full 5" /></li>
            <li><img src="images/gallery/stiper06.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper07.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper08.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper09.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper10.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper11.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper12.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/stiper13.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/trout01.jpg" alt="full 1" /></li>
            <li><img src="images/gallery/trout02.jpg" alt="full 2" /></li>
            <li><img src="images/gallery/trout03.jpg" alt="full 3" /></li>
            <li><img src="images/gallery/trout04.jpg" alt="full 4" /></li>
            <li><img src="images/gallery/trout05.jpg" alt="full 5" /></li>
            <li><img src="images/gallery/trout06.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/trout07.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/trout08.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/trout09.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/trout10.jpg" alt="full 6" /></li>
            <li><img src="images/gallery/trout11.jpg" alt="full 6" /></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Gallery / -->
</main>
<?php include("footer.php"); ?>
