File: /var/www/html/cloudcreatix/inc/Portfolio.php
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Portfolio</h2>
<p>Explore our diverse portfolio highlighting successful AWS projects that drive business growth and innovation.</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-cloud">Cloud Solutions</li>
<li data-filter=".filter-infrastructure">Infrastructure</li>
<li data-filter=".filter-security">Security</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-cloud">
<img src="assets\images\cloud_solutions1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>AWS Cloud Migration</h4>
<p>Seamless migration for scalable cloud solutions.
</p>
<a href="assets\images\cloud_solutions1.jpg" title="AWS Cloud Migration" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-infrastructure">
<img src="assets\images\infrastructure1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Robust AWS Infrastructure Solutions</h4>
<p>Build scalable, secure cloud environments confidently.</p>
<a href="assets\images\infrastructure1.jpg" title="Robust AWS Infrastructure Solutions" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-security">
<img src="assets\images\security1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>AWS Security Best Practices Implementation</h4>
<p>Implement robust security measures with AWS.</p>
<a href="assets\images\security1.jpg" title="AWS Security Best Practices Implementation" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-cloud">
<img src="assets\images\cloud_solutions2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Infrastructure Optimization</h4>
<p>Enhance performance and efficiency with AWS. </p>
<a href="assets\images\cloud_solutions2.jpg" title="Infrastructure Optimization" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-infrastructure">
<img src="assets\images\infrastructure2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Cloud Architecture Optimization</h4>
<p>Optimize AWS architecture for peak performance.
</p>
<a href="assets\images\infrastructure2.jpg" title="Cloud Architecture Optimization" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-security">
<img src="assets\images\security2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Cloud Security Compliance Solutions</h4>
<p>Ensure compliance and security in AWS.
</p>
<a href="assets\images\security2.jpg" title="Cloud Security Compliance Solutions" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-cloud">
<img src="assets\images\cloud_solutions3.png" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Managed Services Excellence</h4>
<p>Expert management for reliable AWS solutions.</p>
<a href="assets\images\cloud_solutions3.png" title="Managed Services Excellence" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-infrastructure">
<img src="assets\images\infrastructure3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>High-Performance Cloud Deployments</h4>
<p>Deploy agile, high-performance solutions with AWS.</p>
<a href="assets\images\infrastructure3.jpg" title="High-Performance Cloud Deployments" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-security">
<img src="assets\images\security3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Secure Cloud Infrastructure Design</h4>
<p>Design and deploy secure AWS architectures. </p>
<a href="assets\images\security3.jpg" title="Secure Cloud Infrastructure Design" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
<a href="#portfolio" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
</div>
</div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section>
<!-- /Portfolio Section -->