File: D:/HostingSpaces/PvdBoogaard/indoorski.nl/backup/oude-site/cms/templates/Generic/styleguide.html
<!DOCTYPE html PUBLIC "-//Template//ITE XHTML Extension//EN"
"http://www.buildertemplates.com/DTDs/ITEv1.3.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title class="tplvar-site-title">Sample Design Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Sample website description goes here." class="tplvar-site-metadescription-content" />
<meta name="keywords" content="sample, keywords, here" class="tplvar-site-metakeywords-content" />
<link href="styles/styles.css" type="text/css" rel="stylesheet" />
<link href="styles/beige.css" type="text/css" rel="stylesheet" class="tplvar-site-color-href" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styles/ie.css" />
<![endif]-->
<script type="text/javascript" src="http://localhost/pub515org/templates/Generic/flash/swfobject.js"></script>
</head>
<body>
<div id="Container">
<div id="Header" class="tplsection-top-after-block1">
<div id="flashcontent">Content for id (flashcontent)Goes Here<script type="text/javascript">
var so = new SWFObject("http://localhost/pub515org/templates/Generic/flash/header.swf", "mymovie", "980", "397", "8", "#FFFFFF");
so.write("flashcontent");
</script></div>
</div>
<!--{ignore/} Close header -->
<div id="Menu" block="list" blockstyle="Top Standard">
<ul class="tplrepeat-parent">
<li class="First tplrepeat-listitem-ifnochildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Home</a></li>
<li class="HasSubMenu tplrepeat-listitem-ifchildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Services</a>
<ul class='tplrepeat-parent2'>
<li class="tplrepeat-listitem2-ifnochildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a></li>
<li class="HasSubSubMenu tplrepeat-listitem2-ifchildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a>
<ul class='tplrepeat-parent3'>
<li class="tplrepeat-list3"><a href="#ExampleURL" class="tplvar-listitem3-url-href tplvar-listitem3-title tplvar-listitem3-target-target">More Information</a></li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li class="HasSubMenu"><a href="#">Clients</a>
<ul>
<li><a href="#">Sub option 1</a></li>
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
</ul>
</li>
<li class="HasSubMenu"><a href="#">Employment</a>
<ul>
<li><a href="#">Sub option 1</a></li>
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
<!--{/ignore}-->
</ul>
</div>
<!--{ignore/} Close menu -->
<div id="content" class="clearfix">
<div class="Left tplsection-left-prepend tplcond-hideif-1column">
<!--{ignore/} Start Left -->
<div class="Block SideBox HtmlBlock" block="customContent" blockstyle="Left Standard">
<h2 class="tplvar-customcontent-title">Sample Title HTML Box</h2>
<div class="BlockContent">
<p class="tplvar-customcontent-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis. Pellentesque tortor odio, molestie non, mollis non, tincidunt et, ante. Nam rutrum pede eget metus. Maecenas placerat posuere tortor. </p>
</div>
</div>
<div class="Block SideBox RSSBlock" block="rssLink" blockstyle="Standard">
<h2><a href="#" class="tpllang-SubscribeRSS tplvar-rsslink-pageurl-href">Subscribe to RSS</a></h2>
</div>
<div class="Block SideBox Search" block="smallSearch" blockstyle="Standard">
<h2><span class="tpllang-QuickSearch">Quick Search</span></h2>
<div class="BlockContent">
<form class="tplvar-smallsearch-pageurl-action tplflag-smallsearchform" id="smallSearchForm" action="" method="get">
<input type="text" id="smallSearch_Query" class="smallSearch_Query" name="search_Query" />
<input type="submit" value="Go" class="tpllang-SearchGo-value SearchGoButton" />
</form>
<p> <small><a href="#" class="tplvar-smallsearch-pageurl-href tpllang-AdvancedSearch AdvancedSearchLink">Advanced Search</a></small> </p>
</div>
</div>
<div class="Block SideBox" block="list" blockstyle="Left Standard">
<h2><span class="tplvar-list-title">Navigation Panel</span></h2>
<div class="BlockContent">
<ul class='tplrepeat-parent'>
<li class="First tplrepeat-listitem-ifnochildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Home</a></li>
<li class="HasSubMenu tplrepeat-listitem-ifchildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Services</a>
<ul class='tplrepeat-parent2'>
<li class="tplrepeat-listitem2-ifnochildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a></li>
<li class="HasSubSubMenu tplrepeat-listitem2-ifchildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a>
<ul class='tplrepeat-parent3'>
<li class="tplrepeat-list3"><a href="#ExampleURL" class="tplvar-listitem3-url-href tplvar-listitem3-title tplvar-listitem3-target-target">More Information</a></li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
<li><a href="#">List item 4</a></li>
<!--{/ignore}-->
</ul>
</div>
</div>
<div class="Block SideBox White" block="customContent" blockstyle="White with Image">
<h2><span class="tplvar-customcontent-title">Sample Title</span></h2>
<div class="BlockContent">
<p class="tplvar-customcontent-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis. Pellentesque tortor odio, molestie non, mollis non, tincidunt et, ante. Nam rutrum pede eget metus. Maecenas placerat posuere tortor. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipitlobortis nisl ut aliquip ex ea commodo consequat. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
</div>
<div class="Block SideBox Summary" block="list" blockstyle="Left Summary with Link">
<h2><span class="tplvar-list-title">Latest news</span></h2>
<div class="BlockContent">
<ul class="tplrepeat-parent">
<li class="tplrepeat-list"><span><small class="tplvar-listitem-publishdate">9 November 2008</small><span class="tplvar-listitem-summary">Contrary to popular belief, Lorem Ipsum is not simply random text.</span></span><a href="#" class="tplvar-listitem-url-href tplvar-listitem-target-target tpllang-ReadMore">Read More</a></li>
<!--{ignore}-->
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. <a href="#">Read more</a></li>
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. <a href="#">Read more</a></li>
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. <a href="#">Read more</a></li>
<!--{/ignore}-->
</ul>
</div>
</div>
<div block="customImage" blockstyle="Standard">
<div class="tplcond-ifimagenotlinked"> <img class="tplvar-image-path-src tplvar-image-label-alt tplvar-image-width-width tplvar-image-height-height" src="images/sampleSideImage.jpg" width="50" height="50" alt="Sample Image" /> </div>
<div class="tplcond-ifimagelinked"> <a href="http://www.example.com" target="_blank" class="tplvar-imagelink-url-href tplvar-imagelink-target-target"><img class="tplvar-image-path-src tplvar-image-label-alt tplvar-image-width-width tplvar-image-height-height" src="images/sampleSideImage.jpg" width="50" height="50" alt="Sample Image" /></a> </div>
</div>
</div>
<!--{ignore/} Close left -->
<div class="Content tplsection-middle-prepend tplcond-addcolumncounttoclass-tplWidthColumns">
<!--{ignore/} Start Content -->
<div class="Block Breadcrumb" block="breadcrumbTrail" blockstyle="Standard">
<ul class="tplrepeat-breadcrumb">
<li class="tplcond-breadcrumb-iflinked"><a href="#" class="tplvar-breadcrumb-url-href tplvar-breadcrumb-label">Home</a></li>
<!--{ignore}-->
<li><a href="#">Section</a></li>
<!--{/ignore}-->
<li class="tplcond-breadcrumb-ifnotlinked tplvar-breadcrumb-label">Page</li>
</ul>
</div>
<div class="Block CategoryPagination" block="pagingLinks" blockstyle="Standard">
<ul class="PagingList">
<li><a href="#" class="tplvar-paging-firstlink-href tpllang-First">« First</a></li>
<li><a href="#" class="tplvar-paging-prevlink-href tpllang-Previous">« Prev</a></li>
<li>Pages:</li>
<li class="tplrepeat-paging-iflinked"><a href="#" class="tplvar-paging-url-href tplvar-paging-number">1</a></li>
<!--{ignore}-->
<li><a href="#">2</a></li>
<!--{/ignore}-->
<li class="tplrepeat-paging-ifnotlinked tplvar-paging-number">3</li>
<!--{ignore}-->
<li><a href="#">4</a></li>
<!--{/ignore}-->
<li><a href="#" class="tplvar-paging-nextlink-href tpllang-Next">Next »</a></li>
<li><a href="#" class="tplvar-paging-lastlink-href tpllang-Last">Last »</a></li>
</ul>
</div>
<div class="Block SideBox" block="customContent" blockstyle="Middle Standard">
<h2><em class="tplvar-customcontent-title"><span>Sample Title HTML Box</span></em></h2>
<div class="BlockContent listSummary">
<p class="tplvar-customcontent-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis. Pellentesque tortor odio, molestie non, mollis non, tincidunt et, ante. Nam rutrum pede eget metus. Maecenas placerat posuere tortor. </p>
</div>
</div>
<div class="Block" block="list" blockstyle="Middle Standard">
<h2><span class="tplvar-list-title">Some Sort of List</span></h2>
<div class="BlockContent">
<div class='tplrepeat-parent'>
<div class="tplrepeat-list listRow">
<h3><a href="#blarg" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">List item 1</a></h3>
<ul class="PostDetails tplflag-listitem-contentdetails">
<li class="ContentType tplvar-listitem-contenttypename">Article</li>
<li class="ContentAuthors tplvar-listitem-authors"><a href="#">John Doe</a></li>
<li class="ContentPublishDate tplvar-listitem-publishdate">5/23/2008</li>
<li class="ContentCategories tplvar-listitem-categories"><a href="#">Category 1</a>, <a href="#">Category 2</a></li>
</ul>
<div class="tplvar-listitem-summary listSummary"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis. Pellentesque tortor odio, molestie non, mollis non, tincidunt et, ante. Nam rutrum pede eget metus. Maecenas placerat posuere tortor. </div>
</div>
</div>
</div>
</div>
<div class="Block" block="list" blockstyle="Middle Linked Title">
<div class="BlockContent listSummary">
<ul class='tplrepeat-parent'>
<li class="First tplrepeat-listitem-ifnochildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Home</a></li>
<li class="HasSubMenu tplrepeat-listitem-ifchildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Services</a>
<ul class='tplrepeat-parent2'>
<li class="tplrepeat-listitem2-ifnochildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a></li>
<li class="HasSubSubMenu tplrepeat-listitem2-ifchildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a>
<ul class='tplrepeat-parent3'>
<li class="tplrepeat-list3"><a href="#ExampleURL" class="tplvar-listitem3-url-href tplvar-listitem3-title tplvar-listitem3-target-target">More Information</a></li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
<li><a href="#">List item 4</a></li>
<!--{/ignore}-->
</ul>
</div>
</div>
<div class="Block ViewAuthorContainer" block="viewAuthor" blockstyle="Standard">
<h2 class="tplvar-author-name">John Doe</h2>
<img src="images/users/1.jpg" class="FloatRight tplvar-author-imageurl-src tplflag-author-image tplvar-author-imagewidth-width tplvar-author-imageheight-height" />
<div class="tplvar-author-biography"> </div>
<h3 class="tpllang-ContentByAuthor">Content by John Doe</h3>
<div class="tplflag-author-paging"> </div>
<div class="tplflag-author-contentlist"> </div>
<div class="tplflag-author-paging"> </div>
</div>
<div class="Block ViewContentContainer" block="viewContent" blockstyle="Standard">
<div class="tplflag-content-breadcrumb-replace"></div>
<h2 class="tplvar-content-title">Content Item Title</h2>
<ul class="ContentPostDetails tplflag-content-details">
<li class="ContentAuthors tplvar-content-authors">John Doe</li>
<li class="ContentPublishDate tplvar-content-publishdate">5/23/2008</li>
<li class="ContentCategories tplvar-content-categories">Category 1, Category 2</li>
</ul>
<div class="tplvar-content-content BodyContent"> </div>
<br />
<div class="tplflag-content-paging"> </div>
<div class="tplflag-content-modules ContentModulesContainer"> </div>
</div>
<div class="Block" block="rssPage" blockstyle="Standard">
<h2 class="tpllang-RSSPageTitle">RSS Feeds</h2>
<p class="tpllang-RSSPageIntro"> RSS feeds are used for syndicating regularly changing content on a web site, including this one. You can open an RSS feed using an <a href='http://www.google.com/search?hl=en&q=rss+reader&btnG=Google+Search&meta=' target='_blank'>RSS reader</a> and use it to see if there is any new content on this site or you can set up a server-side script to parse the feed and display it on your web site. </p>
<h3 class="tplcond-ifhascategoryfeeds tpllang-CategoryFeeds">Category RSS Feeds</h3>
<ul class="tplcond-ifhascategoryfeeds CategoryFeedList">
<li class="tplrepeat-categoryfeed FeedLink "><a href="#" target="_blank" class="tplvar-feedpage-url-href tplvar-feedpage-label tplvar-feedpage-indentstyle-styleprepend">Category Feed</a></li>
</ul>
<h3 class="tplcond-ifhasotherfeeds tpllang-OtherFeeds">Other RSS Feeds</h3>
<ul class="tplcond-ifhasotherfeeds OtherFeedList">
<li class="tplrepeat-otherfeed FeedLink"><a href="#" target="_blank" class="tplvar-feedpage-url-href tplvar-feedpage-label tplvar-feedpage-indentstyle-styleprepend">Other Feed</a></li>
</ul>
</div>
<div class="Block" block="advancedSearch" blockstyle="Standard">
<form action="#" method="get" class="tplvar-advancedsearch-pageurl-action" id="advancedSearchForm">
<input type="hidden" name="searchadvanced" id="advancedSearchForm_searchadvanced" value="0" class="tplflag-search-fromadvanced-value" />
<fieldset>
<legend>Advanced Search</legend>
<div class="HorizontalFormContainer">
<div class="tplvar-search-message Required"> </div>
<dl>
<dt><span class="Required">* </span>Search Query:</dt>
<dd>
<input type="text" name="search_Query" id="search_Query" class="tplvar-search-query-value" />
<small>(<a href="#" onclick='launchSearchTips();'>Search Tips</a>)</small></dd>
<dt class="searchToggleOptionsRow"></dt>
<dd class="searchToggleOptionsRow"><a id="toggleSearchOptionsLinkShow" class="SearchToggleLinkShow tplvar-search-showadvanced-styleprepend" onclick='ToggleSearchForm("show")' href="javascript:void(0)">Show Advanced Options</a><a id="toggleSearchOptionsLinkHide" onclick='ToggleSearchForm("hide")' class="SearchToggleLinkHide tplvar-search-hideadvanced-styleprepend tplflag-searchAdvancedOption" href="javascript:void(0)">Hide Advanced Options</a></dd>
<dt class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption"><span class="Required">* </span>Search Fields:</dt>
<dd class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">
<input type="checkbox" id="searchfield_title" name="searchfields[]" value='title' class="tplcond-search-titlecheckbox" checked="checked" />
<label for="searchfield_title" class="tpllang-searchFieldTitle">Title</label>
<input type="checkbox" id="searchfield_content" name="searchfields[]" value='content' class="tplcond-search-contentcheckbox" checked="checked" />
<label for="searchfield_content" class="tpllang-searchFieldContent">Content</label>
<input type="checkbox" id="searchfield_author" name="searchfields[]" value='author' class="tplcond-search-authorcheckbox" />
<label for="searchfield_author" class="tpllang-searchFieldAuthor">Author</label>
</dd>
<dt class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">Search Categories:</dt>
<dd class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">
<select name="search_categories[]" id="search_categories" size="5" multiple="multiple" class="tplflag-search-categorylist ISSelectReplacement">
<option value="Articles" selected="selected">All</option>
<option value="Blogs">Example Category 1</option>
<option value="Blogs"> -- Example Category 2</option>
<option value="Blogs">Example Category 3</option>
</select>
<div class="ISelectorClear"> </div>
</dd>
<dt class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">Search Content:</dt>
<dd class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">
<select name="search_contenttypes[]" id="search_contenttypes" size="5" multiple="multiple" class="tplflag-search-contenttypelist ISSelectReplacement">
<option value="Articles" selected="selected">Articles</option>
<option value="Blogs">Blogs</option>
</select>
<div class="ISelectorClear"> </div>
</dd>
<dt class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">Start Search From:</dt>
<dd class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">
<input id="search_startdate" class="tplvar-search-startdate-value" type="text" value="" name="search_startdate" />
</dd>
<dt class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">End Search On:</dt>
<dd class="tplvar-search-showadvanced-styleprepend tplflag-searchAdvancedOption">
<input id="search_enddate" class="tplvar-search-enddate-value" type="text" value="" name="search_enddate" />
</dd>
</dl>
<p class="Submit">
<input type="submit" value="Submit" class="Button tplvar-search-submitbuttonaction-onclick SubmitButton tpllang-Search" />
</p>
</div>
</fieldset>
</form>
<div id="search_results">
<h2 class="tpllang-SearchResultTitle tplcond-search-showifresults"></h2>
<div class="tplflag-search-paging"></div>
<div class="tplflag-search-results"></div>
<div class="tplflag-search-paging"></div>
</div>
</div>
<div class="Block" block="viewArchive" blockstyle="Standard">
<div class="tplflag-archive-breadcrumb-replace"></div>
<h2 class="tplvar-archive-title">Content Archive</h2>
<div class="tplflag-archive-subarchive SubCategoriesList"></div>
<div class="tplflag-archive-paging"></div>
<div class="tplflag-archive-contentlist ArchiveContentList"></div>
<div class="tplflag-archive-paging"></div>
</div>
<div class="Block" block="viewCategory" blockstyle="Standard">
<div class="tplflag-category-breadcrumb-replace"></div>
<h2 class="tplvar-category-title">Category Title</h2>
<div class="tplvar-category-description BodyContent"></div>
<div class="tplflag-category-subcategories SubCategoriesList"></div>
<div class="tplflag-category-paging"></div>
<div class="tplflag-category-contentlist CategoryContentList"></div>
<div class="tplflag-category-paging"></div>
</div>
<!--{ignore}-->
<div class="Block listSummary">
<!--{ignore/} These following elements are not part of blocks, but are just commonly styled elements used within different parts of the application -->
<h2>Heading 1 appears in this format</h2>
<h3>Heading 2 appears in this format</h3>
<h4>Heading 3 appears in this format</h4>
<h5>Heading 4 appears in this format</h5>
<p> Lorem ipsum dolor sit amet <a href="#">this is a link</a> do eiusmod tempor incididunt ut labore et dolore <em>this is highlighted text</em> consectetur adipisicing elit, <strong>this is bold text</strong> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<p class="Small"> This is small text, and <a href="#">this is a small link</a>. </p>
<p> <span class="FeedLink"><a href="#">RSS Feed Link</a></span> </p>
<p> <span class="HighlightedLink"><a href="#">Highlighted Link</a></span> </p>
<ul>
<li>This is a list item</li>
<li>This is a list item</li>
<li>This is a list item</li>
<li>This is a list item</li>
</ul>
<div class="Testimonial">
<div class="Testimonial_content"> This is a testimonial box - Lorem ipsum dolor sit amet sed Lorem ipsum dolor sit amet, cosecte tuer adipiscing elit, sed diam non-ummy nibh euismod tincidunt utlaor eet dolore magna aliquam eratvol. </div>
</div>
<p> This is a horizontal rule... </p>
<hr />
<p> This is the default table style... </p>
<table>
<tr>
<th> Default table header </th>
<th> Default table header </th>
<th> Default table header </th>
<th> Default table header </th>
</tr>
<tr class="odd">
<td> Default odd row table cell </td>
<td> Default odd row table cell </td>
<td> Default odd row table cell </td>
<td> Default odd row table cell </td>
</tr>
<tr class="even">
<td> Default even row table cell </td>
<td> Default even row table cell </td>
<td> Default even row table cell </td>
<td> Default even row table cell </td>
</tr>
<tr class="odd">
<td> Data </td>
<td> Data </td>
<td> Data </td>
<td> Data </td>
</tr>
<tr class="even">
<td> Data </td>
<td> Data </td>
<td> Data </td>
<td> Data </td>
</tr>
<tr class="odd">
<td> Data </td>
<td> Data </td>
<td> Data </td>
<td> Data </td>
</tr>
</table>
<div class="block">
<form action="" method="post">
<fieldset>
<legend>Horizontal Form Layout</legend>
<div class="HorizontalFormContainer">
<dl>
<dt><span class="Required">* </span>Email Address:</dt>
<dd>
<input type="text" name="name_field" id="name_field" />
</dd>
<dt><span class="Required">* </span>Password:</dt>
<dd>
<input type="password" name="pass_field" id="pass_field" />
</dd>
</dl>
<p class="Submit">
<input type="submit" value="Submit" class="Button" />
</p>
</div>
</fieldset>
</form>
</div>
<div class="block">
<form action="" method="post">
<fieldset>
<legend>Vertical Form Layout</legend>
<div class="VerticalFormContainer">
<dl>
<dt>Name:</dt>
<dd>
<input type="text" name="name_vertical" id="name_vertical" />
</dd>
<dt>Company:</dt>
<dd>
<input type="text" name="company_vertical" id="company_vertical" />
</dd>
<dt>Business Type:</dt>
<dd>
<select name="businesstype" id="businesstype23">
<option selected="selected">Please choose...</option>
<option>----------------------------------------------</option>
<option value="">Option 1</option>
<option value="">Option 2</option>
<option value="">Option 3</option>
</select>
</dd>
<dt>Address:</dt>
<dd>
<textarea cols="38" rows="4" name="address"></textarea>
</dd>
</dl>
<p class="Submit">
<input type="submit" value="Submit" class="Button" />
</p>
</div>
</fieldset>
</form>
</div>
</div>
<!--{/ignore}-->
</div>
<!--{ignore/} Close content -->
<div class="Right tplsection-right-prepend tplcond-hideif-1column-2columns">
<div class="Block SideBox HtmlBlock" block="customContent" blockstyle="Right Standard">
<h2><span class="tplvar-customcontent-title">Sample Title HTML Box</span></h2>
<div class="BlockContent">
<p class="tplvar-customcontent-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis. Pellentesque tortor odio, molestie non, mollis non, tincidunt et, ante. Nam rutrum pede eget metus. Maecenas placerat posuere tortor. </p>
</div>
</div>
<div class="Block SideBox" block="list" blockstyle="Right Standard">
<h2><span class="tplvar-list-title">Navigation Panel</span></h2>
<div class="BlockContent">
<ul class='tplrepeat-parent'>
<li class="First tplrepeat-listitem-ifnochildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Home</a></li>
<li class="HasSubMenu tplrepeat-listitem-ifchildren tplIsCurrentItem"><a href="#" class="tplvar-listitem-url-href tplvar-listitem-title tplvar-listitem-target-target">Services</a>
<ul class='tplrepeat-parent2'>
<li class="tplrepeat-listitem2-ifnochildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a></li>
<li class="HasSubSubMenu tplrepeat-listitem2-ifchildren"><a href="#ExampleURL" class="tplvar-listitem2-url-href tplvar-listitem2-title tplvar-listitem2-target-target">More Information</a>
<ul class='tplrepeat-parent3'>
<li class="tplrepeat-list3"><a href="#ExampleURL" class="tplvar-listitem3-url-href tplvar-listitem3-title tplvar-listitem3-target-target">More Information</a></li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">Sub option 2</a></li>
<li><a href="#">Sub option 3</a></li>
<!--{/ignore}-->
</ul>
</li>
<!--{ignore}-->
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
<li><a href="#">List item 4</a></li>
<!--{/ignore}-->
</ul>
</div>
</div>
<div class="Block SideBox White" block="customContent" blockstyle="White with Image">
<h2><span class="tplvar-customcontent-title">Sample Title</span></h2>
<div class="BlockContent">
<p class="tplContent"> Lorem ipsum dolor sit. </p>
</div>
</div>
<div class="Block SideBox Summary" block="list" blockstyle="Right Summary with Link">
<h2><span class="tplvar-list-title">Latest news</span></h2>
<div class="BlockContent">
<ul class="tplrepeat-parent">
<li class="tplrepeat-list"><span><small class="tplvar-listitem-publishdate">9 November 2008</small><span class="tplvar-listitem-summary">Contrary to popular belief, Lorem Ipsum is not simply random text.</span></span><a href="#" class="tplvar-listitem-url-href tplvar-listitem-target-target tpllang-ReadMore">Read More</a></li>
<!--{ignore}-->
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. <a href="#">Read more</a></li>
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. <a href="#">Read more</a></li>
<li>Contrary to popular belief, Lorem Ipsum is not simply random text. <a href="#">Read more</a></li>
<!--{/ignore}-->
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="Footer" class="tplsection-bottom-prepend-block1-block2">
<div id="footesr">
<div id="footertxt2">© 2009 Ncorp web studio pty Ltd. ACN:24 124 12545 | <a href="#">Prviacy</a> - T<a href="#">erms & Conditions</a></div>
<div class="validation" id="validations"><img src="images/w3c_xhtml.gif" alt="W3C XHTML 1.0" name="w3cXhtml" width="82" height="17" border="0" id="w3cXhtml" /> </div>
</div>
<div id="FooterList" block="list" blockStyle="Bottom Standard"> <span class="tplrepeat-parent"> <span class="tplrepeat-list"><a href="#blarg" class="tplvar-listitem-url-href tplvar-listitem-title">List item 1</a> <span class="tplcond-listitem-ifnotlast">| </span> </span>
<!--{ignore}-->
<span class=""><a href="#blarg" class="tplvar-listitem-url-href tplvar-listitem-title">List item 2</a> | </span><span class=""><a href="#blarg" class="tplvar-listitem-url-href tplvar-listitem-title">List item 4</a> | </span> <span class=""><a href="#blarg" class="tplvar-listitem-url-href tplvar-listitem-title">List item 5</a> | </span>
<!--{/ignore}-->
</span> </div>
</div>
<div class="phpdiv" id="phpdiv"><img src="images/footer_logo_windows.gif" alt="windows" width="126" height="45" class="footerlogo" /><img src="images/footer_logo_linux.gif" alt="linux" width="106" height="45" class="footerlogo" /> <img src="images/footer_logo_php.gif" alt="php" width="58" height="45" class="footerlogo" /><img src="images/footer_logo_mysql.gif" alt="mysql" width="80" height="45" class="footerlogo" /></div>
</body>
</html>