142 lines
8.9 KiB
PHP
142 lines
8.9 KiB
PHP
<section class="ftco-section bg-half-light">
|
||
<div class="container">
|
||
<div class="row justify-content-center mb-5 pb-2">
|
||
<div class="col-md-8 text-center heading-section ftco-animate">
|
||
<span class="subheading">Our Services</span>
|
||
<h2 class="mb-4">Transform Your Loft into Useable Space</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 padding-bottom-20">
|
||
<div class="services-wrap ftco-animate">
|
||
<div class="img" style="background-image: url(images/boarding.jpg);"></div>
|
||
<div class="text">
|
||
<div class="icon"><span class=""><i class="fa-solid fa-hammer"></i></span></div>
|
||
<h2>Loft Boarding</h2>
|
||
<p>We raise our boarding above the insulation to ensure the correct amount of airflow in your loft to prevent moisture and heat being trapped in the loft.</p>
|
||
<a href="<?= $URLcorrection ?>services/boarding.php" class="btn-custom">Read more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 padding-bottom-20">
|
||
<div class="services-wrap ftco-animate">
|
||
<div class="img" style="background-image: url(images/ladder_new.jpg);"></div>
|
||
<div class="text">
|
||
<div class="icon"><span class=""><i class="fa-solid fa-arrow-up-right-dots"></i></span></div>
|
||
<h2>Loft Ladders</h2>
|
||
<p>We have a wide range of ladders to suit various loft spaces to ensure maximum safety when entering and exiting a loft space.</p>
|
||
<a href="<?= $URLcorrection ?>services/ladders.php" class="btn-custom">Read more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 padding-bottom-20">
|
||
<div class="services-wrap ftco-animate">
|
||
<div class="img" style="background-image: url(images/wooden-hatch.jpg);"></div>
|
||
<div class="text">
|
||
<div class="icon"><span class=""><i class="fa-solid fa-door-open"></i></span></div>
|
||
<h2>Loft Hatches</h2>
|
||
<p>We specialise in creating safe access to your loft with our range of energy efficient hatches that will improve the safety and your homes energy efficiency.</p>
|
||
<a href="<?= $URLcorrection ?>services/hatches.php" class="btn-custom">Read more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 padding-bottom-20">
|
||
<div class="services-wrap ftco-animate">
|
||
<div class="img" style="background-image: url(images/lighting.jpg);"></div>
|
||
<div class="text">
|
||
<div class="icon"><span class=""><i class="fa-solid fa-lightbulb"></i></span></div>
|
||
<h2>Loft Lighting</h2>
|
||
<p>A loft space can be very dark, we can install a LED light bulb with a pull switch so that you are able to turn it on as soon as you get into the loft.</p>
|
||
<a href="<?= $URLcorrection ?>services/lighting.php" class="btn-custom">Read more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 padding-bottom-20">
|
||
<div class="services-wrap ftco-animate">
|
||
<div class="img" style="background-image: url(images/insulation-1.jpg);"></div>
|
||
<div class="text">
|
||
<div class="icon"><span class=""><i class="fa-solid fa-temperature-arrow-up"></i></span></div>
|
||
<h2>Loft Insulation</h2>
|
||
<p>It’s vital that you have the correct amount of insulation in your home in order to keep your house warm in the colder months and cool during the hotter months.</p>
|
||
<a href="<?= $URLcorrection ?>services/insulation.php" class="btn-custom">Read more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 padding-bottom-20">
|
||
<div class="services-wrap ftco-animate">
|
||
<div class="img" style="background-image: url(images/roofliner.jpg);"></div>
|
||
<div class="text">
|
||
<div class="icon"><span class=""><i class="fa-solid fa-plus"></i></span></div>
|
||
<h2>Additional Extras</h2>
|
||
<p>We have a range of additional extras such as balustrades, roof liner, kick boards truss shelving to compliment your loft storage packages.</p>
|
||
<a href="<?= $URLcorrection ?>services/extras.php" class="btn-custom">Read more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="padding-bottom-50 padding-top-50" style="background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); position: relative;">
|
||
<div class="container" style="position: relative; z-index: 2;">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-md-12 mx-auto text-center text-white">
|
||
<h2 style="color: white; margin-bottom: 20px; font-size: 2.5rem;">Transform Your Loft Today</h2>
|
||
<p style="font-size: 20px; margin-bottom: 30px; opacity: 0.9;">Join thousands of satisfied customers across the UK with professional hatch solutions</p>
|
||
|
||
<div class="row mt-4 mb-4">
|
||
<div class="col-lg-4 col-md-12 text-center mb-3">
|
||
<div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 15px;">
|
||
<h4 class="white-text" style="margin: 0; font-weight: bold;">10000+</h4>
|
||
<small style="color: white; opacity: 0.8;">Jobs Completed</small>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-12 text-center mb-3">
|
||
<div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 15px;">
|
||
<h4 class="white-text" style="margin: 0; font-weight: bold;">100%</h4>
|
||
<small style="color: white; opacity: 0.8;">NHBC Compliant</small>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-12 text-center mb-3">
|
||
<div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 15px;">
|
||
<h4 class="white-text" style="margin: 0; font-weight: bold;">10 Year</h4>
|
||
<small style="color: white; opacity: 0.8;">Product Warranty</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-4 mb-4">
|
||
<a href="<?= $URLcorrection ?>contact" class="btn customer-quote-button btn-lg mr-3" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
|
||
<i class="fas fa-calculator"></i> Get Free Quote & Survey
|
||
</a>
|
||
<a href="<?= $URLcorrection ?>pricing" class="btn btn-outline-light btn-lg" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; border: 2px solid white;">
|
||
<i class="fas fa-eye"></i> View Our Pricing
|
||
</a>
|
||
</div>
|
||
|
||
<div style="background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; margin-top: 30px;">
|
||
<div class="row text-center">
|
||
<div class="col-md-3 col-6 mb-2">
|
||
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
||
<small style="color: white;">Free Survey</small>
|
||
</div>
|
||
<div class="col-md-3 col-6 mb-2">
|
||
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
||
<small style="color: white;">Professional Installation</small>
|
||
</div>
|
||
<div class="col-md-3 col-6 mb-2">
|
||
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
||
<small style="color: white;">Energy Efficient</small>
|
||
</div>
|
||
<div class="col-md-3 col-6 mb-2">
|
||
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
||
<small style="color: white;">10-Year Warranty</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> |