diff --git a/css/padding.css b/css/padding.css new file mode 100644 index 0000000..b55fb22 --- /dev/null +++ b/css/padding.css @@ -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; +} + diff --git a/css/style.css b/css/style.css index 419f46d..4c1d979 100644 --- a/css/style.css +++ b/css/style.css @@ -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; diff --git a/includes/header.php b/includes/header.php index 596fc93..7bb3aa8 100644 --- a/includes/header.php +++ b/includes/header.php @@ -20,6 +20,7 @@ + diff --git a/sections/services.php b/sections/services.php index e6755d4..46a9bd1 100644 --- a/sections/services.php +++ b/sections/services.php @@ -1,154 +1,256 @@ -
+ + + +
+
+
+
+ The Roofing Specialists +

Our Services

+
+
+
+
+
+
+ +
+
UPVC Roofline
+

Read more

+
+
+
+
+
+ +
+
Soffits
+ Read more +
+
+
+
+
+ +
+
Roof Repairs
+ Read more +
+
+
+
+
+
+
+ +
+
Fascias
+ Read more +
+
+
+
+
+ +
+
Guttering & Gutter Cleaning
+ Read more +
+
+
+
+
+ +
+
Ridges Pointed
+ Read more +
+
+
+
+
+
+
+ +
+
Valleys Repointed
+ Read more +
+
+
+
+
+ +
+
Re-Roofs
+ Read more +
+
+
+
+
+ +
+
Leaks Repaired
+ Read more +
+
+
+
+
+
+
+ +
+
Flat Roof
+ Read more +
+
+
+
+
+ +
+
New Roof
+ Read more +
+
+
+
+
+ +
+
Roof Cleaning & Moss Removal
+ Read more +
+
+
+
+
\ No newline at end of file