Enhance website with modern design, dogs, golf, and umbrella themes
This commit is contained in:
Agent Zero
120
dist/index.html
vendored
120
dist/index.html
vendored
@@ -1 +1,119 @@
|
||||
<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>My Basic Website</title>\n <link rel="stylesheet" href="style.css">\n</head>\n<body>\n <header>\n <h1>Welcome to My Basic Website!</h1>\n </header>\n <main>\n <p>This is a simple website created by Agent Zero.</p>\n <p>Feel free to explore!</p>\n </main>\n <footer>\n <p>© 2026 Agent Zero</p>\n </footer>\n</body>\n</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>
|
||||
|
||||
Reference in New Issue
Block a user