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>FreezeAndBake</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. 		<div class="main">
  13. 			<!-- right column box -->
  14. 			<div class="right-col">
  15. 				<div class="content">
  16. 					<div class="top">background image</div>
  17. 					<div class="inner">
  18. 						<h1>Products</h1>
  19. 						<p>
  20. 							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
  21. 							euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad 
  22. 							minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut 
  23. 							aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in 
  24. 							vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis 
  25. 							at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril 
  26. 							delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
  27. 							euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad 
  28. 							minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut 
  29. 							aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in 
  30. 							vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis 
  31. 							at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril 
  32. 							delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
  33. 							euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad 
  34. 							minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut 
  35. 							aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in 
  36. 							vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis 
  37.  
  38. 						</p>
  39. 						<div class="product-cnt">
  40. 							<img src="images/img10.jpg" alt="#" />
  41. 							<div class="product-info">
  42. 								<h2>Croissants</h2>
  43. 								<p>
  44. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  45. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  46. 								</p>
  47. 								<p><strong>Items in group:</strong></p>
  48. 								<ul>
  49. 									<li><a href="#"><img src="images/img21.jpg" alt="#" /></a></li>
  50. 									<li><a href="#"><img src="images/img22.jpg" alt="#" /></a></li>
  51. 									<li><a href="#"><img src="images/img23.jpg" alt="#" /></a></li>
  52. 									<li><a href="#"><img src="images/img24.jpg" alt="#" /></a></li>
  53. 								</ul>
  54. 							</div>
  55. 						</div>
  56. 						<div class="product-cnt">
  57. 							<img src="images/img11.jpg" alt="#" />
  58. 							<div class="product-info">
  59. 								<h2>Bread Sorts</h2>
  60. 								<p>
  61. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  62. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  63. 								</p>
  64. 								<p><strong>Items in group:</strong></p>
  65. 								<ul>
  66. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  67. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  68. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  69. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  70. 								</ul>
  71. 							</div>
  72. 						</div>
  73. 						<div class="product-cnt">
  74. 							<img src="images/img12.jpg" alt="#" />
  75. 							<div class="product-info">
  76. 								<h2>Bread fron Wood Oven</h2>
  77. 								<p>
  78. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  79. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  80. 								</p>
  81. 								<p><strong>Items in group:</strong></p>
  82. 								<ul>
  83. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  84. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  85. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  86. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  87. 								</ul>
  88. 							</div>
  89. 						</div>
  90. 						<div class="product-cnt">
  91. 							<img src="images/img13.jpg" alt="#" />
  92. 							<div class="product-info">
  93. 								<h2>Bread for diabetes Patients</h2>
  94. 								<p>
  95. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  96. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  97. 								</p>
  98. 								<p><strong>Items in group:</strong></p>
  99. 								<ul>
  100. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  101. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  102. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  103. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  104. 								</ul>
  105. 							</div>
  106. 						</div>
  107. 						<div class="product-cnt">
  108. 							<img src="images/img14.jpg" alt="#" />
  109. 							<div class="product-info">
  110. 								<h2>Bread Rolls</h2>
  111. 								<p>
  112. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  113. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  114. 								</p>
  115. 								<p><strong>Items in group:</strong></p>
  116. 								<ul>
  117. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  118. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  119. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  120. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  121. 								</ul>
  122. 							</div>
  123. 						</div>
  124. 						<div class="product-cnt">
  125. 							<img src="images/img15.jpg" alt="#" />
  126. 							<div class="product-info">
  127. 								<h2>Bread Rolls and Sandwitches</h2>
  128. 								<p>
  129. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  130. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  131. 								</p>
  132. 								<p><strong>Items in group:</strong></p>
  133. 								<ul>
  134. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  135. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  136. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  137. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  138. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  139. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  140. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  141. 								</ul>
  142. 							</div>
  143. 						</div>
  144. 						<div class="product-cnt">
  145. 							<img src="images/img16.jpg" alt="#" />
  146. 							<div class="product-info">
  147. 								<h2>Apero Pastry</h2>
  148. 								<p>
  149. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  150. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  151. 								</p>
  152. 								<p><strong>Items in group:</strong></p>
  153. 								<ul>
  154. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  155. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  156. 								</ul>
  157. 							</div>
  158. 						</div>
  159. 						<div class="product-cnt">
  160. 							<img src="images/img17.jpg" alt="#" />
  161. 							<div class="product-info">
  162. 								<h2>Danish Pastry</h2>
  163. 								<p>
  164. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  165. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  166. 								</p>
  167. 								<p><strong>Items in group:</strong></p>
  168. 								<ul>
  169. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  170. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  171. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  172. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  173. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  174. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  175. 								</ul>
  176. 							</div>
  177. 						</div>
  178. 						<div class="product-cnt">
  179. 							<img src="images/img18.jpg" alt="#" />
  180. 							<div class="product-info">
  181. 								<h2>Sweet Croissant</h2>
  182. 								<p>
  183. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  184. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  185. 								</p>
  186. 								<p><strong>Items in group:</strong></p>
  187. 								<ul>
  188. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  189. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  190. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  191. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  192. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  193. 								</ul>
  194. 							</div>
  195. 						</div>
  196. 						<div class="product-cnt">
  197. 							<img src="images/img19.jpg" alt="#" />
  198. 							<div class="product-info">
  199. 								<h2>Cakes</h2>
  200. 								<p>
  201. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  202. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  203. 								</p>
  204. 								<p><strong>Items in group:</strong></p>
  205. 								<ul>
  206. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  207. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  208. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  209. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  210. 								</ul>
  211. 							</div>
  212. 						</div>
  213. 						<div class="product-cnt">
  214. 							<img src="images/img20.jpg" alt="#" />
  215. 							<div class="product-info">
  216. 								<h2>Quiches</h2>
  217. 								<p>
  218. 									Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
  219. 									nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
  220. 								</p>
  221. 								<p><strong>Items in group:</strong></p>
  222. 								<ul>
  223. 									<li><a href="#"><img src="images/img25.jpg" alt="#" /></a></li>
  224. 									<li><a href="#"><img src="images/img26.jpg" alt="#" /></a></li>
  225. 									<li><a href="#"><img src="images/img27.jpg" alt="#" /></a></li>
  226. 									<li><a href="#"><img src="images/img28.jpg" alt="#" /></a></li>
  227. 								</ul>
  228. 							</div>
  229. 						</div>
  230. 					</div>
  231. 					<div class="bottom">background image</div>
  232. 				</div>
  233. 				<!-- footer -->
  234. 				<div class="footer">
  235. 					<ul>
  236. 						<li><a href="#">About Us</a></li>
  237. 						<li><a href="#">Products</a></li>
  238. 						<li><a href="#">Services</a></li>
  239. 						<li><a href="#">Links</a></li>
  240. 					</ul>
  241. 					<p>
  242. 						2008 Copyright Freeze And Bake. All Rights Reserved. 
  243. 						<a href="#">Terms and Conditions</a> 
  244. 						<a href="#">Privacy Policy</a>
  245. 					</p>
  246. 					<p class="design">
  247. 						<span>designed</span> by <a href="http://www.kavoon.com">www.kavoon.com</a>
  248. 					</p>
  249. 				</div>
  250. 			</div>
  251. 			<!-- left column box -->
  252. 			<div class="left-col">
  253. 				<div class="menus-box">
  254. 					<ul class="lang">
  255. 						<li class="active"><a href="#">eng</a></li>
  256. 						<li><a href="#">rus</a></li>
  257. 					</ul>
  258. 					<ul class="menu">
  259. 						<li><a href="#">Home</a></li>
  260. 						<li>
  261. 							<a href="#">About Us</a>
  262. 							<ul>
  263. 								<li><a href="#">How we work</a></li>
  264. 								<li><a href="#">Who we are</a></li>
  265. 								<li><a href="#">What our products are</a></li>
  266. 							</ul>
  267. 						</li>
  268. 						<li class="active"><a href="#">Products</a></li>
  269. 						<li><a href="#">Services</a></li>
  270. 						<li><a href="#">Links</a></li>
  271. 					</ul>
  272. 				</div>
  273. 				<ul class="gallery">
  274. 					<li>&nbsp;</li>
  275. 					<li><a href="#"><img src="images/img1.jpg" alt="#" /></a></li>
  276. 					<li>&nbsp;</li>
  277. 					<li><a href="#"><img src="images/img2.jpg" alt="#" /></a></li>
  278. 					<li><a href="#"><img src="images/img3.jpg" alt="#" /></a></li>
  279. 					<li>&nbsp;</li>
  280. 					<li><a href="#"><img src="images/img4.jpg" alt="#" /></a></li>
  281. 					<li>&nbsp;</li>
  282. 					<li><a href="#"><img src="images/img5.jpg" alt="#" /></a></li>
  283. 					<li>&nbsp;</li>
  284. 					<li><a href="#"><img src="images/img6.jpg" alt="#" /></a></li>
  285. 					<li>&nbsp;</li>
  286. 					<li><a href="#"><img src="images/img7.jpg" alt="#" /></a></li>
  287. 					<li>&nbsp;</li>
  288. 					<li>&nbsp;</li>
  289. 					<li>&nbsp;</li>
  290. 					<li>&nbsp;</li>
  291. 					<li><a href="#"><img src="images/img8.jpg" alt="#" /></a></li>
  292. 					<li>&nbsp;</li>
  293. 					<li><a href="#"><img src="images/img9.jpg" alt="#" /></a></li>
  294. 					<li><a href="#">more</a></li>
  295. 				</ul>
  296. 			</div>
  297. 			<div class="product-top"><a href="#"><span>products</span></a></div>
  298. 			<div class="logo">FreezeAndBake</div>
  299. 		</div>
  300. 	</div>
  301. </body>
  302. </html>