SHARE
TWEET

html

a guest Sep 23rd, 2019 154 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container">
  2.  
  3.     <ul class="nav sort-source mb-3" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'layoutMode': 'masonry', 'filter': '*'}">
  4.         <li class="nav-item" data-option-value="*"><a class="nav-link active" href="#">SHOW ALL</a></li>
  5.  
  6.         <li class="nav-item" data-option-value=".brands"><a class="nav-link text-uppercase" href="#">brands</a></li>
  7.  
  8.         <li class="nav-item" data-option-value=".design"><a class="nav-link text-uppercase" href="#">design</a></li>
  9.  
  10.         <li class="nav-item" data-option-value=".web"><a class="nav-link text-uppercase" href="#">web</a></li>
  11.  
  12.         <li class="nav-item" data-option-value=".ads"><a class="nav-link text-uppercase" href="#">ads</a></li>
  13.     </ul>
  14.    
  15.     <div class="lightbox" data-plugin-options="{'delegate': 'a.lightbox-link', 'type': 'image', 'gallery': {'enabled': true}}">
  16.         <div class="sort-destination-loader sort-destination-loader-showing">
  17.             <ul class="portfolio-list portfolio-list-style-2 sort-destination" data-sort-id="portfolio">
  18.  
  19.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  20.                     <div class="portfolio-item hover-effect-3d text-center">
  21.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  22.                             <span class="image-frame-wrapper">
  23.                                 <img src="img/projects/generic/project-8-masonry.jpg" class="img-fluid" alt="">
  24.                                 <span class="image-frame-inner-border"></span>
  25.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  26.                                     <a href="img/projects/generic/project-8.jpg" class="lightbox-link">
  27.                                         <span class="image-frame-action-icon">
  28.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  29.                                         </span>
  30.                                     </a>
  31.                                     <a href="#">
  32.                                         <span class="image-frame-action-icon">
  33.                                             <i class="lnr lnr-link text-color-light"></i>
  34.                                         </span>
  35.                                     </a>
  36.                                 </span>
  37.                             </span>
  38.                         </div>
  39.                     </div>
  40.                 </li>
  41.  
  42.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  43.                     <div class="portfolio-item hover-effect-3d text-center">
  44.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  45.                             <span class="image-frame-wrapper">
  46.                                 <img src="img/projects/generic/project-9-masonry.jpg" class="img-fluid" alt="">
  47.                                 <span class="image-frame-inner-border"></span>
  48.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  49.                                     <a href="img/projects/generic/project-9.jpg" class="lightbox-link">
  50.                                         <span class="image-frame-action-icon">
  51.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  52.                                         </span>
  53.                                     </a>
  54.                                     <a href="#">
  55.                                         <span class="image-frame-action-icon">
  56.                                             <i class="lnr lnr-link text-color-light"></i>
  57.                                         </span>
  58.                                     </a>
  59.                                 </span>
  60.                             </span>
  61.                         </div>
  62.                     </div>
  63.                 </li>
  64.  
  65.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  66.                     <div class="portfolio-item hover-effect-3d text-center">
  67.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  68.                             <span class="image-frame-wrapper">
  69.                                 <img src="img/projects/generic/project-10-masonry.jpg" class="img-fluid" alt="">
  70.                                 <span class="image-frame-inner-border"></span>
  71.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  72.                                     <a href="img/projects/generic/project-10.jpg" class="lightbox-link">
  73.                                         <span class="image-frame-action-icon">
  74.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  75.                                         </span>
  76.                                     </a>
  77.                                     <a href="#">
  78.                                         <span class="image-frame-action-icon">
  79.                                             <i class="lnr lnr-link text-color-light"></i>
  80.                                         </span>
  81.                                     </a>
  82.                                 </span>
  83.                             </span>
  84.                         </div>
  85.                     </div>
  86.                 </li>
  87.  
  88.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  89.                     <div class="portfolio-item hover-effect-3d text-center">
  90.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  91.                             <span class="image-frame-wrapper">
  92.                                 <img src="img/projects/generic/project-11-masonry.jpg" class="img-fluid" alt="">
  93.                                 <span class="image-frame-inner-border"></span>
  94.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  95.                                     <a href="img/projects/generic/project-11.jpg" class="lightbox-link">
  96.                                         <span class="image-frame-action-icon">
  97.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  98.                                         </span>
  99.                                     </a>
  100.                                     <a href="#">
  101.                                         <span class="image-frame-action-icon">
  102.                                             <i class="lnr lnr-link text-color-light"></i>
  103.                                         </span>
  104.                                     </a>
  105.                                 </span>
  106.                             </span>
  107.                         </div>
  108.                     </div>
  109.                 </li>
  110.  
  111.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  112.                     <div class="portfolio-item hover-effect-3d text-center">
  113.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  114.                             <span class="image-frame-wrapper">
  115.                                 <img src="img/projects/generic/project-12-masonry.jpg" class="img-fluid" alt="">
  116.                                 <span class="image-frame-inner-border"></span>
  117.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  118.                                     <a href="img/projects/generic/project-12.jpg" class="lightbox-link">
  119.                                         <span class="image-frame-action-icon">
  120.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  121.                                         </span>
  122.                                     </a>
  123.                                     <a href="#">
  124.                                         <span class="image-frame-action-icon">
  125.                                             <i class="lnr lnr-link text-color-light"></i>
  126.                                         </span>
  127.                                     </a>
  128.                                 </span>
  129.                             </span>
  130.                         </div>
  131.                     </div>
  132.                 </li>
  133.  
  134.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  135.                     <div class="portfolio-item hover-effect-3d text-center">
  136.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  137.                             <span class="image-frame-wrapper">
  138.                                 <img src="img/projects/generic/project-13-masonry.jpg" class="img-fluid" alt="">
  139.                                 <span class="image-frame-inner-border"></span>
  140.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  141.                                     <a href="img/projects/generic/project-13.jpg" class="lightbox-link">
  142.                                         <span class="image-frame-action-icon">
  143.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  144.                                         </span>
  145.                                     </a>
  146.                                     <a href="#">
  147.                                         <span class="image-frame-action-icon">
  148.                                             <i class="lnr lnr-link text-color-light"></i>
  149.                                         </span>
  150.                                     </a>
  151.                                 </span>
  152.                             </span>
  153.                         </div>
  154.                     </div>
  155.                 </li>
  156.  
  157.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  158.                     <div class="portfolio-item hover-effect-3d text-center">
  159.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  160.                             <span class="image-frame-wrapper">
  161.                                 <img src="img/projects/generic/project-14-masonry.jpg" class="img-fluid" alt="">
  162.                                 <span class="image-frame-inner-border"></span>
  163.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  164.                                     <a href="img/projects/generic/project-14.jpg" class="lightbox-link">
  165.                                         <span class="image-frame-action-icon">
  166.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  167.                                         </span>
  168.                                     </a>
  169.                                     <a href="#">
  170.                                         <span class="image-frame-action-icon">
  171.                                             <i class="lnr lnr-link text-color-light"></i>
  172.                                         </span>
  173.                                     </a>
  174.                                 </span>
  175.                             </span>
  176.                         </div>
  177.                     </div>
  178.                 </li>
  179.  
  180.                 <li class="col-sm-6 col-md-4 col-lg-3 p-0 mb-3 isotope-item brands">
  181.                     <div class="portfolio-item hover-effect-3d text-center">
  182.                         <div class="image-frame image-frame-style-1 image-frame-effect-1">
  183.                             <span class="image-frame-wrapper">
  184.                                 <img src="img/projects/generic/project-15-masonry.jpg" class="img-fluid" alt="">
  185.                                 <span class="image-frame-inner-border"></span>
  186.                                 <span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">
  187.                                     <a href="img/projects/generic/project-15.jpg" class="lightbox-link">
  188.                                         <span class="image-frame-action-icon">
  189.                                             <i class="lnr lnr-magnifier text-color-light"></i>
  190.                                         </span>
  191.                                     </a>
  192.                                     <a href="#">
  193.                                         <span class="image-frame-action-icon">
  194.                                             <i class="lnr lnr-link text-color-light"></i>
  195.                                         </span>
  196.                                     </a>
  197.                                 </span>
  198.                             </span>
  199.                         </div>
  200.                     </div>
  201.                 </li>
  202.             </ul>
  203.         </div>
  204.     </div>
  205.  
  206. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top