Update social media icons and service icons to Font Awesome 6
This commit is contained in:
parent
520f5e4f65
commit
8572263f1f
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user