New Page  |  Edit Page

 

Example Page

An Example Three Column Web-Log.

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
  <meta />
  <base />
  <link />
  <script></script>
</head>
<body>
  <header id="html_body_header">
    <h1>Master Header</h1>
    <p>Site-Icon, Site-Name, Etc.</p>
  </header>
  <noscript>
	  For full functionality of this site it is necessary to enable JavaScript.
  </noscript>
  <nav id="html_body_nav">
    <h1>Main Navigation</h1>
    <p>Pages can have more than one Nav Element.</p>
  </nav>
  <main>
    <section id="html_body_main_left-sidebar">
      <h1>Left Sidebar</h1>
      <p>Sections are used to...</p>
    </section>
    <section id="html_body_main_center-content">
      <h1>Center Content</h1>
      <article id="weblog-post-2346">
        <header>
          <h1>Article Name</h1>
        </header>
        <section>
          <p>Articles should be complete on their own.</p>
          <p>Documents can have sub-headers.</p>
          <p>Sections can have Articles, and vice versa.</p>
          <p>Documents can have sub-footers.</p>
        </section>
        <aside>
          <p>An Aside element is used for related info.</p>
        </aside>
        <footer>
          <cite>Author Name</cite>
          <address>The Inter-Webs</address>
        </footer>
      </article>
      <article id="weblog-post-2347">
        <header>
          <h1>Article Name</h1>
        </header>
        <section>
          <p>Nesting Elements uses two spaces.</p>
          <p>Tabs are a common option for spacing.</p>
        </section>
        <aside>
          <p>Pleasant coding practices make for...</p>
        </aside>
        <footer>
          <cite>Author Name</cite>
          <address>The Inter-Webs</address>
        </footer>
      </article>
    </section>
    <section id="html_body_main_right-sidebar">
      <h1>Right Sidebar</h1>
    </section>
  </main>
  <footer id="html_body_footer">
    <p>Copyright Data</p>
  </footer>
  <script></script>
</body>
</html>