Portfolio

<!-- Portfolio  #FullScreen-Hover2 -->
<section>
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 p-b-50 text-center">
        <h2>Our <span>Portfolio</span></h2>
        <p class="gnx-subheading">Web Design / Creative Solutions</p>
        <hr class="hr-small hr-color m-t-0">
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
  <div class="container-fluid">
    <div class="row">
      <!--Start portfolio gallery -->
      <div class="portfolio-gallery">

        <!-- Start gallery item 1 -->
        <div class="col-lg-4 col-md-4 col-sm-4 no-padding">
          <div class="hover-box">
            <img class="example-image" src="assets/images/demo-img/gnx-450x298.jpg" data-rjs="2" alt="Image">
            <div class="box-overlay pic-wrapper">
              <div class="pic-caption pic-line-after">
                <div>
                  <a class="example-image-link" href="assets/images/demo-img/gnx-1000x663.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
                    <h6>Project Name</h6>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Start gallery item 2 -->
        <div class="col-lg-4 col-md-4 col-sm-4 no-padding">
          <div class="hover-box">
            <img class="example-image" src="assets/images/demo-img/gnx-450x298.jpg" data-rjs="2" alt="Image">
            <div class="box-overlay pic-wrapper">
              <div class="pic-caption pic-line-after">
                <div>
                  <a class="example-image-link" href="assets/images/demo-img/gnx-1000x663.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
                    <h6>Project Name</h6>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Start gallery item 3 -->
        <div class="col-lg-4 col-md-4 col-sm-4 no-padding">
          <div class="hover-box">
            <img class="example-image" src="assets/images/demo-img/gnx-450x298.jpg" data-rjs="2" alt="Image">
            <div class="box-overlay pic-wrapper">
              <div class="pic-caption pic-line-after">
                <div>
                  <a class="example-image-link" href="assets/images/demo-img/gnx-1000x663.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
                    <h6>Project Name</h6>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Start gallery item 4 -->
        <div class="col-lg-4 col-md-4 col-sm-4 no-padding">
          <div class="hover-box">
            <img class="example-image" src="assets/images/demo-img/gnx-450x298.jpg" data-rjs="2" alt="Image">
            <div class="box-overlay pic-wrapper">
              <div class="pic-caption pic-line-after">
                <div>
                  <a class="example-image-link" href="assets/images/demo-img/gnx-1000x663.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
                    <h6>Project Name</h6>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Start gallery item 5 -->
        <div class="col-lg-4 col-md-4 col-sm-4 no-padding">
          <div class="hover-box">
            <img class="example-image" src="assets/images/demo-img/gnx-450x298.jpg" data-rjs="2" alt="Image">
            <div class="box-overlay pic-wrapper">
              <div class="pic-caption pic-line-after">
                <div>
                  <a class="example-image-link" href="assets/images/demo-img/gnx-1000x663.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
                    <h6>Project Name</h6>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Start gallery item 6 -->
        <div class="col-lg-4 col-md-4 col-sm-4 no-padding">
          <div class="hover-box">
            <img class="example-image" src="assets/images/demo-img/gnx-450x298.jpg" data-rjs="2" alt="Image">
            <div class="box-overlay pic-wrapper">
              <div class="pic-caption pic-line-after">
                <div>
                  <a class="example-image-link" href="assets/images/demo-img/gnx-1000x663.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
                    <h6>Project Name</h6>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div><!-- /.portfolio-gallery -->
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ Portfolio #FullScreen-Hover2 -->