1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 	<title>Target</title>
  6. 	<style media="all" type="text/css">@import "css/all.css";</style>
  7. </head>
  8. <body>
  9. 	<!-- page -->
  10. 	<div id="page">
  11. 		<!-- header -->
  12. 		<div class="header">
  13. 			<!-- logo -->
  14. 			<div class="logo f-left">
  15. 				 Revealing the Cause
  16. 			</div>
  17. 			<div class="service f-right">
  18. 				<div class="search-box">
  19. 					<form action="#">
  20. 						<div class="search f-right">
  21. 							<input type="text" value="search" class="text" />
  22. 							<input type="image" src="images/search-btn.gif" title="search" class="button" />
  23. 						</div>
  24. 					</form>
  25. 					<ul class="f-right">
  26. 						<li><a href="#"><img src="images/home-ico.gif" alt="#" /></a></li>
  27. 						<li><a href="#"><img src="images/mail-ico.gif" alt="#" /></a></li>
  28. 						<li><a href="#"><img src="images/map-ico.gif" alt="#" /></a></li>
  29. 					</ul>
  30. 				</div>
  31. 				<form action="#">
  32. 					<div class="sign">
  33. 						<input type="text" value="sign in" class="text" />
  34. 						<input type="password" value="123456789" class="text" />
  35. 						<input type="image" src="images/sign-btn.gif" title="sign" class="button" />
  36. 					</div>
  37. 				</form>
  38. 				<p><a href="#">registration</a> | <a href="#">Forgot your password?</a></p>
  39. 			</div>
  40. 		</div>
  41. 		<ul class="menu">
  42. 			<li class="active"><a href="#"><span>home</span></a></li>
  43. 			<li><a href="#"><span>products &amp; solutions</span></a></li>
  44. 			<li><a href="#"><span>custumers</span></a></li>
  45. 			<li><a href="#"><span>partners</span></a></li>
  46. 			<li><a href="#"><span>company</span></a></li>
  47. 		</ul>
  48. 		<div class="promo">
  49. 			<h1>About Us</h1>
  50. 			<p>
  51. 				Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt 
  52. 				ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci 
  53. 				tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum 
  54. 				iriure dolor in hendrerit in vulputate velit esse molestie consequat <a href="#">more</a>
  55. 			</p>
  56. 		</div>
  57. 		<!-- content -->
  58. 		<div class="primary-content">
  59. 			<!-- left column box -->
  60. 			<div class="left-col f-left">
  61. 				<div class="tandem-box">
  62. 					<div class="box f-left">
  63. 						<img src="images/img1.jpg" alt="#" />
  64. 						<h2>Lorem ipsum</h2>
  65. 						<p>
  66. 							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
  67. 							euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad 
  68. 							minim  <a href="#">more</a> 
  69. 						</p>
  70. 					</div>
  71. 					<div class="box f-right">
  72. 						<img src="images/img2.jpg" alt="#" />
  73. 						<h2>Dolore magna</h2>
  74. 						<p>
  75. 							dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
  76. 							tincidunt ut laoreet dolore magna aliquam erat volutpat  <a href="#">more</a> 
  77. 						</p>
  78. 					</div>
  79. 				</div>
  80. 				<div class="only-txt">
  81. 					<h2>Nulla facilisis</h2>
  82. 					<p>
  83. 						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
  84. 						tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim  moexerci 
  85. 						tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem 
  86. 						vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum 
  87. 						dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui 
  88. 						<a class="red-link" href="#">blandit praesent</a> luptatum. Lorem ipsum dolor sit amet, consectetuer adipiscing 
  89. 						elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  90. 						Ut wisi enim ad minim  moexerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea 
  91. 						commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie 
  92. 						consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio 
  93. 						dignissim qui blandit praesent luptatum. <a href="#">more</a>
  94. 					</p>
  95. 				</div>
  96. 				<div class="img-txt">
  97. 					<img src="images/img3.jpg" alt="#" />
  98. 					<h2>Nulla facilisis</h2>
  99. 					<p>
  100. 						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt 
  101. 						ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim  moexerci tation ullamcorper 
  102. 						suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in 
  103. 						hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis 
  104. 						at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum <a href="#">more</a>.
  105. 					</p>
  106. 				</div>
  107. 			</div>
  108. 			<!-- right column box -->
  109. 			<div class="right-col f-right">
  110. 				<h3>News</h3>
  111. 				<ul class="news-list">
  112. 					<li>
  113. 						<small>14.04.2008</small>
  114. 						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 
  115. 						nibh euismod tincidunt volutpat. <a href="#">more</a>
  116. 					</li>
  117. 					<li>
  118. 						<small>11.04.2008</small>
  119. 						Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse 
  120. 						molestie consequat. <a href="#">more</a>
  121. 					</li>
  122. 					<li>
  123. 						<small>05.04.2008</small>
  124. 						Odio dignissim qui blandit praesent luptatum zzril delenit augue duis 
  125. 						dolore te feugait nulla facilisi. <a href="#">more</a>
  126. 					</li>
  127. 					<li>
  128. 						<small>11.04.2008</small>
  129. 						Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse 
  130. 						molestie consequat. <a href="#">more</a>
  131. 					</li>
  132. 				</ul>
  133. 				<div class="rss-box">
  134. 					<a class="red-link f-left" href="#">news archive &raquo;</a>
  135. 					<a class="f-right"><img src="images/rss-ico.jpg" alt="#" /></a>
  136. 				</div>
  137. 				<h3 class="mar-top">Featured</h3>
  138. 				<div class="featured">
  139. 					<p><strong><a href="#">Products &amp; Solutions</a></strong></p>
  140. 					<ul>
  141. 						<li><a href="#">Activity-Based Management</a></li>
  142. 						<li><a href="#">Analytics</a></li>
  143. 						<li><a href="#">Anti-Money Laundering</a></li>
  144. 						<li><a href="#">Business Intelligence</a></li>
  145. 						<li><a href="#">Customer Relationship Mgmt.</a></li>
  146. 						<li><a href="#">Data Integration &amp; ETL</a></li>
  147. 						<li><a href="#">Drug Development</a></li>
  148. 						<li><a href="#">Enterprise Intelligence Platform</a></li>
  149. 						<li><a href="#">Financial Intelligence/BPM</a></li>
  150. 					</ul>
  151. 				</div>
  152. 				<div class="rss-box">
  153. 					<a class="red-link f-left" href="#">more &raquo;</a>
  154. 					<a class="f-right"><img src="images/rss-ico.jpg" alt="#" /></a>
  155. 				</div>
  156. 			</div>
  157. 		</div>
  158. 		<!-- footer -->
  159. 		<div class="footer">
  160. 			<p>
  161. 				&copy; Copyright 2008 Target Analytics | <span class="kavoon">designed</span> 
  162. 				by <a href="http://www.kavoon.com">www.kavoon.com</a>
  163. 			</p>
  164. 		</div>
  165. 	</div>
  166. </body>
  167. </html>