Portfolio
Full Screen | 6 Columns | Lightbox
Show Code
<!-- Portfolio #FullScreen-6col -->
<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-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 2 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 3 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 4 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 5 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 6 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 7 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 8 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 9 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 10 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 11 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start gallery item 12 -->
<div class="col-lg-2 col-md-2 col-sm-2 no-padding">
<div class="hover-box">
<img class="example-image" src="assets/images/demo-img/gnx-350x350.jpg" data-rjs="2" alt="Image">
<div class="box-overlay pic-wrapper">
<div class="pic-caption">
<div class="link-btns">
<a href="#"><i class="fa fa-link" aria-hidden="true"></i></a>
<a class="example-image-link" href="assets/images/demo-img/gnx-900x900.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.portfolio-gallery -->
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!--/ Portfolio #FullScreen-6col -->
Full Screen
Full Width
Gradient
Kenburns
Kenburns
Particle
Video
Flip
Coverflow
Fade
No Autoplay
Vertical
Full Screen
Full Width
Full Screen
Coming Soon
Full Width
Full Width
Full Width
Full Width
Full Width
Full Width
Full Width
Full Screen
Full Screen
Full Screen
Full Screen
Full Screen
Full Screen
Full Screen
Masonry
Masonry
Masonry
Masonry
Masonry
Masonry
Masonry
Filterable Grid
Filterable Grid
Filterable Grid
Filterable Grid
Filterable Grid
Filterable Grid
