simplify and use css grids
[~bandali/bndl.org] / index.html
index 3df0293..e0efc13 100644 (file)
     <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">corner on the interwebs</h2>
-    </header>
-    <section>
+    <main>
+      <header>
+        <h1 id="title">bandali's</h1>
+        <h2 id="subtitle">corner on the interwebs</h2>
+      </header>
       <h3>academia</h3>
       <h3>academia</h3>
-      <div class="section">
+      <section>
         <nav>
           <ul id="academia">
             <li><a href="cv">cv</a></li>
         <nav>
           <ul id="academia">
             <li><a href="cv">cv</a></li>
             <li><a href="research-interests">research interests</a></li>
           </ul>
         </nav>
             <li><a href="research-interests">research interests</a></li>
           </ul>
         </nav>
-      </div>
-    </section>
-    <section>
+      </section>
       <h3>personal</h3>
       <h3>personal</h3>
-      <div class="section">
+      <section>
         <nav>
           <ul id="personal">
             <li><a href="blog">blog</a></li>
         <nav>
           <ul id="personal">
             <li><a href="blog">blog</a></li>
@@ -38,7 +36,7 @@
             <li><a href="contact">contact</a></li>
           </ul>
         </nav>
             <li><a href="contact">contact</a></li>
           </ul>
         </nav>
-      </div>
-    </section>
+      </section>
+    </main>
   </body>
 </html>
   </body>
 </html>