John Loper II
9d130f47e4
- Moved all business card SVGs, PDFs, and generation script to print/ - Moved flyer and yard sign files to print/ - Archived old website files and docs to legacy-site/ - Merged LoperBoys2.com website history with LoperBoys print collateral history - Single unified repo for the entire LoperBoys brand
529 lines
28 KiB
HTML
529 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LoperBoys | Reliable Lawn Care, Maintenance & Seasonal Services</title>
|
|
<meta name="description" content="LoperBoys — Hard Work. Honest Prices. Local Service. Lawn care, gutter cleaning, snow removal, and more in Warsaw and surrounding areas. Call 220-200-4022.">
|
|
<meta name="keywords" content="lawn care, lawn mowing, gutter cleaning, leaf raking, snow removal, yard services, window cleaning, Warsaw OH, LoperBoys, local services">
|
|
<meta name="author" content="LoperBoys">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://loperboys.com/">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://loperboys.com/">
|
|
<meta property="og:title" content="LoperBoys | Reliable Lawn Care & Local Services">
|
|
<meta property="og:description" content="Lawn care, gutter cleaning, snow removal, and more in Warsaw and surrounding areas. Hard Work. Honest Prices. Local Service.">
|
|
<meta property="og:image" content="https://loperboys.com/img/og-banner.png">
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:site_name" content="LoperBoys">
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:url" content="https://loperboys.com/">
|
|
<meta name="twitter:title" content="LoperBoys | Reliable Lawn Care & Local Services">
|
|
<meta name="twitter:description" content="Lawn care, gutter cleaning, snow removal, and more in Warsaw and surrounding areas.">
|
|
<meta name="twitter:image" content="https://loperboys.com/img/og-banner.png">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/svg+xml" href="img/favicon.svg">
|
|
<link rel="apple-touch-icon" href="img/favicon.svg">
|
|
|
|
<!-- Structured Data (LocalBusiness) -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "LocalBusiness",
|
|
"name": "LoperBoys",
|
|
"description": "Reliable lawn care, home maintenance, and seasonal services in Warsaw and surrounding areas.",
|
|
"slogan": "Hard Work. Honest Prices. Local Service.",
|
|
"url": "https://loperboys.com",
|
|
"telephone": "+1-220-200-4022",
|
|
"email": "contact@loperboys.com",
|
|
"areaServed": {
|
|
"@type": "Place",
|
|
"name": "Warsaw and surrounding areas, Ohio"
|
|
},
|
|
"serviceType": ["Lawn Mowing", "Gutter Cleanout", "Window Cleaning", "Leaf Raking", "Snow Shoveling", "Car Washing", "Wood Stacking", "Lawn Pick-up", "Porch Sweeping"],
|
|
"priceRange": "$"
|
|
}
|
|
</script>
|
|
|
|
<!-- Privacy-respecting Analytics (Plausible / Umami placeholder) -->
|
|
<!-- <script defer src="https://analytics.yourdomain.com/js/script.js" data-domain="loperboys.com"></script> -->
|
|
|
|
<link rel="stylesheet" href="css/style.css?v=2">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar" id="navbar">
|
|
<div class="nav-container">
|
|
<a href="#" class="logo">
|
|
<img src="img/logo-icon.svg" alt="LoperBoys" class="logo-icon-svg">
|
|
<span class="logo-text">Loper<span class="accent">Boys</span></span>
|
|
</a>
|
|
<button class="nav-toggle" id="navToggle" aria-label="Toggle menu">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
<ul class="nav-links" id="navLinks">
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#services">Services</a></li>
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#contact" class="nav-cta">Get a Free Quote</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero" id="home">
|
|
<div class="hero-overlay"></div>
|
|
<div class="hero-content">
|
|
<div class="hero-badge">⭐ Trusted Local Service</div>
|
|
<h1 class="hero-title">Loper <span class="accent">Boys</span></h1>
|
|
<p class="hero-slogan">Hard Work. Honest Prices. Local Service.</p>
|
|
<p class="hero-sub">Reliable lawn care, home maintenance, and seasonal services in Warsaw and surrounding areas.</p>
|
|
<div class="hero-ctas">
|
|
<a href="tel:2202004022" class="btn btn-primary">
|
|
<svg class="btn-icon" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
|
|
220-200-4022
|
|
</a>
|
|
<a href="#contact" class="btn btn-secondary">Contact Us Today</a>
|
|
</div>
|
|
</div>
|
|
<div class="scroll-indicator">
|
|
<span>Scroll Down</span>
|
|
<div class="scroll-arrow"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How It Works -->
|
|
<section class="how-it-works">
|
|
<div class="container">
|
|
<h2 class="section-title">How It <span class="accent">Works</span></h2>
|
|
<p class="section-subtitle">Three simple steps to a better-looking property</p>
|
|
<div class="steps-grid">
|
|
<div class="step-card">
|
|
<div class="step-number">1</div>
|
|
<div class="step-icon">📞</div>
|
|
<h4>Contact Us</h4>
|
|
<p>Call <a href="tel:2202004022">220-200-4022</a> or fill out our quick form with details about what you need done.</p>
|
|
</div>
|
|
<div class="step-card">
|
|
<div class="step-number">2</div>
|
|
<div class="step-icon">📋</div>
|
|
<h4>Get Your Free Quote</h4>
|
|
<p>We'll assess the job and give you a clear, honest quote — no hidden fees, no surprises.</p>
|
|
</div>
|
|
<div class="step-card">
|
|
<div class="step-number">3</div>
|
|
<div class="step-icon">✨</div>
|
|
<h4>We Get It Done</h4>
|
|
<p>Show up on time, do quality work, and leave your property looking great.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section class="services" id="services">
|
|
<div class="container">
|
|
<h2 class="section-title">Our <span class="accent">Services</span></h2>
|
|
<p class="section-subtitle">Quality work at affordable prices. No job too small.</p>
|
|
<div class="services-grid">
|
|
<div class="service-card featured">
|
|
<div class="featured-badge">Most Popular</div>
|
|
<div class="service-icon">🌱</div>
|
|
<h3>Lawn Mowing</h3>
|
|
<p>Professional lawn mowing, edging, and trimming. Keep your lawn looking neat and tidy all season long.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Regular weekly or bi-weekly service</li>
|
|
<li>✓ Edging and trimming included</li>
|
|
<li>✓ Leaf cleanup in fall</li>
|
|
<li>✓ Yard debris removal</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $25/visit</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🪜</div>
|
|
<h3>Gutter Cleanout</h3>
|
|
<p>Complete gutter cleaning to prevent water damage and keep your home protected.</p>
|
|
<ul class="service-features">
|
|
<li>✓ All debris removed</li>
|
|
<li>✓ Downspout flushing</li>
|
|
<li>✓ Inspect for damage</li>
|
|
<li>✓ Spring & fall service</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $75</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🪟</div>
|
|
<h3>Window Cleaning</h3>
|
|
<p>Crystal clear windows inside and out. Professional streak-free cleaning.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Interior and exterior</li>
|
|
<li>✓ Screens cleaned</li>
|
|
<li>✓ Streak-free guaranteed</li>
|
|
<li>✓ Seasonal deep clean</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $50</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🍂</div>
|
|
<h3>Leaf Raking</h3>
|
|
<p>Complete fall leaf removal. We rake, bag, and haul away all debris.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Thorough raking and bagging</li>
|
|
<li>✓ Debris removal</li>
|
|
<li>✓ Yard restoration</li>
|
|
<li>✓ Multiple visits available</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $80</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">❄️</div>
|
|
<h3>Snow Shoveling</h3>
|
|
<p>Stay safe during winter. We clear driveways and walkways after every snowfall.</p>
|
|
<ul class="service-features">
|
|
<li>✓ After every snowfall</li>
|
|
<li>✓ Driveway and walkway clearing</li>
|
|
<li>✓ De-icing available</li>
|
|
<li>✓ Seasonal contract options</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $30/snowfall</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🚗</div>
|
|
<h3>Car Washing</h3>
|
|
<p>Mobile car wash service. We come to you and give your vehicle a thorough cleaning.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Exterior hand wash</li>
|
|
<li>✓ Interior vacuum</li>
|
|
<li>✓ Window cleaning</li>
|
|
<li>✓ Wheel cleaning</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $35</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🪵</div>
|
|
<h3>Wood Stacking</h3>
|
|
<p>Professional firewood stacking. Keep your wood organized, dry, and ready for winter.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Neat, organized stacking</li>
|
|
<li>✓ Proper airflow for drying</li>
|
|
<li>✓ Move wood to storage area</li>
|
|
<li>✓ Seasonal service</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $60</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🗑️</div>
|
|
<h3>Lawn Pick-up</h3>
|
|
<p>Complete yard cleanup. We pick up branches, debris, and general yard mess.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Branch and limb removal</li>
|
|
<li>✓ General debris pickup</li>
|
|
<li>✓ Weed and brush clearing</li>
|
|
<li>✓ Trash bag removal</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $50</div>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">🧹</div>
|
|
<h3>Porch Sweeping</h3>
|
|
<p>Keep your porch clean and welcoming. Regular sweeping and light cleaning.</p>
|
|
<ul class="service-features">
|
|
<li>✓ Thorough sweeping</li>
|
|
<li>✓ Debris removal</li>
|
|
<li>✓ Seasonal service</li>
|
|
<li>✓ Can be combined with other services</li>
|
|
</ul>
|
|
<div class="service-price">Starting at $15</div>
|
|
</div>
|
|
</div>
|
|
<div class="services-cta">
|
|
<a href="tel:2202004022" class="btn btn-primary btn-large">📞 Call 220-200-4022 for a Free Quote</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Choose Us -->
|
|
<section class="why-us">
|
|
<div class="container">
|
|
<h2 class="section-title">Why Choose <span class="accent">LoperBoys</span>?</h2>
|
|
<div class="why-grid">
|
|
<div class="why-item">
|
|
<div class="why-icon">✅</div>
|
|
<h4>Local & Reliable</h4>
|
|
<p>We live in the community and take pride in our work. You can count on us to show up when we say we will.</p>
|
|
</div>
|
|
<div class="why-item">
|
|
<div class="why-icon">💰</div>
|
|
<h4>Affordable Pricing</h4>
|
|
<p>Competitive rates without cutting corners on quality. Fair quotes that hold up.</p>
|
|
</div>
|
|
<div class="why-item">
|
|
<div class="why-icon">👍</div>
|
|
<h4>Experienced</h4>
|
|
<p>Skilled in a wide variety of outdoor and maintenance tasks. We've got the right tools for every job.</p>
|
|
</div>
|
|
<div class="why-item">
|
|
<div class="why-icon">🤝</div>
|
|
<h4>Flexible Scheduling</h4>
|
|
<p>We work around your schedule, not the other way around. Available when you need us.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Gallery — Coming Soon: Add LoperBoys job photos here -->
|
|
<section class="gallery" id="gallery" style="display:none;">
|
|
<div class="container">
|
|
<h2 class="section-title">Before & <span class="accent">After</span></h2>
|
|
<p class="section-subtitle">Real jobs, real results — no stock photos</p>
|
|
<div class="gallery-grid">
|
|
<div class="gallery-item">
|
|
<div class="gallery-before-after">
|
|
<picture>
|
|
<source srcset="img/before-truck.webp" type="image/webp">
|
|
<img src="img/before-truck.jpg" alt="Before: Dirty truck fleet exterior covered in grime and road film" loading="lazy">
|
|
</picture>
|
|
<picture>
|
|
<source srcset="img/after-truck.webp" type="image/webp">
|
|
<img src="img/after-truck.jpg" alt="After: Clean truck fleet with restored appearance" loading="lazy">
|
|
</picture>
|
|
<div class="gallery-label gallery-label-before">Before</div>
|
|
<div class="gallery-label gallery-label-after">After</div>
|
|
</div>
|
|
<p class="gallery-caption">Fleet Wash — Delivery Trucks</p>
|
|
</div>
|
|
<div class="gallery-item">
|
|
<div class="gallery-before-after">
|
|
<picture>
|
|
<source srcset="img/before-house.webp" type="image/webp">
|
|
<img src="img/before-house.jpg" alt="Before: Dirty house siding with algae and mildew" loading="lazy">
|
|
</picture>
|
|
<picture>
|
|
<source srcset="img/after-house.webp" type="image/webp">
|
|
<img src="img/after-house.jpg" alt="After: Clean house siding restored to original color" loading="lazy">
|
|
</picture>
|
|
<div class="gallery-label gallery-label-before">Before</div>
|
|
<div class="gallery-label gallery-label-after">After</div>
|
|
</div>
|
|
<p class="gallery-caption">House Wash — Vinyl Siding</p>
|
|
</div>
|
|
<div class="gallery-item">
|
|
<div class="gallery-before-after">
|
|
<picture>
|
|
<source srcset="img/before-storefront.webp" type="image/webp">
|
|
<img src="img/before-storefront.jpg" alt="Before: Grimy storefront windows and entrance" loading="lazy">
|
|
</picture>
|
|
<picture>
|
|
<source srcset="img/after-storefront.webp" type="image/webp">
|
|
<img src="img/after-storefront.jpg" alt="After: Sparkling clean storefront" loading="lazy">
|
|
</picture>
|
|
<div class="gallery-label gallery-label-before">Before</div>
|
|
<div class="gallery-label gallery-label-after">After</div>
|
|
</div>
|
|
<p class="gallery-caption">Storefront — Windows & Facade</p>
|
|
</div>
|
|
</div>
|
|
<p class="gallery-note">📸 Real photos from actual jobs in the Warsaw area</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Our Work -->
|
|
<section class="our-work">
|
|
<div class="container">
|
|
<h2 class="section-title">See Our <span class="accent">Work</span></h2>
|
|
<p class="section-subtitle">Real jobs, real results — no stock photos</p>
|
|
<div class="work-grid">
|
|
<div class="work-item">
|
|
<picture>
|
|
<source srcset="img/before-barrels.webp" type="image/webp">
|
|
<img src="img/before-barrels.jpg" alt="Before: Backyard cluttered with scattered blue barrels and debris" loading="lazy">
|
|
</picture>
|
|
<p class="work-caption">Before — Yard Cluttered with Barrels</p>
|
|
</div>
|
|
<div class="work-item">
|
|
<picture>
|
|
<source srcset="img/before-messy.webp" type="image/webp">
|
|
<img src="img/before-messy.jpg" alt="Before: Overgrown yard with scattered debris" loading="lazy">
|
|
</picture>
|
|
<p class="work-caption">Before — Overgrown & Messy Yard</p>
|
|
</div>
|
|
<div class="work-item">
|
|
<picture>
|
|
<source srcset="img/after-clean.webp" type="image/webp">
|
|
<img src="img/after-clean.jpg" alt="After: Clean yard with barrels removed and yard cleared" loading="lazy">
|
|
</picture>
|
|
<p class="work-caption">After — Yard Cleared & Cleaned Up</p>
|
|
</div>
|
|
<div class="work-item">
|
|
<picture>
|
|
<source srcset="img/after-mowed.webp" type="image/webp">
|
|
<img src="img/after-mowed.jpg" alt="After: Freshly mowed lawn looking neat" loading="lazy">
|
|
</picture>
|
|
<p class="work-caption">After — Freshly Mowed</p>
|
|
</div>
|
|
<div class="work-item">
|
|
<picture>
|
|
<source srcset="img/after-wide.webp" type="image/webp">
|
|
<img src="img/after-wide.jpg" alt="After: Wide view of completed yard cleanup" loading="lazy">
|
|
</picture>
|
|
<p class="work-caption">After — Full Yard Transformation</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section class="about" id="about">
|
|
<div class="container about-container">
|
|
<div class="about-visual">
|
|
<div class="about-watermark">🌱</div>
|
|
<div class="about-stats">
|
|
<div class="stat">
|
|
<div class="stat-number">9+</div>
|
|
<div class="stat-label">Boys Strong<br>& Ready</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-number">100%</div>
|
|
<div class="stat-label">Honest<br>Effort</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="about-content">
|
|
<h2>About <span class="accent">LoperBoys</span></h2>
|
|
<p>LoperBoys is your friendly, hardworking local service crew serving Warsaw and the surrounding areas. We specialize in seasonal yard work, home maintenance, and general outdoor chores that keep your property looking great year-round.</p>
|
|
<p>Whether you need regular lawn care throughout the growing season, fall leaf cleanup, winter snow removal, or just need help with a one-time project, we're here to help. We pride ourselves on showing up on time, doing quality work, and treating your property with respect.</p>
|
|
<a href="#contact" class="btn btn-primary">Get Your Free Quote →</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section class="contact" id="contact">
|
|
<div class="container">
|
|
<h2 class="section-title">Get a <span class="accent">Free Quote</span></h2>
|
|
<p class="section-subtitle">Ready to see the difference? Contact us today!</p>
|
|
<div class="contact-grid">
|
|
<div class="contact-info">
|
|
<h3>Contact Information</h3>
|
|
<div class="contact-card">
|
|
<div class="contact-item">
|
|
<div class="contact-icon">📞</div>
|
|
<div>
|
|
<strong>Phone</strong>
|
|
<a href="tel:2202004022">220-200-4022</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="contact-icon">📧</div>
|
|
<div>
|
|
<strong>Email</strong>
|
|
<a href="mailto:contact@loperboys.com">contact@loperboys.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<div class="contact-icon">📍</div>
|
|
<div>
|
|
<strong>Service Area</strong>
|
|
<p>Warsaw and surrounding areas</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item payment-methods">
|
|
<div class="contact-icon">💳</div>
|
|
<div>
|
|
<strong>We Accept</strong>
|
|
<div class="payment-badges">
|
|
<span class="payment-badge">💵 Cash</span>
|
|
<span class="payment-badge">📱 Venmo</span>
|
|
<span class="payment-badge">📲 Cash App</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact-cta">
|
|
<a href="tel:2202004022" class="btn btn-primary btn-large">📞 Call Now — It's Free to Quote!</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-form-wrapper">
|
|
<form class="contact-form" id="contactForm" action="send-contact.php" method="POST">
|
|
<p class="form-note" style="text-align:left; font-style:italic;">We value your privacy. Your information is only used to respond to your quote request and will never be shared with third parties.</p>
|
|
<div class="form-group">
|
|
<label for="name">Your Name *</label>
|
|
<input type="text" id="name" name="name" required placeholder="John Smith">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="phone">Phone Number *</label>
|
|
<input type="tel" id="phone" name="phone" required placeholder="(740) 000-0000">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" name="email" placeholder="john@example.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="service">Service Needed *</label>
|
|
<select id="service" name="service" required>
|
|
<option value="">Select a service...</option>
|
|
<option value="lawn-mowing">Lawn Mowing</option>
|
|
<option value="gutter-cleanout">Gutter Cleanout</option>
|
|
<option value="window-cleaning">Window Cleaning</option>
|
|
<option value="leaf-raking">Leaf Raking</option>
|
|
<option value="snow-shoveling">Snow Shoveling</option>
|
|
<option value="car-washing">Car Washing</option>
|
|
<option value="wood-stacking">Wood Stacking</option>
|
|
<option value="lawn-pickup">Lawn Pick-up</option>
|
|
<option value="porch-sweeping">Porch Sweeping</option>
|
|
<option value="other">Other</option>
|
|
</select>
|
|
</div>
|
|
<!-- Honeypot field — hidden from humans, visible to bots -->
|
|
<div class="form-group form-honeypot" aria-hidden="true" style="display:none;">
|
|
<label for="website_url">Leave this blank</label>
|
|
<input type="text" id="website_url" name="website_url" tabindex="-1" autocomplete="off">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="message">Tell Us About Your Project</label>
|
|
<textarea id="message" name="message" rows="4" placeholder="Describe what you need cleaned, approximate size, location, etc."></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary btn-block">
|
|
Send Message →
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-brand">
|
|
<h3>LoperBoys</h3>
|
|
<p class="slogan">Hard Work. Honest Prices. Local Service.</p>
|
|
</div>
|
|
<div class="footer-contact">
|
|
<a href="tel:2202004022" class="footer-phone">📞 220-200-4022</a>
|
|
<a href="mailto:contact@loperboys.com" class="footer-email">📧 contact@loperboys.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© <span id="year"></span> LoperBoys. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Floating CTA -->
|
|
<a href="tel:2202004022" class="floating-cta" id="floatingCta" aria-label="Call LoperBoys">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
|
|
</a>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|