Update social media icons and service icons to Font Awesome 6

This commit is contained in:
Gary 2025-04-29 11:58:18 +01:00
parent 520f5e4f65
commit 8572263f1f
4 changed files with 27 additions and 27 deletions

View File

@ -6,9 +6,9 @@
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2> <h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2>
<p>The Roofing Specialists.</p> <p>The Roofing Specialists.</p>
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4"> <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
<li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
<li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span><i class="fab fa-facebook"></i></span></a></li>
<li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li> <li class="ftco-animate"><a href="#"><span><i class="fab fa-instagram"></i></span></a></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -8,9 +8,9 @@
<div class="col-3 d-flex justify-content-end align-items-center"> <div class="col-3 d-flex justify-content-end align-items-center">
<div class="social-media"> <div class="social-media">
<p class="mb-0 d-flex"> <p class="mb-0 d-flex">
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a> <a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-facebook"></i></span></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a> <a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-twitter"></i></span></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a> <a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-instagram"></i></span></a>
</p> </p>
</div> </div>
</div> </div>

View File

@ -4,7 +4,7 @@
<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">
<div class="block-18 text-center"> <div class="block-18 text-center">
<div class="text"> <div class="text">
<div class="icon"><span class="fa fa-calendar"></span></div> <div class="icon"><span><i class="fa-solid fa-people-roof"></i></span></div>
<strong class="number" data-number="25">0</strong> <strong class="number" data-number="25">0</strong>
<span>Years of Experienced</span> <span>Years of Experienced</span>
</div> </div>
@ -13,7 +13,7 @@
<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">
<div class="block-18 text-center"> <div class="block-18 text-center">
<div class="text"> <div class="text">
<div class="icon"><span class="fa fa-briefcase"></span></div> <div class="icon"><span><i class="fa-solid fa-clipboard-list"></i></span></div>
<strong class="number" data-number="8500">0</strong> <strong class="number" data-number="8500">0</strong>
<span>Project completed</span> <span>Project completed</span>
</div> </div>
@ -22,8 +22,8 @@
<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">
<div class="block-18 text-center"> <div class="block-18 text-center">
<div class="text"> <div class="text">
<div class="icon"><span class="fa fa-users"></span></div> <div class="icon"><span><i class="fa-solid fa-face-smile"></i></span></div>
<strong class="number" data-number="2342">0</strong> <strong class="number" data-number="2892">0</strong>
<span>Happy Clients</span> <span>Happy Clients</span>
</div> </div>
</div> </div>
@ -31,9 +31,9 @@
<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">
<div class="block-18 text-center"> <div class="block-18 text-center">
<div class="text"> <div class="text">
<div class="icon"><span class="fa fa-bar-chart"></span></div> <div class="icon"><span><i class="fa-solid fa-people-group"></i></span></div>
<strong class="number" data-number="30">0</strong> <strong class="number" data-number="15">0</strong>
<span>Business Partners</span> <span>Team Members</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -10,7 +10,7 @@
<div class="col-md-4 services ftco-animate"> <div class="col-md-4 services ftco-animate">
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof"></span> <span><i class="fa-solid fa-window-minimize"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">UPVC Roofline</h3> <h3 class="heading">UPVC Roofline</h3>
@ -20,7 +20,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-2"></span> <span><i class="fa-solid fa-circle"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Fascias</h3> <h3 class="heading">Fascias</h3>
@ -30,7 +30,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-trowel-bricks"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Valleys Repointed</h3> <h3 class="heading">Valleys Repointed</h3>
@ -40,7 +40,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-window-minimize"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Flat Roof</h3> <h3 class="heading">Flat Roof</h3>
@ -50,7 +50,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-soap"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Roof Cleaning</h3> <h3 class="heading">Roof Cleaning</h3>
@ -63,7 +63,7 @@
<div class="col-md-4 services ftco-animate"> <div class="col-md-4 services ftco-animate">
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-1"></span> <span><i class="fa-solid fa-square-minus"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Soffits</h3> <h3 class="heading">Soffits</h3>
@ -73,7 +73,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-3"></span> <span><i class="fa-solid fa-water"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Guttering</h3> <h3 class="heading">Guttering</h3>
@ -83,7 +83,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-soap"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Gutter Cleaning</h3> <h3 class="heading">Gutter Cleaning</h3>
@ -93,7 +93,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-people-roof"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">New Roof</h3> <h3 class="heading">New Roof</h3>
@ -103,7 +103,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-eraser"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Moss Removal</h3> <h3 class="heading">Moss Removal</h3>
@ -116,7 +116,7 @@
<div class="col-md-4 services ftco-animate"> <div class="col-md-4 services ftco-animate">
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-5"></span> <span><i class="fa-solid fa-hammer"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Roof Repairs</h3> <h3 class="heading">Roof Repairs</h3>
@ -126,7 +126,7 @@
</div> </div>
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-trowel-bricks"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Ridges Pointed</h3> <h3 class="heading">Ridges Pointed</h3>
@ -138,7 +138,7 @@
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-droplet"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Leaks Repaired</h3> <h3 class="heading">Leaks Repaired</h3>
@ -151,7 +151,7 @@
<div class="d-block d-flex"> <div class="d-block d-flex">
<div class="icon d-flex justify-content-center align-items-center"> <div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-roof-4"></span> <span><i class="fa-solid fa-people-roof"></i></span>
</div> </div>
<div class="media-body pl-3"> <div class="media-body pl-3">
<h3 class="heading">Re-Roofs</h3> <h3 class="heading">Re-Roofs</h3>