<!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"> <!-- #BeginTemplate "dwt/site.dwt" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- #BeginEditable "doctitle" --> <title>Product One</title> <!-- #EndEditable --> <!-- #BeginEditable "headsection" --> <meta content="insert DESCRIPTION here" name="description" /> <!-- #EndEditable --> <meta http-equiv="Content-Language" content="en-us" /> <meta content="General" name="rating" /> <meta content="no" http-equiv="imagetoolbar" /> <meta content="Copyright 2010, Your Name" name="copyright" /> <link rel="stylesheet" type="text/css" href="styles/site.css" /> <!-- #BeginEditable "styleblock" --> <style type="text/css"> .product-table { background-color: #FFFFFF; width: 98%; } .product-table td { border-bottom: #7D8FB1 1px solid; } .product-table h2 { color: #922325; margin: 0px; font: bold 0.95em Arial, Helvetica, sans-serif; } .price { vertical-align: middle; text-align: center; padding: 5px; width: 15%; font-weight: bold; } .productdescription { vertical-align: top; text-align: left; padding: 5px; font-size: 0.85em; width: 83%; } .productdescription h2 { color: #922325; margin: 0px; font: bold 1em Arial, Helvetica, sans-serif; } .justify { text-align: justify; } </style> <link rel="stylesheet" href="cssmenutools/scripts/MTLB.css" type="text/css"/> <script src="cssmenutools/scripts/MTLB.js" type="text/javascript"><!-- MTLB_eUOSVVA --></script> <!-- any page level scripts go here --> <!-- #EndEditable --> <!-- ********************************* Design by: Expression Web Tutorials & Templates Release Date: September 2010 ********************************* --> <link rel="stylesheet" href="cssmenutools/scripts/MTHM.css" type="text/css" /> </head> <body> <!-- Page Container begins here --> <div id="outerWrapper"> <!-- Masthead begins here --> <div id="header"> </div> <!-- Masthead ends here --> <!-- Navigation begins here --> <div id="topNavigation"> <div id="MTHMFGYNRVADiv" class="MTHMFGYNRVAwrapper"> <div id="MTHMFGYNRVATop" class="MTHMFGYNRVAtop"> <div class="MTHMFGYNRVAtopmiddle"> <ul> <li class="MTHMFGYNRVAitem1" style="margin-left: 0px"><a href="index.html" title="Home"><span>Home</span></a></li> <li class="MTHMFGYNRVAitem1"><a href="about.html" title="About Us."><span>About</span></a></li> <li class="MTHMFGYNRVAitem2"><a href="#"><span>Products</span></a></li> <li class="MTHMFGYNRVAitem1"><a href="contact.html" title="Contact Us"><span>Contact</span></a></li> <li class="MTHMFGYNRVAitem1"><a href="links.html" title="Resourch Links."><span>Links</span></a></li> <li class="MTHMFGYNRVAitem1"><a href="search.html" title="Search Our Site."><span>Search</span></a></li> <li class="MTHMFGYNRVAitem1"><a href="site-map.html" title="Site Map."><span>Site Map</span></a></li> </ul> </div> </div> <script type="text/javascript" src="cssmenutools/scripts/MTHM.js">/* MTHMMenu script ID:MTHMFGYNRVA */</script> </div> </div> <!-- Navigation ends here --> <!-- Content Container begins here --> <div id="contentWrapper"> <!-- Left Side Column begins here --> <div id="leftColumn1"> <div id="search"> <p><strong>Search This Site</strong></p> <form id="myform" action="http://search.freefind.com/find.html" method="get"> <div> <input name="id" type="hidden" value="00000000" /><input name="pageid" type="hidden" value="r" /><input name="mode" type="hidden" value="all" /><input name="n" type="hidden" value="0" /><input class="cf" name="query" size="10" type="text" /> <input class="submit" type="submit" value=" Go " /> <br /> </div> </form> </div> <p>You can use this area for a secondary sectional navigation or place your banner ads, Google Ad Sense code, or other advertising here. </p> <p class="ctr"><img alt="Description of Image." src="images/100x100-image.jpg" width="132" height="100" /></p> <p class="ctr"><img alt="Description of Image." src="images/100x100-image.jpg" width="132" height="100" /></p> <div class="sidebox"> <p class="sideboxheading">Sales</p> <p>You can put news, announcements or whatever you want here. If you want this box to change from page to page, you will need to make it an editable region within the DWT.</p> </div> <p class="ctr"><img alt="Short description of image." src="images/150x150-image.jpg" width="150" height="150" /></p> </div> <!-- Left Side Column ends here --> <!-- Main Content Area begins here --> <div id="content"> <!-- #BeginEditable "content" --> <h1>Product One</h1> <p>This page is just an example of what you could do with your various products. It is a simple two column table with styling applied via the external style sheet. The thumbnails for the products are 100x100 pixels. The sample product image is a transparent gif.</p> <p>Clicking on the first thumbnail will take you an a sample individual product page. The Add to Cart and Buy Now buttons are available as red or black images.</p> <table class="product-table"> <tr> <td class="productdescription"> <h2>Product 1 Name</h2> <p class="justify">Kilohertz developer metafile resistor cache converter reducer kilohertz processor coordinated n-tier data kilohertz n-tier. Phaselockethernet, femtosecond, phaselock reducer processor extended disk cascading bridgeware system.</p> <p><img alt="Add to Cart." src="images/black-cart.png" width="114" height="38" /></p> </td> <td class="price">$10.99<br /> <a title="Product One." href="product-two.html"> <img alt="Product One - $10.99" src="images/100x100-product..gif" width="80" height="96" /></a><br /> </td> </tr> <tr> <td class="productdescription"> <h2>Product 2 Name</h2> <p class="justify">Kilohertz developer metafile resistor cache converter reducer kilohertz processor coordinated n-tier data kilohertz n-tier. Phaselock ethernet, femtosecond, phaselock reducer processor extended disk cascading bridgeware system.</p> <p><img alt="Add to Cart." src="images/black-cart.png" width="114" height="38" /></p> </td> <td class="price">$20.99<br /> <img alt="Product Two - $20.99" src="images/100x100-product..gif" width="80" height="96" /></td> </tr> <tr> <td class="productdescription"> <h2>Product 3 Name</h2> <p class="justify">Kilohertz developer metafile resistor cache converter reducer kilohertz processor coordinated n-tier data kilohertz n-tier. Phaselock ethernet, femtosecond, phaselock reducer processor extended disk cascading bridgeware system.</p> <p><img alt="Add to Cart." src="images/black-cart.png" width="114" height="38" /></p> </td> <td class="price">$30.99<br /> <img alt="Product Three - $30.99" src="images/100x100-product..gif" width="80" height="96" /></td> </tr> <tr> <td class="productdescription"> <h2>Product 4 Name</h2> <p class="justify">Kilohertz developer metafile resistor cache converter reducer kilohertz processor coordinated n-tier data kilohertz n-tier. Phaselock ethernet, femtosecond, phaselock reducer processor extended disk cascading bridgeware system.</p> <p><img alt="Add to Cart." src="images/black-cart.png" width="114" height="38" /></p> </td> <td class="price">$40.99<br /> <img alt="Product Four - $40.99" src="images/100x100-product..gif" width="80" height="96" /></td> </tr> </table> <p> </p> <!-- #EndEditable --></div> <!-- Main Content ends here --> <!-- Do NOT Delete or your footer will not fall below your content area --><br class="clearFloat" /> <br /> </div> <!-- Footer begins here --> <div id="footer"> <p><a title="Home." href="index.html">Home</a> | <a title="About Us." href="about.html">About</a> | <a title="Contact Us." href="contact.html">Contact</a> | <a title="Links." href="links.html">Links</a> | <a title="Search Our Site." href="search.html">Search</a> | <a title="Site Map." href="site-map.html">Site Map</a></p> <p>Copyright � 2010 Company Name. All Rights Reserved.</p> <p><a title="Copy and Paste the email address to your email editor to send me mail.">your-name<code>@</code>your-domain.com</a> | <a href="privacy-policy.html" title="Privacy Policy.">Privacy Policy</a></p> <p class="tinytxt">Template Design: <a title="Expression Web Tutorials & Templates." href="http://www.expression-web-tutorials.com/">Expression Web Tutorials & Templates</a></p> </div> <!-- Footer ends here --></div> <!-- Page Container ends here --> </body> <!-- #EndTemplate --> <!-- #EndTemplate --> </html>