use explicit sections on the contact page

static/contact.html

@@ -44,7 +44,8 @@
                 <a href="#contact">Contact</a>
             </h1>
 
-            <h2 id="contacting-the-project">
+            <section id="contacting-the-project">
+                <h2>
                     <a href="#contacting-the-project">Contacting the project</a>
                 </h2>
 
@@ -85,8 +86,10 @@
                 which is used for official announcements. The account of the lead developer is
                 <a href="https://twitter.com/DanielMicay">@DanielMicay</a> and is primarily focused on
                 the privacy and security research/engineering work on GrapheneOS.</p>
+            </section>
 
-            <h2 id="community">
+            <section id="community">
+                <h2>
                     <a href="#community">Community</a>
                 </h2>
 
@@ -96,8 +99,10 @@
                 bridged to Matrix and is available at #grapheneos:matrix.org for Matrix users.</p>
 
                 <p>The official subreddit is <a href="https://reddit.com/r/GrapheneOS">/r/GrapheneOS</a>.</p>
+            </section>
 
-            <h2 id="reporting-issues">
+            <section id="reporting-issues">
+                <h2>
                     <a href="#reporting-issues">Reporting issues</a>
                 </h2>
 
@@ -130,7 +135,7 @@
                     <li><a href="https://github.com/GrapheneOS/mail.grapheneos.org/issues">Mail server (mail.grapheneos.org) issue tracker</a></li>
                     <li><a href="https://github.com/GrapheneOS/time.grapheneos.org/issues">HTTPS time server (time.grapheneos.org) issue tracker</a></li>
                 </ul>
-
+            </section>
         </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>