An HTML document has two* main parts:

  1. head – the element contains title and metadata of a web document
  2. body – the element contains the information that you want to display on a web page

componentz theme HTML structure:

<!DOCTYPE html>
<html>
 
   <head>

      <title>componentz WordPress Theme</title>

   </head>

   <body>
   
      <!-- Main Wrapper -->
      <div id="componentz-wrapper">
        
         <!-- Header Wrapper -->
         <header id="componentz-header">
         
            HEADER AREA

         </header><!-- Header Wrapper End -->

         <!-- Content Wrapper -->
         <main id="content" class="site-content" role="main">

            CONTENT AREA

         </main><!-- Content Wrapper End -->
         
         <!-- Footer Wrapper -->
         <footer id="componentz-footer">

            FOOTER AREA

         </footer><!-- Footer Wrapper End -->

      </div><!-- Main Wrapper End -->

   </body>

</html>