<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Business Listing Website</title>
<style>
body {font-family: Arial; margin:0;}
header {background:#333; color:#fff; padding:15px;}
nav a {color:#fff; margin:10px; text-decoration:none;}
section {padding:20px; display:none;}
.active {display:block;}
form input, form textarea, form select {display:block; margin:10px 0; padding:10px; width:100%;}
button {padding:10px 20px; background:#333; color:#fff; border:none;}
</style>
</head>
<body>
<header>
<h2>Business Listing</h2>
<nav>
<a href="#" onclick="showPage('home')">Home</a>
<a href="#" onclick="showPage('add')">Add Business</a>
<a href="#" onclick="showPage('contact')">Contact</a>
<a href="#" onclick="showPage('privacy')">Privacy Policy</a>
<a href="#" onclick="showPage('terms')">Terms</a>
<a href="#" onclick="showPage('disclaimer')">Disclaimer</a>
</nav>
</header>
<!-- HOME -->
<section id="home" class="active">
<h1>Welcome to Business Listing</h1>
<p>Find the best businesses, deals and services near you.</p>
<div id="listings"></div>
</section>
<!-- ADD BUSINESS -->
<section id="add">
<h1>Add Your Business</h1>
<form id="businessForm">
<input type="text" id="name" placeholder="Business Name" required>
<input type="text" id="category" placeholder="Category" required>
<input type="text" id="location" placeholder="Location" required>
<input type="text" id="phone" placeholder="Phone Number">
<input type="text" id="website" placeholder="Website URL">
<textarea id="description" placeholder="Description"></textarea>
<button type="submit">Submit</button>
</form>
</section>
<!-- CONTACT -->
<section id="contact">
<h1>Contact Us</h1>
<form>
<input type="text" placeholder="Your Name">
<input type="email" placeholder="Email">
<textarea placeholder="Message"></textarea>
<button>Send</button>
</form>
</section>
<!-- PRIVACY -->
<section id="privacy">
<h1>Privacy Policy</h1>
<p>Your data is safe with us. We do not share personal information.</p>
</section>
<!-- TERMS -->
<section id="terms">
<h1>Terms & Conditions</h1>
<p>By using this site, you agree to our terms and conditions.</p>
</section>
<!-- DISCLAIMER -->
<section id="disclaimer">
<h1>Disclaimer</h1>
<p>We are not responsible for business listings accuracy.</p>
</section>
<script>
function showPage(page) {
document.querySelectorAll('section').forEach(sec => sec.classList.remove('active'));
document.getElementById(page).classList.add('active');
}
let form = document.getElementById('businessForm');
let listingsDiv = document.getElementById('listings');
form.addEventListener('submit', function(e) {
e.preventDefault();
let name = document.getElementById('name').value;
let category = document.getElementById('category').value;
let location = document.getElementById('location').value;
let phone = document.getElementById('phone').value;
let website = document.getElementById('website').value;
let description = document.getElementById('description').value;
let listing = `
<div style="border:1px solid #ccc; padding:10px; margin:10px 0;">
<h3>${name}</h3>
<p><strong>Category:</strong> ${category}</p>
<p><strong>Location:</strong> ${location}</p>
<p><strong>Phone:</strong> ${phone}</p>
<p><strong>Website:</strong> ${website}</p>
<p>${description}</p>
</div>
`;
listingsDiv.innerHTML += listing;
form.reset();
showPage('home');
});
</script>
</body>
</html>
Business Listing
Welcome to Business Listing
Find the best businesses, deals and services near you.
Add Your Business
Contact Us
Privacy Policy
Your data is safe with us. We do not share personal information.
Terms & Conditions
By using this site, you agree to our terms and conditions.
Disclaimer
We are not responsible for business listings accuracy.