diff --git a/web/index.html b/web/index.html
index 43a7b6e..b07acd3 100644
--- a/web/index.html
+++ b/web/index.html
@@ -113,6 +113,27 @@
           </div>
         </div>
       </div>
+      <div class="dottes-transpose-container">
+        <div class="dottes-transpose-instrument">
+          <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name">
+            <h1>Alto recorder using C fingering</h1>
+          </div>
+          <div class="dottes-transpose-instrument-item dottes-transpose-how">
+            <p>Transpose down a fifth, or up a seventh depending on the
+              range in the tune. This allows players familiar with the
+              descant recorder to use the fingering they already know
+              when playing the alto recorder, rather than having to
+              learn F fingering.</p>
+          </div>
+          <div class="dottes-transpose-instrument-item dottes-transpose-tune-types">
+            <ul class="tune-type-list">
+              <li><a href="Morris-AltoRecorderCFingering">Morris</a></li>
+              <li><a href="Session-AltoRecorderCFingering">Session</a></li>
+              <li><a href="Library-AltoRecorderCFingering">Library</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
     </div>
 
     <div class="dottes-body">