  
<div class="main-wrapper">
<div id="page">
<div class="main-content cblayout">
<div id="content" class="content-area single-content-area">
<div class="content content-single ">
<div class="breadcrumbs">
<a href="http://thedesignpixel.com"> <i class="fa fa-home"></i>Home</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a>&nbsp;&nbsp;/&nbsp;&nbsp;25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers </div>
<div class="single-content">
<article class="post-1048 post type-post status-publish format-standard has-post-thumbnail hentry category-tutorials tag-adobe tag-css tag-development tag-html">
<div id="post-1048" class="post-box">
<div class="post-meta-top"> <div class="post-cats uppercase">
<span>
<a href="http://thedesignpixel.com/category/tutorials/" title="View all posts in Tutorials">Tutorials</a> </span>
</div><span class="post-type post-type-standard"><i class="fa fa-thumb-tack"></i></span> </div> <header>
<h1 class="title single-title">25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers</h1>
<div class="post-meta-left">
<div class="post-meta">
<span class="post-tags"><i class="fa fa-tag"></i> <a href="http://thedesignpixel.com/tag/adobe/" rel="tag">Adobe</a>, <a href="http://thedesignpixel.com/tag/css/" rel="tag">CSS</a>, <a href="http://thedesignpixel.com/tag/development/" rel="tag">Development</a>, <a href="http://thedesignpixel.com/tag/html/" rel="tag">HTML</a></span> <span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/best-adobe-dreamweaver-cs6-tutorials-for-web-designers/#respond" class="comments-link">Leave a Comment</a></span>
</div> </div> </header> 
<div class="post-inner">
<div class="post-content single-post-content">
<div class="single-post-ad">
 
