File: /home/posscale/public_html/templates/pos_scales/index.html
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Poscale template</title>
<link href="css/ps_style.css" rel="stylesheet" type="text/css" />
</head>
<body id="tlink1">
<div class="all_container">
<!-- HEADER CONTAINER -->
<div class="header_container">
<!-- TOP LINK CONTAINER -->
<div class="link_container">
<ul class="mlinks">
<li id="toplink1">
<div class="mleft"></div>
<div class="mcenter"> <a href="#">SCALES</a> </div>
<div class="mright"></div>
</li>
<li id="toplink2">
<div class="mleft"></div>
<div class="mcenter"> <a href="#">TELEPHONY</a> </div>
<div class="mright"></div>
</li>
<li id="toplink3">
<div class="mleft"></div>
<div class="mcenter"> <a href="#">POS EQUIPMENT</a> </div>
<div class="mright"></div>
</li>
<li id="toplink4">
<div class="mleft"></div>
<div class="mcenter"> <a href="#">SURVEILLANCE</a> </div>
<div class="mright"></div>
</li>
</ul>
</div>
</div>
<!-- MIDDLE CONTAINER -->
<div class="middle_container">
<!-- Middle > LEFT CONTAINER -->
<div class="left_content_container">
<!-- LEFT BOX 1 -->
<div id="out">
<div class="l_heading_container">
<div class="l_heading_left"></div>
<h1 class="heading_content">Heading</h1>
<div class="l_heading_right"></div>
</div>
Content for class "middle_container" Goes Here
</div>
<!-- LEFT BOX 2 -->
<div id="out">
<div class="l_heading_container">
<div class="l_heading_left"></div>
<h1 class="heading_content">Heading</h1>
<div class="l_heading_right"></div>
</div>
Content for class "middle_container" Goes Here </div>
</div>
<div class="middle_content_container">
<div id="out">
<div class="m_heading_container">
<div class="m_heading_left"></div>
<h1 class="heading_content">Heading</h1>
<div class="m_heading_right"></div>
Content for class "middle_content_container" Goes Here
<!--
Extra box
class: x_box : to create another box according to width you wanna specify
Usage: define: style width - 8 for the the heading width
eg. <div class="x_box" style="width: 300px">
....
<div class="x_box_cheading style="width:292" >
-->
<div class="x_box" style="width:500px">
<div id="x_box_left"></div>
<div id="x_box_cheading" style="width:492px">
<div style="padding:5px">My heading</div>
</div>
<div id="x_box_right"></div>
<div id="x_box_content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere tellus. Quisque lobortis nisl at lectus. Morbi lobortis, nunc non bibendum tempor, metus metus elementum massa, imperdiet rutrum ipsum erat volutpat arcu. Vestibulum sit amet quam quis mi cursus pellentesque. Aenean dignissim, tell
</div>
</div>
<!-- Extra box -->
</div>
</div>
</div>
<!-- Middle > RIGHT CONTAINER -->
<div class="right_content_container">
<!-- RIGHT BOX 1 -->
<div id="out">
<div class="r_heading_container">
<div class="r_heading_left"></div>
<h1 class="heading_content">Heading</h1>
<div class="r_heading_right"></div>
</div>
Content for class "right_content_container" Goes Here
</div>
<!-- RIGHT BOX 2 -->
<div id="out">
<div class="r_heading_container">
<div class="r_heading_left"></div>
<h1 class="heading_content">Heading</h1>
<div class="r_heading_right"></div>
</div>
Content for class "right_content_container" Goes Here
</div>
</div>
<!-- FOOTER CONTAINER -->
<div class="footer_container">
<div style="padding:5px"> All right reserved © 2007 Pos Scales & Surveilance<br />
Web Designed by EBW | www.ebw.com.au
</div></div>
</div>
</body>
</html>