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

updated to new style banner

Browse Source
This commit is contained in:
Gary 2026-03-20 13:55:50 +00:00
parent b765e1a196
commit 381671997f
2 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/style.css
View File

@ -10912,6 +10912,20 @@ textarea.form-control {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
.lh-banner {
position: relative;
width: 100%;
display: flex;
align-items: center;
background-color: #002b49; /* fallback brand blue */
background-image: url('/images/woodenhatch.jpg'); /* ADD YOUR BRITISH LOFT IMAGE HERE */
background-size: cover;
background-position: center;
overflow: hidden;
color: #ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.banner-overlay-2 { .banner-overlay-2 {
position: absolute; position: absolute;
top: 0; top: 0;

18
services/ladders.php
View File

@ -6,15 +6,21 @@ include_once $URLcorrection . 'includes/header.php';
?> ?>
<section class="padding-top-70 padding-bottom-50 company-background"> <section class="lh-banner">
<div class="container text-center padding-top-50"> <div class="banner-overlay-2"></div>
<div class="row justify-content-center margin-bottom-60"> <div class="container">
<div class="col-md-10"> <div class="banner-content">
<h2 class="margin-top-20 stand-out-text">Professional Loft Ladder Installation & Access Solutions</h2> <div class="text-container">
<p class="lead text-muted">Safe, energy-efficient wooden, aluminium, and telescopic ladders fitted by experts.</p> <span class="top-tag text-white">North East Loft Boarding</span>
<h1 class="stand-out-text">Professional Loft Ladder Installation & Access Solutions</h1>
<p>Safe, energy-efficient wooden, aluminium, and telescopic ladders fitted by experts.</p>
<div class="">
<a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a> <a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
</div> </div>
</div> </div>
</div>
</div>
</section> </section>