<!DOCTYPE html>
<html>
<head>
<title>My Demo Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Demo Page</h1>
</header>
<div class="container">
<h2>This is a Sample Web Page</h2>
<p>Feel free to explore the features of HTMLify!</p>
<button onclick="showAlert()">Click Me</button>
</div>
<script>
function showAlert() {
alert('Hello, World! This is a JavaScript alert.');
}
</script>
</body>
</html>