Free Web Template: 2-Column Centered Flexible Width
Copy the XHTML into your HTML editor. Be sure to not copy the advertisement copy that may appear within the code.
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 website, 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.D106/]. Terms of use last modified 12/07/2008.
Return to 2-Column Centered Flexible Width Layout
More XHTML CSS Layout Templates
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>2-Column Centered Flexible Width Layout</title> <link type="text/css" href="styles.css" /> </head>
<body> <div id="container"> <h1>Headline</h1> <div id="thick-col"> <p>Duis aute irure dolor ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, quis nostrud exercitation sed do eiusmod tempor incididunt. Ut enim ad minim veniam, velit esse cillum dolore ullamco laboris nisi. Excepteur sint occaecat mollit anim id est laborum.</p> <p>Sunt in culpa cupidatat non proident, ut aliquip ex ea commodo consequat. Eu fugiat nulla pariatur. Velit esse cillum dolore lorem ipsum dolor sit amet, ut enim ad minim veniam. Velit esse cillum dolore ut enim ad minim veniam, eu fugiat nulla pariatur. Duis aute irure dolor cupidatat non proident, ut aliquip ex ea commodo consequat.</p> <p>Velit esse cillum dolore consectetur adipisicing elit, sed do eiusmod tempor incididunt. Excepteur sint occaecat in reprehenderit in voluptate quis nostrud exercitation. Velit esse cillum dolore ut labore et dolore magna aliqua.</p> <p>Mollit anim id est laborum. Consectetur adipisicing elit, ut aliquip ex ea commodo consequat. Duis aute irure dolor lorem ipsum dolor sit amet, ut enim ad minim veniam.</p> <p>Sed do eiusmod tempor incididunt ut aliquip ex ea commodo consequat. Cupidatat non proident, ullamco laboris nisi excepteur sint occaecat. In reprehenderit in voluptate consectetur adipisicing elit, eu fugiat nulla pariatur. Mollit anim id est laborum. Sunt in culpa velit esse cillum dolore quis nostrud exercitation.</p> <p>In reprehenderit in voluptate ut aliquip ex ea commodo consequat. Ut aliquip ex ea commodo consequat. Consectetur adipisicing elit, excepteur sint occaecat sunt in culpa. Sed do eiusmod tempor incididunt mollit anim id est laborum. Ut enim ad minim veniam, in reprehenderit in voluptate quis nostrud exercitation.</p> </div> <div id="thin-col"> <ul> <li>Lorem ipsum dolor sit amet</li> <li>Consectetur adipisicing elit</li> <li>Sed do eiusmod tempor incididunt</li> <li>Ut labore et dolore magna aliqua</li> <li>Ut enim ad minim veniam</li> </ul> <!-- * Be sure to validate your HTML and CSS before including these buttons * HTML Validator: http://webdesign.D106/od/validators/l/bl_validation.htm#htmlvalidator * CSS Validator: http://webdesign.D106/od/validators/l/bl_validation.htm#cssvalidator --> <p> <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px;" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a> </p> <p> <a href="http://jigsaw.w3.org/css-validator/"><img style="border:0;width:88px;height:31px;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </a> </p> </div> <h2>Sub-Head</h2> </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 website, 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.D106/]. Terms of use last modified 12/07/2008.
Return to 2-Column Centered Flexible Width Layout
More XHTML CSS Layout Templates
Source...