216 lines
11 KiB
HTML
216 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Happy Tails Pet Care Services - Explore our dog services including walks, grooming, overnight stays, puppy socialization, and park adventures in Springfield.">
|
|
<title>Services | Happy Tails Pet Care</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Nunito+Sans:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z15EG3SFPD"></script>
|
|
<script src="js/analytics.js"></script>
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<a href="/" class="logo" aria-label="Happy Tails Pet Care - Home">
|
|
<span class="logo-text">Happy Tails</span>
|
|
</a>
|
|
<nav class="main-nav" aria-label="Main navigation">
|
|
<button class="nav-toggle" aria-expanded="false" aria-controls="nav-menu" aria-label="Toggle navigation">
|
|
<span class="hamburger"></span>
|
|
</button>
|
|
<ul id="nav-menu" class="nav-list">
|
|
<li><a href="/" class="nav-link">Home</a></li>
|
|
<li><a href="/about.html" class="nav-link">About</a></li>
|
|
<li><a href="/services.html" class="nav-link active">Services</a></li>
|
|
<li><a href="/contact.html" class="nav-link">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="site-main">
|
|
<section class="page-hero" aria-labelledby="page-heading">
|
|
<div class="container">
|
|
<h1 id="page-heading">Our Services</h1>
|
|
<p class="page-subheadline">From daily walks to full grooming, we provide caring and reliable dog services at fair prices.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="services-list" aria-labelledby="services-heading">
|
|
<div class="container">
|
|
<h2 id="services-heading" class="section-title">Our Services</h2>
|
|
<div class="services-grid">
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🐕</div>
|
|
<h3>Dog Walking</h3>
|
|
<p>Leashed neighborhood walks with GPS tracking and post-walk photo updates</p>
|
|
<ul class="service-features">
|
|
<li>GPS Tracking</li>
|
|
<li>Photo Updates</li>
|
|
<li>Flexible Scheduling</li>
|
|
<li>Water Breaks</li>
|
|
</ul>
|
|
<div class="service-price">$25/walk</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Book a Walk</a>
|
|
</article>
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🐾</div>
|
|
<h3>Weekly Packages</h3>
|
|
<p>Five walks per week at a discounted bundle rate for regular clients</p>
|
|
<ul class="service-features">
|
|
<li>Five Walks</li>
|
|
<li>Priority Scheduling</li>
|
|
<li>Weekly Report</li>
|
|
<li>Consistent Handler</li>
|
|
</ul>
|
|
<div class="service-price">$80/week</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Get Weekly Plan</a>
|
|
</article>
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🏠</div>
|
|
<h3>Overnight Watching</h3>
|
|
<p>In-home overnight stays with evening and morning walks included</p>
|
|
<ul class="service-features">
|
|
<li>Evening Walk</li>
|
|
<li>Morning Walk</li>
|
|
<li>Feeding</li>
|
|
<li>Bedtime Routine</li>
|
|
<li>24hr Supervision</li>
|
|
</ul>
|
|
<div class="service-price">$65/night</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Book Overnight</a>
|
|
</article>
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🐶</div>
|
|
<h3>Bathing</h3>
|
|
<p>Basic bath with shampoo, blow-dry, ear cleaning, and nail trim</p>
|
|
<ul class="service-features">
|
|
<li>Shampoo</li>
|
|
<li>Blow-Dry</li>
|
|
<li>Ear Cleaning</li>
|
|
<li>Nail Trim</li>
|
|
</ul>
|
|
<div class="service-price">$40</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Book Bath</a>
|
|
</article>
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🦴</div>
|
|
<h3>Grooming</h3>
|
|
<p>Full grooming session including haircut, styling, teeth brushing, and spa treatment</p>
|
|
<ul class="service-features">
|
|
<li>Haircut</li>
|
|
<li>Styling</li>
|
|
<li>Teeth Brushing</li>
|
|
<li>Spa Treatment</li>
|
|
<li>Nail Trim</li>
|
|
<li>Ear Cleaning</li>
|
|
</ul>
|
|
<div class="service-price">$75</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Book Groom</a>
|
|
</article>
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🐕</div>
|
|
<h3>Puppy Socialization</h3>
|
|
<p>Guided playgroup sessions for puppies under one year to build confidence</p>
|
|
<ul class="service-features">
|
|
<li>Small Groups</li>
|
|
<li>Supervised Play</li>
|
|
<li>Basic Commands</li>
|
|
<li>Confidence Building</li>
|
|
</ul>
|
|
<div class="service-price">$35/session</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Join a Session</a>
|
|
</article>
|
|
<article class="service-card">
|
|
<div class="service-icon" aria-hidden="true">🐾</div>
|
|
<h3>Dog Park Adventures</h3>
|
|
<p>Supervised group outings to local dog parks for exercise and socialization</p>
|
|
<ul class="service-features">
|
|
<li>Group Play</li>
|
|
<li>Exercise</li>
|
|
<li>Socialization</li>
|
|
<li>Fresh Water</li>
|
|
<li>Shaded Rest Areas</li>
|
|
</ul>
|
|
<div class="service-price">$20/dog</div>
|
|
<a href="/contact.html" class="btn btn-secondary">Join the Pack</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="process-section" aria-labelledby="process-heading">
|
|
<div class="container">
|
|
<h2 id="process-heading" class="section-title">How It Works</h2>
|
|
<div class="process-steps">
|
|
<article class="process-step">
|
|
<div class="step-number">1</div>
|
|
<h3>Reach Out</h3>
|
|
<p>Contact us by phone, email, or form to tell us about your dog and what you need</p>
|
|
</article>
|
|
<article class="process-step">
|
|
<div class="step-number">2</div>
|
|
<h3>Meet and Greet</h3>
|
|
<p>We schedule a free visit so your dog can get comfortable with their handler</p>
|
|
</article>
|
|
<article class="process-step">
|
|
<div class="step-number">3</div>
|
|
<h3>Start Services</h3>
|
|
<p>Pick your plan and we begin caring for your pup on the agreed schedule</p>
|
|
</article>
|
|
<article class="process-step">
|
|
<div class="step-number">4</div>
|
|
<h3>Stay Connected</h3>
|
|
<p>Receive photo updates and daily notes after every visit or stay</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section" aria-labelledby="cta-heading">
|
|
<div class="container">
|
|
<h2 id="cta-heading">Ready to Schedule Your Pup?</h2>
|
|
<p>Get in touch today and let us put together the perfect care plan for your dog.</p>
|
|
<a href="/contact.html" class="btn btn-primary">Book a Visit</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<p class="footer-logo">Happy Tails</p>
|
|
<p class="footer-tagline">Devoted care for happy dogs every single day</p>
|
|
</div>
|
|
<nav class="footer-nav" aria-label="Footer navigation">
|
|
<h3>Quick Links</h3>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/about.html">About</a></li>
|
|
<li><a href="/services.html">Services</a></li>
|
|
<li><a href="/contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<address class="footer-contact" aria-label="Contact information">
|
|
<h3>Contact</h3>
|
|
<p>742 Evergreen Terrace, Springfield, IL 62704</p>
|
|
<p><a href="tel:(555) 742-9283">(555) 742-9283</a></p>
|
|
<p><a href="mailto:hello@3031023.xyz">hello@3031023.xyz</a></p>
|
|
</address>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 Happy Tails Pet Care. All rights reserved.</p>
|
|
<p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a> · Photos by <a href="https://unsplash.com" target="_blank" rel="noopener">Unsplash</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|