<div class="beforepost"><center><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-9519362928933155" data-ad-slot="8554605828"></ins></center></div>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
<p>Website development requires a lot of concentration and quickness. And, achieving both of them together is not as easy as it sounds. It is not so easy to keep on coding and developing your website&rsquo;s web pages in Notepad, that is the traditional method, and consuming so much of your time. We, today, have so many new development platforms and tools, that will give you a quick and easy experience while writing the code, executing it, etc. The code lines can be easily understood, the compile times are quick and fast, and help a website developer in all the ways possible.</p>
<p>Dreamweaver, from the Adobe Corporation is one of the most widely used tools for website development, providing quickness and a lot of convenience to the developers. But, before you start to use these, you first need to actually learn about how to use it, and make the full use of it accordingly, when working on your projects, and save your time, money and efforts, by a great amount! After you have spent the money on purchasing the Dreamweaver, you may choose between free, or paid tutorials and ebooks.&nbsp; And due to the availability of so many ebooks and tutorials over the web, it becomes very confusing to choose the one, which will get your basics clear and you will be able to make the full most use of this great application.</p>
<p>These are the best 25 dreamweaver CS6 tutorials, that are free of cost, so, you need not worry about spending those more dollars on the tutorials, after you already bought the expensive dreamweaver application. These tutorials teach you the shortcuts, saving your time, Basics of the application, the GUI toolkits, and everything that you need to properly crack into this application and make the full most use of it.
</p>
<h3><strong><span style="text-decoration: underline;"><em>25 Best Adobe Dreamweaver CS6 Tutorials for Web Designers</em></span>:<br/>
</strong></h3>
<p><a href="http://www.photoshopcafe.com/cs6/Dreamweaver-CS6.html"><b>Guide to New Dreamweaver CS6 Features</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features.png"><img class="aligncenter size-full wp-image-1049" title="Guide to New Dreamweaver CS6 Features" alt="Guide to New Dreamweaver CS6 Features" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1049" title="Guide to New Dreamweaver CS6 Features" alt="Guide to New Dreamweaver CS6 Features" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Guide-to-New-Dreamweaver-CS6-Features.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://keycommands.info/adobe-dreamweaver-cs6-keyboard-shortcuts.php"><b>CS6 Keyboard Shortcuts</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts.png"><img class="aligncenter size-full wp-image-1050" title="CS6 Keyboard Shortcuts" alt="CS6 Keyboard Shortcuts" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1050" title="CS6 Keyboard Shortcuts" alt="CS6 Keyboard Shortcuts" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/CS6-Keyboard-Shortcuts.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.iannuttall.co.uk/design/dreamweavertutorial/"><b><span class="GINGER_SOFATWARE_mark" id="f46e4862-295e-4841-a897-d5801502e939"><span class="GINGER_SOFATWARE_mark" id="fc0a2e0d-d04d-43b9-bf50-8ece9d11c763">Website</span></span> Setup and FTP</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Website-Setup-and-FTP.png"><img class="aligncenter size-full wp-image-1051" title="Website Setup and FTP" alt="Website Setup and FTP" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Website-Setup-and-FTP.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Website-Setup-and-FTP-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Website-Setup-and-FTP.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1051" title="Website Setup and FTP" alt="Website Setup and FTP" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Website-Setup-and-FTP.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Website-Setup-and-FTP-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Website-Setup-and-FTP.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://shirishkadam.wordpress.com/2013/04/25/how-to-add-your-wordpress-website-to-dreamweaver-cs6/"><b>Add your WordPress Website into Dreamweaver</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver.png"><img class="aligncenter size-full wp-image-1052" title="Add your WordPress Website into Dreamweaver" alt="Add your WordPress Website into Dreamweaver" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1052" title="Add your WordPress Website into Dreamweaver" alt="Add your WordPress Website into Dreamweaver" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Add-your-WordPress-Website-into-Dreamweaver.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://webdesign.tutsplus.com/tutorials/applications/working-with-fluid-images-in-dreamweaver-cs6/"><b>Fluid Images in Dreamweaver CS6</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6.png"><img class="aligncenter size-full wp-image-1053" title="Fluid Images in Dreamweaver CS6" alt="Fluid Images in Dreamweaver CS6" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1053" title="Fluid Images in Dreamweaver CS6" alt="Fluid Images in Dreamweaver CS6" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Fluid-Images-in-Dreamweaver-CS6.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://webdesign.tutsplus.com/tutorials/applications/getting-started-with-dreamweaver-cs6-fluid-grids/"><b>Getting Started with Fluid Grids</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids.png"><img class="aligncenter size-full wp-image-1054" title="Getting Started with Fluid Grids" alt="Getting Started with Fluid Grids" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1054" title="Getting Started with Fluid Grids" alt="Getting Started with Fluid Grids" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Getting-Started-with-Fluid-Grids.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://webdesign.tutsplus.com/tutorials/applications/laying-out-fluid-grids-in-dreamweaver-cs6/"><b>Laying Out Fluid Grids in Dreamweaver CS6</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6.png"><img class="aligncenter size-full wp-image-1055" title="Laying Out Fluid Grids in Dreamweaver CS6" alt="Laying Out Fluid Grids in Dreamweaver CS6" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1055" title="Laying Out Fluid Grids in Dreamweaver CS6" alt="Laying Out Fluid Grids in Dreamweaver CS6" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Laying-Out-Fluid-Grids-in-Dreamweaver-CS6.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://webdesign.tutsplus.com/tutorials/site-elements/how-to-use-css-sprites-in-fireworks-and-dreamweaver/"><b>How to Use CSS Sprites</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites.png"><img class="aligncenter size-full wp-image-1056" title="How to Use CSS Sprites" alt="How to Use CSS Sprites" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1056" title="How to Use CSS Sprites" alt="How to Use CSS Sprites" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-to-Use-CSS-Sprites.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.digitalartsonline.co.uk/tutorials/dreamweaver/use-css3-transitions-for-form-highlights-in-dreamweaver-cs6/"><b>CSS3 transitions for form highlights</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights.png"><img class="aligncenter size-full wp-image-1057" title="CSS3 transitions for form highlights" alt="CSS3 transitions for form highlights" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1057" title="CSS3 transitions for form highlights" alt="CSS3 transitions for form highlights" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/CSS3-transitions-for-form-highlights.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html"><b>Setup your Dreamweaver site and project files</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png"><img class="aligncenter size-full wp-image-1058" title="Setup your Dreamweaver site and project files" alt="Setup your Dreamweaver site and project files" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1058" title="Setup your Dreamweaver site and project files" alt="Setup your Dreamweaver site and project files" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.adobe.com/inspire/2012/10/ten-steps-dreamweaver-cs6.html"><b>Building a Photo Gallery <span class="GINGER_SOFATWARE_mark" id="4eeba87a-9560-45ee-b704-0426ac1af7d4"><span class="GINGER_SOFATWARE_mark" id="23f08384-5a04-4d34-8506-3583109f0529">Website</span></span></b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png"><img class="aligncenter size-full wp-image-1058" alt="Setup your Dreamweaver site and project files" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1058" alt="Setup your Dreamweaver site and project files" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Setup-your-Dreamweaver-site-and-project-files.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a> <a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website.png"><img class="aligncenter size-full wp-image-1059" title="Building a Photo Gallery Website" alt="Building a Photo Gallery Website" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1059" title="Building a Photo Gallery Website" alt="Building a Photo Gallery Website" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Photo-Gallery-Website.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.adobe.com/inspire/2013/02/css-transitions-dreamweaver.html"><b>Enhancing HTML pages with CSS transitions</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions.png"><img class="aligncenter size-full wp-image-1060" title="Enhancing HTML pages with CSS transitions" alt="Enhancing HTML pages with CSS transitions" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1060" title="Enhancing HTML pages with CSS transitions" alt="Enhancing HTML pages with CSS transitions" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Enhancing-HTML-pages-with-CSS-transitions.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.adobe.com/inspire/2013/04/dreamweaver-cs6-html5-video.html"><b>Embedding video in HTML5</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Embedding-video-in-HTML5.png"><img class="aligncenter size-full wp-image-1061" title="Embedding video in HTML5" alt="Embedding video in HTML5" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Embedding-video-in-HTML5.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Embedding-video-in-HTML5-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Embedding-video-in-HTML5.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1061" title="Embedding video in HTML5" alt="Embedding video in HTML5" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Embedding-video-in-HTML5.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Embedding-video-in-HTML5-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Embedding-video-in-HTML5.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7762a.html"><b>Dreamweaver CS6 Extensions Guide</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide.png"><img class="aligncenter size-full wp-image-1062" title="Dreamweaver CS6 Extensions Guide" alt="Dreamweaver CS6 Extensions Guide" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1062" title="Dreamweaver CS6 Extensions Guide" alt="Dreamweaver CS6 Extensions Guide" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-Extensions-Guide.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e49a.html"><b>Working with Dreamweaver library items</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items.png"><img class="aligncenter size-full wp-image-1063" title="Working with Dreamweaver library items" alt="Working with Dreamweaver library items" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1063" title="Working with Dreamweaver library items" alt="Working with Dreamweaver library items" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-library-items.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7884a.html"><b>Building a login page</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-login-page.png"><img class="aligncenter size-full wp-image-1064" title="Building a login page -Adobe Dreamweaver CS6 Tutorials for Web Designers" alt="Building a login page -Adobe Dreamweaver CS6 Tutorials for Web Designers" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Building-a-login-page.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-login-page-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-login-page.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1064" title="Building a login page -Adobe Dreamweaver CS6 Tutorials for Web Designers" alt="Building a login page -Adobe Dreamweaver CS6 Tutorials for Web Designers" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-login-page.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-login-page-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-login-page.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-78a7a.html"><b>Building a record insert page</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-record-insert-page.png"><img class="aligncenter size-full wp-image-1065" title="Building a record insert page" alt="Building a record insert page" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Building-a-record-insert-page.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-record-insert-page-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-record-insert-page.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1065" title="Building a record insert page" alt="Building a record insert page" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-record-insert-page.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-record-insert-page-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-record-insert-page.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://tv.adobe.com/watch/creative-week-how-tos/dreamweaver-cs6-for-responsive-design/"><b>Dreamweaver CS6 for Responsive Design</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design.png"><img class="aligncenter size-full wp-image-1066" title="Dreamweaver CS6 for Responsive Design" alt="Dreamweaver CS6 for Responsive Design" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1066" title="Dreamweaver CS6 for Responsive Design" alt="Dreamweaver CS6 for Responsive Design" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-CS6-for-Responsive-Design.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://tv.adobe.com/watch/taming-the-web-with-greg-rewis/building-a-databasedriven-web-site/"><b>Building a Database-Driven Website</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-Database-Driven-Website.png"><img class="aligncenter size-full wp-image-1067" title="Building a Database-Driven Website" alt="Building a Database-Driven Website" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Database-Driven-Website.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Database-Driven-Website-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Database-Driven-Website.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1067" title="Building a Database-Driven Website" alt="Building a Database-Driven Website" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Building-a-Database-Driven-Website.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Database-Driven-Website-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Building-a-Database-Driven-Website.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.peachpit.com/articles/article.aspx?p=1860944"><b>Using Web Fonts in Adobe Dreamweaver CS6</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6.png"><img class="aligncenter size-full wp-image-1068" title="Using Web Fonts in Adobe Dreamweaver CS6" alt="Using Web Fonts in Adobe Dreamweaver CS6" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1068" title="Using Web Fonts in Adobe Dreamweaver CS6" alt="Using Web Fonts in Adobe Dreamweaver CS6" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-Web-Fonts-in-Adobe-Dreamweaver-CS6.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.digitalfamily.com/tutorials/edit-a-drop-down-menu-in-dreamweaver-spry/"><b>Edit a Dreamweaver Spry Drop-Down Menu</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu.png"><img class="aligncenter size-full wp-image-1069" title="Edit a Dreamweaver Spry Drop-Down Menu" alt="Edit a Dreamweaver Spry Drop-Down Menu" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1069" title="Edit a Dreamweaver Spry Drop-Down Menu" alt="Edit a Dreamweaver Spry Drop-Down Menu" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Edit-a-Dreamweaver-Spry-Drop-Down-Menu.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.digitalfamily.com/tutorials/how-to-use-the-css-rule-definition-panel-for-styles-in-dreamweaver-cs6/"><b>Using the CSS Rule Definition Panel</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel.png"><img class="aligncenter size-full wp-image-1070" title="Using the CSS Rule Definition Panel" alt="Using the CSS Rule Definition Panel" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1070" title="Using the CSS Rule Definition Panel" alt="Using the CSS Rule Definition Panel" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Using-the-CSS-Rule-Definition-Panel.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://www.digitalfamily.com/tutorials/creating-websites-with-dreamweaver-html-templates-dwt/"><b>Working with Dreamweaver Templates (<span class="GINGER_SOFATWARE_mark" id="9356164c-dcc5-411e-883d-449553246d7d"><span class="GINGER_SOFATWARE_mark" id="347a77d9-fb55-401c-b6d8-e67e9ee41175">.</span></span><span class="GINGER_SOFATWARE_mark" id="63586bee-11de-4faf-93fd-e572cc1a725a"><span class="GINGER_SOFATWARE_mark" id="be4a3767-ce12-4df7-86c6-f6ac8dec2f05">dwt</span></span>)</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_.png"><img class="aligncenter size-full wp-image-1071" title="Working with Dreamweaver Templates (.dwt)" alt="Working with Dreamweaver Templates (.dwt)" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1071" title="Working with Dreamweaver Templates (.dwt)" alt="Working with Dreamweaver Templates (.dwt)" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Working-with-Dreamweaver-Templates-.dwt_.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://blog.infiniteskills.com/2012/09/dreamweaver-cs6-tutorial-modifying-an-existing-site/"><b>How To Modify an Existing Site</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site.png"><img class="aligncenter size-full wp-image-1072" title="How To Modify an Existing Site" alt="How To Modify an Existing Site" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1072" title="How To Modify an Existing Site" alt="How To Modify an Existing Site" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/How-To-Modify-an-Existing-Site.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<p><a href="http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c15a.html"><b>Dreamweaver Image Map</b></a></p>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Dreamweaver-Image-Map.png"><img class="aligncenter size-full wp-image-1073" title="Dreamweaver Image Map -Adobe Dreamweaver CS6 Tutorials for Web Designers" alt="Dreamweaver Image Map -Adobe Dreamweaver CS6 Tutorials for Web Designers" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-Image-Map.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-Image-Map-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-Image-Map.png 600w" sizes="(max-width: 600px) 100vw, 600px"/><noscript><img class="aligncenter size-full wp-image-1073" title="Dreamweaver Image Map -Adobe Dreamweaver CS6 Tutorials for Web Designers" alt="Dreamweaver Image Map -Adobe Dreamweaver CS6 Tutorials for Web Designers" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Dreamweaver-Image-Map.png" width="600" height="375" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-Image-Map-300x188.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Dreamweaver-Image-Map.png 600w" sizes="(max-width: 600px) 100vw, 600px"/></noscript></a></p>
<div class="single-post-ad">
<div id="contentad116044"></div>
<script type="text/javascript">
    (function(d) {
        var params =
        {
            id: "d66769d0-f5de-4d8e-bbd7-fa317dd7d53b",
            d:  "dGhlZGVzaWducGl4ZWwuY29t",
            wid: "116044",
            cb: (new Date()).getTime()
        };

        var qs=[];
        for(var key in params) qs.push(key+'='+encodeURIComponent(params[key]));
        var s = d.createElement('script');s.type='text/javascript';s.async=true;
        var p = 'https:' == document.location.protocol ? 'https' : 'http';
        s.src = p + "://api.content.ad/Scripts/widget2.aspx?" + qs.join('&');
        d.getElementById("contentad116044").appendChild(s);
    })(document);
