<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heading Levels Example</title>
</head>
<body>
<h1 style="color: #2c3e50; text-align: center; margin-top: 20px;">
This is an H1 Heading
</h1>
<h2 style="color: #34495e; text-align: center; margin-top: 20px;">
This is an H2 Heading
</h2>
<h3 style="color: #7f8c8d; text-align: center; margin-top: 20px;">
This is an H3 Heading
</h3>
<h4 style="color: #95a5a6; text-align: center; margin-top: 20px;">
This is an H4 Heading
</h4>
<h5 style="color: #bdc3c7; text-align: center; margin-top: 20px;">
This is an H5 Heading
</h5>
<h6 style="color: #ecf0f1; text-align: center; margin-top: 20px;">
This is an H6 Heading
</h6>
</body>
</html>