Images for projects added

css/style.css

@@ -8932,7 +8932,7 @@ h1, h2, h3, h4, h5,
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease; }
     .work .icon span {
-      color: #d9ba2b; }
+      color: var(--blue); }
   .work:hover:after {
     opacity: .8; }
   .work:hover .icon {
@@ -9752,4 +9752,4 @@ textarea.form-control {
   bottom: 0;
   background: rgba(0, 0, 0, .5);
   z-index: 1;
-}
+}

projects.php

@@ -18,180 +18,488 @@ include_once $URlcorrection . "includes/banner.php";
 			<div class="container">
 				<div class="row no-gutters">
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/about-us.jpg);">
-            	<a href="images/about-us.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/1.webp);">
+            	<a href="images/projects/1.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Expert roof repairs with long-lasting results.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-2.jpg);">
-            	<a href="images/work-2.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/2.webp);">
+            	<a href="images/projects/2.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">New roof installation with premium materials.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-3.jpg);">
-            	<a href="images/work-3.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/3.webp);">
+            	<a href="images/projects/3.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Emergency roofing services</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-4.jpg);">
-            	<a href="images/work-4.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/4.webp);">
+            	<a href="images/projects/4.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Full roof replacements with workmanship guarantee.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
 
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-5.jpg);">
-            	<a href="images/work-5.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/5.webp);">
+            	<a href="images/projects/5.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Tiled roof repairs and replacements done right</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-6.jpg);">
-            	<a href="images/work-6.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/6.webp);">
+            	<a href="images/projects/6.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Slating and tiling specialists since 2003.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-7.jpg);">
-            	<a href="images/work-7.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/7.webp);">
+            	<a href="images/projects/7.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Weatherproofing your home with care.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-8.jpg);">
-            	<a href="images/work-8.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/8.webp);">
+            	<a href="images/projects/8.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">No job too big or small – we handle it all</a></h2>
 	              </div>
               </div>
             </div>
           </div>
 
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-9.jpg);">
-            	<a href="images/work-9.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/9.webp);">
+            	<a href="images/projects/9.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Quality fascia and soffit installations.</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/10.webp);">
+            	<a href="images/projects/10.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Free roofing inspections with no obligation.</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/11.webp);">
+            	<a href="images/projects/11.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Trusted by homeowners across the UK</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/12.webp);">
+            	<a href="images/projects/12.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Keeping your roof strong through every season</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/13.webp);">
+            	<a href="images/projects/13.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Eco-friendly roofing options available.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-10.jpg);">
-            	<a href="images/work-10.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/14.webp);">
+            	<a href="images/projects/14.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Insured, certified, and experienced roofing professionals.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-11.jpg);">
-            	<a href="images/work-11.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/15.webp);">
+            	<a href="images/projects/15.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Storm damage? We’ll fix it fast.</a></h2>
 	              </div>
               </div>
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-12.jpg);">
-            	<a href="images/work-12.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/16.webp);">
+            	<a href="images/projects/16.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>
             	<div class="desc w-100 px-4">
 	              <div class="text w-100 mb-3">
-	              	<h2><a href="work-single.html">Pubs, Bars and Restaurants</a></h2>
-	              	<span>House</span>
+	              	<h2><a href="work-single.html">Leadwork services done with precision</a></h2>
 	              </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="row mt-5">
-          <div class="col text-center">
-            <div class="block-27">
-              <ul>
-                <li><a href="#">&lt;</a></li>
-                <li class="active"><span>1</span></li>
-                <li><a href="#">2</a></li>
-                <li><a href="#">3</a></li>
-                <li><a href="#">4</a></li>
-                <li><a href="#">5</a></li>
-                <li><a href="#">&gt;</a></li>
-              </ul>
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/17.webp);">
+            	<a href="images/projects/17.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Storm damage? We’ll fix it fast.</a></h2>
+	              </div>
+              </div>
             </div>
