1. Technology

Free Web Template: Top Square Navigation Layout

The XHTML

By

Copy the XHTML into your document. Be sure to not copy the advertisement copy that may appear within the code.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>Squares XHTML CSS Layout</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <link href="styles.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
 <h1>Headline</h1>
 <div id="main">
 <div id="spacer"></div>
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, velit esse cillum
 dolore. Duis aute irure dolor ullamco laboris nisi sed do eiusmod tempor
 incididunt. Sunt in culpa eu fugiat nulla pariatur.</p>
 <p>Quis nostrud exercitation cupidatat non proident, duis aute irure dolor.
 Qui officia deserunt ut aliquip ex ea commodo consequat. Ullamco laboris
 nisi mollit anim id est laborum. Sunt in culpa eu fugiat nulla pariatur.</p>
 <p>Ut enim ad minim veniam, lorem ipsum dolor sit amet, excepteur sint occaecat.
 Ullamco laboris nisi sunt in culpa eu fugiat nulla pariatur. Duis aute irure
 dolor cupidatat non proident, ut enim ad minim veniam. Qui officia deserunt
 excepteur sint occaecat eu fugiat nulla pariatur.</p>
 <p>Sed do eiusmod tempor incididunt ut aliquip ex ea commodo consequat. Quis
 nostrud exercitation qui officia deserunt consectetur adipisicing elit. Consectetur
 adipisicing elit, quis nostrud exercitation duis aute irure dolor.</p>
 <p>Ullamco laboris nisi ut enim ad minim veniam, sed do eiusmod tempor incididunt.
 Ut aliquip ex ea commodo consequat. Consectetur adipisicing elit, lorem ipsum
 dolor sit amet, ullamco laboris nisi.</p>
 </div>
 <div id="nav">
 <p><a href="http://webdesign.about.com/">Navigation Link 1</a></p>
 <p><a href="http://webdesign.about.com/">Navigation Link 2</a></p>
 <p><a href="http://webdesign.about.com/">Navigation Link 3</a></p>
 <p><a href="http://webdesign.about.com/">Navigation Link 4 </a></p>
 </div>
 </body>
 </html> 

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

Return to Top Square Navigation Layout

More XHTML CSS Layout Templates

©2014 About.com. All rights reserved.