1
1
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Business Name</title>
<style>
body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-
color: #f4f4f4; }
header { background: #333; color: #fff; padding: 10px 0; text-align:
center; }
nav { text-align: center; margin: 20px 0; }
nav a { margin: 0 15px; text-decoration: none; color: #333; font-weight:
bold; }
main { padding: 20px; }
footer { background: #333; color: #fff; text-align: center; padding: 10px
0; position: fixed; width: 100%; bottom: 0; }
</style>
</head>
<body>
<header>
<h1>Your Business Name</h1>
</header>
<nav>
<a href="#home">Home</a>
<a href="#services">Services</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<main>
<section id="home">
<h2>Welcome to Your Business</h2>
<p>Your welcome message goes here.</p>
</section>
<section id="services">
<h2>Our Services</h2>
<p>Details about your services.</p>
</section>
<section id="about">
<h2>About Us</h2>
<p>Information about your business.</p>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>How visitors can get in touch with you.</p>
</section>
</main>
<footer>
<p>© 2024 Your Business Name. All rights reserved.</p>
</footer>
</body>
</html>