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 14:21:49 +00:00
parent 3113c0ad16
commit 39464883f5
4 changed files with 63 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
css/style.css
View File

@ -10954,6 +10954,34 @@ textarea.form-control {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.loft-e-banner {
position: relative;
width: 100%;
display: flex;
align-items: center;
background-color: #002b49; /* fallback brand blue */
background-image: url('/images/Loftemanufacturer-768x768.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;
}
.loft-e-lite-banner {
position: relative;
width: 100%;
display: flex;
align-items: center;
background-color: #002b49; /* fallback brand blue */
background-image: url('/images/Loft-E-Engraved.png'); /* 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 {
position: absolute;
top: 0;

14
loft-e-adjustable.php
View File

@ -12,9 +12,19 @@ include_once $URLcorrection . 'includes/header.php';
?>
<section class="loft-e padding-top-50 padding-bottom-50 text-center">
<section class="loft-e-banner">
<div class="banner-overlay-2"></div>
<div class="container">
<h1 class="margin-bottom-30 stand-out-text">LOFT-E Adjustable</h1>
<div class="banner-content">
<div class="text-container">
<span class="top-tag text-white">North East Loft Boarding</span>
<h1 class="stand-out-text">Perfectly Level. No Matter the Joists.</h1>
<p>Our Adjustable Loft-E system is the only metal leg designed to level out uneven timber. Professional precision for a rock-solid, flat storage floor.</p>
<div class="">
<a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
</div>
</div>
</div>
</div>
</section>

14
loft-e-lite.php
View File

@ -11,9 +11,19 @@ include_once $URLcorrection . 'includes/header.php';
?>
<section class="loft-e padding-top-50 padding-bottom-50 text-center">
<section class="loft-e-banner">
<div class="banner-overlay-2"></div>
<div class="container">
<h1 class="margin-bottom-30 stand-out-text">LOFT-E Lite</h1>
<div class="banner-content">
<div class="text-container">
<span class="top-tag text-white">North East Loft Boarding</span>
<h1 class="stand-out-text">Loft-E Lite: The Metal Standard.</h1>
<p>The ultra-strong, non-adjustable metal leg for modern standard joists. Get the durability of steel storage without the premium price tag.</p>
<div class="">
<a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
</div>
</div>
</div>
</div>
</section>

16
loft-e.php
View File

@ -7,11 +7,17 @@ $metakeywords = "North East Loft Boarding, Loft Boarding North East, Loft Storag
include_once $URLcorrection . 'includes/header.php';
?>
<section class="padding-top-100 padding-bottom-100 company-background">
<div class="container text-center padding-bottom-50">
<div class="row justify-content-center">
<div class="breadcumb-wrapper text-center">
<h1><?= $PageTitle ?></h1>
<section class="loft-e-banner">
<div class="banner-overlay-2"></div>
<div class="container">
<div class="banner-content">
<div class="text-container">
<span class="top-tag text-white">North East Loft Boarding</span>
<h1 class="stand-out-text">The Strength of Steel for Your Storage</h1>
<p>Featuring Loft-E: The UK’s only metal-leg raised flooring system. Built to last, designed to protect your insulation.</p>
<div class="">
<a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
</div>
</div>
</div>
</div>