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>