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

121 lines
6.0 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>Contact Fix&amp;Fresh | Addison, IL Estimates</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Contact Fix&amp;Fresh in Addison, IL for window cleaning, pressure washing, gutters, house washing, and paver quotes. Call (630) 936-8512.">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/contact-form.css">
<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}
.page-hero{padding:80px 0 40px;text-align:center;background:linear-gradient(180deg,#e8f4fa 0%,#fff 100%)}
.page-hero h2{margin-top:0}
.contact-wrap{max-width:720px;margin:0 auto 64px;padding:0 16px}
.contact-meta{margin-bottom:28px;font-size:18px;line-height:1.6}
.map-embed{position:relative;width:100%;height:280px;margin:24px 0 40px;overflow:hidden}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.top_section .txt1{color:#4a4a4a}
.more_btn2{background:#b45309;color:#fff}
.aiml-footer-credit a{color:#0f2744;text-decoration:underline;font-weight:600}
</style>
</head>
<body>
<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>
</div>
<header id="header">
<div id="stuck_container">
<h1>
<a href="index.html" class="brand-lockup">
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="index.html#about">About Us<strong></strong></a></li>
<li><a href="services.html">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" class="current"><a href="contact.html">Contact<strong></strong></a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</header>
<section class="page-hero">
<div class="container">
<h2>Contact</h2>
<p class="marTop1">Request an estimate — we will follow up by phone or email.</p>
</div>
</section>
<div class="contact-wrap">
<div class="contact-meta">
<p><strong>Phone:</strong> <a href="tel:+16309368512">(630) 936-8512</a><br>
<strong>Email:</strong> <a href="mailto:fixandfreshllc@gmail.com">fixandfreshllc@gmail.com</a><br>
<strong>Location:</strong> Addison, IL<br>
<strong>Hours:</strong> MonFri, typically 8 AM5 PM</p>
</div>
<div class="map-embed">
<iframe title="Map showing Addison, Illinois" 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>
<form id="contact-form" action="#" method="get" onsubmit="alert('Preview only — message not sent. Call (630) 936-8512 or email fixandfreshllc@gmail.com.'); return false;">
<fieldset>
<label class="name" for="name">
<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your name</span>
<input id="name" type="text" name="name" placeholder="Your Name" required autocomplete="name">
</label>
<div class="row">
<div class="grid_6">
<label class="email" for="email">
<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your email</span>
<input id="email" type="email" name="email" placeholder="Your Email" required autocomplete="email">
</label>
</div>
<div class="grid_6">
<label class="phone" for="phone">
<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your phone</span>
<input id="phone" type="tel" name="phone" placeholder="Your Phone Number" required autocomplete="tel">
</label>
</div>
</div>
<label class="message" for="message">
<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Your message</span>
<textarea id="message" name="message" placeholder="Describe the property and services you need" required minlength="20"></textarea>
</label>
<div class="btns">
<button type="submit" class="more_btn2" style="border:0;cursor:pointer">Send quote request</button>
</div>
</fieldset>
</form>
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="grid_12">
<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><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>document.getElementById('copyright-year').textContent = new Date().getFullYear();</script>
</body>
</html>