-          </div>
-        </div>
-			</div>
+          </div>    
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/18.webp);">
+            	<a href="images/projects/18.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Protect your investment with our roof care.</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/19.webp);">
+            	<a href="images/projects/19.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Honest advice, no hidden costs</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>    
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/20.webp);">
+            	<a href="images/projects/20.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Restoring roofs to their former glory</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/21.webp);">
+            	<a href="images/projects/21.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Your local roofing experts, always nearby</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/22.webp);">
+            	<a href="images/projects/22.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Pitched roofing that stands the test of time</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/23.webp);">
+            	<a href="images/projects/23.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Fixing leaks fast with expert solutions</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>   
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/24.webp);">
+            	<a href="images/projects/24.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">All work backed by full warranties</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/25.webp);">
+            	<a href="images/projects/25.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Custom roofing tailored to your property</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/26.webp);">
+            	<a href="images/projects/26.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Safe, efficient scaffolding for every project</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/27.webp);">
+            	<a href="images/projects/27.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">We use only trusted, high-quality materials</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/28.webp);">
+            	<a href="images/projects/28.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Heritage roofing with traditional craftsmanship</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div>  
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/29.webp);">
+            	<a href="images/projects/29.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Detailed quotes with clear timelines</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/30.webp);">
+            	<a href="images/projects/30.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">A roof you can count on, year after year</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/31.webp);">
+            	<a href="images/projects/31.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Customer satisfaction is our top priorit</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/32.webp);">
+            	<a href="images/projects/32.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Roofing excellence from start to finish</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/33.webp);">
+            	<a href="images/projects/33.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Craftsmanship you can see in every detail</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/34.webp);">
+            	<a href="images/projects/34.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Your peace of mind starts at the top</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/35.webp);">
+            	<a href="images/projects/35.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Proudly raising the standards in roofing</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/36.webp);">
+            	<a href="images/projects/36.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Dependable service from a name you can trust</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/37.webp);">
+            	<a href="images/projects/37.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Built on integrity, delivered with care</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/38.webp);">
+            	<a href="images/projects/38.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Every job finished to the highest standard</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/39.webp);">
+            	<a href="images/projects/39.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Attention to detail from start to finish</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		  <div class="col-md-3 ftco-animate">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/40.webp);">
+            	<a href="images/projects/40.webp" class="icon image-popup d-flex justify-content-center align-items-center">
+	    					<span class="fa fa-expand"></span>
+	    				</a>
+            	<div class="desc w-100 px-4">
+	              <div class="text w-100 mb-3">
+	              	<h2><a href="work-single.html">Where quality meets reliability</a></h2>
+	              </div>
+              </div>
+            </div>
+          </div> 
+		</div>
 		</section>	
 
 

sections/about-us.php

@@ -1,7 +1,7 @@
 <section class="ftco-section ftco-no-pt ftco-no-pb bg-light ftco-appointment">
     	<div class="container">
     		<div class="row">
-    			<div class="col-lg-7">
+    			<div class="col-lg-12">
     				<div class="row justify-content-start py-5 pr-md-4">
 						<div class="col-md-12 heading-section ftco-animate py-md-4">
 							<h2 class="mb-4">Established in 2003</h2>
@@ -40,7 +40,7 @@
 						</div>
 		        	</div>
 	        	</div>
-	        <div class="col-lg-5 d-flex align-items-stretch">
+	        <!--<div class="col-lg-5 d-flex align-items-stretch">
 	        	<div class="bg-white">
 		        	<div class="w-100 heading-title bg-primary text-center">
 		        		<h2 class="mb-0">Get a Free Quote</h2>
@@ -61,7 +61,7 @@
 									</div>
 									<div class="col-md-12">
 										<div class="form-group">
-											<!--<div class="icon"><span class="fa fa-at"></span></div>-->
+											<div class="icon"><span class="fa fa-at"></span></div>
 				              				<input type="text" class="form-control" placeholder="Email Address">
 				            			</div>
 									</div>
@@ -78,7 +78,7 @@
 	    					</div>
 		          		</form>
 		        </div>
-    			</div>
+    			</div>-->
         </div>
     	</div>
     </section>

sections/counter.php

@@ -50,5 +50,6 @@
             <p class="lead mt-3 text-white">From emergency repairs to full re-roofs, we’ve helped hundreds of families stay safe and dry.</p>
           </div>
         </div>
+        
       </div>
     </section>

sections/projects.php

@@ -23,7 +23,7 @@
             </div>
           </div>
           <div class="col-md-3 ftco-animate">
-            <div class="work img d-flex align-items-end" style="background-image: url(images/work-2.jpg);">
+            <div class="work img d-flex align-items-end" style="background-image: url(images/projects/1.webp.jpg);">
             	<a href="images/work-2.jpg" class="icon image-popup d-flex justify-content-center align-items-center">
 	    					<span class="fa fa-expand"></span>
 	    				</a>