Added more images to the projects page

This commit is contained in:
Gary 2026-03-23 17:00:26 +00:00
parent cc61b352fd
commit 0e6491dd5f
8 changed files with 302 additions and 1 deletions

BIN
images/Gallery/19.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 KiB

BIN
images/Gallery/20.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 299 KiB

BIN
images/Gallery/21.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 411 KiB

BIN
images/Gallery/22.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 KiB

BIN
images/Gallery/23.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 424 KiB

BIN
images/Gallery/24.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 307 KiB

View File

@ -27,7 +27,7 @@ include_once 'includes/header.php';
</section>
<?php
include_once 'sections/projects.php';
include_once 'sections/projects-extended.php';
include_once 'sections/transform-cta.php';

View File

@ -0,0 +1,301 @@
<section class="ftco-section">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 text-center heading-section ftco-animate">
<span class="subheading">Loft Boarding Specialists</span>
<h2 class="mb-4">Latest Projects</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/1.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/1.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/3.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/3.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/15.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/15.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/11.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/11.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/13.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/13.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/18.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/18.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/19.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/19.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/20.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/20.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/21.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/21.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/22.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/22.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/23.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/23.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/24.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/24.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/2.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/2.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/4.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/4.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/5.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/5.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/6.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/6.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/7.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/7.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/8.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/8.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/9.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/9.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/10.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/10.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/11.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/11.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/12.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/12.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/14.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/14.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
<div class="col-md-4">
<div class="project">
<a href="<?= $URLcorrection ?>images/Gallery/16.jpg" class="img image-popup d-flex align-items-center" style="background-image: url(<?= $URLcorrection ?>images/Gallery/16.jpg);">
<div class="icon d-flex align-items-center justify-content-center mb-5"><span class="fa fa-plus"></span></div>
</a>
<!--<div class="text">
<span class="subheading">Building</span>
<h3>Building A Condominium</h3>
<p><span class="fa fa-map-marker mr-1"></span> San Francisco, California, USA</p>
</div>-->
</div>
</div>
</div>
</div>
</section>