Files

277 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Services | T.R.B. Painting — Interior, Exterior &amp; Power Washing</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="T.R.B. Painting services: interior painting, exterior painting, and power washing. Call (630) 606-6776.">
<meta name="format-detection" content="telephone=no"/>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/fl-bigmug-line.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.js"></script>
<!--[if lt IE 9]>
<html class="lt-ie9">
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/..">
<img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/>
</a>
</div>
<script src="js/html5shiv.js"></script>
<![endif]-->
<script src='js/device.min.js'></script>
<style>
.preview-concept-banner{position:fixed;top:0;left:0;right:0;z-index:99999;background:#1a2332;color:#fff;font:600 13px/1.4 system-ui,sans-serif;padding:8px 16px;text-align:center}
.preview-concept-banner span{opacity:.85;font-weight:400}
.preview-concept-banner a{color:#fff;text-decoration:underline}
body{padding-top:36px}
.aiml-site-credit{text-align:center;padding:12px 16px 24px;font:14px/1.4 system-ui,sans-serif;color:#555}
.aiml-site-credit a{color:#1a2332;text-decoration:underline}
footer .aiml-site-credit{color:rgba(255,255,255,.85)}
footer .aiml-site-credit a{color:#fff}
</style>
</head>
<body>
<div class="preview-concept-banner">UX Concept Preview — T.R.B. Painting <span>· Concept site — not live</span> · <a href="ux-gallery.html">Feature gallery</a> · <a href="pricing.html">Pricing</a></div>
<div class="page">
<!--========================================================
HEADER
=========================================================-->
<header class="bg2">
<div id="stuck_container" class="stuck_container">
<div class="container">
<div class="brand">
<p class="brand_name">
<a href="index.html">T.R.B. Painting</a>
</p>
</div>
<nav class="nav" aria-label="Primary">
<ul class="sf-menu" data-type="navbar">
<li>
<a href="index.html">Home</a>
</li>
<li class="active">
<a href="services.html">Services</a>
<ul>
<li><a href="services.html#interior">Interior painting</a></li>
<li><a href="services.html#exterior">Exterior painting</a></li>
<li><a href="services.html#power-washing">Power washing</a></li>
</ul>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!--========================================================
CONTENT
=========================================================-->
<main>
<section class="well4">
<div class="container">
<h3>Our main services</h3>
<div class="row">
<div class="grid_4 wow fadeInUp">
<img class="circle" src="images/page-2_img01.jpg" alt="Interior room freshly painted" id="interior" loading="lazy" decoding="async">
<h4><a href="#interior">Interior painting</a></h4>
<p>Walls, ceilings, trim, and doors — careful prep, clean lines, and finishes that last. Ideal for single rooms or whole-home refreshes.</p>
<a class="btn" href="contact.html">Request interior estimate</a>
</div>
<div class="grid_4 wow fadeInUp" data-wow-delay="0.2s">
<img class="circle" src="images/page-2_img02.jpg" alt="Home exterior being painted" id="exterior" loading="lazy" decoding="async">
<h4><a href="#exterior">Exterior painting</a></h4>
<p>Siding, trim, doors, and outdoor surfaces coated for weather protection and curb appeal. Solid prep so the new color holds.</p>
<a class="btn" href="contact.html">Request exterior estimate</a>
</div>
<div class="grid_4 wow fadeInUp" data-wow-delay="0.4s">
<img class="circle" src="images/page-2_img03.jpg" alt="Power washing a house exterior" id="power-washing" loading="lazy" decoding="async">
<h4><a href="#power-washing">Power washing</a></h4>
<p>Remove dirt, mildew, and buildup from siding, driveways, and prep surfaces before paint. A cleaner look — and a better paint bond.</p>
<a class="btn" href="contact.html">Request power washing estimate</a>
</div>
</div>
</div>
</section>
<section class="parallax parallax_2" data-url="images/parallax03.jpg">
<div class="container">
<h3>How we work</h3>
<div class="row">
<div class="preffix_1 grid_10">
<p>Every job starts with a clear walkthrough and estimate. We protect floors and furnishings, prep surfaces, apply quality coatings, and leave the site tidy. Call (630) 606-6776 to schedule.</p>
</div>
</div>
<div class="row tl">
<div class="grid_3">
<ul class="marked-list">
<li>Interior walls &amp; ceilings</li>
<li>Trim, doors &amp; baseboards</li>
<li>Color consultation</li>
<li>Whole-home interiors</li>
</ul>
</div>
<div class="grid_3">
<ul class="marked-list">
<li>Siding &amp; fascia</li>
<li>Exterior trim &amp; doors</li>
<li>Deck &amp; fence coating</li>
<li>Weather-ready finishes</li>
</ul>
</div>
<div class="grid_3">
<ul class="marked-list">
<li>House wash</li>
<li>Driveway &amp; walkways</li>
<li>Paint prep wash</li>
<li>Mildew &amp; dirt removal</li>
</ul>
</div>
<div class="grid_3">
<ul class="marked-list">
<li>Careful masking</li>
<li>On-time arrival</li>
<li>Clean jobsite</li>
<li>Clear communication</li>
</ul>
</div>
</div>
</div>
</section>
<section class="well4">
<div class="container">
<h3>Why people choose us</h3>
<div class="row">
<div class="grid_3 wow fadeInLeft" data-wow-delay="0.2s">
<span class="fl-bigmug-line fl-bigmug-line-chat55"></span>
<h5>Straightforward estimates</h5>
<p>Know the scope and price before work starts — no surprise add-ons mid-job.</p>
</div>
<div class="grid_3 wow fadeInLeft">
<span class="fl-bigmug-line fl-bigmug-line-nine16"></span>
<h5>Careful prep</h5>
<p>Sanding, scraping, and washing done right so paint sticks and looks sharp.</p>
</div>
<div class="grid_3 wow fadeInRight">
<span class="fl-bigmug-line fl-bigmug-line-circular220"></span>
<h5>Quality materials</h5>
<p>Trusted coatings matched to interior or exterior conditions.</p>
</div>
<div class="grid_3 wow fadeInRight" data-wow-delay="0.2s">
<span class="fl-bigmug-line fl-bigmug-line-paintbrush9"></span>
<h5>Respect for your home</h5>
<p>We protect what stays and clean up when we finish.</p>
</div>
</div>
</div>
</section>
<section class="bg3 well5">
<img class="bg-img2" src="images/page-2_img04.jpg" alt="Painted home exterior" loading="lazy" decoding="async">
<div class="container">
<div class="row">
<div class="preffix_2 grid_8">
<h3>Ready for a free estimate?</h3>
<p>Tell us about your interior, exterior, or power washing project. Call <a href="tel:+16306066776">(630) 606-6776</a> or use the <a href="contact.html">contact form</a> — we will follow up promptly.</p>
</div>
</div>
</div>
</section>
<section class="well3">
<div class="container wow fadeInUp">
<h3>What homeowners say</h3>
<div class="row">
<div class="grid_4">
<blockquote class="quote">
<img class="circle" src="images/page-2_img05.jpg" alt="" role="presentation">
<p>The crew was careful, tidy, and finished our living room and hallway ahead of schedule. Highly recommend.</p>
<h5>Sample client review</h5>
</blockquote>
</div>
<div class="grid_4">
<blockquote class="quote">
<img class="circle" src="images/page-2_img06.jpg" alt="" role="presentation">
<p>Exterior paint looks great after a full wash and prep. Communication was clear from day one.</p>
<h5>Sample client review</h5>
</blockquote>
</div>
<div class="grid_4">
<blockquote class="quote">
<img class="circle" src="images/page-2_img07.jpg" alt="" role="presentation">
<p>Power washing alone made a huge difference before we painted. Fair price, solid work.</p>
<h5>Sample client review</h5>
</blockquote>
</div>
</div>
</div>
</section>
</main>
<!--========================================================
FOOTER
=========================================================-->
<footer class="parallax" data-url="images/parallax02.jpg">
<div class="container">
<div class="row">
<div class="grid_4">
<address class="addr">
<span class="fa fa-map-marker" aria-hidden="true"></span>
<p>Service area TBD<br><span style="opacity:.85">Confirm coverage with T.R.B. Painting</span></p>
</address>
</div>
<div class="grid_4">
<address class="addr">
<span class="fa fa-envelope-o" aria-hidden="true"></span>
<p>Email TBD</p>
</address>
</div>
<div class="grid_4">
<address class="addr">
<span class="fa fa-mobile" aria-hidden="true"></span>
<p><a href="tel:+16306066776">(630) 606-6776</a></p>
</address>
</div>
</div>
<p class="copy">
T.R.B. Painting © <span id="copyright-year"></span>
<span>All Rights Reserved</span>
&nbsp;|&nbsp;
<a href="privacy.html">Privacy Policy</a>
</p>
<p class="aiml-site-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
</div>
</footer>
</div>
<script src="js/script.js"></script>
<script>
(function () {
function labelToggle() {
var t = document.querySelector('.rd-mobilepanel_toggle');
if (t && !t.getAttribute('aria-label')) t.setAttribute('aria-label', 'Open menu');
}
document.addEventListener('DOMContentLoaded', function () {
labelToggle();
setTimeout(labelToggle, 500);
setTimeout(labelToggle, 1500);
});
})();
</script>
</body>
</html>