                				<!-- END HEADER -->
                <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/coding/" rel="category tag">Coding</a> &bull; <a href="http://thedesignpixel.com/category/tutorials/" rel="category tag">Tutorials</a>&nbsp;&nbsp;/&nbsp;&nbsp;20 Best jQuery Parallax Scrolling Tutorials                            </div>
				        <div class="single-content">
    <article class="post-50 post type-post status-publish format-standard has-post-thumbnail hentry category-coding category-tutorials tag-jquery">
	<div id="post-50" class="post-box">
                        <div class="post-meta-top">                        <div class="post-cats uppercase">
                            <span>
                            <a href="http://thedesignpixel.com/category/coding/" title="View all posts in Coding" >Coding</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">20 Best jQuery Parallax Scrolling Tutorials</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/jquery/" rel="tag">jQuery</a></span>										<span class="post-comments"><i class="fa fa-comments-o"></i> <a href="http://thedesignpixel.com/best-jquery-parallax-scrolling-tutorials/#respond" class="comments-link" >Leave a Comment</a></span>
						</div><!--.post-meta--></div>            </header><!--.header-->
                    <div class="post-inner">
            <div class="post-content single-post-content">
                                    <div class="single-post-ad">
                        <!-- BuySellAds Zone Code -->
<div id="bsap_1305000" class="bsarocks bsap_27770e24670f629d82caf5005caf67f2"></div>
<!-- End BuySellAds Zone Code -->                    </div>
                
                <p>Web designing is the most interesting field of the present time, where more and more people started their career to be a successful web designer. Not only the people want to be a part of this community, but it always provides a better opportunity for the newbies. All you need to have some patience to become a perfect web designer, If you already have some knowledge about it than you can easily enhance your skills. Designing is not about to just have coding skills to create some application, but it&#8217;s more like a creative couple with logical codes that enable you to create some stunning designs.</p>
