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

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

Browse Source
This commit is contained in:
Mark 2025-10-02 12:55:44 +01:00
parent b385749942
commit d079cdbbd6
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
about.php
View File

@ -64,24 +64,18 @@ include_once $URlcorrection . "includes/nav.php";
</section> </section>
<div class="row justify-content-center mb-4"> <div class="row justify-content-center mb-4">
<div class="col-6 col-md-3 mb-3"> <div class="col-6 col-md-4 mb-3">
<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" 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-3 mb-3"> <div class="col-6 col-md-4 mb-3">
<a href="https://www.checkatrade.com/" target="_blank" rel="noopener"> <img src="<?= $URlcorrection ?>images/insured.jpg" alt="Fully Insured Roofer" class="img-fluid" style="max-height:60px;">
<img src="<?= $URlcorrection ?>images/suppliers/checkatrade-badge.png" alt="Checkatrade Member" class="img-fluid" style="max-height:60px;">
<div class="small mt-2">Checkatrade Member</div>
</a>
</div>
<div class="col-6 col-md-3 mb-3">
<img src="<?= $URlcorrection ?>images/suppliers/insured-badge.png" alt="Fully Insured Roofer" class="img-fluid" 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-3 mb-3"> <div class="col-6 col-md-4 mb-3">
<img src="<?= $URlcorrection ?>images/suppliers/guarantee-badge.png" alt="Workmanship Guarantee" class="img-fluid" style="max-height:60px;"> <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="small mt-2">Workmanship Guarantee</div>
</div> </div>
</div> </div>