HTML Sitemap Generator

A complete sitemap.html file you can upload as it is.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Site Map</title>
<style>
  body { font-family: system-ui, sans-serif; max-width: 800px; margin: 2rem auto; padding: 0 1rem; color: #111; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.25rem; margin-top: 2rem; padding-bottom: 0.5rem; border-bottom: 1px solid #eee; }
  h2 small { font-weight: normal; color: #666; font-size: 0.8em; }
  ul { list-style: none; padding: 0; }
  ul ul { padding-left: 1.25rem; border-left: 1px solid #eee; }
  li { padding: 0.3rem 0; }
  a { color: #4F46E5; text-decoration: none; }
  a:hover { text-decoration: underline; }
</style>
</head>
<body>
<h1>Site Map</h1>
<nav class="html-sitemap" aria-label="Site Map">
<section>
<h2>Main pages <small>(3)</small></h2>
<ul>
  <li><a href="https://example.com/">Home</a></li>
  <li><a href="https://example.com/about">About</a></li>
  <li><a href="https://example.com/contact">Contact</a></li>
</ul>
</section>
<section>
<h2>Blog <small>(2)</small></h2>
<ul>
  <li><a href="https://example.com/blog">Blog</a></li>
  <li><a href="https://example.com/blog/post-1">Post 1</a></li>
</ul>
</section>
</nav>
</body>
</html>