</script> </div>
</div> 
</div> 
</div> 
</article> </div> 
<div class="wpdiscuz_top_clearing"></div>
<div id="comments" class="comments-area">
<div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div>
<h3 id="wc-comment-header">Leave a Reply</h3>
<div id="wpcomm" class="wpdiscuz_unauth">
<div class="wc-comment-bar">
<p class="wc-comment-title">
Be the First to Comment! </p>
<div class="wpdiscuz_clear"></div>
</div>
<div class="wc_social_plugin_wrapper">
</div>
<div class="wc-form-wrapper wc-main-form-wrapper" id='wc-main-form-wrapper-0_0'>
<div class="wpdiscuz-comment-message" style="display: block;"></div>
<form class="wc_comm_form wc_main_comm_form" method="post" action="" enctype="multipart/form-data">
<div class="wc-field-comment">
<div class="wc-field-avatararea">
<img alt='' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://2.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset='http://1.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48'/><noscript><img alt='' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset='http://1.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48'/></noscript> </div>
<div class="wpdiscuz-item wc-field-textarea">
<div class="wpdiscuz-textarea-wrap">
<textarea placeholder="Start the discussion" required name="wc_comment" class="wc_comment wc_field_input"></textarea>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="wc-form-footer" style="display: none;">
<div class="wc-author-data">
<div class="wc-field-name wpdiscuz-item">
<input type="text" data-validate-length-range="3,50" maxlength="50" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input"/>
</div>
<div class="wc-field-email wpdiscuz-item">
<input type="email" placeholder="Email" value="" name="wc_email" class="wc_email wc_field_input email"/>
</div>
<div class="wc-field-website wpdiscuz-item">
<input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input">
</div>
<div class="clearfix"></div>
</div>
<div class="wc-form-submit">
<div class="wc-field-captcha wpdiscuz-item">
<div class="wc-captcha-input">
<input type="text" maxlength="5" value="" required="required" name="wc_captcha" class="wc_field_input wc_field_captcha" placeholder="Code" title="Insert the CAPTCHA code">
</div>
<div class="wc-label wc-captcha-label">
<a class="wpdiscuz-nofollow" href="#" rel="nofollow"></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a>
<input type="hidden" id="Gk8hda462e2f87bf718f4b0399a0b62edb5bf3e5cda040dc9a6268c35fdc3039d0cff" class="wpdiscuz-cnonce" name="cnonce" value="Gk8hda462e2f87bf718f4b0399a0b62edb5bf3e5cda040dc9a6268c35fdc3039d0cff"/>
</div>
<div class="clearfix"></div>
</div>
<div class="wc-field-submit">
<div class="wc_notification_checkboxes" style="display:block">
<input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0" value="comment" type="checkbox" name="wpdiscuz_notification_type"/> <label class="wc-label-comment-notify" for="wc_notification_new_comment-0_0">Notify of new replies to this comment</label><br/>
</div>
<input type="button" class="wc_comm_submit button alt" value="Post Comment" name="submit">
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id">
</form>
</div>
<div id="wpdiscuz_hidden_secondary_form" style="display: none;">
<div class="wc-form-wrapper wc-secondary-form-wrapper" id='wc-secondary-form-wrapper-wpdiscuzuniqueid' style="display: none;">
<div class="wpdiscuz-comment-message" style="display: block;"></div>
<div class="wc-secondary-forms-social-content"></div>
<form class="wc_comm_form wc-secondary-form-wrapper" method="post" action="" enctype="multipart/form-data">
<div class="wc-field-comment">
<div class="wc-field-avatararea">
<img alt='' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://2.gravatar.com/avatar/?s=48&#038;d=mm&#038;r=g" srcset='http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48'/><noscript><img alt='' src="http://thedesignpixel.com/files/avatar/_s_48_amp_d_mm_amp_r_g.jpg" srcset='http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48'/></noscript> </div>
<div class="wpdiscuz-item wc-field-textarea">
<div class="wpdiscuz-textarea-wrap">
<textarea placeholder="Join the discussion" required name="wc_comment" class="wc_comment wc_field_input"></textarea>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="wc-form-footer" style="display: none;">
<div class="wc-author-data">
<div class="wc-field-name wpdiscuz-item">
<input type="text" data-validate-length-range="3,50" maxlength="50" placeholder="Name" value="" required="required" name="wc_name" class="wc_name wc_field_input"/>
</div>
<div class="wc-field-email wpdiscuz-item">
<input type="email" placeholder="Email" value="" name="wc_email" class="wc_email wc_field_input email"/>
</div>
<div class="wc-field-website wpdiscuz-item">
<input type="url" placeholder="WebSite URL" value="" name="wc_website" class="wc_website wc_field_input">
</div>
<div class="clearfix"></div>
</div>
<div class="wc-form-submit">
<div class="wc-field-captcha wpdiscuz-item">
<div class="wc-captcha-input">
<input type="text" maxlength="5" value="" required="required" name="wc_captcha" class="wc_field_input wc_field_captcha" placeholder="Code" title="Insert the CAPTCHA code">
</div>
<div class="wc-label wc-captcha-label">
<a class="wpdiscuz-nofollow" href="#" rel="nofollow"></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a>
<input type="hidden" id="UW1FG664f44c0fb20218e4873c702f9e7689f2fb0419239ee3f2596fc5fdc90836f3c" class="wpdiscuz-cnonce" name="cnonce" value="UW1FG664f44c0fb20218e4873c702f9e7689f2fb0419239ee3f2596fc5fdc90836f3c"/>
</div>
<div class="clearfix"></div>
</div>
<div class="wc-field-submit">
<div class="wc_notification_checkboxes" style="display:block">
<input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid" value="comment" type="checkbox" name="wpdiscuz_notification_type"/> <label class="wc-label-comment-notify" for="wc_notification_new_comment-wpdiscuzuniqueid">Notify of new replies to this comment</label><br/>
</div>
<input type="button" class="wc_comm_submit button alt" value="Post Comment" name="submit">
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id">
</form>
</div>
</div>
<hr>
<div id="wcThreadWrapper" class="wc-thread-wrapper">
<div class="wpdiscuz-comment-pagination">
</div>
</div>
<div class="wpdiscuz_clear"></div>
</div>
</div>
<div class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"><img class="wpdiscuz-loading-bar-img" alt="wpDiscuz" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/loading.gif" width="32" height="25"/></div>
</div>
</div>
<aside class="sidebar">
<div id="sidebar">
 
