Untitled

<!DOCTYPE html>
<html>
<head>
	<title>My Simple Website</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			background-color: #f2f2f2;
			margin: 0;
			padding: 0;
		}
		header {
			background-color: #333;
			color: #fff;
			padding: 20px;
			text-align: center;
		}
		nav {
			background-color: #333;
			color: #fff;
			padding: 10px;
			text-align: center;
		}
		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		nav li {
			display: inline;
			padding: 10px;
		}
		nav a {
			color: #fff;
			text-decoration: none;
		}
		section {
			padding: 20px;
			text-align: center;
		}
		footer {
			background-color: #333;
			color: #fff;
			padding: 10px;
			text-align: center;
		}
	</style>
</head>
<body>
	<header>
		<h1>My Simple Website</h1>
	</header>
	<nav>
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>
	<section>
		<h2>Welcome to My Simple Website</h2>
		<p>This is a basic website created using HTML and CSS.</p>
	</section>
	<footer>
		<p>&copy; 2023 My Simple Website</p>
	</footer>
</body>
</html>
Editor is loading...