templecoding/joe-s-sparkling-surfaces
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Our Services | Joe's Powerwashing</title>7 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">8 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">9 <style>10 :root {11 --primary: #2a5ca7;12 --secondary: #f8f9fa;13 --accent: #ffc107;14 }15 .bg-primary {16 background-color: var(--primary) !important;17 }18 .service-detail {19 transition: all 0.3s ease;20 border-left: 3px solid var(--primary);21 }22 .service-detail:hover {23 transform: translateX(5px);24 box-shadow: 0 5px 15px rgba(0,0,0,0.1);25 }26 </style>27</head>28<body>29 <!-- Navigation -->30 <nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">31 <div class="container">32 <a class="navbar-brand" href="index.html">Joe's Powerwashing</a>33 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">34 <span class="navbar-toggler-icon"></span>35 </button>36 <div class="collapse navbar-collapse" id="navbarNav">37 <ul class="navbar-nav ms-auto">38 <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>39 <li class="nav-item"><a class="nav-link active" href="services.html">Services</a></li>40 <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>41 <li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>42 <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>43 </ul>44 </div>45 </div>46 </nav>47 48 <!-- Page Header -->49 <section class="py-5 bg-light">50 <div class="container">51 <div class="row">52 <div class="col-12">53 <h1 class="fw-bold text-primary">Our Services</h1>54 <nav aria-label="breadcrumb">55 <ol class="breadcrumb">56 <li class="breadcrumb-item"><a href="index.html">Home</a></li>57 <li class="breadcrumb-item active">Services</li>58 </ol>59 </nav>60 </div>61 </div>62 </div>63 </section>64 65 <!-- Services Details -->66 <section class="py-5">67 <div class="container">68 <div class="row g-4">69 <div class="col-lg-6">70 <div class="service-detail p-4 mb-4 bg-white rounded shadow-sm">71 <div class="d-flex align-items-start">72 <div class="me-4 text-primary">73 <i class="fas fa-home fa-2x"></i>74 </div>75 <div>76 <h3 class="fw-bold mb-3">House Washing</h3>77 <p>Our professional house washing service removes dirt, grime, mildew, and stains from your home's exterior surfaces. We use a combination of low-pressure washing and eco-friendly cleaning solutions to safely clean all types of siding including vinyl, brick, stucco, and wood.</p>78 <ul class="list-unstyled">79 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Gentle on surfaces, tough on dirt</li>80 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Prevents damage to paint and siding</li>81 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Removes harmful mold and mildew</li>82 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Improves curb appeal instantly</li>83 </ul>84 </div>85 </div>86 </div>87 </div>88 <div class="col-lg-6">89 <div class="service-detail p-4 mb-4 bg-white rounded shadow-sm">90 <div class="d-flex align-items-start">91 <div class="me-4 text-primary">92 <i class="fas fa-road fa-2x"></i>93 </div>94 <div>95 <h3 class="fw-bold mb-3">Driveway & Sidewalk Cleaning</h3>96 <p>Restore your concrete, pavers, or asphalt surfaces to like-new condition with our professional driveway and sidewalk cleaning service. We effectively remove oil stains, tire marks, dirt buildup, and other unsightly blemishes that accumulate over time.</p>97 <ul class="list-unstyled">98 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Eliminates slippery surfaces</li>99 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Removes stubborn oil and rust stains</li>100 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Prevents further deterioration</li>101 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Enhances safety and appearance</li>102 </ul>103 </div>104 </div>105 </div>106 </div>107 <div class="col-lg-6">108 <div class="service-detail p-4 mb-4 bg-white rounded shadow-sm">109 <div class="d-flex align-items-start">110 <div class="me-4 text-primary">111 <i class="fas fa-tree fa-2x"></i>112 </div>113 <div>114 <h3 class="fw-bold mb-3">Deck & Fence Cleaning</h3>115 <p>Revitalize your wooden deck, fence, or pergola with our specialized cleaning service. We use the right pressure and cleaning solutions to remove dirt, mildew, algae, and gray weathered wood fibers without damaging the wood's surface or structure.</p>116 <ul class="list-unstyled">117 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Prepares surfaces for staining</li>118 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Extends the life of your wood</li>119 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Removes harmful organisms</li>120 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Restores natural wood color</li>121 </ul>122 </div>123 </div>124 </div>125 </div>126 <div class="col-lg-6">127 <div class="service-detail p-4 mb-4 bg-white rounded shadow-sm">128 <div class="d-flex align-items-start">129 <div class="me-4 text-primary">130 <i class="fas fa-building fa-2x"></i>131 </div>132 <div>133 <h3 class="fw-bold mb-3">Commercial Cleaning</h3>134 <p>We provide professional power washing services for businesses, including storefronts, office buildings, warehouses, and industrial facilities. Our commercial cleaning helps maintain a professional appearance, extends the life of your building materials, and creates a healthier environment.</p>135 <ul class="list-unstyled">136 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Improves customer perception</li>137 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Removes graffiti and vandalism</li>138 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Compliant with HOA regulations</li>139 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> After-hours service available</li>140 </ul>141 </div>142 </div>143 </div>144 </div>145 <div class="col-lg-6">146 <div class="service-detail p-4 mb-4 bg-white rounded shadow-sm">147 <div class="d-flex align-items-start">148 <div class="me-4 text-primary">149 <i class="fas fa-warehouse fa-2x"></i>150 </div>151 <div>152 <h3 class="fw-bold mb-3">Roof Cleaning</h3>153 <p>Our soft wash roof cleaning safely removes black streaks, algae, moss, and lichen from your roof without damaging shingles. Regular roof cleaning can extend the life of your roof and prevent costly repairs or premature replacement.</p>154 <ul class="list-unstyled">155 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Gentle low-pressure method</li>156 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Prevents shingle damage</li>157 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Inhibits future growth</li>158 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Improves energy efficiency</li>159 </ul>160 </div>161 </div>162 </div>163 </div>164 <div class="col-lg-6">165 <div class="service-detail p-4 mb-4 bg-white rounded shadow-sm">166 <div class="d-flex align-items-start">167 <div class="me-4 text-primary">168 <i class="fas fa-tint fa-2x"></i>169 </div>170 <div>171 <h3 class="fw-bold mb-3">Gutter Cleaning</h3>172 <p>Keep your gutters flowing freely with our professional gutter cleaning service. We remove leaves, debris, and buildup from your gutters and downspouts to prevent water damage to your home's foundation, roof, and siding.</p>173 <ul class="list-unstyled">174 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Prevents water damage</li>175 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Eliminates pest habitats</li>176 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Reduces ice dams in winter</li>177 <li class="mb-2"><i class="fas fa-check-circle text-primary me-2"></i> Extends gutter lifespan</li>178 </ul>179 </div>180 </div>181 </div>182 </div>183 </div>184 </div>185 </section>186 187 <!-- CTA -->188 <section class="py-5 bg-primary text-white">189 <div class="container text-center">190 <h2 class="fw-bold mb-4">Don't See What You Need?</h2>191 <p class="lead mb-4">We offer custom solutions for all your exterior cleaning needs</p>192 <a href="contact.html" class="btn btn-light btn-lg px-4 me-2">Request a Custom Quote</a>193 <a href="tel:+15551234567" class="btn btn-outline-light btn-lg px-4"><i class="fas fa-phone me-2"></i>(555) 123-4567</a>194 </div>195 </section>196 197 <!-- Footer -->198 <footer class="bg-dark text-white py-4">199 <div class="container">200 <div class="row">201 <div class="col-md-4 mb-4 mb-md-0">202 <h5 class="fw-bold mb-3">Joe's Powerwashing</h5>203 <p>Professional exterior cleaning services for residential and commercial properties.</p>204 <div class="d-flex mt-3">205 <a href="#" class="text-white me-3"><i class="fab fa-facebook-f"></i></a>206 <a href="#" class="text-white me-3"><i class="fab fa-instagram"></i></a>207 <a href="#" class="text-white me-3"><i class="fab fa-twitter"></i></a>208 </div>209 </div>210 <div class="col-md-4 mb-4 mb-md-0">211 <h5 class="fw-bold mb-3">Quick Links</h5>212 <ul class="list-unstyled">213 <li class="mb-2"><a href="index.html" class="text-white">Home</a></li>214 <li class="mb-2"><a href="services.html" class="text-white">Services</a></li>215 <li class="mb-2"><a href="about.html" class="text-white">About Us</a></li>216 <li class="mb-2"><a href="gallery.html" class="text-white">Gallery</a></li>217 <li class="mb-2"><a href="contact.html" class="text-white">Contact</a></li>218 </ul>219 </div>220 <div class="col-md-4">221 <h5 class="fw-bold mb-3">Contact Us</h5>222 <ul class="list-unstyled">223 <li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 123 Powerwash Lane, Your City</li>224 <li class="mb-2"><i class="fas fa-phone me-2"></i> (555) 123-4567</li>225 <li class="mb-2"><i class="fas fa-envelope me-2"></i> info@joespw.com</li>226 </ul>227 </div>228 </div>229 <hr class="my-4 bg-secondary">230 <div class="text-center">231 <p class="mb-0">© 2023 Joe's Powerwashing. All rights reserved.</p>232 </div>233 </div>234 </footer>235 236 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>237</body>238</html>