Add padding utility classes and update services section layout for consistency
This commit is contained in:
Gary
parent
ae99df8392
commit
9d7b0b9067
400
css/padding.css
Normal file
400
css/padding.css
Normal file
@ -0,0 +1,400 @@
|
||||
.padding-top-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.padding-top-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.padding-top-30 {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.padding-top-40 {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.padding-top-50 {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.padding-top-60 {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.padding-top-70 {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.padding-top-80 {
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.padding-top-90 {
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.padding-top-100 {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.padding-top-110 {
|
||||
padding-top: 110px;
|
||||
}
|
||||
|
||||
.padding-top-120 {
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
.padding-top-130 {
|
||||
padding-top: 130px;
|
||||
}
|
||||
|
||||
.padding-top-140 {
|
||||
padding-top: 140px;
|
||||
}
|
||||
|
||||
.padding-top-150 {
|
||||
padding-top: 150px;
|
||||
}
|
||||
|
||||
.padding-top-160 {
|
||||
padding-top: 160px;
|
||||
}
|
||||
|
||||
.padding-top-170 {
|
||||
padding-top: 170px;
|
||||
}
|
||||
|
||||
.padding-top-180 {
|
||||
padding-top: 180px;
|
||||
}
|
||||
|
||||
.padding-top-190 {
|
||||
padding-top: 190px;
|
||||
}
|
||||
|
||||
.padding-top-200 {
|
||||
padding-top: 200px;
|
||||
}
|
||||
|
||||
.padding-right-10 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.padding-right-20 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.padding-right-30 {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.padding-right-40 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.padding-right-50 {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.padding-right-60 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.padding-right-70 {
|
||||
padding-right: 70px;
|
||||
}
|
||||
|
||||
.padding-right-80 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.padding-right-90 {
|
||||
padding-right: 90px;
|
||||
}
|
||||
|
||||
.padding-right-100 {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.padding-right-110 {
|
||||
padding-right: 110px;
|
||||
}
|
||||
|
||||
.padding-right-120 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.padding-right-130 {
|
||||
padding-right: 130px;
|
||||
}
|
||||
|
||||
.padding-right-140 {
|
||||
padding-right: 140px;
|
||||
}
|
||||
|
||||
.padding-right-150 {
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.padding-right-160 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.padding-right-170 {
|
||||
padding-right: 170px;
|
||||
}
|
||||
|
||||
.padding-right-180 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.padding-right-190 {
|
||||
padding-right: 190px;
|
||||
}
|
||||
|
||||
.padding-right-200 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.padding-bottom-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.padding-bottom-20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.padding-bottom-30 {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.padding-bottom-40 {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.padding-bottom-50 {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.padding-bottom-60 {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.padding-bottom-70 {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.padding-bottom-80 {
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.padding-bottom-90 {
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.padding-bottom-100 {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.padding-bottom-110 {
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
|
||||
.padding-bottom-120 {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.padding-bottom-130 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
|
||||
.padding-bottom-140 {
|
||||
padding-bottom: 140px;
|
||||
}
|
||||
|
||||
.padding-bottom-150 {
|
||||
padding-bottom: 150px;
|
||||
}
|
||||
|
||||
.padding-bottom-160 {
|
||||
padding-bottom: 160px;
|
||||
}
|
||||
|
||||
.padding-bottom-170 {
|
||||
padding-bottom: 170px;
|
||||
}
|
||||
|
||||
.padding-bottom-180 {
|
||||
padding-bottom: 180px;
|
||||
}
|
||||
|
||||
.padding-bottom-190 {
|
||||
padding-bottom: 190px;
|
||||
}
|
||||
|
||||
.padding-bottom-200 {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
|
||||
.padding-left-10 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.padding-left-20 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.padding-left-30 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.padding-left-40 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.padding-left-50 {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.padding-left-60 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.padding-left-70 {
|
||||
padding-left: 70px;
|
||||
}
|
||||
|
||||
.padding-left-80 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.padding-left-90 {
|
||||
padding-left: 90px;
|
||||
}
|
||||
|
||||
.padding-left-100 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.padding-left-110 {
|
||||
padding-left: 110px;
|
||||
}
|
||||
|
||||
.padding-left-120 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.padding-left-130 {
|
||||
padding-left: 130px;
|
||||
}
|
||||
|
||||
.padding-left-140 {
|
||||
padding-left: 140px;
|
||||
}
|
||||
|
||||
.padding-left-150 {
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.padding-left-160 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.padding-left-170 {
|
||||
padding-left: 170px;
|
||||
}
|
||||
|
||||
.padding-left-180 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.padding-left-190 {
|
||||
padding-left: 190px;
|
||||
}
|
||||
|
||||
.padding-left-200 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.padding-10 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.padding-20 {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.padding-30 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.padding-40 {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.padding-50 {
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.padding-60 {
|
||||
padding: 60px;
|
||||
}
|
||||
|
||||
.padding-70 {
|
||||
padding: 70px;
|
||||
}
|
||||
|
||||
.padding-80 {
|
||||
padding: 80px;
|
||||
}
|
||||
|
||||
.padding-90 {
|
||||
padding: 90px;
|
||||
}
|
||||
|
||||
.padding-100 {
|
||||
padding: 100px;
|
||||
}
|
||||
|
||||
.padding-110 {
|
||||
padding: 110px;
|
||||
}
|
||||
|
||||
.padding-120 {
|
||||
padding: 120px;
|
||||
}
|
||||
|
||||
.padding-130 {
|
||||
padding: 130px;
|
||||
}
|
||||
|
||||
.padding-140 {
|
||||
padding: 140px;
|
||||
}
|
||||
|
||||
.padding-150 {
|
||||
padding: 150px;
|
||||
}
|
||||
|
||||
.padding-160 {
|
||||
padding: 160px;
|
||||
}
|
||||
|
||||
.padding-170 {
|
||||
padding: 170px;
|
||||
}
|
||||
|
||||
.padding-180 {
|
||||
padding: 180px;
|
||||
}
|
||||
|
||||
.padding-190 {
|
||||
padding: 190px;
|
||||
}
|
||||
|
||||
.padding-200 {
|
||||
padding: 200px;
|
||||
}
|
||||
|
||||
@ -8744,8 +8744,8 @@ h1, h2, h3, h4, h5,
|
||||
color: #000000;
|
||||
border-bottom: 2px solid #e6e6e6; }
|
||||
.services .btn-custom:hover {
|
||||
color: #d9ba2b;
|
||||
border-color: #d9ba2b; }
|
||||
color: var(--blue);
|
||||
border-color: var(--blue); }
|
||||
|
||||
.services-2 {
|
||||
margin: 0;
|
||||
|
||||
@ -20,6 +20,7 @@
|
||||
|
||||
<link rel="stylesheet" href="css/flaticon.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/padding.css">
|
||||
<link rel="stylesheet" type="text/css" href="fontawesome/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -1,154 +1,256 @@
|
||||
<section class="ftco-section">
|
||||
<!--<section class="ftco-section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center pb-5 mb-3">
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">The Roofing Specialists</span>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">The Roofing Specialists</span>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-window-minimize"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">UPVC Roofline</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-circle"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Fascias</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-trowel-bricks"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Valleys Repointed</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-window-minimize"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Flat Roof</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-soap"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Roof Cleaning</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-window-minimize"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">UPVC Roofline</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-circle"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Fascias</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-trowel-bricks"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Valleys Repointed</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-window-minimize"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Flat Roof</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-square-minus"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Soffits</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-water"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Guttering</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-soap"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Gutter Cleaning</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-people-roof"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">New Roof</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-eraser"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Moss Removal</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-square-minus"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Soffits</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-water"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Guttering & Gutter Cleaning</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-people-roof"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Re-Roofs</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-people-roof"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">New Roof</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-hammer"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Roof Repairs</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-trowel-bricks"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Ridges Pointed</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-droplet"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Leaks Repaired</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-people-roof"></i></span>
|
||||
<h3 class="heading">Re-Roofs</h3>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 services ftco-animate">
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-hammer"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Roof Repairs</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-trowel-bricks"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Ridges Pointed</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-droplet"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Leaks Repaired</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-block d-flex">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-soap"></i></span>
|
||||
</div>
|
||||
<div class="media-body pl-3">
|
||||
<h3 class="heading">Roof Cleaning & Moss Removal</h3>
|
||||
<p><a href="#" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>-->
|
||||
|
||||
|
||||
<section class="padding-top-100 padding-bottom-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center pb-5 mb-3">
|
||||
<div class="col-md-7 heading-section text-center ftco-animate">
|
||||
<span class="subheading">The Roofing Specialists</span>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-bottom-50">
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-window-minimize"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">UPVC Roofline</h5>
|
||||
<p><a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-square-minus"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Soffits</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-hammer"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Roof Repairs</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-bottom-50">
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-circle"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Fascias</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-water"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Guttering & Gutter Cleaning</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-trowel-bricks"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Ridges Pointed</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-bottom-50">
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-trowel-bricks"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Valleys Repointed</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-people-roof"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Re-Roofs</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-droplet"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Leaks Repaired</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-bottom-50">
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-window-minimize"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Flat Roof</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-people-roof"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">New Roof</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 services ftco-animate">
|
||||
<div class="services-box text-center">
|
||||
<div class="icon d-flex justify-content-center align-items-center">
|
||||
<span><i class="fa-solid fa-soap"></i></span>
|
||||
</div>
|
||||
<h5 class="heading">Roof Cleaning & Moss Removal</h5>
|
||||
<a href="<?= $URLcorrection ?>services.php" class="btn-custom">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Reference in New Issue
Block a user