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

16
about.php
View File

@ -63,21 +63,23 @@ include_once $URlcorrection . "includes/nav.php";
</div> </div>
</section> </section>
<div class="row justify-content-center mb-4"> <div class="row justify-content-center mb-4" style="gap: 0;">
<div class="col-6 col-md-4 mb-3"> <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"> <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;"> <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> <div class="small mt-2">Read our reviews on MyBuilder</div>
</a> </a>
</div> </div>
<div class="col-6 col-md-4 mb-3"> <div class="p-3 text-center" style="min-width:180px;">
<img src="<?= $URlcorrection ?>images/insured.jpg" alt="Fully Insured Roofer" class="img-fluid" style="max-height:60px;"> <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 class="small mt-2">Fully Insured</div>
</div> </div>
<div class="col-6 col-md-4 mb-3"> <div class="p-3 text-center" style="min-width:180px;">
<img src="<?= $URlcorrection ?>images/workmanship.png" alt="Workmanship Guarantee" class="img-fluid" style="max-height:60px;"> <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 class="small mt-2">Workmanship Guarantee</div>
</div> </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> <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>