90 lines
5.3 KiB
HTML
90 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Photo Gallery | Fix&Fresh Addison, IL</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Photo gallery for Fix&Fresh window cleaning and exterior services in Addison, IL.">
|
|
<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">
|
|
<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}
|
|
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1100px;margin:0 auto 64px;padding:0 16px}
|
|
.gallery-grid a{display:block;overflow:hidden;border-radius:4px}
|
|
.gallery-grid img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .35s ease}
|
|
.gallery-grid a:hover img{transform:scale(1.04)}
|
|
.top_section .txt1{color:#4a4a4a}
|
|
.aiml-footer-credit a{color:#0f2744;text-decoration:underline;font-weight:600}
|
|
</style>
|
|
</head>
|
|
<body class="gallery">
|
|
<div class="preview-concept-banner">UX Concept Preview — Fix&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>&</span>Fresh
|
|
<small>Window Cleaning & 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 class="current"><a href="gallery.html">Gallery<strong></strong></a></li>
|
|
<li id="last-li"><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>Gallery</h2>
|
|
<p class="marTop1">Placeholder project photos — replace with approved Fix&Fresh job images before launch.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="gallery-grid">
|
|
<a href="images/tips_big_pic1.jpg"><img src="images/tips_pic1.jpg" alt="Residential window cleaning result" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/tips_big_pic2.jpg"><img src="images/tips_pic2.jpg" alt="Commercial glass cleaning" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/tips_big_pic3.jpg"><img src="images/tips_pic3.jpg" alt="Pressure washing hardscape" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/tips_big_pic4.jpg"><img src="images/tips_pic4.jpg" alt="Gutter cleaning work" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/tips_big_pic5.jpg"><img src="images/tips_pic5.jpg" alt="House washing exterior" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/tips_big_pic6.jpg"><img src="images/tips_pic6.jpg" alt="Paver installation area" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/slide1.jpg"><img src="images/services_pic1.jpg" alt="Window cleaning service photo" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/slide2.jpg"><img src="images/services_pic4.jpg" alt="Exterior washing service photo" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
<a href="images/slide3.jpg"><img src="images/services_pic3.jpg" alt="High-rise glass service photo" width="370" height="220" loading="lazy" decoding="async"></a>
|
|
</div>
|
|
|
|
<footer id="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="grid_12">
|
|
<p class="txt_priv"><span class="txt_upp">Fix&Fresh</span> © <span id="copyright-year"></span> · Addison, IL · <a href="contact.html" class="link1">Request a quote</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>
|