diff --git a/site/layouts/partials/about.html b/site/layouts/partials/about.html
index 92e216c..af6a826 100644
--- a/site/layouts/partials/about.html
+++ b/site/layouts/partials/about.html
@@ -1,3 +1,4 @@
-<section class="container max-w-full w-full h-screen bg-gray-300">
-</section>
+<article id="about" class="container max-w-full w-full h-screen bg-gray-300">
+  <h2>About</h2>
+</article>
 
diff --git a/site/layouts/partials/contact.html b/site/layouts/partials/contact.html
index c4a0cc2..9d87216 100644
--- a/site/layouts/partials/contact.html
+++ b/site/layouts/partials/contact.html
@@ -1,3 +1,4 @@
-<section class="container max-w-full w-full h-screen bg-gray-700">
-</section>
+<article id="contact" class="container max-w-full w-full h-screen bg-gray-700">
+  <h2>Contact</h2>
+</article>
 
diff --git a/site/layouts/partials/hero.html b/site/layouts/partials/hero.html
index 1d6d15a..d0ff173 100644
--- a/site/layouts/partials/hero.html
+++ b/site/layouts/partials/hero.html
@@ -1,3 +1,5 @@
-<section id="js-block-parent" class="container max-w-full w-full h-screen bg-gray-100 flex flex-wrap items-center justify-center content-around justify-around">
-  {{ partial "blocks.html" . }}
-</section>
+<article id="home">
+  <div id="js-block-parent" class="container max-w-full w-full h-screen bg-gray-100 flex flex-wrap items-center justify-center content-around justify-around">
+    {{ partial "blocks.html" . }}
+  </div>
+</article>
diff --git a/site/layouts/partials/services.html b/site/layouts/partials/services.html
index efde827..3bde92f 100644
--- a/site/layouts/partials/services.html
+++ b/site/layouts/partials/services.html
@@ -1,3 +1,4 @@
-<section class="container max-w-full w-full h-screen bg-gray-500">
-</section>
+<article id="services" class="container max-w-full w-full h-screen bg-gray-500">
+  <h2>Services</h2>
+</article>