contact.html

<!DOCTYPE html>
<html>
<head>
	<title>My Webpage - Contact</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<header>
		<h1>Welcome to my webpage</h1>
		<nav>
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="about.html">About</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</nav>
		<button onclick="toggleDarkMode()">Dark Mode</button>
	</header>
	<main>
		<section id="contact">
			<h2>Contact Page</h2>
			<img src="https://www.example.com/images/contact.jpg" alt="Contact Image">
			<p>This is the contact page of my webpage.</p>
			<form action="#" method="post">
				<label for="name">Name:</label>
				<input type="text" id="name" name="name">
				<label for="email">Email:</label>
				<input type="email" id="email" name="email">
				<label for="message">Message:</label>
				<textarea id="message" name="message"></textarea>
				<button type="submit">Send Message</button>
			</form>
		</section>
	</main>
	<script src="script.js"></script>
</body>
</html>