ksloan
41f3f9f672
- Remove products.html page and all references from navigation menus - Replace products navigation links with contact page across all pages - Update color palette from cool blues to warm amber and teal theme - Adjust typography font declarations for better font stack support - Add hero section emoji animation with bounce keyframe - Implement page hero styling for inner pages - Add about section preview component styling - Update service pricing background to use primary color - Enhance CTA section gradient with new color scheme - Add testimonial card paw print emoji and styling improvements - Fix footer quick links formatting and alignment - Standardize HTML indentation and spacing across pages
170 lines
8.7 KiB
HTML
170 lines
8.7 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="About Happy Tails Pet Care - Learn about Happy Tails Pet Care, our story, values, and the dedicated team caring for Springfield dogs every day.">
|
|
<title>About | 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">
|
|
</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 active">About</a></li>
|
|
<li><a href="/services.html" class="nav-link">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">About Happy Tails Pet Care</h1>
|
|
<p class="page-subheadline">A small team with a big love for dogs, serving Springfield since 2019.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about-content" aria-labelledby="about-heading">
|
|
<div class="container">
|
|
<div class="about-grid">
|
|
<div class="about-text">
|
|
<h2 id="about-heading">Our Story</h2>
|
|
<div class="about-body">
|
|
<p>Happy Tails Pet Care was born in 2019 when founder Sarah Mitchell noticed her Springfield neighborhood lacked a truly personal dog care service.</p>
|
|
<p>What started as walking a few neighbors' dogs quickly grew into a full-service operation as word spread about Sarah's gentle approach and genuine love for every pup.</p>
|
|
<p>Today our team of five certified handlers serves over sixty families across Springfield, offering walks, grooming, overnight stays, and puppy socialization.</p>
|
|
<p>We believe every dog deserves individual attention, so we keep our client list small and our care standards high.</p>
|
|
</div>
|
|
</div>
|
|
<div class="about-image">
|
|
<img src="images/happy-tails-team.jpg" alt="The Happy Tails Pet Care team playing with dogs in a sunny park" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="values-section">
|
|
<h2>What We Stand For</h2>
|
|
<div class="values-grid">
|
|
<article class="value-card">
|
|
<div class="value-icon" aria-hidden="true">🐾</div>
|
|
<h3>Compassion</h3>
|
|
<p>We treat every dog as if they were our own beloved companion</p>
|
|
</article>
|
|
<article class="value-card">
|
|
<div class="value-icon" aria-hidden="true">🏠</div>
|
|
<h3>Safety First</h3>
|
|
<p>Certified handlers, secure yards, and GPS-tracked walks keep your pup protected</p>
|
|
</article>
|
|
<article class="value-card">
|
|
<div class="value-icon" aria-hidden="true">🐶</div>
|
|
<h3>Trust</h3>
|
|
<p>Transparent communication and photo updates so you always know your dog is happy</p>
|
|
</article>
|
|
<article class="value-card">
|
|
<div class="value-icon" aria-hidden="true">🦴</div>
|
|
<h3>Health</h3>
|
|
<p>We monitor nutrition, hydration, and energy levels on every visit</p>
|
|
</article>
|
|
<article class="value-card">
|
|
<div class="value-icon" aria-hidden="true">🐕</div>
|
|
<h3>Community</h3>
|
|
<p>Building lasting bonds between neighbors, families, and their four-legged friends</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="team-section" aria-labelledby="team-heading">
|
|
<h2 id="team-heading">Meet Our Pack</h2>
|
|
<div class="team-grid">
|
|
<article class="team-card">
|
|
<div class="team-photo">
|
|
<img src="images/sarah-mitchell.jpg" alt="Sarah Mitchell" loading="lazy">
|
|
</div>
|
|
<div class="team-info">
|
|
<h3>Sarah Mitchell</h3>
|
|
<p class="team-role">Head Groomer</p>
|
|
<p class="team-bio">Certified grooming specialist with ten years of experience and a gentle touch</p>
|
|
</div>
|
|
</article>
|
|
<article class="team-card">
|
|
<div class="team-photo">
|
|
<img src="images/marcus-rivera.jpg" alt="Marcus Rivera" loading="lazy">
|
|
</div>
|
|
<div class="team-info">
|
|
<h3>Marcus Rivera</h3>
|
|
<p class="team-role">Lead Trainer</p>
|
|
<p class="team-bio">Positive reinforcement expert who has trained over 200 dogs</p>
|
|
</div>
|
|
</article>
|
|
<article class="team-card">
|
|
<div class="team-photo">
|
|
<img src="images/emily-chen.jpg" alt="Emily Chen" loading="lazy">
|
|
</div>
|
|
<div class="team-info">
|
|
<h3>Emily Chen</h3>
|
|
<p class="team-role">Pack Walker</p>
|
|
<p class="team-bio">Marathon runner turned dog walker who keeps every pup exercised and happy</p>
|
|
</div>
|
|
</article>
|
|
<article class="team-card">
|
|
<div class="team-photo">
|
|
<img src="images/david-okonkwo.jpg" alt="David Okonkwo" loading="lazy">
|
|
</div>
|
|
<div class="team-info">
|
|
<h3>David Okonkwo</h3>
|
|
<p class="team-role">Overnight Caretaker</p>
|
|
<p class="team-bio">Night owl who ensures dogs feel safe and cozy during sleepovers</p>
|
|
</div>
|
|
</article>
|
|
</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></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |