Acorn_Media/warmseal-roofing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add new styles for blue text and banner overlay; update hero section heading and reintroduce counter section with new content

Browse Source
This commit is contained in:
Gary 2025-05-08 13:30:41 +01:00
parent 8537131014
commit bb47678da6
3 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/style.css
View File

@ -9736,3 +9736,19 @@ textarea.form-control {
100% { 100% {
stroke-dasharray: 89, 200; stroke-dasharray: 89, 200;
stroke-dashoffset: -136px; } } stroke-dashoffset: -136px; } }
.blue-text {
color: var(--blue);
}
.banner-over {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 1;
}

2
includes/index-hero.php
View File

@ -21,7 +21,7 @@
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"> <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
<div class="col-md-8 text-center ftco-animate"> <div class="col-md-8 text-center ftco-animate">
<div class="text w-100"> <div class="text w-100">
<h2 class="text-white">The Roofing Specialists</h2> <h2 class="text-primary">The Roofing Specialists</h2>
<h1 class="mb-4">Quality roofing at a affordable price</h1> <h1 class="mb-4">Quality roofing at a affordable price</h1>
<p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p> <p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p>
</div> </div>

16
sections/counter.php
View File

@ -1,4 +1,4 @@
<section class="ftco-counter" id="section-counter"> <!--<section class="ftco-counter" id="section-counter">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate"> <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
@ -39,4 +39,16 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>-->
<section class="ftco-counter" id="section-counter">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<h2 class="display-5 fw-bold text-white">2,500+ Roofs Restored Since 2003</h2>
<p class="lead mt-3 text-white">From emergency repairs to full re-roofs, we’ve helped hundreds of families stay safe and dry.</p>
</div>
</div>
</div>
</section>