add html opening semantic (forgot to add this in before)
add header body footer separation comment
rearrange and separate buttons content and element to div so it will laid out nicely using the grid css
create new div to separate the body content