You are on page 1of 4

<!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>Newspaper Theme - About Our Company</title>
<meta name="keywords" content="about us, our company, newspaper theme, free temp
lates, website design" />
<meta name="description" content="Newspaper Theme, About Us, Our Company, free C
SS template by templatemo.com" />
<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>
<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdri
ve.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_fil
e"]
})
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.templatemo.com">Free CSS Templates</a></
h1>
</div>
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Home</a></li>

<li><a href="about.html" class="selected">About</a>


<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu
1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu
2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu
3</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu
1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu
2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu
3</a></li>
<li><a href="http://www.templatemo.com/page/4">Sub menu
4</a></li>
<li><a href="http://www.templatemo.com/page/5">Sub menu
5</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
</div> <!-- end of header -->
<div id="content_top">
<div id="page_title">Who We Are</div>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search" name="q" size="10" id="searchf
ield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" id="searchbutton" ti
tle="Search" />
</form>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_content">
<h2>Duis iaculis purus a tellus ut </h2>
<p>Pellentesque scelerisque, massa sed fringilla suscipit, justo sapien
fringilla turpis, in pretium quam ipsum ac felis. Donec sodales molestie interdu
m. Aenean gravida ultricies varius. Duis consequat <a href="#">tempor mi sed</a>
sollicitudin. Morbi vehicula quam sit <a href="#">amet libero volutpat</a> cons
ectetur. Donec auctor ultricies egestas. Suspendisse potenti. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Praesent at pulvinar diam.</p>
<ul class="templatemo_list">
<li>Suspendisse vitae enim elementum eros scelerisque tempus.</l
i>
<li>Pellentesque quis nulla id orci malesuada porta posuere quis mas
sa.</li>
<li>Nunc vitae purus non augue scelerisque ultricies vitae et velit
quis.</li>
<li>Aliquam fermentum cursus risus aliquam erat volutpat.</li>

<li>Morbi a augue eget orci sodales blandit morbiet mi in adipiscing


.</li>
</ul>
<div class="cleaner h20"></div>
<h3>Pellentesque habitant morbi senectus</h3>
<p>Nam nec leo. Curabitur quis eros a arcu feugiat egestas. Nunc
sagittis, dui non porttitor tincidunt, mi tortor tincidunt sem, et aliquet mi t
ortor eu turpis. Ut nisi ligula, viverra ac, placerat sed, ultricies vitae, nequ
e. Morbi feugiat neque non odio eleifend pulvinar. Validate <a href="http://vali
dator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp;
<a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><stron
g>CSS</strong></a>.</p>
<div class="cleaner"></div>
<blockquote>Nunc quis luctus velit. Cum sociis natoque penatibus et magn
is dis parturient montes, nascetur ridiculus mus. Etiam condimentum rutrum nisi,
ut pellentesque augue rhoncus vel. Nullam vehicula vulputate leo ac luctus. Nun
c at odio sollicitudin mi varius consequat eget et diam.
</blockquote>
</div> <!-- end of content -->
<div id="templatemo_sidebar">
<div class="sb_box">
<h3>Categories</h3>
<ul class="sb_list">
<li><a href="#">Aliquam fermentum et</a></li>
<li><a href="#">Donec faucibus accumsan</a></li>
<li><a href="#">Fusce malesuada interdum</a></li>
<li><a href="#">Integer vel purus at dolor</a></li>
<li><a href="#">Phasellus auctor rhoncus</a></li>
<li><a href="#">Vestibulum eleifend est id</a></li>
</ul>
</div>
<div class="sb_box">
<h3>Testimonial</h3>
Pellentesque quis nulla id orci malesuada porta posuere quis massa.
Nunc vitae purus non augue scelerisque ultricies vitae et velit quis nulla id or
ci malesua. Curabitur nec turpis adipiscing arcu condimentum.
<div class="cleaner"></div>
<cite>Edward <a href="#"><span>- Flash Designer</span></a></cite>
<a href="#" class="more">More</a>
</div>
</div> <!-- end of sidebar -->
<div class="cleaner"></div>
<div id="templatemo_bottom">
<div class="col_4 col_f">
<h5>Recent Posts</h5>
<ul class="footer_link">
<li><a href="#">Nulla eget lacus mauris</a></li>
<li><a href="#">Proin elit velit, tristique</a></li>
<li><a href="#">Aliquam erat volutpat</a></li>
<li><a href="#">Ut porta, lacus at mattis</a></li>
<li><a href="#">Maecenas vel lacus id lacus</a></li>
</ul>
</div>
<div class="col_4">
<h5>Recent Comments</h5>
<ul class="footer_link">

<li><a href="#">Johny</a> on <a href="#">Nulla venenatis tempor


blandit</a></li>
<li><a href="#">Edward</a> on <a href="#">Curabitur imperdiet la
cus</a></li>
<li><a href="#">George</a> on <a href="#">Mauris eget lorem sagi
ttis leo</a></li>
<li><a href="#">Justin</a> on <a href="#">Vestibulum porttitor e
leifend</a></li>
<li><a href="#">Nelly</a> on <a href="#">Praesent nec dui nisl a
c eros</a></li>
</ul>
</div>
<div class="col_4">
<h5>Blogroll</h5>
<ul class="footer_link">
<li><a href="#">Suspendisse viverra leo vel</a></li>
<li><a href="#">Nulla et leo sed libero consequat </a></li>
<li><a href="#">Duis et libero non vestibulum</a></li>
<li><a href="#">Fusce tempor magna in quam</a></li>
<li><a href="http://www.templatemo.com">Free Website Templates</
a></li>
</ul>
</div>
<div class="col_4 col_l rmc">
<h5>Contact</h5>
<ul class="footer_link">
<li><a href="#" class="facebook social">Facebook</a></li>
<li><a href="#" class="linkedin social">Linkedin</a></li>
<li><a href="#" class="myspace social">Myspace</a></li>
<li><a href="#" class="youtube social">Youtube</a></li>
<li><a href="#" class="vimeo social">Vimeo</a></li>
</ul>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_footer">
Copyright 2048 <a href="#">Your Company Name</a> | Designed by <a href="
http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div>
</div>
</body>
</html>

You might also like