Acorn_Media/North-east-loft-boarding
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

content added

Browse Source
This commit is contained in:
Gary 2026-03-11 12:19:08 +00:00
parent 5609f48f3d
commit cf099fdb5d
5 changed files with 144 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
css/style.css
View File

@ -10587,4 +10587,49 @@ textarea.form-control {
.column-border-subtle:hover {
border-color: white; /* Your brand orange */
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.btn-orange {
--bs-btn-color: #fff;
--bs-btn-bg: #FF6600;
--bs-btn-border-color: #FF6600;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #ff6b19;
--bs-btn-hover-border-color: #FF6600;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529;
}
.text-black { color: #000000; }
/* 1. Remove the default black dots */
.tick-list {
list-style: none;
padding-left: 0;
}
/* 2. Create the space for the tick */
.tick-list li {
position: relative;
padding-left: 35px; /* Adjust based on icon size */
margin-bottom: 12px;
line-height: 1.6;
}
/* 3. Insert the Font Awesome Tick */
.tick-list li::before {
content: "\f00c"; /* Font Awesome 'check' unicode */
font-family: "Font Awesome 6 Free"; /* Ensure this matches your FA version */
font-weight: 900;
position: absolute;
left: 0;
color: #28a745; /* A professional forest green */
font-size: 1.1rem;
}

BIN
images/Aluminium-Ladder.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 157 KiB

BIN
images/telescopic.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
images/woodenhatch.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

99
services/ladders.php
View File

@ -18,6 +18,105 @@ include_once $URLcorrection . 'includes/header.php';
</section>
<section class="padding-top-50 padding-bottom-50">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-12 text-center margin-bottom-30">
<img src="<?= $URLcorrection ?>images/woodenhatch.jpg" alt="Wooden hatch North East Loft Boarding" class="img-full">
</div>
<div class="col-lg-8 col-md-12 margin-bottom-30">
<p>Investing in a loft ladder is important for several reasons. Firstly, it provides safe and easy access to your loft space, making it more functional and usable. Without a ladder, accessing the loft can be difficult and even dangerous, as you may need to use chairs, stools, or other makeshift options to climb up.</p>
<p>Another benefit of investing in a loft ladder is that it can add value to your home. Many home buyers view loft space as an attractive feature, and having a ladder installed can make your loft more appealing and functional.</p>
<p>Overall, investing in a loft ladder is an important step in making your home more functional, energy-efficient, and valuable. It provides easy access to your loft space, improves your home’s insulation, and adds to its overall appeal.</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 padding-top-40">
<p class="stand-out-text text-center">Book a free quote today for a loft ladder installation by <a href="<?= $URLcorrection ?>contact.php">clicking here</a>.</p>
</div>
</div>
</div>
</section>
<section class="padding-top-50 padding-bottom-50 blue-background">
<div class="container">
<div class="row padding-top-50 padding-bottom-50 text-center">
<div class="col-12">
<h3 class="stand-out-text">Our Range of Loft Ladders</h3>
</div>
</div>
<div class="row justify-content-center align-items-stretch padding-bottom-50 text-center">
<div class="col-md-4 col-sm-12 card-wrapper">
<div class="card h-100 d-flex flex-column">
<img src="<?= $URLcorrection ?>images/wooden-hatch.jpg" class="card-img-top padding-bottom-20" alt="Wooden Loft Hatch and Ladder">
<div class="card-body d-flex flex-column">
<h5 class="stand-out-text padding-bottom-20">Wooden Hatch & Ladder</h5>
<p class="text-black">Our premium wooden hatch and ladder units are factory-made for strength and insulation. The ladder is stored on the back of the hatch for space-saving and can be custom-built to reach up to 3.2 metres. Ideal for frequent loft access and a seamless look.</p>
<a href="<?= $URLcorrection ?>pricing" class="btn customer-quote-button mt-auto">Find Pricing</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 card-wrapper">
<div class="card h-100 d-flex flex-column">
<img src="<?= $URLcorrection ?>images/Aluminium-Ladder.jpg" class="card-img-top padding-bottom-20" alt="Aluminium Loft Ladder">
<div class="card-body d-flex flex-column">
<h5 class="stand-out-text padding-bottom-20">Aluminium Ladder</h5>
<p class="text-black">Our lightweight aluminium ladders are strong, easy to use, and perfect for pairing with a PVC hatch. Supplied as part of our loft boarding packages, these ladders are a great option for safe, regular access to your loft space.</p>
<a href="<?= $URLcorrection ?>pricing" class="btn customer-quote-button mt-auto">Find Pricing</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 card-wrapper">
<div class="card h-100 d-flex flex-column">
<img src="<?= $URLcorrection ?>images/telescopic.jpg" class="card-img-top padding-bottom-20" alt="Telescopic Loft Ladder">
<div class="card-body d-flex flex-column">
<h5 class="stand-out-text padding-bottom-20">Telescopic Ladder</h5>
<p class="text-black">Our telescopic ladders are the perfect solution for homes with limited space. Compact, sturdy, and easy to store, they provide safe access to your loft without compromising on quality or safety.</p>
<a href="<?= $URLcorrection ?>pricing" class="btn customer-quote-button mt-auto">Find Pricing</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="padding-top-50 padding-bottom-50">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h2 class="stand-out-text">Why Choose Us for Your Loft Ladder Installation?</h2>
<p>Trusted by thousands of homeowners across the North East</p>
</div>
</div>
<div class="row justify-content-center align-items-stretch padding-top-50 padding-bottom-50">
<div class="col-lg-8 mb-4">
<div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%; border-left: 5px solid #FF6600;">
<ul class="tick-list text-black">
<li><strong>10-year warranty</strong> on all installations</li>
<li>Fully insured, professional installers</li>
<li>Thousands of satisfied customers</li>
<li>Free expert advice and no-obligation quotes</li>
<li>All work complies with current building regulations</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-6 blue-background" style="border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1);">
<div class="booking-card text-center">
<h4 class="stand-out-text">Ready to upgrade?</h4>
<p>Book your free, no-obligation loft survey today.</p>
<a href="<?= $URLcorrection ?>contact" class="btn customer-quote-button">
Click Here to Book a Quote
</a>
<p class="small-print padding-top-20">Available across the North East</p>
</div>
</div>
</div>
</div>
</section>