<?php
$_SESSION['active'] = 'portfolio';
include 'header.php';

?>
<main id="main">

    <!-- ======= Breadcrumbs ======= -->
    <div class="breadcrumbs d-flex align-items-center" style="background-image: url('assets/img/portfolio-header.jpg');">
      <div class="container position-relative d-flex flex-column align-items-center">

        <h2>Portfolio</h2>
        <ol>
          <li><a href="index.php">Home</a></li>
          <li>Portfolio</li>
        </ol>

      </div>
    </div><!-- End Breadcrumbs -->

    <!-- ======= Portfolio Section ======= -->
    <section id="portfolio" class="portfolio">
      <div class="container" data-aos="fade-up">

        <div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order">
        <div class="section-header">
          <h2>Catalogues</h2>

        </div>  

          <!-- <ul class="portfolio-flters" data-aos="fade-up" data-aos-delay="100">
            <li data-filter="*" class="filter-active">All</li>
            <li data-filter=".">Product Catalogue_TCAI Fixed Speed</li>
            <li data-filter=".">Sales Catalogue_R32 Inverter</li>
            <li data-filter=".">Carrier DX Cassette </li>
            <li data-filter=".">Product Catalogue_Ducted</li>
            <li data-filter=".">Sales Catalogue_Carrier Inverter</li>
          </ul>End Portfolio Filters -->


        
          <div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="300">

            <div class="col-lg-4 col-md-6 portfolio-item filter-app">
              <img src="assets/img/portfolio/1.png" class="img-fluid" alt="">
              <div class="portfolio-info"> 
                <!-- <h4>Product 1</h4> -->
                <p>Carrier DX Cassette</p>
                <p><a href="assets/uploads/CarrierDXCassetteCatalogue.pdf"  target="_blank" class="glightbox preview-link"></a> </p>
                <a href="assets/uploads/CarrierDXCassetteCatalogue.pdf" target="_blank"  title="More Details" class="details-link"><i class="bi bi-link-45deg"></i>View</a>


               <!--  <a href="assets/uploads/CarrierDXCassetteCatalogue_April'18.pdf" title="App 1" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="assets/uploads/CarrierDXCassetteCatalogue_April'18.pdf" 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 filter-books">
              <img src="assets/img/portfolio/4.png" class="img-fluid" alt="">
              <div class="portfolio-info">
                <!-- <h4>Books 1</h4> -->
                <p>Carrier Inverter Ducted</p>
                <p><a href="assets/uploads/SalesCatalogue_CarrierInverterDucted.pdf" target="_blank" class="glightbox preview-link"></a> </p>
                <a href="assets/uploads/SalesCatalogue_CarrierInverterDucted.pdf" target="_blank"  title="More Details" class="details-link"><i class="bi bi-link-45deg"></i>View</a>
              </div>
            </div><!-- End Portfolio Item -->


            <div class="col-lg-4 col-md-6 portfolio-item filter-branding">
              <img src="assets/img/portfolio/3.png" class="img-fluid" alt="">
              <div class="portfolio-info">
                <!-- <h4>Branding 1</h4> -->
                <p>TCAI Fixed Speed HiWall</p>
                <p><a href="assets/uploads/ProductCatalogue_TCAIFixedSpeedHiWall-EMail.pdf" target="_blank" class="glightbox preview-link"></a> </p>
                <a href="assets/uploads/ProductCatalogue_TCAIFixedSpeedHiWall-EMail.pdf" target="_blank"  title="More Details" class="details-link"><i class="bi bi-link-45deg"></i>View</a>
              </div>
            </div><!-- End Portfolio Item -->

            
            <div class="col-lg-4 col-md-6 portfolio-item filter-product">
              <img src="assets/img/portfolio/2.png" class="img-fluid" alt="">
              <div class="portfolio-info">
                <!-- <h4>Product 1</h4> -->
                <p>Ducted R410A</p>
                <p><a href="assets/uploads/ProductCatalogue_DuctedR410A.pdf" target="_blank" class="glightbox preview-link"></a> </p>
                <a href="assets/uploads/ProductCatalogue_DuctedR410A.pdf" target="_blank"  title="More Details" class="details-link"><i class="bi bi-link-45deg"></i>View</a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item filter-app">
              <img src="assets/img/portfolio/5.png" class="img-fluid" alt="">
              <div class="portfolio-info">
                <!-- <h4>App 2</h4> -->
                <p>R32 Inverter HiWalls</p>
                <a href="assets/uploads/SalesCatalogue_R32InverterHiWalls.pdf" target="_blank" class="glightbox preview-link"></a> </p>
                <a href="assets/uploads/SalesCatalogue_R32InverterHiWalls.pdf" target="_blank"  title="More Details" class="details-link"><i class="bi bi-link-45deg"></i>View</a>
              </div>
            </div><!-- End Portfolio Item -->
<!-- 
            <div class="col-lg-4 col-md-6 portfolio-item filter-product">
              <img src="assets/img/portfolio/product-2.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Product 2</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/product-2.jpg" title="Product 2" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div> -->
            <!-- </div> -->
<!-- 
            <div class="col-lg-4 col-md-6 portfolio-item filter-branding">
              <img src="assets/img/portfolio/branding-2.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Branding 2</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/branding-2.jpg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div>

            <div class="col-lg-4 col-md-6 portfolio-item filter-books">
              <img src="assets/img/portfolio/books-2.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Books 2</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/books-2.jpg" title="Branding 2" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div>

            <div class="col-lg-4 col-md-6 portfolio-item filter-app">
              <img src="assets/img/portfolio/app-3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>App 3</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/app-3.jpg" title="App 3" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div>

            <div class="col-lg-4 col-md-6 portfolio-item filter-product">
              <img src="assets/img/portfolio/product-3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Product 3</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/product-3.jpg" title="Product 3" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div>

            <div class="col-lg-4 col-md-6 portfolio-item filter-branding">
              <img src="assets/img/portfolio/branding-3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Branding 3</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/branding-3.jpg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div>

            <div class="col-lg-4 col-md-6 portfolio-item filter-books">
              <img src="assets/img/portfolio/books-3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Books 3</h4>
                <p>Lorem ipsum, dolor sit amet consectetur</p>
                <a href="assets/img/portfolio/books-3.jpg" title="Branding 3" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div> -->

          </div>

        </div>

      </div>
    </section>
    <div class="section-header">
          <h2>Images</h2>

        </div>
        <div class="section-header">
          <h2>Videos</h2>

        </div>

  </main>
  <?php
  include 'footer.php';
  ?>