index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Welcome | MuseScore Notation Manual</title>
  <link rel="stylesheet" type="text/css" media="all" href="styles.css" />
  <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;1,300;1,500&display=swap" rel="stylesheet">
</head>

<body>
<header><a href="index.html">MuseScore Notation Manual</a></header>

<main>
<h1>Welcome</h1>
<p>Introductory waffle.</p><h2>Contents</h2><p>These are automatically generated, which is nice.</p><div class="toc"><div><h3><a href="notes.html">Notes</a></h3></div><div><h3><a href="beams.html">Beams</a></h3><ul><li><a href="tremolos.html">Tremolos</a></li></ul></div></div>
</main>

<footer><p>Simon Smith <em>&lt;s.smith@musescore.com&gt;</em></p></footer>
</body>
</html>