<!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" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>TemplateAccess - A Premium WordPress Theme</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="A Community Based WordPress Theme" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="superfish.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/hoverintent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!-- Start Of Script Generated By WP-PageNavi 2.40 -->
<link rel="stylesheet" href="pagenavi-css.css" type="text/css" media="screen" />
<!-- End Of Script Generated By WP-PageNavi 2.40 -->
</head>
<body>
<div id="page">
<div id="header">
<div class="topnav">
<ul>
<li class="current_page_item"><a href="#" title="Demo 2 Blog">Home page</a></li>
<li class="page_item page-item-2"><a href="#" title="About">About Us</a></li>
<li class="page_item page-item-3"><a href="#" title="Arhives">Arhives</a></li>
<li class="page_item page-item-4"><a href="#" title="Contact us">Contact us</a></li>
</ul>
<div class="clr"></div>
</div>
<!--/topnav -->
<div class="clr"></div>
</div>
<!--/header -->
<div id="columns">
<div class="logo">
<h1><a href="#" title="TemplateAccess - A Premium WordPress Theme">TemplateAccess - A Premium WordPress Theme</a></h1>
</div>
<!--/logo -->
<div class="search">
<form method="get" id="searchform" action="">
<fieldset id="search">
<span>
<input type="text" value="Search..." onclick="this.value='';" name="s" id="s" />
<input name="searchsubmit" type="image" src="images/search.gif" value="Go" id="searchsubmit" class="btn" />
</span>
</fieldset>
</form>
</div>
<!--/searchform -->
<div class="clr"></div>
<div id="nav1">
<ul class="sf-menu sf-js-enabled">
<li class="cat-item cat-item-9"><a href="#" class="active" title="View all posts filed under Freebies">Freebies</a> </li>
<li class="cat-item cat-item-3"><a href="#" title="View all posts filed under Graphics">Graphics</a> </li>
<li class="cat-item cat-item-6"><a href="#" title="View all posts filed under Fonts">Fonts</a>
<ul class='children'>
<li class="cat-item cat-item-12"><a href="#" title="View all posts filed under Open Type">Open Type</a> </li>
<li class="cat-item cat-item-13"><a href="#" title="View all posts filed under Post Script">Post Script</a> </li>
<li class="cat-item cat-item-11"><a href="#" title="View all posts filed under True Type">True Type</a>
<ul class='children'>
<li class="cat-item cat-item-14"><a href="#" title="View all posts filed under Serif Fonts">Serif Fonts</a> </li>
</ul>
</li>
</ul>
</li>
<li class="cat-item cat-item-7"><a href="#" title="View all posts filed under How-To">How-To</a> </li>
<li class="cat-item cat-item-1"><a href="#" title="View all posts filed under Reviews">Reviews</a> </li>
<li class="cat-item cat-item-4"><a href="#" title="View all posts filed under Showcases">Showcases</a> </li>
<li class="cat-item cat-item-8"><a href="#" title="View all posts filed under Tools">Tools</a> </li>
<li class="cat-item cat-item-10"><a href="#" title="View all posts filed under Tutorials">Tutorials</a> </li>
</ul>
<div class="rss"><a href="#"><img src="images/rss_4.gif" width="31" height="31" border="0" /></a> <a href="#"><img src="images/rss_3.gif" width="31" height="31" border="0" /></a> <a href="#"><img src="images/rss_2.gif" width="31" height="31" border="0" /></a> <a href="#"><img src="images/rss_1.gif" width="31" height="31" border="0" /></a></div>
<!--/rss -->
</div>
<div class="clr"></div>
<div id="slider">
<!-- start slideshow -->
<div id="slideshow">
<div class="slider-item"><a href="#"><img src="images/simple_img_1.jpg" alt="icon" width="940" height="350" border="0" /></a></div>
<div class="slider-item"><a href="#"><img src="images/simple_img_2.jpg" alt="icon" width="940" height="350" border="0" /></a></div>
<div class="slider-item"><a href="#"><img src="images/simple_img_3.jpg" alt="icon" width="940" height="350" border="0" /></a></div>
<div class="slider-item"><a href="#"><img src="images/simple_img_4.jpg" alt="icon" width="940" height="350" border="0" /></a></div>
<div class="slider-item"><a href="#"><img src="images/simple_img_5.jpg" alt="icon" width="940" height="350" border="0" /></a></div>
</div>
<!-- end #slideshow -->
<img src="images/simple_bg.gif" width="940" height="38" />
<div class="clr"></div>
</div>
<!--/slider -->
<div class="header_blog">
<div class="blog"> <img src="images/header_blog_img_1.gif" width="57" height="58" alt="icon" class="fl" />
<h2> Webdesign Development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fringilla urna nec </p>
</div>
<div class="blog"> <img src="images/header_blog_img_2.gif" width="57" height="58" alt="icon" class="fl" />
<h2> Group Discussion</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fringilla urna nec </p>
</div>
<div class="blog"> <img src="images/header_blog_img_3.gif" width="57" height="58" alt="icon" class="fl" />
<h2> International Sites</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fringilla urna nec </p>
</div>
<div class="clr"></div>
</div>
<div id="centercol">
<div class="box post" id="post-41">
<div class="content">
<div class="post-title">
<h2>Showcase of Great Web App Interfaces</h2>
</div>
<!--/post-title -->
<div class="post-date">On 02.05.09, In <a href="#" title="View all posts in Tutorials" rel="category tag">Tutorials </a> by <a href="#" title="Posts by Maximus">TemplateAccess</a> | <a href="#">3 comments</a>
</div>
<!--/post-date -->
<div class="bg"></div>
<div class="pic"><a href="#" rel="bookmark" title="Permanent Link to Using jQuery To Create A OSX Dock Effect"><img src="images/img_1.jpg" alt="Post Pic" width="590" height="131" /></a> </div>
<div class="post-excerpt">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium mque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<!--/post-excerpt -->
<div class="post-commets"><a href="#">Continue reading</a></div>
<div class="clr"></div>
</div>
<!--/content -->
</div>
<!--/box -->
<div class="clr"></div>
<div class="wp-pagenavi"> <span class="pages">Page 1 of 2</span><span class="current">1</span><a href="#" title="2">2</a><a href="#" >»</a>
<div class="clr"></div>
</div>
</div>
<!--/centercol -->
<div id="rightcol">
<div class="box ads">
<div class="wtitle">
<h2>Advertising</h2>
</div>
<div class="content"><a href="#" title="themeforest" target="_blank"><img src="images/banner_1.gif" alt="ad1" width="125" height="125" /></a><a href="#" title="themeforest" target="_blank"><img src="images/banner_2.gif" alt="ad1" width="125" height="125" /></a><a href="#" title="themeforest" target="_blank"><img src="images/banner_3.gif" alt="ad1" width="125" height="125" /></a><a href="#" title="themeforest" target="_blank"><img src="images/banner_4.gif" alt="ad1" width="125" height="125" /></a>
<div class="small_link">
<div class="ac"><small><a href="#" target="_blank">Join Our Flickr Group To Share Your Work</a></small></div>
</div>
</div>
<!--/content -->
</div>
<!--/box -->
<div class="box widget widget_flickrRSS">
<div class="wtitle">
<h2>Flickr gallery</h2>
</div>
<div class="content"><a href="#" title="Sign of the times" target="_blank"><img src="http://farm5.static.flickr.com/4010/4368505664_fa4dd3b2c5_s.jpg" alt="Sign of the times"/></a><a href="#" title="Another City Sunrise" target="_blank"><img src="http://farm3.static.flickr.com/2724/4366690481_4b347cb544_s.jpg" alt="Another City Sunrise"/></a><a href="#" title="City Girl" target="_blank"><img src="http://farm5.static.flickr.com/4069/4370151016_67c51ffb6a_s.jpg" alt="City Girl"/></a><a href="#" title="We Still Care" target="_blank"><img src="http://farm3.static.flickr.com/2742/4369402731_1f289e75c2_s.jpg" alt="We Still Care"/></a><a href="#" title="Artwork for Advanced Photoshop" target="_blank"><img src="http://farm5.static.flickr.com/4055/4369402703_52193a772c_s.jpg" alt="Artwork for Advanced Photoshop"/></a><a href="#" title="shaun white" target="_blank"><img src="http://farm5.static.flickr.com/4066/4370132042_08dace4d88_s.jpg" alt="shaun white"/></a><a href="#" title="Hello" target="_blank"><img src="http://farm5.static.flickr.com/4007/4365505308_dfeb37ffbf_s.jpg" alt="Hello"/></a><a href="#" title="Soul" target="_blank"></a><a href="#" title="Vancouver 2010" target="_blank"><img src="http://farm3.static.flickr.com/2760/4369930116_5a88177938_s.jpg" alt="Vancouver 2010"/></a><a href="#" title="Hello" target="_blank"><img src="http://farm5.static.flickr.com/4007/4365505308_dfeb37ffbf_s.jpg" alt="Hello"/></a>
<div class="small_link">
<div class="ac"><small><a href="#" target="_blank">Join Our Flickr Group To Share Your Work</a></small></div>
</div>
</div>
<!--/content -->
</div>
<!--/box -->
<div class="box ads">
<div class="content">
<div> <a href="#" title="GoMedia Arsenal" target="_blank"><img src="images/banner_img_1.gif" alt="GoMedia Arsenal" /></a> <a href="#" title="GoMedia Arsenal" target="_blank"><img src="images/banner_img_2.gif" alt="GoMedia Arsenal" /></a>
<!--<a href="#"><img src="images/ad2.gif" alt="" /></a> -->
</div>
</div>
<!--/content -->
</div>
<!--/box -->
</div>
<!--/rightcol -->
<div class="clr"></div>
</div>
<!--/columns -->
<div class="clr"></div>
</div>
<!--/page -->
<div id="page_bottom">
<div id="footer">
<div class="text">© CompanyName. All Rights Reserved</div>
<div class="text2"> Design: (TS) <a href="http://www.templatesold.com">Website Templates</a></div>
<div class="clr"></div>
</div>
<!--/footer -->
<div class="clr"></div>
</div>
<!--/page-bot -->
</body>
</html>