1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>MKA</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/lt7.css" media="screen"/><![endif]-->
  8. </head>
  9. <body>
  10. 	<div class="main">
  11. 		<div class="main-inn">
  12. 			<div class="main-inn2">
  13. 				<!-- page -->
  14. 				<div id="page">
  15. 					<!-- header -->
  16. 					<div class="header">
  17. 						<!-- logo -->
  18. 						<h1 class="logo"><a href="#">MKA</a></h1>
  19. 						<ul class="menu">
  20. 							<li><a class="home" href="index.html">home</a></li>
  21. 							<li><a class="portfolio" href="portfolio.html">portfolio</a></li>
  22. 							<li><a class="services" href="#">services</a></li>
  23. 							<li class="active"><a class="blog" href="blog.html">blog</a></li>
  24. 						</ul>
  25. 					</div>
  26. 					<!-- content -->
  27. 					<div class="blog-box">
  28. 						<div class="blog-top">&nbsp;</div>
  29. 						<div class="blog-cnt">
  30. 							<div class="blog-cnt-inn">
  31. 								<div class="blog-txt">
  32. 									<h2><a href="#">Best Tutorials For Cinematic Visual Effects</a></h2>
  33. 									<p>
  34. 										It doesn't matter whether you are a designer, a developer, an artist or an amateur learner – at 
  35. 										some point you need to improve the quality of the original picture or video. You may want to 
  36. 										retouch and enhance his or her photographs and videos, make it look better, more spectacular 
  37. 										and more original. It could be for personal or commercial use. Most of us know how to edit and 
  38. 										enhance the digital photographs using our favorite image editing software. But when it comes to 
  39. 										videos, the techniques are completely different from that of classic image editing.
  40. 									</p>
  41. 									<div class="posted">
  42. 										<a class="comments" href="#">comments 15</a>
  43. 										<p>
  44. 											Posted in <a href="#">Website design</a> on May 11th 2009 by <a href="#">MKAtec</a>
  45. 										</p>
  46. 										<p class="tags">
  47. 											Tags: <a href="#">Misc</a>, Resources, Themes, Downloads
  48. 										</p>
  49. 									</div>
  50. 									<h2><a href="#">Ukrainian web design studio Kavoon. It rocks!</a></h2>
  51. 									<a href="#"><img src="images/img07.jpg" alt="#" /></a>
  52. 									<p>
  53. 										You may want to retouch and enhance his or her photographs and videos, make it look better, more 
  54. 										spectacular and more original.
  55. 									</p>
  56. 									<div class="posted">
  57. 										<a class="comments" href="#">comments 7</a>
  58. 										<p>
  59. 											Posted in <a href="#">Website design</a> on May 11th 2009 by <a href="#">MKAtec</a>
  60. 										</p>
  61. 										<p class="tags">
  62. 											Tags: <a href="#">Misc</a>, Resources, Themes, Downloads
  63. 										</p>
  64. 									</div>
  65. 									<h2><a href="#">Best Tutorials For Cinematic Visual Effects</a></h2>
  66. 									<p>
  67. 										It doesn't matter whether you are a designer, a developer, an artist or an amateur learner – at some 
  68. 										point you need to improve the quality of the original picture or video. You may want to retouch and 
  69. 										enhance his or her photographs and videos, make it look better, more spectacular and more original. 
  70. 										It could be for personal or commercial use. Most of us know how to edit and enhance the digital photographs 
  71. 										using our favorite image editing software. But when it comes to videos, the techniques are completely 
  72. 										different from that of classic image editing.
  73. 									</p>
  74. 									<div class="posted">
  75. 										<a class="comments" href="#">comments 15</a>
  76. 										<p>
  77. 											Posted in <a href="#">Website design</a> on May 11th 2009 by <a href="#">MKAtec</a>
  78. 										</p>
  79. 										<p class="tags">
  80. 											Tags: <a href="#">Misc</a>, Resources, Themes, Downloads
  81. 										</p>
  82. 									</div>
  83. 								</div>
  84. 								<div class="blogside">
  85. 									<h3>Categories:</h3>
  86. 									<ul class="list2">
  87. 										<li><a href="#">Development</a> (3)</li>
  88. 										<li><a href="#">Website design</a> (17)</li>
  89. 									</ul>
  90. 									<div class="box">
  91. 										<h3>Archives:</h3>
  92. 										<ul class="list2">
  93. 											<li><a href="#">May 2009</a></li>
  94. 											<li><a href="#">April 2009</a></li>
  95. 											<li><a href="#">March 2009</a></li>
  96. 											<li><a href="#">April 2009</a></li>
  97. 										</ul>
  98. 									</div>
  99. 									<div class="box">
  100. 										<h3>From portfolio:</h3>
  101. 										<ul class="img-list">
  102. 											<li><a href="#"><img src="images/img01.jpg" alt="#" /></a></li>
  103. 											<li><a href="#"><img src="images/img02.jpg" alt="#" /></a></li>
  104. 											<li><a href="#"><img src="images/img03.jpg" alt="#" /></a></li>
  105. 											<li><a href="#"><img src="images/img04.jpg" alt="#" /></a></li>
  106. 											<li><a href="#"><img src="images/img05.jpg" alt="#" /></a></li>
  107. 											<li>&nbsp;</li>
  108. 										</ul>
  109. 									</div>
  110. 									<div class="box">
  111. 										<h3>Services:</h3>
  112. 										<ul class="list2">
  113. 											<li><a href="#">Search engine</a></li>
  114. 											<li><a href="#">Email marketing</a></li>
  115. 											<li><a href="#">Social media</a></li>
  116. 											<li><a href="#">Website development</a></li>
  117. 											<li><a href="#">Website design</a></li>
  118. 											<li><a href="#">Tracking and analytics</a></li>
  119. 											<li><a href="#">Landing pages</a></li>
  120. 											<li><a href="#">Transaction</a></li>
  121. 										</ul>
  122. 										<ul class="social">
  123. 											<li><a href="#"><img src="images/social01.jpg" alt="#" /></a></li>
  124. 											<li><a href="#"><img src="images/social02.jpg" alt="#" /></a></li>
  125. 											<li><a href="#"><img src="images/social03.jpg" alt="#" /></a></li>
  126. 											<li><a href="#"><img src="images/social04.jpg" alt="#" /></a></li>
  127. 										</ul>
  128. 									</div>	
  129. 								</div>
  130. 							</div>	
  131. 						</div>
  132. 						<div class="blog-btm">&nbsp;</div>
  133. 					</div>	
  134. 					<span class="splash">&nbsp;</span>
  135. 				</div>	
  136. 			</div>
  137. 		</div>		
  138. 	</div>
  139. 	<!-- footer -->
  140. 	<div class="footer">
  141. 		<div class="footer-area">
  142. 			<div class="footer-inn">
  143. 				<div class="footer-cnt">
  144. 					<div class="login">	
  145. 						<p class="title">Customer login</p>
  146. 						<form action="#">
  147. 							<div class="login-form">
  148. 								<span class="input"><input type="text" value="username" class="text" /></span>
  149. 								<span class="input"><input type="text" value="password" class="text" /></span>
  150. 								<div class="login-form-cnt">
  151. 									<label for="remember">
  152. 										<input id="remember" type="checkbox" class="check" />
  153. 										remember me
  154. 									</label>
  155. 									<input type="image" src="images/login-btn.jpg" alt="Login" class="button" />
  156. 								</div>
  157. 								<p><a href="#">Forgot your password?</a></p>
  158. 								<p><a href="#">Forgot your username?</a></p>
  159. 							</div>
  160. 						</form>
  161. 					</div>
  162. 					<div class="work">
  163. 						<p class="title">We work with</p>
  164. 						<ul class="work-list">
  165. 							<li><a href="#"><img src="images/logo01.gif" alt="#" /></a></li>
  166. 							<li><a href="#"><img src="images/logo02.gif" alt="#" /></a></li>
  167. 							<li><a href="#"><img src="images/logo03.gif" alt="#" /></a></li>
  168. 							<li><a href="#"><img src="images/logo04.gif" alt="#" /></a></li>
  169. 							<li><a href="#"><img src="images/logo05.gif" alt="#" /></a></li>
  170. 							<li><a href="#"><img src="images/logo06.gif" alt="#" /></a></li>
  171. 							<li><a href="#"><img src="images/logo07.gif" alt="#" /></a></li>
  172. 						</ul>
  173. 					</div>
  174. 					<div class="contact">
  175. 						<p class="title">Contact us</p>
  176. 						<form action="#">
  177. 							<div class="contact-form">
  178. 								<span class="input"><input type="text" value="name" class="text" /></span>
  179. 								<span class="input"><input type="text" value="address" class="text" /></span>
  180. 								<span class="input"><input type="text" value="subject" class="text" /></span>
  181. 								<span class="textarea"><textarea cols="10" rows="10">message</textarea></span>
  182. 								<input type="image" src="images/send-btn.gif" alt="Send" class="button" />
  183. 							</div>
  184. 						</form>
  185. 					</div>
  186. 				</div>
  187. 				<p class="copyright">&copy; 2006-2009 <strong>MKATec</strong> All rights reserved.</p>
  188. 			</div>
  189. 		</div>	
  190. 	</div>
  191. </body>
  192. </html>