<p>There are many languages like CSS, HTML, JavaScript, <span class="GINGER_SOFATWARE_mark" id="5743c36e-7a5f-4301-85a0-b69a80298b3d"><span class="GINGER_SOFATWARE_mark" id="1cdcdcfd-f8fa-4be5-b052-2dac473559c5">jQuery</span></span> used for creating a beautifully designed web page. But today we are just going to talk about <span class="GINGER_SOFATWARE_mark" id="53d6f6e7-27ba-4906-922d-bcdbd33f96cc"><span class="GINGER_SOFATWARE_mark" id="2132f959-ac76-4955-9b40-6919f8d53447">jQuery</span></span> only, <span class="GINGER_SOFATWARE_mark" id="f38650d4-adf7-48dc-bfbb-c902d9db49b0"><span class="GINGER_SOFATWARE_mark" id="c0621224-6278-4a5a-98a2-0388bb2e0883">jQuery</span></span> is the cross-platform JavaScript library which is used to client side scripting of HTML. <span class="GINGER_SOFATWARE_mark" id="3ceeb1d5-f5d0-47bc-a373-64f59bb083da"><span class="GINGER_SOFATWARE_mark" id="8d12e473-e0a3-441f-9b01-33babe9d9242">jQuery</span></span> is the most popular JavaScript library used by web designers and almost 80% of the website used this to enhance the features of their websites. <span class="GINGER_SOFATWARE_mark" id="2ee8f529-9eeb-44a2-a775-473d83e3c741"><span class="GINGER_SOFATWARE_mark" id="70c842b6-ca9f-4095-82cb-770da91d03f6">jQuery</span></span> is free and open source library which is designed to make easier navigation of a document. One of the most important features it provides is parallax scrolling &amp; with the help of which we can create horizontal and vertical movement of our web page across the screen.</p>
<p><span class="GINGER_SOFATWARE_mark" id="ee53d2d1-880d-4d02-9c54-bf02c6e95a12"><span class="GINGER_SOFATWARE_mark" id="1c02dc4a-4988-469f-8e19-4d56260f5266">jQuery</span></span> parallax scrolling becomes the most common feature which is used by many websites to create their web pages more beautiful. There are many tutorials available for <span class="GINGER_SOFATWARE_mark" id="e7341a83-48c3-4e11-ad0a-2297cfd22f0b"><span class="GINGER_SOFATWARE_mark" id="aefa2994-9529-45c6-a189-ed3012c2ab76">jQuery</span></span> parallax scrolling for creating different effects that make it seem like bubble moving across the screen and even create some stunning backgrounds with different effects. To help you understand these features more clearly we have collected some of the best <span class="GINGER_SOFATWARE_mark" id="0f534fd4-c79b-44ea-b2e1-8c88b893f9c2"><span class="GINGER_SOFATWARE_mark" id="520b944c-1a7b-41c7-b239-63c741eaad11">jQuery</span></span> parallax scrolling tutorials and we hope that you will definitely find them worth trying!
</p>
<h3><em><span style="text-decoration: underline;">20 Best <span class="GINGER_SOFATWARE_mark" id="55026a37-e31b-4bf6-8381-95e53acd10f2"><span class="GINGER_SOFATWARE_mark" id="36f8fde1-b3ed-413b-b3d1-c221675b3638"><span class="GINGER_SOFATWARE_mark" id="11ca0728-7be2-4975-a4b2-97da4f3afc21">jQuery</span></span></span> Parallax Scrolling Tutorials</span></em>:</h3>
<h3><b>Parallax Effect</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Effect.jpg"><img class="aligncenter size-full wp-image-51" title="Parallax Effect: jQuery Parallax Scrolling Tutorials" alt="Parallax Effect: jQuery Parallax Scrolling Tutorials" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect.jpg" width="600" height="290" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-300x145.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-51" title="Parallax Effect: jQuery Parallax Scrolling Tutorials" alt="Parallax Effect: jQuery Parallax Scrolling Tutorials" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Effect.jpg" width="600" height="290" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect-300x145.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/" target="_blank">Tutorial</a> || <a href="http://ianlunn.co.uk/plugins/jquery-parallax/" target="_blank">Demo</a></p>
<h3><b>Parallax Content Slider With CSS3 And <span class="GINGER_SOFATWARE_mark" id="4708b9d0-ddea-457a-b3ac-116600604cf0"><span class="GINGER_SOFATWARE_mark" id="7225b837-2324-4712-a833-f8e9b5bad952"><span class="GINGER_SOFATWARE_mark" id="338a8987-b34d-4109-a87c-a3ad6e5cd626">jQuery</span></span></span></b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery.jpg"><img class="aligncenter size-full wp-image-52" title="Parallax Content Slider With CSS3 And jQuery" alt="Parallax Content Slider With CSS3 And jQuery" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery.jpg" width="600" height="227" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery-300x114.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-52" title="Parallax Content Slider With CSS3 And jQuery" alt="Parallax Content Slider With CSS3 And jQuery" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery.jpg" width="600" height="227" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery-300x114.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Content-Slider-With-CSS3-And-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/" target="_blank">Tutorial</a> || <a href="http://tympanus.net/Development/ParallaxContentSlider/" target="_blank">Demo</a></p>
<h3><b>Create a Funky Parallax Background Effect Using jQuery</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery.jpg"><img class="aligncenter size-full wp-image-53" title="Create a Funky Parallax Background Effect Using jQuery" alt="Create a Funky Parallax Background Effect Using jQuery" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery.jpg" width="600" height="236" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery-300x118.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-53" title="Create a Funky Parallax Background Effect Using jQuery" alt="Create a Funky Parallax Background Effect Using jQuery" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery.jpg" width="600" height="236" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery-300x118.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Funky-Parallax-Background-Effect-Using-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/" target="_blank">Tutorial</a> || <a href="http://themeforest.s3.amazonaws.com/116_parallax/tutorial-source-files/tut-index.html" target="_blank">Demo</a></p>
<h3><b>Create a Parallax Scrolling Website Using Stellar<span class="GINGER_SOFATWARE_mark" id="31002146-7fcc-4832-bc89-fd9a9dc22976"><span class="GINGER_SOFATWARE_mark" id="2106d152-31f2-4d40-a993-f9fc1ca58610"><span class="GINGER_SOFATWARE_mark" id="8ebd38a4-665b-46f0-8352-ddee40127b59"><span class="GINGER_SOFATWARE_mark" id="05450c98-c087-433d-a0f8-ea64b1f39f85">.</span></span></span></span><span class="GINGER_SOFATWARE_mark" id="52d33164-d4ad-41d8-9a28-ea03d88cfd6c"><span class="GINGER_SOFATWARE_mark" id="3aaa6866-89a6-42b3-aced-44c8a13122ab"><span class="GINGER_SOFATWARE_mark" id="85a0f407-6715-489d-a2a9-72f46127abfc"><span class="GINGER_SOFATWARE_mark" id="6f2bae81-cc87-41e5-9041-30e86b407391">js</span></span></span></span></b> <a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar.png"><img class="aligncenter size-full wp-image-71" title="Create a Parallax Scrolling Website Using Stellar" alt="Create a Parallax Scrolling Website Using Stellar" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar.png" width="600" height="342" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar-300x171.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar.png 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-71" title="Create a Parallax Scrolling Website Using Stellar" alt="Create a Parallax Scrolling Website Using Stellar" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar.png" width="600" height="342" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar-300x171.png 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Scrolling-Website-Using-Stellar.png 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></h3>
<p><a href="http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/" target="_blank">Tutorial</a> || <a href="http://webdesigntutsplus.s3.amazonaws.com/tuts/338_parallax/src/index.html" target="_blank">Demo</a></p>
<h3><b>A Simple Parallax Scrolling Technique</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique.jpg"><img class="aligncenter  wp-image-54" title="A Simple Parallax Scrolling Technique" alt="A Simple Parallax Scrolling Technique" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique.jpg" width="600" height="290" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique-300x145.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter  wp-image-54" title="A Simple Parallax Scrolling Technique" alt="A Simple Parallax Scrolling Technique" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique.jpg" width="600" height="290" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique-300x145.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/A-Simple-Parallax-Scrolling-Technique.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/" target="_blank">Tutorial</a> || <a href="http://nettuts.s3.amazonaws.com/2138_SimpleParallax/Demo/index.html" target="_blank">Demo</a></p>
<h3><b>The Parallax Effects With <span class="GINGER_SOFATWARE_mark" id="d7d8ff00-dd61-4155-be36-fd8d4868eaca"><span class="GINGER_SOFATWARE_mark" id="f193379c-1f03-43bf-b7b5-c8b16132e733"><span class="GINGER_SOFATWARE_mark" id="02b30e3a-5669-4007-8dc4-55f741bbe128">jQuery</span></span></span></b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery.jpg"><img class="aligncenter size-full wp-image-55" title="The Parallax Effects With jQuery" alt="The Parallax Effects With jQuery" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery.jpg" width="600" height="511" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery-300x256.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-55" title="The Parallax Effects With jQuery" alt="The Parallax Effects With jQuery" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery.jpg" width="600" height="511" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery-300x256.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/The-Parallax-Effects-With-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://www.franckmaurin.com/the-parallax-effects-with-jquery/" target="_blank">Tutorial</a> || <a href="http://www.franckmaurin.com/the-parallax-effects-with-jquery/" target="_blank">Demo</a></p>
<h3><b>One Page Website, Vertical Parallax</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax.jpg"><img class="aligncenter size-full wp-image-56" title="One Page Website, Vertical Parallax" alt="One Page Website, Vertical Parallax" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax.jpg" width="600" height="419" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax-300x210.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-56" title="One Page Website, Vertical Parallax" alt="One Page Website, Vertical Parallax" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax.jpg" width="600" height="419" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax-300x210.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/One-Page-Website-Vertical-Parallax.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://www.webdesignshock.com/one-page-website/" target="_blank">Tutorial</a> || <a href="http://www.webdesignshock.com/demos/vertical_parallax/" target="_blank">Demo</a></p>
<h3><b>Jazz up a Static Web Page with Subtle Parallax</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax.jpg"><img class="aligncenter size-full wp-image-57" title="Jazz up a Static Webpage with Subtle Parallax" alt="Jazz up a Static Webpage with Subtle Parallax" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax.jpg" width="600" height="220" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax-300x110.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-57" title="Jazz up a Static Webpage with Subtle Parallax" alt="Jazz up a Static Webpage with Subtle Parallax" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax.jpg" width="600" height="220" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax-300x110.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Jazz-up-a-Static-Webpage-with-Subtle-Parallax.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/jazz-up-a-static-webpage-with-subtle-parallax/" target="_blank">Tutorial</a> || <a href="http://source.tutsplus.com/webdesign/tutorials/005_parallax/demo/index.html" target="_blank">Demo</a></p>
<h3><b>Scrolling Parallax: A jQuery Plugin with Tutorial</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial.jpg"><img class="aligncenter size-full wp-image-58" title="Scrolling Parallax A jQuery Plugin With Tutorial" alt="Scrolling Parallax A jQuery Plugin With Tutorial" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial.jpg" width="600" height="304" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial-300x152.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-58" title="Scrolling Parallax A jQuery Plugin With Tutorial" alt="Scrolling Parallax A jQuery Plugin With Tutorial" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial.jpg" width="600" height="304" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial-300x152.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Scrolling-Parallax-A-jQuery-Plugin-With-Tutorial.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://jonraasch.com/blog/scrolling-parallax-jquery-plugin" target="_blank">Tutorial</a> || <a href="http://dev.jonraasch.com/scrolling-parallax/examples/scrolling-parallax" target="_blank">Demo</a></p>
<h3><b>Parallax gallery</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-gallery.jpg"><img class="aligncenter size-full wp-image-60" title="Parallax gallery- jQuery Parallax Scrolling Tutorials" alt="Parallax gallery- jQuery Parallax Scrolling Tutorials" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Parallax-gallery.jpg" width="600" height="386" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-gallery-300x193.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-gallery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-60" title="Parallax gallery- jQuery Parallax Scrolling Tutorials" alt="Parallax gallery- jQuery Parallax Scrolling Tutorials" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-gallery.jpg" width="600" height="386" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-gallery-300x193.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-gallery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://webdesignerwall.com/tutorials/parallax-gallery" target="_blank">Tutorial</a> || <a href="http://www.webdesignerwall.com/demo/parallax-gallery/?TB_iframe=true&amp;height=490&amp;width=720" target="_blank">Demo</a></p>
<h3><b>Build a parallax scrolling website interface with jQuery and CSS</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS.jpg"><img class="aligncenter size-full wp-image-61" title="Build a parallax scrolling website interface with jQuery and CSS" alt="Build a parallax scrolling website interface with jQuery and CSS" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS.jpg" width="600" height="309" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS-300x155.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-61" title="Build a parallax scrolling website interface with jQuery and CSS" alt="Build a parallax scrolling website interface with jQuery and CSS" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS.jpg" width="600" height="309" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS-300x155.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Build-a-parallax-scrolling-website-interface-with-jQuery-and-CSS.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://f6design.com/journal/2011/08/06/build-a-parallax-scrolling-website-interface-with-jquery-and-css/" target="_blank">Tutorial</a> || <a href="http://f6design.com/projects/parallax-scrolling/" target="_blank">Demo</a></p>
<h3><b>CSS3 Parallax scrolling slider</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider.jpg"><img class="aligncenter size-full wp-image-62" title="CSS3 Parallax scrolling slider" alt="CSS3 Parallax scrolling slider" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider.jpg" width="600" height="264" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider-300x132.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-62" title="CSS3 Parallax scrolling slider" alt="CSS3 Parallax scrolling slider" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider.jpg" width="600" height="264" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider-300x132.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/CSS3-Parallax-scrolling-slider.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://www.script-tutorials.com/css3-parallax-scrolling-slider/" target="_blank">Tutorial</a> || <a href="http://www.script-tutorials.com/demos/273/index.html" target="_blank">Demo</a></p>
<h3><b>Building a Parallax Scrolling Storytelling Framework</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework.jpg"><img class="aligncenter size-full wp-image-63" title="Building a Parallax Scrolling Storytelling Framework" alt="Building a Parallax Scrolling Storytelling Framework" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework.jpg" width="600" height="327" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework-300x164.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-63" title="Building a Parallax Scrolling Storytelling Framework" alt="Building a Parallax Scrolling Storytelling Framework" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework.jpg" width="600" height="327" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework-300x164.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Building-a-Parallax-Scrolling-Storytelling-Framework.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://www.netmagazine.com/tutorials/building-parallax-scrolling-storytelling-framework" target="_blank">Tutorial</a> || <a href="http://www.netmagazine.com/files/tutorials/demos/2011/08/building-a-parallax-scrolling-storytelling-framework/demo/demo.html" target="_blank">Demo</a></p>
<h3><b>Parallax Slider With jQuery</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery.jpg"><img class="aligncenter size-full wp-image-64" title="Parallax Slider With jQuery" alt="Parallax Slider With jQuery" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery.jpg" width="600" height="325" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery-300x163.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-64" title="Parallax Slider With jQuery" alt="Parallax Slider With jQuery" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery.jpg" width="600" height="325" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery-300x163.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Slider-With-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://tympanus.net/codrops/2011/01/03/parallax-slider/" target="_blank">Tutorial</a> || <a href="http://tympanus.net/Tutorials/ParallaxSlider/" target="_blank">Demo</a></p>
<h3><b>Fluid CSS3 Slideshow with Parallax Effect</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect.jpg"><img class="aligncenter size-full wp-image-65" title="Fluid CSS3 Slideshow with Parallax Effect" alt="Fluid CSS3 Slideshow with Parallax Effect" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect.jpg" width="600" height="313" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect-300x157.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-65" title="Fluid CSS3 Slideshow with Parallax Effect" alt="Fluid CSS3 Slideshow with Parallax Effect" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect.jpg" width="600" height="313" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect-300x157.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Fluid-CSS3-Slideshow-with-Parallax-Effect.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect/" target="_blank">Tutorial</a> || <a href="http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/" target="_blank">Demo</a></p>
<h3><b>Create a Cool Website with Fancy Scrolling Effects</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects.jpg"><img class="aligncenter size-full wp-image-66" title="Create a Cool Website with Fancy Scrolling Effects" alt="Create a Cool Website with Fancy Scrolling Effects" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects.jpg" width="600" height="290" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects-300x145.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-66" title="Create a Cool Website with Fancy Scrolling Effects" alt="Create a Cool Website with Fancy Scrolling Effects" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects.jpg" width="600" height="290" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects-300x145.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Cool-Website-with-Fancy-Scrolling-Effects.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://line25.com/tutorials/create-a-cool-website-with-fancy-scrolling-effects" target="_blank">Tutorial</a> || <a href="http://chrisspooner.com/my-sites/" target="_blank">Demo</a></p>
<h3><b><span class="GINGER_SOFATWARE_mark" id="09f16f08-c714-4ecd-9c59-03e53aa187f2"><span class="GINGER_SOFATWARE_mark" id="899a8ba2-ae4c-4b04-b1c4-33f7830d8280"><span class="GINGER_SOFATWARE_mark" id="5f5ece7b-2998-4475-a875-97a940e97140">jQuery</span></span></span> Parallax Tutorial &ndash; Animated Header Background</b></h3>
<p style="text-align: center;"><a href="#"><img class="aligncenter size-full wp-image-67" title="jQuery Parallax Tutorial &ndash; Animated Header Background" alt="jQuery Parallax Tutorial &ndash; Animated Header Background" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/jQuery-Parallax-Tutorial-Animated-Header-Background.jpg" width="600" height="156"><noscript></noscript></a></p>
<p><a href="http://www.jquery4u.com/animation/jquery-parallax-tutorial/" target="_blank">Tutorial</a> || <a href="http://www.jquery4u.com/demos/jquery4u-parallax-demo/" target="_blank">Demo</a></p>
<h3><b>Create a Parallax Website Header</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header.jpg"><img class="aligncenter size-full wp-image-68" title="Create a Parallax Website Header" alt="Create a Parallax Website Header" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header.jpg" width="600" height="250" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header-300x125.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-68" title="Create a Parallax Website Header" alt="Create a Parallax Website Header" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header.jpg" width="600" height="250" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header-300x125.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Create-a-Parallax-Website-Header.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://progtuts.info/186/create-a-parallax-website-header/" target="_blank">Tutorial</a> || <a href="http://progtuts.info/downloads/ParallaxHeader/" target="_blank">Demo</a></p>
<h3><b>Parallax Effect.</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Effect..jpg"><img class="aligncenter size-full wp-image-59" title="Parallax Effect." alt="Parallax Effect." src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect..jpg" width="600" height="372" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect.-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect..jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-59" title="Parallax Effect." alt="Parallax Effect." src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Parallax-Effect..jpg" width="600" height="372" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect.-300x186.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Parallax-Effect..jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://www.onextrapixel.com/2012/07/06/javascript-tutorial-parallax-effect-thumbnail-shifting-and-sequential-window-opening/" target="_blank">Tutorial</a> || No Demo</p>
<h3><b>Super Easy Parallax Effect with jQuery</b></h3>
<p style="text-align: center;"><a href="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery.jpg"><img class="aligncenter size-full wp-image-69" title="Super Easy Parallax Effect with jQuery" alt="Super Easy Parallax Effect with jQuery" src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://thedesignpixel.com/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery.jpg" width="600" height="463" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery-300x232.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /><noscript><img class="aligncenter size-full wp-image-69" title="Super Easy Parallax Effect with jQuery" alt="Super Easy Parallax Effect with jQuery" src="http://thedesignpixel.com/files/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery.jpg" width="600" height="463" srcset="http://www.thedesignpixel.com/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery-300x232.jpg 300w, http://www.thedesignpixel.com/wp-content/uploads/2014/03/Super-Easy-Parallax-Effect-with-jQuery.jpg 600w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></a></p>
<p><a href="http://abduzeedo.com/super-easy-parallax-effect-jquery" target="_blank">Tutorial</a> || <a href="http://abduzeedo.com/super-easy-parallax-effect-jquery" target="_blank">Demo</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><!--.single-post-content-->
        </div><!--.post-inner-->
			</div><!--.post excerpt-->
