Files
preview_sites/proposals/fix-and-fresh/mockup/index.html
T

464 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fix&amp;Fresh | Window Cleaning &amp; Power Washing in Addison, IL</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Fix&amp;Fresh serves Addison, IL with residential and commercial window cleaning, pressure washing, gutters, house washing, and paver installation. Call (630) 936-8512.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://fix-and-fresh-preview.aimloperations.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="Fix&amp;Fresh | Window Cleaning &amp; Power Washing in Addison, IL">
<meta property="og:description" content="Residential and commercial window cleaning, pressure washing, gutters, house washing, and paver installation in Addison, IL.">
<meta property="og:url" content="https://fix-and-fresh-preview.aimloperations.com/">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Fix&amp;Fresh | Window Cleaning &amp; Power Washing in Addison, IL">
<meta name="twitter:description" content="Residential and commercial window cleaning, pressure washing, gutters, house washing, and paver installation in Addison, IL.">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://maxcdn.bootstrapcdn.com">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/camera.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="css/contact-form.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="css/owl.carousel.css" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="css/camera.css">
<link rel="stylesheet" href="css/contact-form.css">
<link rel="stylesheet" href="css/owl.carousel.css">
</noscript>
<style>
.preview-concept-banner{position:fixed;top:0;left:0;right:0;z-index:99999;background:#0f2744;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:#93c5fd;text-decoration:underline;margin-left:6px}
body{padding-top:36px}
.brand-lockup{display:inline-block;font:700 28px/1.1 'Asap',Georgia,serif;color:#0f2744;letter-spacing:-0.02em;text-decoration:none}
.brand-lockup span{color:#1f8fbf}
.brand-lockup small{display:block;font:600 11px/1.2 'Lato',sans-serif;letter-spacing:0.12em;text-transform:uppercase;color:#5a6a7a;margin-top:4px}
h1 a.brand-lockup img{display:none}
.top_section .txt1{color:#4a4a4a}
.top_section .txt1,.top_section .txt2{margin:0}
.top_section a{color:inherit;text-decoration:underline}
.soc_icons_top a,.soc_icons a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}
.camera_pag .camera_pag_ul li{min-width:24px;min-height:24px}
.map-embed{position:relative;width:100%;height:360px;overflow:hidden;border:0}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.more_btn2{background:#b45309;color:#fff}
.more_btn2:hover{background:#0f2744;color:#fff}
.aiml-footer-credit{margin-top:12px;font-size:14px}
.aiml-footer-credit a{color:#0f2744;text-decoration:underline;font-weight:600}
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Fix&Fresh",
"alternateName": "Fix and Fresh Window Cleaning and Power Washing",
"url": "https://fix-and-fresh-preview.aimloperations.com/",
"telephone": "+16309368512",
"email": "fixandfreshllc@gmail.com",
"description": "Window cleaning, pressure washing, gutter cleaning, house washing, and paver installation serving Addison, IL and nearby communities.",
"address": {
"@type": "PostalAddress",
"addressLocality": "Addison",
"addressRegion": "IL",
"addressCountry": "US"
},
"areaServed": {
"@type": "City",
"name": "Addison"
},
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
"opens": "08:00",
"closes": "17:00"
}
}
</script>
<script src="js/jquery.js" defer></script>
<script src="js/jquery-migrate-1.2.1.js" defer></script>
</head>
<body id="home" class="home hashAncor">
<div class="preview-concept-banner">UX Concept Preview — Fix&amp;Fresh <span>· Not the live website</span> · <a href="ux-gallery.html">Feature gallery</a> · <a href="pricing.html">Pricing</a></div>
<div class="top_section">
<div class="left_txt">
<p class="txt1">Addison, IL · Serving Chicagoland</p>
<p class="txt2"><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+16309368512">(630) 936-8512</a></p>
</div>
<ul class="soc_icons_top">
<li><a href="https://www.facebook.com/Fix%26Fresh" rel="noopener noreferrer" target="_blank" aria-label="Fix&amp;Fresh on Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://www.instagram.com/FixanFresh" rel="noopener noreferrer" target="_blank" aria-label="Fix&amp;Fresh on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="mailto:fixandfreshllc@gmail.com" aria-label="Email Fix&amp;Fresh"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
</ul>
</div>
<header id="header">
<div id="stuck_container">
<h1>
<a href="index.html" class="brand-lockup">
<img src="images/logo.png" alt="" width="180" height="48">
Fix<span>&amp;</span>Fresh
<small>Window Cleaning &amp; Power Washing</small>
</a>
</h1>
<nav aria-label="Primary">
<ul class="sf-menu">
<li><a href="#about">About Us<strong></strong></a></li>
<li><a href="#services">Services<strong></strong></a></li>
<li><a href="about.html">Our Story<strong></strong></a></li>
<li><a href="gallery.html">Gallery<strong></strong></a></li>
<li id="last-li"><a href="#contacts">Contact<strong></strong></a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</header>
<section id="content">
<div class="camera_main_container">
<div class="slider_wrapper">
<div id="camera_wrap">
<div data-src="images/slide1.jpg">
<div class="caption fadeIn">
<div class="caption_bg">
<span class="slider_txt1">Fix&amp;Fresh — crystal-clear windows<br>across Addison &amp; beyond</span>
</div>
</div>
</div>
<div data-src="images/slide2.jpg">
<div class="caption fadeIn">
<div class="caption_bg">
<span class="slider_txt1">Pressure washing &amp; house washing<br>that restores curb appeal</span>
</div>
</div>
</div>
<div data-src="images/slide3.jpg">
<div class="caption fadeIn">
<div class="caption_bg">
<span class="slider_txt1">Residential, commercial &amp; high-rise<br>window cleaning you can trust</span>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="about" class="hashAncor txt_cntr">
<div class="container">
<h2>Welcome!</h2>
<div class="row">
<div class="grid_8 preffix_2">
<p class="marTop1">Fix&amp;Fresh brings professional window cleaning and exterior care to homes and businesses in Addison, IL. From sparkling glass to fresh-washed siding and clean gutters, we leave properties looking Fix&amp;Fresh.</p>
</div>
</div>
<div class="row">
<div class="grid_4">
<i class="fa fa-clock-o icon1 color1" aria-hidden="true"></i>
<h3>Reliable scheduling</h3>
<p>Weekday service hours typically 8 AM5 PM. Call or message for a free estimate that fits your calendar.</p>
</div>
<div class="grid_4">
<i class="fa fa-star icon1 color2" aria-hidden="true"></i>
<h3>Full exterior care</h3>
<p>Windows, pressure washing, gutters, house washing, and paver installation — one team for curb appeal.</p>
</div>
<div class="grid_4">
<i class="fa fa-thumbs-o-up icon1 color3" aria-hidden="true"></i>
<h3>Residential &amp; commercial</h3>
<p>Homes, storefronts, offices, and high-rise glass — we scale the job to the building.</p>
</div>
</div>
<p class="marTop3"><a href="about.html" class="more_btn">About Fix&amp;Fresh</a></p>
</div>
</section>
<section class="box-1" data-stellar-background-ratio="-0.1">
<div class="container">
<p class="txt3">“Clear windows. Fresh exteriors. Local service you can count on in Addison and the surrounding suburbs.”</p>
</div>
</section>
<section id="services" class="hashAncor">
<div class="container">
<div class="row">
<div class="grid_3">
<p class="txt4">What we do</p>
</div>
<div class="grid_9">
<p>Window cleaning and exterior services for residential and commercial properties. Tell us about your building — we will recommend the right wash, rinse, and maintenance plan.</p>
</div>
</div>
<div class="hline"></div>
<div class="row txt_cntr">
<div class="grid_4">
<div class="wrapper">
<img src="images/services_pic1.jpg" alt="Clean residential windows reflecting trees" class="img1" width="370" height="240" loading="lazy" decoding="async">
<h4>Residential window cleaning</h4>
<p>Interior and exterior glass for homes, townhomes, and condos.</p>
<a href="services.html#residential-windows" class="more_btn">Residential window details</a>
</div>
<div class="wrapper marTop2">
<img src="images/services_pic2.jpg" alt="Commercial storefront glass being cleaned" class="img1" width="370" height="240" loading="lazy" decoding="async">
<h4>Commercial window cleaning</h4>
<p>Storefronts, offices, and multi-tenant buildings on a flexible schedule.</p>
<a href="services.html#commercial-windows" class="more_btn">Commercial window details</a>
</div>
</div>
<div class="grid_4">
<div class="wrapper">
<img src="images/services_pic3.jpg" alt="High-rise building exterior glass" class="img1" width="370" height="240" loading="lazy" decoding="async">
<h4>High-rise window cleaning</h4>
<p>Elevated glass work with professional equipment and safety practices.</p>
<a href="services.html#high-rise" class="more_btn">High-rise window details</a>
</div>
<div class="wrapper marTop2">
<img src="images/services_pic4.jpg" alt="Pressure washing a driveway and walkway" class="img1" width="370" height="240" loading="lazy" decoding="async">
<h4>Pressure washing</h4>
<p>Driveways, sidewalks, decks, and hardscape cleaned of grime and mildew.</p>
<a href="services.html#pressure-washing" class="more_btn">Pressure washing details</a>
</div>
</div>
<div class="grid_4">
<div class="wrapper">
<img src="images/services_pic5.jpg" alt="Gutter cleaning on a residential roof edge" class="img1" width="370" height="240" loading="lazy" decoding="async">
<h4>Gutter cleaning &amp; maintenance</h4>
<p>Clear debris, check flow, and help protect your foundation and landscaping.</p>
<a href="services.html#gutters" class="more_btn">Gutter service details</a>
</div>
<div class="wrapper marTop2">
<img src="images/services_pic6.jpg" alt="Freshly washed house exterior and clean patio" class="img1" width="370" height="240" loading="lazy" decoding="async">
<h4>House washing &amp; pavers</h4>
<p>Soft house washing plus paver installation to refresh outdoor living spaces.</p>
<a href="services.html#house-washing" class="more_btn">House wash &amp; paver details</a>
</div>
</div>
</div>
<p class="txt_cntr marTop3"><a href="services.html" class="more_btn v2">View all Fix&amp;Fresh services</a></p>
</div>
</section>
<section id="testimonials" class="box-2 hashAncor" data-stellar-background-ratio="-0.1">
<div class="container">
<div class="row">
<div class="grid_10 preffix_1">
<div id="owl2">
<div class="item">
<blockquote>
<p class="bq_txt1">Our storefront glass has never looked better. The Fix&amp;Fresh crew was on time, careful around customers, and left everything spotless.</p>
<img src="images/qote_pic1.jpg" alt="" class="img2 img_rounded no_resize" width="80" height="80" loading="lazy" decoding="async">
<p class="bq_txt2">Sample client</p>
<p class="bq_txt3">Addison retail — placeholder review</p>
</blockquote>
</div>
<div class="item">
<blockquote>
<p class="bq_txt1">They cleaned our second-story windows and pressure-washed the patio in one visit. Easy to schedule and the house looks brand new.</p>
<img src="images/qote_pic2.jpg" alt="" class="img2 img_rounded no_resize" width="80" height="80" loading="lazy" decoding="async">
<p class="bq_txt2">Sample homeowner</p>
<p class="bq_txt3">DuPage County — placeholder review</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="tips" class="hashAncor">
<div class="container txt_cntr">
<h2>Gallery</h2>
<p class="marTop1">A look at the shine — windows, washes, and outdoor refreshes.</p>
<div class="row marTop3">
<div class="grid_4">
<figure class="figure1">
<a href="images/tips_big_pic1.jpg" class="magnifier2">
<img src="images/tips_pic1.jpg" alt="Sparkling residential window after cleaning" width="370" height="240" loading="lazy" decoding="async">
<span class="zoom"><span class="descr_txt">Residential glass, streak-free finish</span></span>
</a>
</figure>
<figure class="figure1">
<a href="images/tips_big_pic2.jpg" class="magnifier2">
<img src="images/tips_pic2.jpg" alt="Commercial building windows" width="370" height="240" loading="lazy" decoding="async">
<span class="zoom"><span class="descr_txt">Commercial storefront clarity</span></span>
</a>
</figure>
</div>
<div class="grid_4">
<figure class="figure1">
<a href="images/tips_big_pic3.jpg" class="magnifier2">
<img src="images/tips_pic3.jpg" alt="Pressure washed concrete surface" width="370" height="240" loading="lazy" decoding="async">
<span class="zoom"><span class="descr_txt">Pressure washing results</span></span>
</a>
</figure>
<figure class="figure1">
<a href="images/tips_big_pic4.jpg" class="magnifier2">
<img src="images/tips_pic4.jpg" alt="Clean gutters along a roofline" width="370" height="240" loading="lazy" decoding="async">
<span class="zoom"><span class="descr_txt">Gutter cleaning &amp; maintenance</span></span>
</a>
</figure>
</div>
<div class="grid_4">
<figure class="figure1">
<a href="images/tips_big_pic5.jpg" class="magnifier2">
<img src="images/tips_pic5.jpg" alt="House exterior after soft washing" width="370" height="240" loading="lazy" decoding="async">
<span class="zoom"><span class="descr_txt">House washing refresh</span></span>
</a>
</figure>
<figure class="figure1">
<a href="images/tips_big_pic6.jpg" class="magnifier2">
<img src="images/tips_pic6.jpg" alt="Installed patio pavers" width="370" height="240" loading="lazy" decoding="async">
<span class="zoom"><span class="descr_txt">Paver installation</span></span>
</a>
</figure>
</div>
</div>
<a href="gallery.html" class="more_btn v2">Open full photo gallery</a>
</div>
</section>
<section id="contacts" class="hashAncor">
<div class="container">
<div class="row">
<div class="grid_3">
<p class="txt4">How to find us</p>
</div>
<div class="grid_9">
<p>Based in Addison, IL. Call <a href="tel:+16309368512">(630) 936-8512</a> or email <a href="mailto:fixandfreshllc@gmail.com">fixandfreshllc@gmail.com</a> for estimates. Prefer a form? Use the request below or visit our <a href="contact.html">contact page</a>.</p>
</div>
</div>
<div class="hline"></div>
<section class="content_map" aria-label="Map of Addison, Illinois">
<div class="map-embed">
<iframe title="Map showing Addison, Illinois service area" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://maps.google.com/maps?q=Addison%2C%20IL&amp;z=12&amp;output=embed"></iframe>
</div>
</section>
<div class="hline"></div>
<div class="wrapper txt_cntr">
<h2 class="marTop4">Request a quote</h2>
<p class="marTop1">Tell us about your property — windows, wash, gutters, or pavers.</p>
</div>
<form id="contact-form" action="contact.html" method="get">
<div class="contact-form-loader"></div>
<fieldset>
<label class="name" for="cf-name">
<span class="visually-hidden" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your name</span>
<input id="cf-name" type="text" name="name" placeholder="Your Name" value="" data-constraints="@Required @JustLetters" autocomplete="name" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid name.</span>
</label>
<div class="row">
<div class="grid_6">
<label class="email" for="cf-email">
<span class="visually-hidden" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your email</span>
<input id="cf-email" type="email" name="email" placeholder="Your Email" value="" data-constraints="@Required @Email" autocomplete="email" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid email.</span>
</label>
</div>
<div class="grid_6">
<label class="phone" for="cf-phone">
<span class="visually-hidden" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your phone</span>
<input id="cf-phone" type="tel" name="phone" placeholder="Your Phone Number" value="" data-constraints="@Required @JustNumbers" autocomplete="tel" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid phone.</span>
</label>
</div>
</div>
<label class="message" for="cf-message">
<span class="visually-hidden" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your message</span>
<textarea id="cf-message" name="message" placeholder="Your Message" data-constraints="@Required @Length(min=20,max=999999)"></textarea>
<span class="empty-message">*This field is required.</span>
<span class="error-message">*The message is too short.</span>
</label>
<div class="btns">
<button type="submit" class="more_btn2" style="border:0;cursor:pointer">Send quote request</button>
</div>
</fieldset>
</form>
</div>
</section>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="grid_12">
<ul class="soc_icons">
<li><a href="https://www.facebook.com/Fix%26Fresh" rel="noopener noreferrer" target="_blank" aria-label="Fix&amp;Fresh on Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://www.instagram.com/FixanFresh" rel="noopener noreferrer" target="_blank" aria-label="Fix&amp;Fresh on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="mailto:fixandfreshllc@gmail.com" aria-label="Email Fix&amp;Fresh"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
<li><a href="tel:+16309368512" aria-label="Call Fix&amp;Fresh"><i class="fa fa-phone" aria-hidden="true"></i></a></li>
</ul>
<div class="hline v3"></div>
<p class="txt_priv"><span class="txt_upp">Fix&amp;Fresh</span> &copy; <span id="copyright-year"></span> · Addison, IL · <a href="privacy.html" class="link1">Privacy policy</a> · <a href="services.html" class="link1">Services</a><br>
<span class="aiml-footer-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></span></p>
</div>
</div>
</div>
</footer>
<script src="js/script.js" defer></script>
<script src="js/camera.js" defer></script>
<script src="js/jquery.mobile.customized.min.js" defer></script>
<script src="js/touchTouch.jquery.js" defer></script>
<script src="js/owl.carousel.js" defer></script>
<script src="js/TMForm.js" defer></script>
<script src="js/modal.js" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var y = document.getElementById('copyright-year');
if (y) y.textContent = new Date().getFullYear();
if (window.jQuery) {
jQuery('#camera_wrap').camera({
loader: false,
pagination: true,
thumbnails: false,
height: '35.416666666%',
fx: 'curtainBottomLeft',
rows: '3',
slicedCols: '3',
slicedRows: '3',
caption: false
});
function labelCameraImgs() {
jQuery('#camera_wrap img.imgLoaded').each(function (i) {
if (!this.getAttribute('alt')) {
this.setAttribute('alt', 'Fix&Fresh window cleaning and exterior service photo ' + (i + 1));
}
});
}
labelCameraImgs();
setTimeout(labelCameraImgs, 500);
setTimeout(labelCameraImgs, 1500);
jQuery('.magnifier2').touchTouch();
jQuery('#owl2').owlCarousel({
items: 1,
itemsDesktop: [995, 1],
itemsDesktopSmall: [767, 1],
itemsTablet: [700, 1],
itemsMobile: [479, 1],
navigation: false,
pagination: true
});
setTimeout(function () {
jQuery('.camera_pag_ul li, .owl-page').each(function (i) {
var el = this;
if (!el.getAttribute('aria-label')) {
el.setAttribute('aria-label', 'Carousel slide ' + (i + 1));
if (el.tagName === 'A' || el.tagName === 'DIV') {
el.setAttribute('role', 'button');
el.setAttribute('tabindex', '0');
}
}
});
}, 800);
}
});
</script>
</body>
</html>