simplify and use css grids

[~bandali/bndl.org] / contact.html
diff --git a/contact.html b/contact.html

index 3c5bbf5..6741c69 100644 (file)
--- a/contact.html
+++ b/contact.html
@@ -10,12 +10,12 @@
      <link rel="stylesheet" href="/style.css" />
    </head>
    <body>
      <link rel="stylesheet" href="/style.css" />
    </head>
    <body>
-    <header>
-      <h1 id="title">bandali's</h1>
-      <h2 id="subtitle">contact info</h2>
-    </header>
-    <article>
-      <div class="section">
+    <main>
+      <header>
+        <h1 id="title">bandali's</h1>
+        <h2 id="subtitle">contact info</h2>
+      </header>
+      <section>
          <p>
            email is by far my preferred method of communication.  i may
            be contacted at bandali&nbsp;at&nbsp;gnu&nbsp;dot&nbsp;org.
          <p>
            email is by far my preferred method of communication.  i may
            be contacted at bandali&nbsp;at&nbsp;gnu&nbsp;dot&nbsp;org.
@@ -54,8 +54,10 @@
              </tr>
            </tbody>
          </table>
              </tr>
            </tbody>
          </table>
+      </section>
  
  
-        <h3>elsewhere</h3>
+      <h3>elsewhere</h3>
+      <section>
          <p>
            you may also find me at a few other places online.  stricken
            through accounts are those i don&rsquo;t use anymore, unless
          <p>
            you may also find me at a few other places online.  stricken
            through accounts are those i don&rsquo;t use anymore, unless
@@ -75,7 +77,7 @@
            <li><strike><a href="https://github.com/notbandali">notbandali</a> on github</strike></li>
            <li><strike><a href="https://twitter.com/notbandali">notbandali</a> on twitter</strike></li>
          </ul>
            <li><strike><a href="https://github.com/notbandali">notbandali</a> on github</strike></li>
            <li><strike><a href="https://twitter.com/notbandali">notbandali</a> on twitter</strike></li>
          </ul>
-      </div>
-    </article>
+      </section>
+    </main>
    </body>
  </html>
    </body>
  </html>