<div id="tabs-widget">
<ul id="tabs">
<li class="active"><a href="#tab1"><span>Popular</span></a></li>
<li class="recent-tab"><a href="#tab2"><span>Recent</span></a></li>
</ul>
<div id="tabs-content">
<div id="tab1" class="popular-posts tab-content" style="display: block;">
<ul>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Firefish-Photoshop-Tutorial" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Firefish-Photoshop-Tutorial" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/Firefish-Photoshop-Tutorial-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/" title="50 Useful Photoshop Logo Design Tutorials">50 Useful Photoshop Logo Design Tutorials</a></span>
<span class="meta">
<time datetime="2014-04-19T05:49:32+00:00"><i class="fa fa-clock-o"></i> April 19, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/useful-photoshop-logo-design-tutorials/#comments" class="comments-link">5</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/useful-project-management-tools/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Planzone" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Planzone-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Planzone" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Planzone-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/useful-project-management-tools/" title="40 Useful Project Management Tools">40 Useful Project Management Tools</a></span>
<span class="meta">
<time datetime="2014-09-08T05:29:43+00:00"><i class="fa fa-clock-o"></i> September 8, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/useful-project-management-tools/#comments" class="comments-link">4</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-responsive-html5-css3-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Responsive-Bootstrap-Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Responsive-Bootstrap-Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Responsive-Bootstrap-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-responsive-html5-css3-website-templates/" title="145+ Free Responsive HTML5 CSS3 Website Templates">145+ Free Responsive HTML5 CSS3 Website Templates</a></span>
<span class="meta">
<time datetime="2014-07-24T05:17:39+00:00"><i class="fa fa-clock-o"></i> July 24, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-responsive-html5-css3-website-templates/#comments" class="comments-link">4</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="alyssa" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/04/alyssa-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="alyssa" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/04/alyssa-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/" title="35+ Free Coming Soon and Under Construction Templates">35+ Free Coming Soon and Under Construction Templates</a></span>
<span class="meta">
<time datetime="2014-04-07T18:57:23+00:00"><i class="fa fa-clock-o"></i> April 7, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-coming-soon-and-under-construction-templates/#comments" class="comments-link">3</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Nvaccess" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/12/Nvaccess-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Nvaccess" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/12/Nvaccess-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/" title="12 Free Text To Speech Voice Conversion Tools">12 Free Text To Speech Voice Conversion Tools</a></span>
<span class="meta">
<time datetime="2014-12-15T11:07:43+00:00"><i class="fa fa-clock-o"></i> December 15, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-text-to-speech-voice-conversion-tools/#comments" class="comments-link">3</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-free-responsive-blogger-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vista-best-WordPress-theme-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vista-best-WordPress-theme-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vista-best-WordPress-theme-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-free-responsive-blogger-templates/" title="45+ Best Free Responsive Blogger Templates">45+ Best Free Responsive Blogger Templates</a></span>
<span class="meta">
<time datetime="2014-08-15T15:03:22+00:00"><i class="fa fa-clock-o"></i> August 15, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-free-responsive-blogger-templates/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-premium-responsive-wordpress-themes/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vellum-best-wordpress-theme-february-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Vellum-best-wordpress-theme-february-2014" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/08/Vellum-best-wordpress-theme-february-2014-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-premium-responsive-wordpress-themes/" title="50+ Best Premium Responsive WordPress Themes of 2014">50+ Best Premium Responsive WordPress Themes of 2014</a></span>
<span class="meta">
<time datetime="2014-08-11T18:37:35+00:00"><i class="fa fa-clock-o"></i> August 11, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-premium-responsive-wordpress-themes/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/" title="20 Premium Responsive and Mobile Website Templates">20 Premium Responsive and Mobile Website Templates</a></span>
<span class="meta">
<time datetime="2015-01-28T20:57:55+00:00"><i class="fa fa-clock-o"></i> January 28, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/top-best-premium-web-hosting-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Green Servers Responsive Hosting Store OpenCart Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Green Servers Responsive Hosting Store OpenCart Template" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/07/Green-Servers-Responsive-Hosting-Store-OpenCart-Template-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/top-best-premium-web-hosting-templates/" title="Top 20 Best Premium Web Hosting Templates">Top 20 Best Premium Web Hosting Templates</a></span>
<span class="meta">
<time datetime="2014-07-20T04:34:20+00:00"><i class="fa fa-clock-o"></i> July 20, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/top-best-premium-web-hosting-templates/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/useful-cheat-sheets-designers-developers/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Ultimate HTML5 Cheatsheat [Infographic]" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Ultimate HTML5 Cheatsheat [Infographic]" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Ultimate-HTML5-Cheatsheat-Infographic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/useful-cheat-sheets-designers-developers/" title="65+ Useful Cheat Sheets for Designers and Developers">65+ Useful Cheat Sheets for Designers and Developers</a></span>
<span class="meta">
<time datetime="2014-06-19T02:23:46+00:00"><i class="fa fa-clock-o"></i> June 19, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/useful-cheat-sheets-designers-developers/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The ONE" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/The-ONE-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The ONE" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/The-ONE-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/" title="55+ Creative Examples of Parallax Scrolling Web Designs">55+ Creative Examples of Parallax Scrolling Web Designs</a></span>
<span class="meta">
<time datetime="2014-06-08T13:13:40+00:00"><i class="fa fa-clock-o"></i> June 8, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/creative-examples-of-parallax-scrolling-web-designs/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Create an Autumn-Themed 3D Text Effect With Photoshop CS6 Extended" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Create an Autumn-Themed 3D Text Effect With Photoshop CS6 Extended" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-an-Autumn-Themed-3D-Text-Effect-With-Photoshop-CS6-Extended-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/" title="20 Most Useful 3D Text Effect Photoshop Tutorials">20 Most Useful 3D Text Effect Photoshop Tutorials</a></span>
<span class="meta">
<time datetime="2014-03-10T18:49:30+00:00"><i class="fa fa-clock-o"></i> March 10, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/most-useful-3d-text-effect-photoshop-tutorials/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-free-wireframing-tools-for-designers/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Axure RP" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/06/Axure-RP-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Axure RP" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/06/Axure-RP-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-free-wireframing-tools-for-designers/" title="8 Best Free Wireframing Tools for Designers">8 Best Free Wireframing Tools for Designers</a></span>
<span class="meta">
<time datetime="2014-06-20T02:12:33+00:00"><i class="fa fa-clock-o"></i> June 20, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-free-wireframing-tools-for-designers/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="jquery-plugins" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="jquery-plugins" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/jquery-plugins-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/" title="15 Free CSS jQuery Tabs Plugin And Tutorials">15 Free CSS jQuery Tabs Plugin And Tutorials</a></span>
<span class="meta">
<time datetime="2014-03-07T05:41:06+00:00"><i class="fa fa-clock-o"></i> March 7, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/coding/" rel="category tag">Coding</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-css-jquery-tabs-plugin-and-tutorials/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/best-free-wordpress-magazine-themes/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Great" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Great-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Great" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Great-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/best-free-wordpress-magazine-themes/" title="20 Best Free WordPress Magazine Themes">20 Best Free WordPress Magazine Themes</a></span>
<span class="meta">
<time datetime="2014-03-03T19:13:22+00:00"><i class="fa fa-clock-o"></i> March 3, 2014</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/best-free-wordpress-magazine-themes/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
</ul>
</div>
<div id="tab2" class="recent-posts tab-content">
<ul>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/use-docker-run-apps-now/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="docker-logo" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2016/03/docker-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="docker-logo" srcset="http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2016/03/docker-logo-65x65.png 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/use-docker-run-apps-now/" title="Why You Should Use Docker to Run Apps Now">Why You Should Use Docker to Run Apps Now</a></span>
<span class="meta">
<time datetime="2016-03-01T13:19:52+00:00"><i class="fa fa-clock-o"></i> March 1, 2016</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/use-docker-run-apps-now/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/" title="Choosing a Typeface, Measuring Content ROI, Site Launch Checklist, and more">Choosing a Typeface, Measuring Content ROI, Site Launch Checklist, and more</a></span>
<span class="meta">
<time datetime="2015-11-09T13:12:32+00:00"><i class="fa fa-clock-o"></i> November 9, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/choosing-a-typeface-measuring-content-roi-site-launch-checklist-and-more/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/free-stunning-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="About" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/About-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="About" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/About-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/free-stunning-website-templates/" title="30 Stunning Website Templates for Free">30 Stunning Website Templates for Free</a></span>
<span class="meta">
<time datetime="2015-11-02T11:31:37+00:00"><i class="fa fa-clock-o"></i> November 2, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/free-stunning-website-templates/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/" title="Version Control for WordPress, Onboarding Experiences, Interpreting Bounce Rate, and more">Version Control for WordPress, Onboarding Experiences, Interpreting Bounce Rate, and more</a></span>
<span class="meta">
<time datetime="2015-10-27T11:32:34+00:00"><i class="fa fa-clock-o"></i> October 27, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/version-control-for-wordpress-onboarding-experiences-interpreting-bounce-rate-and-more/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="The Design Pixel Weekly Roundup" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-150x150.png 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-200x200.png 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo-65x65.png 65w, http://www.thedesignpixel.com/wp-content/uploads/2015/10/thedesignpixel-WR-logo.png 244w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/" title="SVG Tools, Breadcrumbs, Sitelinks">SVG Tools, Breadcrumbs, Sitelinks</a></span>
<span class="meta">
<time datetime="2015-10-20T11:45:28+00:00"><i class="fa fa-clock-o"></i> October 20, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/roundups/" rel="category tag">Roundups</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/svg-tools-breadcrumbs-sitelinks/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/joomla-templates-for-your-current-web-project/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="54552-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="54552-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/09/54552-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/joomla-templates-for-your-current-web-project/" title="30 Joomla Templates for Your Current Web Project">30 Joomla Templates for Your Current Web Project</a></span>
<span class="meta">
<time datetime="2015-09-22T10:40:11+00:00"><i class="fa fa-clock-o"></i> September 22, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/joomla-templates-for-your-current-web-project/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/the-importance-of-proactive-server-management/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="13844115693_9407d8ab8f_servers" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="13844115693_9407d8ab8f_servers" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/08/13844115693_9407d8ab8f_servers-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/the-importance-of-proactive-server-management/" title="The Importance of Proactive Server Management">The Importance of Proactive Server Management</a></span>
<span class="meta">
<time datetime="2015-08-04T15:22:44+00:00"><i class="fa fa-clock-o"></i> August 4, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/the-importance-of-proactive-server-management/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Plump Text Effect" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Plump Text Effect" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Plump-Text-Effect-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/" title="20 Fresh Photoshop Text Effects for Web Designers">20 Fresh Photoshop Text Effects for Web Designers</a></span>
<span class="meta">
<time datetime="2015-07-20T04:59:26+00:00"><i class="fa fa-clock-o"></i> July 20, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-fresh-photoshop-text-effects-for-web-designers/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Arcade Basic" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="Arcade Basic" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/07/Arcade-Basic-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/" title="35+ Free Responsive WordPress Themes for 2015">35+ Free Responsive WordPress Themes for 2015</a></span>
<span class="meta">
<time datetime="2015-07-06T12:53:12+00:00"><i class="fa fa-clock-o"></i> July 6, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/graphics/" rel="category tag">Graphics</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a>, <a href="http://thedesignpixel.com/category/wordpress/" rel="category tag">WordPress</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/35-free-responsive-wordpress-themes-for-2015/#comments" class="comments-link">1</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="53676-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="53676-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/53676-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/" title="30 Stylish WordPress Themes With Pretty Backgrounds">30 Stylish WordPress Themes With Pretty Backgrounds</a></span>
<span class="meta">
<time datetime="2015-05-04T20:09:36+00:00"><i class="fa fa-clock-o"></i> May 4, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/30-stylish-wordpress-themes-with-pretty-backgrounds/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="46880-facebook-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="46880-facebook-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/05/46880-facebook-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/" title="Top 20 Facebook Layouts On The Web">Top 20 Facebook Layouts On The Web</a></span>
<span class="meta">
<time datetime="2015-05-04T19:31:57+00:00"><i class="fa fa-clock-o"></i> May 4, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/top-20-facebook-layouts-on-the-web/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/html5templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52715-b-responsive" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52715-b-responsive" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/52715-b-responsive-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/html5templates/" title="30 Stunning &#038; Beautiful HTML5 Templates">30 Stunning &#038; Beautiful HTML5 Templates</a></span>
<span class="meta">
<time datetime="2015-03-25T03:55:43+00:00"><i class="fa fa-clock-o"></i> March 25, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/html5templates/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/cms-blog-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="45560-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="45560-joom-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/03/45560-joom-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/cms-blog-templates/" title="30 Top Rated CMS &#038; Blog Templates">30 Top Rated CMS &#038; Blog Templates</a></span>
<span class="meta">
<time datetime="2015-03-03T19:41:51+00:00"><i class="fa fa-clock-o"></i> March 3, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/cms-blog-templates/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/40-new-wordpress-business-themes/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52086-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="52086-wp-b" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/02/52086-wp-b-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/40-new-wordpress-business-themes/" title="40 New WordPress Business Themes">40 New WordPress Business Themes</a></span>
<span class="meta">
<time datetime="2015-02-11T05:12:06+00:00"><i class="fa fa-clock-o"></i> February 11, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/40-new-wordpress-business-themes/#respond" class="comments-link">0</a></span>
</span>
</div>
</li>
<li>
<div class="thumbnail">
<a class="featured-thumbnail widgetthumb" href='http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/'>
<img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/><noscript><img width="65" height="65" src="http://thedesignpixel.com/files/wp-content/uploads/2015/01/EllaTheme-65x65.jpg" class="attachment-widgetthumb size-widgetthumb wp-post-image" alt="EllaTheme" srcset="http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-150x150.jpg 150w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-200x200.jpg 200w, http://www.thedesignpixel.com/wp-content/uploads/2015/01/EllaTheme-65x65.jpg 65w" sizes="(max-width: 65px) 100vw, 65px"/></noscript> <div class="fhover"></div>
</a>
</div>
<div class="info">
<span class="widgettitle"><a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/" title="20 Premium Responsive and Mobile Website Templates">20 Premium Responsive and Mobile Website Templates</a></span>
<span class="meta">
<time datetime="2015-01-28T20:57:55+00:00"><i class="fa fa-clock-o"></i> January 28, 2015</time>
<span class="widget-cats"><i class="fa fa-folder-o"></i> <a href="http://thedesignpixel.com/category/design/" rel="category tag">Design</a>, <a href="http://thedesignpixel.com/category/resources/" rel="category tag">Resources</a></span>
<span class="post-comments"><i class="fa fa-comment-o"></i> <a href="http://thedesignpixel.com/20-premium-responsive-mobile-website-templates/#comments" class="comments-link">2</a></span>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
 
</div>
</aside> </div> 
</div> 
</div> 
