updated content
This commit is contained in:
Gary
parent
3ed9f2182b
commit
d48794b115
85
about.php
85
about.php
@ -6,36 +6,79 @@ include_once $URLcorrection . 'includes/header.php';
|
||||
|
||||
?>
|
||||
|
||||
<section class="padding-top-100 padding-bottom-100">
|
||||
<div class="container">
|
||||
<h1 class="text-center">About Us: Making the Most of North East Homes</h1>
|
||||
<p>At North East Loft Boarding, we believe your loft shouldn’t be a "no-go zone" navigated by balancing on joists in the dark. Based right here in the North East, we help homeowners reclaim the massive amount of wasted space sitting right above their heads.</p>
|
||||
|
||||
<section class="padding-top-50 padding-bottom-100 company-background">
|
||||
<div class="container text-center">
|
||||
<div class="row justify-content-center margin-bottom-60">
|
||||
<div class="col-md-10">
|
||||
<span class="text-primary font-weight-bold text-uppercase letter-spacing-2">Expert Loft Boarding</span>
|
||||
<h2 class="margin-top-20">The North East’s Trusted Choice for Loft Storage</h2>
|
||||
<p class="lead text-muted">We provide professional, warrantied loft boarding solutions that create space without compromising your home's thermal efficiency.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4 margin-bottom-30">
|
||||
<div class="trade-card">
|
||||
<div class="trade-icon-wrapper">
|
||||
<i class="fas fa-ruler-combined"></i>
|
||||
</div>
|
||||
<h4>Integrity First</h4>
|
||||
<p>We install specialist <strong>raised subframes</strong> that sit above your insulation, ensuring your home stays energy-efficient while providing a rock-solid storage platform.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 margin-bottom-30">
|
||||
<div class="trade-card">
|
||||
<div class="trade-icon-wrapper">
|
||||
<i class="fa-solid fa-hand-sparkles"></i>
|
||||
</div>
|
||||
<h4>No Mess, No Stress</h4>
|
||||
<p>We treat your home with total respect. From heavy-duty floor protection to a full clean-up, we ensure the only difference we leave behind is your new storage space.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 margin-bottom-30">
|
||||
<div class="trade-card">
|
||||
<div class="trade-icon-wrapper">
|
||||
<i class="fa-solid fa-helmet-safety"></i>
|
||||
</div>
|
||||
<h4>Safety Focused</h4>
|
||||
<p>From slip-resistant loft ladders to reinforced hatches, every component we install is chosen for its durability and ease of use for the whole family.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="padding-bottom-100">
|
||||
<section class="about-intro padding-top-100 padding-bottom-80">
|
||||
<div class="container">
|
||||
<h3>Our Mission: Space Without Compromise</h3>
|
||||
<p>Most modern lofts aren't designed for storage—they’re designed for insulation. We started this business because we saw too many people squashing their insulation (and hiking up their energy bills) just to find a place for the Christmas decorations.</p>
|
||||
<p>We specialise in <strong>raised loft boarding</strong>, a system that sits above your insulation to keep your home warm while providing a rock-solid platform for your belongings.</p>
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col-12 margin-bottom-40 text-center">
|
||||
<h3 class="h4">Our Mission: Space Without Compromise</h3>
|
||||
<p>At <strong>North East Loft Boarding</strong>, we believe your loft shouldn’t be a "no-go zone" navigated in the dark. Most modern lofts are designed for insulation, not storage.</p>
|
||||
|
||||
<p>We help you reclaim that wasted space without squashing your insulation or hiking up your energy bills. We specialise in <strong>raised loft boarding</strong>, keeping your home warm while providing a rock-solid platform for your belongings.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="padding-bottom-100">
|
||||
<div class="container">
|
||||
<h3>Why Choose a Local Specialist?</h3>
|
||||
<p>From Tyneside flats to new-build semis in County Durham, we know the local housing stock inside and out. When you choose us, you’re not getting a "one-size-fits-all" kit; you’re getting a bespoke installation tailored to your specific roof structure.</p>
|
||||
<li><strong>Integrity First</strong> We only use high-quality, load-bearing materials that protect your property and your NHBC warranty.</li>
|
||||
<li><strong>No Mess, No Stress</strong> We’re a local team that prides itself on being punctual, polite, and leaving your landing exactly how we found it (just with a much better ladder).</li>
|
||||
<li><strong>Safety Focused</strong> Every ladder we fit and every board we lay is tested to ensure it’s safe for you and your family to use for years to come.</li>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="padding-bottom-100">
|
||||
<section class="padding-bottom-100 padding-top-50">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 col-md-10">
|
||||
<div class="service-callout-orange">
|
||||
<h3>Beyond Just Boarding</h3>
|
||||
<p>We’re more than just "the loft people." We’re a team of dedicated installers passionate about home improvement. Whether it's enlarging a cramped hatch, installing energy-efficient lighting, or fitting a sturdy timber ladder, we treat every home as if it were our own.</p>
|
||||
<p><strong>We’re proud to serve Newcastle, Gateshead, Sunderland, Durham, and the surrounding areas.</strong></p>
|
||||
<p>Whether it's enlarging a hatch, adding LED lighting, or fitting a sturdy timber ladder, we treat every home as if it were our own.</p>
|
||||
<div class="location-divider"></div>
|
||||
<p class="location-text">
|
||||
<strong>Proudly serving Newcastle, Gateshead, Sunderland, Durham, and the surrounding areas.</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
229
css/style.css
229
css/style.css
@ -5590,7 +5590,7 @@ button.bg-danger:focus {
|
||||
background-color: #bd2130 !important; }
|
||||
|
||||
.bg-light {
|
||||
background-color: #f8f9fa !important; }
|
||||
background-color: #fc6944 !important; }
|
||||
|
||||
a.bg-light:hover, a.bg-light:focus,
|
||||
button.bg-light:hover,
|
||||
@ -10286,3 +10286,230 @@ textarea.form-control {
|
||||
.padding-20 {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* Styling for the About Us Section */
|
||||
.bg-light { background-color: #fc6944; }
|
||||
.text-primary { color: #ff6600; }
|
||||
.letter-spacing-2 { letter-spacing: 2px; }
|
||||
|
||||
.custom-divider {
|
||||
width: 50px;
|
||||
height: 4px;
|
||||
background-color: #004a99;
|
||||
margin: 25px auto;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* Card Styling */
|
||||
.trade-card {
|
||||
background: #fff;
|
||||
padding: 50px 30px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #eee;
|
||||
height: 100%;
|
||||
transition: all 0.4s ease-in-out;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.trade-card:hover {
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
|
||||
transform: translateY(-8px);
|
||||
}
|
||||
|
||||
.trade-card.highlight {
|
||||
border-bottom: 4px solid #004a99;
|
||||
}
|
||||
|
||||
/* Icon Styling */
|
||||
.trade-icon-wrapper {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #f0f7ff; /* Very light blue */
|
||||
color: #ff6600;
|
||||
font-size: 30px;
|
||||
line-height: 80px;
|
||||
border-radius: 50%;
|
||||
margin: 0 auto 25px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.trade-card:hover .trade-icon-wrapper {
|
||||
background: #ff6600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.trade-card h4 {
|
||||
font-weight: 700;
|
||||
margin-bottom: 15px;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.trade-card p {
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
|
||||
.service-callout-orange {
|
||||
background-color: #ff6600;
|
||||
padding: 50px 40px; /* Generous padding for a premium feel */
|
||||
border-radius: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
box-shadow: 0 10px 30px rgba(255, 102, 0, 0.15);
|
||||
}
|
||||
|
||||
.service-callout-orange h3 {
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
margin-bottom: 20px;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.service-callout-orange p {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.location-divider {
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
margin: 25px auto;
|
||||
}
|
||||
|
||||
.location-text {
|
||||
font-size: 0.95rem !important;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.5px;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
|
||||
.text-orange { color: #ff6600; }
|
||||
.letter-spacing-2 { letter-spacing: 2px; font-size: 0.85rem; }
|
||||
|
||||
.short-divider {
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #ff6600;
|
||||
margin: 20px 0 30px 0;
|
||||
}
|
||||
|
||||
.about-image-wrapper {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.about-image-wrapper img {
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.experience-badge {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
right: 10px;
|
||||
background: #ff6600;
|
||||
color: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
box-shadow: 0 10px 20px rgba(255,102,0,0.3);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.experience-badge strong {
|
||||
font-size: 2rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.experience-badge span {
|
||||
font-size: 0.75rem;
|
||||
text-transform: uppercase;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.company-background {
|
||||
background-color: RGB(255,102,0, 0.2);
|
||||
}
|
||||
|
||||
|
||||
/* Container for the whole card */
|
||||
.trade-card-premium {
|
||||
background: #ffffff;
|
||||
border-radius: 12px;
|
||||
overflow: hidden; /* Keeps the image corners rounded */
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
|
||||
transition: all 0.3s ease;
|
||||
border: 1px solid #eee;
|
||||
height: 100%;
|
||||
text-align: left; /* Aligns text professionally to the left */
|
||||
}
|
||||
|
||||
.trade-card-premium:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 40px rgba(0,0,0,0.12);
|
||||
}
|
||||
|
||||
/* Image Wrapper */
|
||||
.trade-image-header {
|
||||
position: relative;
|
||||
height: 220px; /* Adjust height as needed */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.img-full {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
|
||||
.trade-card-premium:hover .img-full {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* Orange Category Tag */
|
||||
.category-tag {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
background: #ff6600;
|
||||
color: #fff;
|
||||
padding: 5px 15px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Content Area */
|
||||
.trade-content {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.trade-content h4 {
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.orange-accent-line {
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
background: #ff6600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.trade-content p {
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
BIN
images/older-property-loft-boarding.png
Normal file
BIN
images/older-property-loft-boarding.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
@ -6,7 +6,47 @@ include_once $URLcorrection . 'includes/header.php';
|
||||
|
||||
?>
|
||||
|
||||
<section class="padding-top-50 padding-bottom-100 company-background">
|
||||
<div class="container text-center">
|
||||
<div class="row justify-content-center margin-bottom-60">
|
||||
<div class="col-md-10">
|
||||
<span class="text-primary font-weight-bold text-uppercase letter-spacing-2">Expert Loft Boarding</span>
|
||||
<h2 class="margin-top-20">Professional Loft Boarding & Storage Solutions</h2>
|
||||
<p class="lead text-muted">Transforming dusty North East lofts into clean, secure storage hubs. Using specialist subframe technology, we create the space you need while keeping your home warm and your warranty intact.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 margin-bottom-30">
|
||||
<div class="trade-card-premium">
|
||||
<div class="trade-image-header">
|
||||
<img src="<?= $URLcorrection ?>images/new-build-loft-boarding.png" alt="New Build Loft Boarding North East" class="img-full">
|
||||
</div>
|
||||
|
||||
<div class="trade-content">
|
||||
<h4>New Build Loft Boarding</h4>
|
||||
<div class="orange-accent-line"></div>
|
||||
<p>We treat your home with total respect. From heavy-duty floor protection to a full clean-up, we ensure the only difference we leave behind is your new storage space.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 margin-bottom-30">
|
||||
<div class="trade-card-premium">
|
||||
<div class="trade-image-header">
|
||||
<img src="<?= $URLcorrection ?>images/older-property-loft-boarding.png" alt="Older Property Loft Boarding North East" class="img-full">
|
||||
</div>
|
||||
|
||||
<div class="trade-content">
|
||||
<h4>Older Property Loft Boarding</h4>
|
||||
<div class="orange-accent-line"></div>
|
||||
<p>We treat your home with total respect. From heavy-duty floor protection to a full clean-up, we ensure the only difference we leave behind is your new storage space.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user