<!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>Pinky Template, CSS Template Design, Free Download</title>
<meta name="keywords" content="free design template, download web templates, Pinky Website, XHTML, CSS" />
<meta name="description" content="Pinky Template - Free CSS Template, Free XHTML CSS Design Layout" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_top_bg">
<div class="templatemo_container">
<!-- Free CSS Template is provided by www.htmldivcss.com -->
<div id="templatemo_header_top">
<div id="templatemo_logo">
<div id="templatemo_title">
<span class="white">
PINKY
</span>
<span class="pink">
TEMPLATE
</span>
<div id="templatemo_slogan">
Your website slogan text goes here
</div>
</div>
</div>
<div id="templatemo_search">
<form method="post" action="index.html">
<label>Search:</label>
<input name="search" value="Search ..." type="text" onfocus="clearText(this)" onblur="clearText(this)" class="textbox"/>
<input type="submit" name="Search" value="GO" class="button"/>
</form>
</div>
</div><!-- End Of Header Top-->
<div class="cleaner"></div>
<div id="templatemo_header_bottom">
<div id="templatemo_menu_section">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="cleaner"></div>
<div id="templatemo_header_textarea">
<h1><a href="#">Lorem Ipsum Dolor Sit Amet</a></h1>
<p>Conse ctetuer adip iscing elit. Nunc quis sem nec tellus blan dit tinci dunt.</p>
<div class="line"></div>
<h1><a href="#">Duis Vitae Velit Sed Dui Malesuada</a></h1>
<p>Dign issim. Do nec mollis aliq uet ligula. Maec enas adipi scing elem entum ipsum.</p>
<div class="line"></div>
<h1><a href="#">Pellentesque Vitae Magna</a></h1>
<p>Sed nec est. Suspe ndi sse a nibh tris tique jus to rhon cus volu tpat.</p>
</div>
</div><!-- End Of Header Bottom-->
<div class="cleaner_with_height"></div>
</div><!-- End Of Container -->
</div><!-- End Of Top Bg -->
<div id="templatemo_middle_bg">
<div class="templatemo_container">
<div id="templatemo_three_col">
<div class="templatemo_column">
<div class="templatemo_section">
<div class="templatemo_title_pink">WELCOME TO OUR WEBSITE</div>
<h1>Suspendisse a nibh tristique</h1>
<p>This website template is provided by <a href="http://www.htmldivcss.com" target="_parent">模板在线</a>. You may download, edit and apply this website layout for your websites. Credit goes to <a href="#" target="_blank">Free Photos</a> for photos used in this template.</p>
<p><b>Lorem ipsum dolor sit amet,</b> con sec tet uer adip iscing elit. Nunc quis sem nec tellus blandit tinc idunt. Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. </p>
</div>
<div class="templatemo_section">
<div class="title">
<span class="title_text">SERVICES</span>
</div>
<p>Nulla enim nibh, con sec tet uer sed, vest bu lum eleme ntum, sag ittis nec, diam. Mau ris blan dit vehi cula neque. Proin consec tetuer. </p>
<p>Donec vene natis. Cras urna metus, feu giat non, consec tetuer quis, pretium quis, nunc. Nu llam pede purus, tempor a, impe rediet in, port titor at, nulla.</p>
<ul>
<li><a href="#">Aliquam elit risus, Volutpat quis, mattis ac</a></li>
<li><a href="#">Elementum eget, mauris</a></li>
<li><a href="#">In hac habitasse platea dictumst</a></li>
<li><a href="#">Phasellus tincidunt, tortor lacinia blandit</a></li>
</ul>
</div><!-- End Of Section -->
</div><!-- End Of Column -->
<div class="templatemo_column">
<div class="templatemo_section">
<div class="title">
<span class="title_text">ABOUT US</span>
</div>
<p><img alt="Camera" src="images/templatemo_thumb_1.jpg" />Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. Aenean cursus. Maec enas aliquam, ligula id egestas</p>
<p>Suscipit, nisi sapien dignissim nibh, ac vestibulum lorem urna in neque. Aenean eget tortor eget ipsum aliquet porta. Vestibulum quis pede non urna vene natis vehicula. Praesent vel diam.</p>
</div><!-- End Of Section -->
<div class="templatemo_section">
<div class="title">
<span class="title_text">PRODUCTS</span>
</div>
<div class="templatemo_product_box">
<div class="templatemo_porduct_image">
<img alt="Product" src="images/templatemo_thumb_2.jpg" />
</div>
<div class="templatemo_porduct_description">
Pellentesque tempus sapien nec sem commodo ullamcorper. Aenean neque. Cras feugiat. In ut ante.
</div>
<div class="cleaner_with_height"></div>
</div>
<div class="templatemo_product_box">
<div class="templatemo_porduct_image">
<img alt="Product" src="images/templatemo_thumb_3.jpg" />
</div>
<div class="templatemo_porduct_description">
Aen ean eget tour to to eget ipsum aliq tuet porta. Vesti bulum quis pede non urna vene natis vehicula.
</div>
<div class=