add semantic elements to component sections

This commit is contained in:
Ray Elliott 2020-03-28 21:27:58 +00:00
parent 7db75292ea
commit c4ca65f634
4 changed files with 14 additions and 9 deletions

View File

@ -1,3 +1,4 @@
<section class="container max-w-full w-full h-screen bg-gray-300"> <article id="about" class="container max-w-full w-full h-screen bg-gray-300">
</section> <h2>About</h2>
</article>

View File

@ -1,3 +1,4 @@
<section class="container max-w-full w-full h-screen bg-gray-700"> <article id="contact" class="container max-w-full w-full h-screen bg-gray-700">
</section> <h2>Contact</h2>
</article>

View File

@ -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"> <article id="home">
{{ partial "blocks.html" . }} <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">
</section> {{ partial "blocks.html" . }}
</div>
</article>

View File

@ -1,3 +1,4 @@
<section class="container max-w-full w-full h-screen bg-gray-500"> <article id="services" class="container max-w-full w-full h-screen bg-gray-500">
</section> <h2>Services</h2>
</article>