/ Published in: Other
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" media="all" href="/css/reset-grid.css" /> <link rel="stylesheet" type="text/css" media="all" href="/css/layout.css" /> <link rel="stylesheet" type="text/css" media="all" href="/css/base.css" /> <link rel="stylesheet" type="text/css" media="all" href="/css/nav.css" /> </head> <body> <div class="container_16"> <div class="grid_16"> </div> <div class="grid_16"> <ul class="nav main"> <ul> </ul> </li> <ul> </ul> </li> <ul> </ul> </li> <ul> </ul> </li> <ul> </ul> </li> </ul> </div> <div class="grid_16"> </div> <div class="grid_16"> <div class="box"> <div class="block"> </div> </div><!-- end .box --> </div> <div class="grid_16"> <div class="box" id="kwick-box"> <div id="kwick"> <ul class="kwicks"> </ul> </div> </div><!-- end .box --> </div> <div class="grid_4"> <div class="box"> <div class="block" id="paragraphs"> </div> </div><!-- end .box --> <div class="box"> <div class="block" id="ajax-content"> Content loaded dynamically </div> </div><!-- end .box --> <div class="box menu"> <div class="block" id="section-menu"> <ul class="section menu"> <li> <dd> <ul class="submenu"> </ul> </dd> </li> <li> <dd> <ul class="submenu"> </ul> </dd> </li> <li> <dd> <ul class="submenu"> </ul> </dd> </li> <li> <dd> <ul class="submenu"> </ul> </dd> </li> </ul> </div> </div><!-- end .box .menu --> <div class="box"> <div class="block" id="list-items"> <ul class="menu"> </ul> <ul> </ul> <ol> </ol> </div> </div><!-- end .box --> </div><!-- end .grid_4 --> <div class="grid_7"> <div class="box"> <div class="block" id="accordian-block"> <div id="accordion"> <dd> <p>Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better.</p> </dd> <dd> <p>The words "design influences" can be understood as both a plural noun and as subject and verb. The plural noun speaks of those who have come before us and paved the way. The verb speaks of the responsibility of design to lead the way. By understanding where we have come from, we have a better idea of where we are going and, perhaps, where we should be heading.</p> </dd> <dd> <p>I have been inspired by the work of many who have pioneered advances in Web Standards, including <a href="http://www.thebignoob.com/" title="www.thebignoob.com">Ryan Sims, </dd> <dd> <p>The <a href="/fluid960gs/">Fluid 960 Grid System</a> templates have been built upon the work of Nathan Smith and his <a href="http://960.gs/">960 Grid System</a> using effects from the <a href="http://www.mootools.net/">Mootools</a> JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of <a href="http://www.transcendingcss.com/">Transcending CSS</a>, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the <a href="http://www.jasonsantamaria.com/archive/2004/05/24/grey_box_method.php">grey box method</a>.</p> </dd> </div><!-- end #accordion --> </div><!-- end .block --> </div><!-- end .box --> <div class="box"> <div class="block" id="blockquote"> </blockquote> </div> </div><!-- end .box --> <div class="box"> <div class="block" id="tables"> <table> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> </table> <table summary="This table includes examples of as many table elements as possible"> <colgroup> <col class="colA"> <col class="colB"> <col class="colC"> </colgroup> <thead> <tr> </tr> <tr> </tr> </thead> <tbody> <tr class="odd"> </tr> <tr> </tr> <tr class="odd"> </tr> <tr> </tr> <tr class="odd"> </tr> </tbody> <tfoot> <tr> </tr> <tr class="total"> </tr> </tfoot> </table> </div><!-- end .block --> </div><!-- end .box --> <div class="box"> <div class="block" id="forms"> <form action="confirm.html"> <fieldset class="login"> <input type="hidden" name="action" value="catview_register_submit" /> <input type="hidden" name="nextaction" value="catview_view_cart" /> <input type="hidden" name="nexttemplate" value="catview_goto_confirm.htm7" /> <input class="confirm button" type="submit" value="Confirm Availability" /> </fieldset> <fieldset> <select name=Reg_State class='WebForm_select'> </select> </p> <select name=Reg_Country> </select> </p> <input type="submit" value="Register" class="register-button" /> </fieldset> </form> </div><!-- end .block --> </div><!-- end .box --> </div><!-- end .grid_7 --> <div class="grid_5"> <div class="box"> <div class="block" id="search"> <form method="get" action="/cgi/perlfect/search/search.pl" class="search"> <p> <input name="p" value="1" type="hidden" /> <input name="lang" value="en" type="hidden" /> <input name="penalty" value="0" type="hidden" /> <input class="search text" name="q" type="text" /> <input class="search button" value="Search" type="submit" /> </p> </form> </div><!-- end .block --> </div><!-- end .box --> <div class="box"> <div class="block" id="login-forms"> <form action="login.html"> <fieldset class="login"> <input type="hidden" name="action" value="catview_login" /> <input type="hidden" name="nextaction" value="catview_view_cart" /> <input type="hidden" name="nexttemplate" value="catview_goto_confirm.htm7" /> <input type="hidden" name="CHG" value="1" /> <input class="login button" type="submit" value="Login" /> </fieldset> </form> <form action="register.html"> <fieldset> <input type="submit" value="Create Account" /> </fieldset> </form> </div><!-- end .block --> </div><!-- end .box --> <div class="box articles"> <div class="block" id="articles"> <div class="first article"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Visit site.</a></p> </div><!-- end .article --> <div class="article"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Visit site.</a></p> </div><!-- end .article --> <div class="article"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Visit site.</a></p> </div><!-- end .article --> </div><!-- end .block --> </div><!-- end .box --> </div><!-- end .grid_7 --> <div class="grid_16" id="site_info"> <div class="box"> </div><!-- end .box --> </div><!-- end .grid_16 --> </div><!-- end .container_16 --> </body> </html>