{VERSION}2.0{/VERSION}
{FRAMEWORK}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>[TITLE]</TITLE>
<meta charset='utf-8'>
<meta name=DESCRIPTION content="[DESCRIPTION]">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="curvycorners.js"></script> 
<script src="activatables.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="tabs.css"/>
<link rel="stylesheet" type="text/css" href="WPS_content_boxes.css"/>
<style type="text/css">
html{height: 102%;}
table{align:center;}
div.inactive {display: none;}
p {
font-family:tahoma,arial; color:#004080; font-size:10pt; margin-left:4px; margin-right:4px;
}

td#logo {
background-image: url(./background.gif);
	width: [WIDTH];
	height: 160px; /* masks the content for no select, no input too */
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	opacity: .25; 
}
.language{
	text-align:center;
	font-family: times new roman,times,serif;
	position: relative;
	font-size:8pt;
}
#alabel{
	filter: alpha(opacity=100);
       opacity:1.0;
}
div.content {
   background-color:#[CONTENTBGCOLOR];
}
input {
   border: black solid 1px;
}
#proc {cursor: hand;}

ol#toc span {
    background: url(tabs.gif.[TABCOLOR]) 100% 0;
    display: block;
    padding-right: 10px;
    line-height: 2em;
    }

ol#toc a {
    background: #bdf url(tabs.gif.[TABCOLOR]);
    color: #008;/* 008  */
    display: block;
    float: left;
    height: 24PX; /* overall height of tab itself */
    padding-left: 10px;
    text-decoration: none;
}

</style>
</HEAD>

<BODY  bgcolor=#[BODYCOLOR]>
<CENTER>
<TABLE ID=MAIN style="width:[WIDTH];"><TR><TH>

<center>
<TABLE id=HEADER style="background-color:white; width:[WIDTH]; display: table;" 
cellspacing=0 cellpadding=0 class="htmtableborders"><TR><TH>

  <tr>
    <td bgcolor="#ffffff" id=logo>
<!--	<img src="logo.jpg">-->
   </td></tr>
	<tr>
    <td bgcolor=#[TITLEBG] align="center">
<hr size="2" color=#[THICKLINES] />
<hr size="1" color=#[THINLINES] />
<div id="alabel" ><font style="font-family:times; font-size:34pt; 
color:#[TITLECOLOR]; font-stretch:expanded;">[TITLE]</font></div>
<p id=moniker style="color:#[MONIKERCOLOR];">[MONIKER]<!--[TRADEMARK]--></p>
  <hr size="1" color=#[THINLINES] />
<hr size="2" color=#[THICKLINES] />
    </td>
  </tr>
<tr STYLE="margin-top:20px;"><td>
<tr STYLE="margin-top:20px;"><td>
<ol id="toc">
<!-- begin menu items in order of appearance-->
[LICODE]
<!-- end menuitems -->
</td></tr>

</TH></TR></TABLE>
</center>

<div id=INTRO>
<center>
<!-- appears above and with all menu items. cut table out if not want -->
<TABLE style="background-color:white; opacity:.9; width:[WIDTH]; display: table;"
 cellspacing=0 cellpadding=0; class=htmtableborders>

<TR><TD>anything placed here appears for all tabs</TD></TR>
</TABLE>
</center>
</div>
<!-- begin menuitems content -->

