<?php 
include 'db.php';
            $selectPortfolio = mysqli_query($conn,"SELECT * FROM catalogues ORDER BY id DESC LIMIT 1");
             $selecthead = mysqli_fetch_array($selectPortfolio); 

             ?>
    <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=<?php echo $selecthead['image'];  ?> class="img-fluid" alt="">
              <div class="portfolio-info"> 
                <!-- <h4>Product 1</h4> -->
                <p>  <?php  echo $selecthead['heading'];  ?></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>