<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Farm</title>
<style>
:root {
--primary: #2e7d32;
--primary-dark: #1b5e20;
--accent: #f57c00;
--text: #333333;
--bg: #fafafa;
--card-bg: #ffffff;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: var(--text);
background-color: var(--bg);
line-height: 1.6;
}
header {
background-color: var(--primary);
color: white;
text-align: center;
padding: 4rem 1rem;
}
header h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}
header p {
font-size: 1.2rem;
opacity: 0.9;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 2rem 1rem;
}
section {
background: var(--card-bg);
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
margin-bottom: 2rem;
}
h2 {
color: var(--primary-dark);
margin-bottom: 1rem;
border-bottom: 2px solid #e0e0e0;
padding-bottom: 0.5rem;
}
ul {
list-style-type: none;
}
li {
padding: 0.5rem 0;
border-bottom: 1px solid #f0f0f0;
}
li:last-child {
border-bottom: none;
}
.contact-info p {
margin-bottom: 0.5rem;
}
.badge {
background-color: var(--accent);
color: white;
padding: 0.2rem 0.6rem;
border-radius: 4px;
font-size: 0.8rem;
font-weight: bold;
float: right;
}
footer {
text-align: center;
padding: 2rem;
color: #666;
font-size: 0.9rem;
}
</style>
</head>
<body>
<header>
<h1>Welcome to Our Farm</h1>
<p>Fresh, local, and sustainably grown produce.</p>
</header>
<div class="container">
<section id="about">
<h2>About Us</h2>
<p>We are a family-owned farm dedicated to providing our community with high-quality, fresh, and sustainably grown food. Our farming practices focus on environmental health, soil regeneration, and biodiversity.</p>
</section>
<section id="produce">
<h2>What We Offer</h2>
<ul>
<li>Seasonal Vegetables <span class="badge">Fresh</span></li>
<li>Organic Fruits</li>
<li>Farm-Fresh Eggs <span class="badge">Popular</span></li>
<li>Local Raw Honey</li>
</ul>
</section>
<section id="contact">
<h2>Contact & Location</h2>
<div class="contact-info">
<p><strong>📍 Address:</strong> 123 Farm Lane, Green Valley, Countryside</p>
<p><strong>📞 Phone:</strong> (555) 123-4567</p>
<p><strong>✉️ Email:</strong> info@yourfarmdomain.com</p>
<p><strong>⏰ Hours:</strong> Saturday & Sunday: 8:00 AM – 4:00 PM</p>
</div>
</section>
</div>
<footer>
<p>© 2026 Our Farm. All rights reserved.</p>
</footer>
</body>
</html>