[DIVS]
<!-- end menuitems content -->
<HR NOSHADE SIZE=6 COLOR=#[BOTTOMLINE] width=[WIDTH]>
<font style="color:#000000; font-size:10pt;">
content &copy; <script type="text/javascript">
var year = new Date().getFullYear(); 
document.write(year);
</script> [TITLE]</font>
</TH></TR></TABLE>
</CENTER>
<!-- menuitems script -->
<script type="text/javascript">
activatables('page', [[ACTIVATABLES]]);
</script>
<!-- end menuitems script -->
{/FRAMEWORK}
{INPUT}
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="picker.js" type="text/javascript"></script>
<hr>
<form method=POST action="" name="colorform">
<CENTER>
<DIV ID=DELETE>
<table><tr><td class=outline bgcolor=white width=480>
<div style="margin:8px 10px 10px 16px;">
<p>title of your website - also places into &lt;title&gt; &lt;/title&gt;<br>
<input type=text name=TITLE size=44 value="[TITLE]"><br><br>
description for &lt;meta name=DESCRIPTION content=""&gt; in the head section<br>
<textarea cols=44 rows=4 name=DESCRIPTION style="border:thin solid #ccc;">[DESCRIPTION]</textarea>
<br><br>
write in a moniker.<br>
<!--
<input type=checkbox name=TM value=1 [CHECKED]> &trade;? check <a href="http://www.uspto.gov" target=_blank>uspto</a> for availability.<br>-->
<input type=text name=MONIKER size=66 value="[MONIKER]"><br><br>
place your menuitems in the box below top down fashion.<br>
got sub menu items? main menu item,sub menu item,sub meny item,...<br>
<textarea cols=44 rows=8 name=MENULIST style="border:thin solid #ccc;" wrap=virtual>[MENULIST]</textarea>
<br>
TAB COLOR <input type=text name=TABCOLOR value="[TABCOLOR]"> blue copper or gold<br><br>
<br>
select colors by clicking the palette icons on the rights. do not apply the hashtag (#). use only hex codes not generic names. </p>
PAGE BODY <input type=text name=BODYCOLOR value="[BODYCOLOR]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['BODYCOLOR'],0)"><img width="15" height="13" border="0" title="surrounding body color" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

CONTENT AREA <input type=text name=CONTENTBGCOLOR value="[CONTENTBGCOLOR]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['CONTENTBGCOLOR'],0)"><img width="15" height="13" border="0" title="content background" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

TITLE COLOR <input type=text name=TITLECOLOR value="[TITLECOLOR]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['TITLECOLOR'],0)"><img width="15" height="13" border="0" title="title color" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

TITLE BACKGROUND COLOR <input type=text name=TITLEBG value="[TITLEBG]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['TITLEBG'],0)"><img width="15" height="13" border="0" title="title background" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

MONIKER COLOR <input type=text name=MONIKERCOLOR value="[MONIKERCOLOR]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['MONIKERCOLOR'],0)"><img width="15" height="13" border="0" title="moniker text below the title" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

TITLE thin lines COLOR <input type=text name=THINLINES value="[THINLINES]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['THINLINES'],0)"><img width="15" height="13" border="0" title="thin lines at top of site above and below title" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>


TITLE THICK LINES COLOR <input type=text name=THICKLINES value="[THICKLINES]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['THICKLINES'],0)"><img width="15" height="13" border="0" title="THICK lines at top of site above and below title" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

VERY BOTTOM LINE COLOR <input type=text name=BOTTOMLINE value="[BOTTOMLINE]"> <a href="javascript:TCP.popup(document.forms['colorform'].elements['BOTTOMLINE'],0)"><img width="15" height="13" border="0" title="the line just above the copyright" alt="Click Here to Pick up the color" src="sel.gif"></a><br><br>

WEBPAGE WIDTH <input type=text name=WIDTH value="[WIDTH]"> be sure to suffix the integer with either % or px<br><br>

</div>

<div id=pointer>
<center>[BUTTONS] &nbsp;&nbsp;$[PRICE]</center>
</div>
<HR>
<div style="width:440px;"><p>
Websites are a work in progress. There will always be something that you will want to change. This site framework comes with required files. You should NOT change their names or content unless you are a near pro.
<ul>
<style>li {color:#660000;}</style>
<li>ALWAYS KEEP AN ORIGINAL COPY AS "filename.ext.ORI"</li>
<li> Always keep a working (as in "it works") backup as in "filename.ext.WK#"</li>
 <li>Keep all filenames for your working site framework in "lower case letters"!</li>
 <li>This framework has size resource limitations as it is delivered to the browser as a SINGLE PAGE. Test your site first.</li>
  <li>This framework combines css with tables. The table/s are used for location and size properties. They have some properties, incl width, set by inline style. The bottom line is width=.</li>
  <li>This framework is NOT guaranteed to be search engine friendly. </li>
  <li>Tabs should not be allowed to wrap; size the width for 1 row of tabs. </li>
  <li>This framework works fine with FireFoxes and msie 11. Outdated browsers (css unaware) may not render properly.</li>
  </ul>
  </p></div>
</td></tr></table>
</DIV>
</CENTER>
</form>
</BODY>
</HTML>
{/INPUT}

{TAGS}MENULIST|TITLE|DESCRIPTION|WIDTH|CONTENTBGCOLOR|BODYCOLOR|TITLEBG|THICKLINES|THINLINES|TITLECOLOR|MONIKERCOLOR|BOTTOMLINE|MONIKER|TABCOLOR{/TAGS}

{DEFAULTS}home#products,new,used,deals#contact us#locations,north,south,east,west|Your Website Title|Fast and Easy. Everything you need to get started is right here. A great website framework with flexible CSS + TABLE/DIV with a variety of adaptable features for anyone with a basic knowledge of HTML 3/4 and CSS coding. PHP is not required. The tabbing is the css magic of a hide/reveal implementation. Place your website onto a LINUX systems server to be sure.|756px|FAFDFE|F5F5FF|025cca|ffffff|ffffff|BDB15B|ffffff|000099|~ Plus Website Framework ~|blue{/DEFAULTS}

{EMAIL}{/EMAIL}
{LANGUAGE}en{/LANGUAGE}
{STYLE}plus{/STYLE}

{REGPRICE}0.00{/REGPRICE}
{PRODID}PLUS website framework{/PRODID}
{REGTERMS}digital products are not eligble for refunds{/REGTERMS}

{CBPRICE}0.00{/CBPRICE}
{CBTERMS}<img src=/images/free.gif height=30>BOX CODE TODAY!<a href="content_box_templates_demo.pdf" target=_blank> Lets you do stuff like this</a>{/CBTERMS}
{CBID}plus{/CBID}
{CBPAYLINK}<a href='http://plus.earnshare.pay.clickbank.net' target='cb'><img src = 'https://support.clickbank.com/attachments/token/rg98oigdtqg4kmw/?name=buy-now-logo-CC_150x40.gif'></a>{/CBPAYLINK}