120 lines
5.7 KiB
HTML
120 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Paws, Putts & Parasols - A Modern Web Experience</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header class="hero">
|
|
<div class="container">
|
|
<h1>Paws, Putts & Parasols</h1>
|
|
<p>Your ultimate destination for all things dogs, golf, and stylish umbrellas!</p>
|
|
<a href="#features" class="btn">Discover More</a>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="navbar">
|
|
<div class="container">
|
|
<a href="#" class="logo">🐾⛳☂️</a>
|
|
<ul>
|
|
<li><a href="#dogs">Dogs</a></li>
|
|
<li><a href="#golf">Golf</a></li>
|
|
<li><a href="#umbrellas">Umbrellas</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<section id="features" class="features-section">
|
|
<div class="container">
|
|
<h2>What We Offer</h2>
|
|
<div class="feature-grid">
|
|
<div class="feature-item">
|
|
<img src="https://via.placeholder.com/150/FFD700/FFFFFF?text=Happy+Dog" alt="Happy Dog">
|
|
<h3>Delightful Dog Companions</h3>
|
|
<p>Explore heartwarming stories and tips for your furry friends.</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<img src="https://via.placeholder.com/150/228B22/FFFFFF?text=Golf+Course" alt="Golf Course">
|
|
<h3>Perfect Your Putt</h3>
|
|
<p>Guides and gear for golf enthusiasts of all levels.</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<img src="https://via.placeholder.com/150/4682B4/FFFFFF?text=Stylish+Umbrella" alt="Stylish Umbrella">
|
|
<h3>Chic Umbrella Collections</h3>
|
|
<p>Stay dry and stylish with our curated selection of umbrellas.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="dogs" class="content-section bg-light">
|
|
<div class="container">
|
|
<h2>Our Canine Corner</h2>
|
|
<div class="content-flex">
|
|
<img src="https://via.placeholder.com/300/FF6347/FFFFFF?text=Dog+Playing" alt="Dog Playing" class="content-image">
|
|
<div>
|
|
<p>From playful puppies to loyal companions, dogs bring so much joy to our lives. Discover articles on dog training, health, and heartwarming rescue stories.</p>
|
|
<p>We believe every dog deserves a loving home and a happy life. Join our community of dog lovers!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="golf" class="content-section">
|
|
<div class="container">
|
|
<h2>The Green Fairway</h2>
|
|
<div class="content-flex reverse">
|
|
<img src="https://via.placeholder.com/300/3CB371/FFFFFF?text=Golf+Swing" alt="Golf Swing" class="content-image">
|
|
<div>
|
|
<p>Step onto the green and elevate your game. Our golf section offers tips from pros, reviews of the latest equipment, and insights into the world's most beautiful courses.</p>
|
|
<p>Whether you're a seasoned pro or just starting, find everything you need to improve your swing and enjoy the game.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="umbrellas" class="content-section bg-light">
|
|
<div class="container">
|
|
<h2>Under the Umbrella</h2>
|
|
<div class="content-flex">
|
|
<img src="https://via.placeholder.com/300/6A5ACD/FFFFFF?text=Colorful+Umbrella" alt="Colorful Umbrella" class="content-image">
|
|
<div>
|
|
<p>Don't let a little rain dampen your style! Our umbrella collection features designs for every occasion, from compact travel umbrellas to large, sturdy golf umbrellas.</p>
|
|
<p>Discover innovative features, durable materials, and vibrant patterns that make a statement.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="contact-section">
|
|
<div class="container">
|
|
<h2>Get in Touch</h2>
|
|
<p>Have questions or want to share your stories? We'd love to hear from you!</p>
|
|
<form class="contact-form">
|
|
<input type="text" placeholder="Your Name">
|
|
<input type="email" placeholder="Your Email">
|
|
<textarea placeholder="Your Message"></textarea>
|
|
<button type="submit" class="btn">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>© 2026 Paws, Putts & Parasols. All rights reserved.</p>
|
|
<div class="social-links">
|
|
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=FB" alt="Facebook"></a>
|
|
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=TW" alt="Twitter"></a>
|
|
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=IG" alt="Instagram"></a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|