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

refactor: Update layout of review section for improved responsiveness and alignment

Browse Source
This commit is contained in:
Mark 2025-10-02 12:56:29 +01:00
parent d079cdbbd6
commit a5d75fbee7
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
about.php
View File

@ -63,20 +63,22 @@ include_once $URlcorrection . "includes/nav.php";
</div>
</section>
<div class="row justify-content-center mb-4">
<div class="col-6 col-md-4 mb-3">
<a href="https://www.mybuilder.com/profile/warmseal-roofing" target="_blank" rel="noopener">
<img src="<?= $URlcorrection ?>images/mybuilder-logo.png" alt="MyBuilder Warmseal Roofing Reviews" class="img-fluid" style="max-height:60px;">
<div class="small mt-2">Read our reviews on MyBuilder</div>
</a>
</div>
<div class="col-6 col-md-4 mb-3">
<img src="<?= $URlcorrection ?>images/insured.jpg" alt="Fully Insured Roofer" class="img-fluid" style="max-height:60px;">
<div class="small mt-2">Fully Insured</div>
</div>
<div class="col-6 col-md-4 mb-3">
<img src="<?= $URlcorrection ?>images/workmanship.png" alt="Workmanship Guarantee" class="img-fluid" style="max-height:60px;">
<div class="small mt-2">Workmanship Guarantee</div>
<div class="row justify-content-center mb-4" style="gap: 0;">
<div class="col-12 d-flex flex-wrap justify-content-center align-items-center">
<div class="p-3 text-center" style="min-width:180px;">
<a href="https://www.mybuilder.com/profile/warmseal-roofing" target="_blank" rel="noopener">
<img src="<?= $URlcorrection ?>images/mybuilder-logo.png" alt="MyBuilder Warmseal Roofing Reviews" class="img-fluid mb-2" style="max-height:60px;">
<div class="small mt-2">Read our reviews on MyBuilder</div>
</a>
</div>
<div class="p-3 text-center" style="min-width:180px;">
<img src="<?= $URlcorrection ?>images/insured.jpg" alt="Fully Insured Roofer" class="img-fluid mb-2" style="max-height:60px;">
<div class="small mt-2">Fully Insured</div>
</div>
<div class="p-3 text-center" style="min-width:180px;">
<img src="<?= $URlcorrection ?>images/workmanship.png" alt="Workmanship Guarantee" class="img-fluid mb-2" style="max-height:60px;">
<div class="small mt-2">Workmanship Guarantee</div>
</div>
</div>
</div>
<p class="text-center mt-4">See what our customers say about us on <a href="https://www.mybuilder.com/profile/warmseal-roofing" target="_blank" rel="noopener">MyBuilder</a> and <a href="https://www.checkatrade.com/" target="_blank" rel="noopener">Checkatrade</a>.</p>