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

refactor hero section layout for improved structure and readability

Browse Source
This commit is contained in:
Mark 2025-05-15 09:30:21 +01:00
parent 4071078242
commit 7a45b54928
1 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
includes/index-hero.php
View File

@ -3,36 +3,35 @@
<div class="slider-item js-fullheight" style="background-image:url(images/hero-1.jpg);"> <div class="slider-item js-fullheight" style="background-image:url(images/hero-1.jpg);">
<div class="overlay"></div> <div class="overlay"></div>
<div class="container"> <div class="container">
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"> <div class="row no-gutters slider-text align-items-center justify-content-center">
<div class="col text-center ftco-animate banner-logo"> <div class="col text-center ftco-animate banner-logo">
<a href="<?= $URLcorection ?>index"> <a href="<?= $URLcorection ?>index">
<img src="<?= $URLcorection ?>images/Warmseal-White-Transparent.svg" class="" alt="Warmseal Logo"> <img src="<?= $URLcorection ?>images/Warmseal-White-Transparent.svg" class="" alt="Warmseal Logo">
</a> </a>
</div> </div>
<div class="row no-gutters slider-text align-items-center justify-content-center"> <div class="col-md-10 text-center ftco-animate">
<div class="col-md-10 text-center ftco-animate"> <div class="text w-100">
<div class="text w-100"> <h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>
<h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1> <p><a href="<?= $URLcorection ?>contact" class="btn btn-primary">Book a Free Quote</a></p>
<p><a href="<?= $URLcorection ?>contact" class="btn btn-primary">Book a Free Quote</a></p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="slider-item js-fullheight" style="background-image:url(images/hero-2.jpg);"> <div class="slider-item js-fullheight" style="background-image:url(images/hero-2.jpg);">
<div class="overlay"></div> <div class="overlay"></div>
<div class="container"> <div class="container">
<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">
<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="<?= $URLcorection ?>contact" class="btn btn-primary">Book a Free Quote</a></p> <p><a href="<?= $URLcorection ?>contact" class="btn btn-primary">Book a Free Quote</a></p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</section>