Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container">
- <ul class="nav sort-source mb-3" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'masonry', 'filter': '*'}">
- <li class="nav-item" data-option-value="*"><a class="nav-link active" href="#">SHOW ALL</a></li>
- <li class="nav-item" data-option-value=".brands"><a class="nav-link text-uppercase" href="#">brands</a></li>
- <li class="nav-item" data-option-value=".design"><a class="nav-link text-uppercase" href="#">design</a></li>
- <li class="nav-item" data-option-value=".web"><a class="nav-link text-uppercase" href="#">web</a></li>
- <li class="nav-item" data-option-value=".ads"><a class="nav-link text-uppercase" href="#">ads</a></li>
- </ul>
- <div class="lightbox" data-plugin-options="{'delegate': 'a.lightbox-link', 'type': 'image', 'gallery': {'enabled': true}}">
- <div class="sort-destination-loader sort-destination-loader-showing">
- <ul class="portfolio-list portfolio-list-style-2 sort-destination" data-sort-id="portfolio">
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-8-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-8.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-9-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-9.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-10-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-10.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-11-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-11.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-12-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-12.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-13-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-13.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-14-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-14.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
- <div class="portfolio-item hover-effect-3d text-center">
- <div class="image-frame image-frame-style-1 image-frame-effect-1">
- <span class="image-frame-wrapper">
- <img src="img/projects/generic/project-15-masonry.jpg" class="img-fluid" alt="">
- <span class="image-frame-inner-border"></span>
- <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
- <a href="img/projects/generic/project-15.jpg" class="lightbox-link">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-magnifier text-color-light"></i>
- </span>
- </a>
- <a href="#">
- <span class="image-frame-action-icon">
- <i class="lnr lnr-link text-color-light"></i>
- </span>
- </a>
- </span>
- </span>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement