<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
main {
padding: 20px;
}
img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Web Page</h1>
</header>
<main>
<h2>About Me</h2>
<p>Hello, I am John Doe. I love web development and creating awesome websites.</p>
<h2>My Hobbies</h2>
<ul>
<li>Coding</li>
<li>Reading</li>
<li>Playing Guitar</li>
</ul>
<h2>My Favorite Place</h2>
<p>I enjoy spending time at the beach, relaxing and enjoying the sound of waves.</p>
<img src="https://example.com/beach.jpg" alt="Beach">
</main>
</body>
</html>