Viewing file:  front_gallery.php (8.47 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<section id="portfolio" class="portfolio section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Portfolio</h2>
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
</div><!-- End Section Title -->
<div class="container">
<div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
<ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li>
<li data-filter=".filter-product">Product</li>
<li data-filter=".filter-branding">Branding</li>
<li data-filter=".filter-books">Books</li>
</ul><!-- End Portfolio Filters -->
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-1.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-1.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">App 1</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-10.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-10.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Product 1</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-7.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-7.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Branding 1</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-4.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-4.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Books 1</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-2.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-2.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">App 2</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-11.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-11.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Product 2</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-8.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-8.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Branding 2</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-5.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-5.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Books 2</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-3.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-3.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">App 3</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-12.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-12.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Product 3</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-9.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-9.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Branding 3</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
<div class="portfolio-content h-100">
<a href="assets/img/portfolio/portfolio-6.webp" data-gallery="portfolio-gallery-app" class="glightbox"><img src="assets/img/portfolio/portfolio-6.webp" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Books 3</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section><!-- /Portfolio Section -->
|