</article><!--.post-box--></div><!--.single-content-->
    <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='avatar' src="http://thedesignpixel.com/files/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://0.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='avatar' 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 id="wc-textarea-0_0"   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  alt="refresh" class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a>
                        <input type="hidden" id="pXM3Jcfa431319c239949399f7bbd6aea7a0a2cfd40c40a16e66da1aa48545c5e2684" class="wpdiscuz-cnonce" name="cnonce" value="pXM3Jcfa431319c239949399f7bbd6aea7a0a2cfd40c40a16e66da1aa48545c5e2684" />
                    </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='avatar' 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='avatar' 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 id="wc-textarea-wpdiscuzuniqueid"   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  alt="refresh" class="" src="http://thedesignpixel.com/files/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a>
                        <input type="hidden" id="sIsiPc78fa24ef842abe31449cfd55bd8c05fd700df9fcb1803a5df63e439d8d0e5b7" class="wpdiscuz-cnonce" name="cnonce" value="sIsiPc78fa24ef842abe31449cfd55bd8c05fd700df9fcb1803a5df63e439d8d0e5b7" />
                    </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">
        		<!-- START WIDGET -->
		<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/#comments" class="comments-link" >1</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>
		<!-- END WIDGET -->
			</div>
</aside>		</div><!--.main-content-->
		</div><!--#page-->
	</div><!--.main-wrapper-->
		