API tools faq
paste
Advertisement
Guest User

html

a guest
Sep 23rd, 2019
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.51 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!