pa href=”http://feedads.g.doubleclick.net/~a/bdsoqOcKmeBdyYUa7mlOV2opugY/0/da”img src=”http://feedads.g.doubleclick.net/~a/bdsoqOcKmeBdyYUa7mlOV2opugY/0/di” border=”0″ ismap=”true”/img/abr/
a href=”http://feedads.g.doubleclick.net/~a/bdsoqOcKmeBdyYUa7mlOV2opugY/1/da”img src=”http://feedads.g.doubleclick.net/~a/bdsoqOcKmeBdyYUa7mlOV2opugY/1/di” border=”0″ ismap=”true”/img/a/ppIn this post, we’ll showcase 50 Free high-quality #038; New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own. Hopefully some of these will meet your expectations and come in handy in your projects./p
pYou will have to check the license first for any restrictions or guidelines before using any template./p
hr/
span id=”more-13384″/span/p
h4 class=”title”Shape/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-28.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.templateworld.com/zero/in_action/shape”View Demo/a | a href=”http://www.smashingmagazine.com/2009/06/04/6-free-psdxhtml-templates/”Download/a /p
h4 class=”title”2 Breed/h4
pThis template was fascinated by nature, with attractive and vibrant colors./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-29.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.templateworld.com/zero/in_action/2_breed”View Demo/a | a href=”http://www.smashingmagazine.com/2009/06/04/6-free-psdxhtml-templates/”Download/a /p
h4 class=”title”Environment Brand Design/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-2.jpg” alt=”" width=”500″ height=”216″//p
pa href=”http://www.opensourcetemplates.org/templates/preview/1361070670/”View Demo/a | a href=”http://www.opensourcetemplates.org/templates/download/1361070670/”Download/a /p
h4 class=”title”DelliStore/h4
pThis is a full px-based, cross-browser-compliant (X)HTML/CSS-template (IE 6, IE 7, Firefox, Safari, Google Chrome). It consists of 4 custom pages; the PSD-source is included./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-27.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.dellustrations.com/dellistore/”View Demo/a | a href=”http://www.smashingmagazine.com/2009/05/02/dellistore-a-free-professional-cssxhtmlpsd-template/”Download/a /p
h4 class=”title”Organic Template Design/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-3.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.opensourcetemplates.org/templates/preview/1408223945/”View Demo/a | a href=”http://www.opensourcetemplates.org/templates/download/1408223945/”Download/a /p
h4 class=”title”The Old Forest/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-4.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.sixshootermedia.com/ostemplates/the_old_forest/”View Demo/a | a href=”http://www.sixshootermedia.com/ostemplates/the_old_forest/the_old_forest.zip”Download/a /p
h4 class=”title”Motion/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-5.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.sixshootermedia.com/ostemplates/motion/”View Demo/a | a href=”http://www.sixshootermedia.com/ostemplates/motion/motion.zip”Download/a /p
h4 class=”title”Package/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-6.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.templatekingdom.com/CSS-Templates/Web-Design/2709-Package”View Demo/a | a href=”http://www.templatekingdom.com/Download/action/download/templateId/2709/”Download/a /p
h4 class=”title”101 design blog/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-41.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.templatemo.com/templates/templatemo_101_design_blog/”View Demo/a | a href=”http://www.templatemo.com/preview/templatemo_101_design_blog”Download/a /p
h4 class=”title”ec mania/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-7.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.templatekingdom.com/CSS-Templates/Web-Design/2710-ec-mania”View Demo/a | a href=”http://www.templatekingdom.com/Download/action/download/templateId/2710/”Download/a /p
h4 class=”title”Fashion Club/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-8.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.templatekingdom.com/CSS-Templates/Fashion/3955-Fashion-Club”View Demo/a | a href=”http://www.templatekingdom.com/Download/action/download/templateId/3955/”Download/a /p
h4 class=”title”Fashion Club/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-8.jpg” alt=”" width=”500″ height=”350″//p
pa href=”http://www.templatekingdom.com/CSS-Templates/Fashion/3955-Fashion-Club”View Demo/a | a href=”http://hv-designs.co.uk/2009/02/27/portfolio-layout-10-learn-to-code/”Download/a /p
h4 class=”title”Charcoal/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-9.jpg” alt=”" width=”500″ height=”370″//p
pa href=”http://www.templatekingdom.com/demo/CSS-Templates/Web-Design/BNB-F0001-WEBD/”View Demo/a | a href=”http://www.templatekingdom.com/Download/action/download/templateId/3956/”Download/a /p
h4 class=”title”WaterColored Portfolio Coded/h4
pA valid, standards compliant XHTML and CSS home-page from PSD template. You will also find a useful PSD to HTML Tutorial./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-11.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.pvmgarage.com/downloads/watercolored_portfolio”View Demo/a | a href=”http://www.pvmgarage.com/en/2009/06/watercolored-portfolio-coded-free-css-template-with-psd-to-html-tutorial/”Download/a /p
h4 class=”title”Clean Web 2.0 Layout/h4
pThis tutorial will show you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design. All source files are included./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-30.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://sixrevisions.com/demo/web2_layout/index.html”View Demo/a | a href=”http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/”Download/a /p
h4 class=”title”Dark and sleek web layout /h4
pA step-by-step tutorial on how to create a beautiful dark and sleek web layout using standards-based HTML and CSS. Source files are included./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-31.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://sixrevisions.com/demo/dark_and_sleek_layout/index.html”View Demo/a | a href=”http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/”Download/a /p
h4 class=”title”SindromK/h4
pAvailable in 3 color scheme (violet, green and brown)./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-12.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://indeziner.com/freecsstemplates/sindromk/sindromk-violet/”View Demo/a | a href=”http://indeziner.com/free-css-templates/sindromk-a-new-free-css-templates/”Download/a /p
h4 class=”title”Business Company/h4
pThis template comes in 3 colour themes: blue, green and violet./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-13.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://indeziner.com/freecsstemplates/business-company/”View Demo/a | a href=”http://indeziner.com/free-css-templates/business-company-free-css-template/”Download/a /p
h4 class=”title”Fluid 960 Grid System Templates/h4
p960 pixel fixed width, 12-column fluid width and 16-column fluid width, which have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-45.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://designinfluences.com/fluid960gs/”View Demo/a | a href=”http://designinfluences.com/fluid960gs/”Download/a /p
h4 class=”title”Symisun/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-10.jpg” alt=”" width=”500″ height=”212″//p
pa href=”http://www.opendesigns.org/preview/?template=1266″View Demo/a | a href=”http://www.opendesigns.org/designs/?id=1266″Download/a /p
h4 class=”title”JET 30/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-1.jpg” alt=”" width=”500″ height=”312″//p
pa href=”http://www.templateworld.com/freetemplates/zero/track.php?id=1#038;flag=1″View Demo/a | a href=”http://www.templateworld.com/freetemplates/zero/track.php?id=1#038;flag=2″Download/a /p
h4 class=”title”FreshPick 1.0/h4
pA simple, minimal, fresh looking design which focus more on content. Great for blogs and small business websites./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-14.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.styleshout.com/templates/preview/FreshPick1-0/index.html?PHPSESSID=df8f200a6a16df2e6442a385b790952d”View Demo/a | a href=”http://www.styleshout.com/free-templates.php”Download/a /p
h4 class=”title”Creative Media/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-15.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://indeziner.com/freecsstemplates/creative-media/”View Demo/a | a href=”http://indeziner.com/free-css-templates/creative-media-free-css-template/”Download/a /p
h4 class=”title”HTML Resume/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-16.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.csstemplatesfree.org/templates/HTML-Resume/”View Demo/a | a href=”http://www.csstemplatesfree.org/html-resume.html”Download/a /p
h4 class=”title”Featuring/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-17.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://featuring-fbt.blogspot.com/”View Demo/a | a href=”http://www.freebloggertemplate.info/2009/06/featuring-blogger-template.html”Download/a /p
h4 class=”title”Green Solutions/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-19.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.my-free-css-templates.com/cgi-bin/jump2.cgi?ID=356″View Demo/a | a href=”http://www.my-free-css-templates.com/Detailed/CSS_Templates/Green_Solutions_356.html”Download/a /p
h4 class=”title”Facing/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-18.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.my-free-css-templates.com/Detailed/CSS_Templates/Facing_319.html”View Demo/a | a href=”http://www.my-free-css-templates.com/cgi-bin/jump2.cgi?ID=319″Download/a /p
h4 class=”title”TreeHouse/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-20.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://treehouse-fbt.blogspot.com/”View Demo/a | a href=”http://www.freebloggertemplate.info/2009/06/treehouse-blogger-template.html”Download/a /p
h4 class=”title”RamblingSoul/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-21.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://ramblingsoul.com/preview/rs14/”View Demo/a | a href=”http://ramblingsoul.com/downloads/”Download/a /p
h4 class=”title”Treasure hunters/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-22.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://csstemplatesmarket.com/freecsstemplates/treasure_hunters/index.html”View Demo/a | a href=”http://csstemplatesmarket.com/freecsstemplates/treasure_hunters/”Download/a /p
h4 class=”title”Free Admin Template For Web Applications/h4
pThis is an admin template which you can use for web applications like: E-commerce projects, Content management systems./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-42.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://webresourcesdepot.com/wp-content/uploads/file/admin-template/index.html”View Demo/a | a href=”http://www.webresourcesdepot.com/free-admin-template-for-web-applications/”Download/a /p
h4 class=”title”Urban Artist/h4
pA light on dark template. Has a fixed width, two columns layout. The design is a combination of a dark background and bright colored text and headers./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-23.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.styleshout.com/templates/preview/UrbanArtist1-0/index.html”View Demo/a | a href=”http://www.styleshout.com/free-templates.php”Download/a /p
h4 class=”title”Catalogio-01/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-24.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.nuviotemplates.com/preview.php?template=catalogio-01″View Demo/a | a href=”http://www.styleshout.com/free-templates.php”Download/a /p
h4 class=”title”Futuremag-aio/h4
pAll in one with style switcher./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-25.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.nuviotemplates.com/preview.php?template=futuremag-aio”View Demo/a | a href=”http://www.nuviotemplates.com/template.php?template=futuremag-aio”Download/a /p
h4 class=”title”Design Newsletter Templates/h4
pFree newsletter templates which you can find handy for using them in your own e-mail marketing processes./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-44.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.cakemail.com/templates/cakemail/images/newsletters/preview/a2.gif”View Layout/a | a href=”http://www.cakemail.com/newsletter-templates/design”Download/a /p
h4 class=”title”Business/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-26.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.webpagedesign.com.au/Free_Templates/biztemplate/”View Demo/a | a href=”http://www.webpagedesign.com.au/category/free-templates/”Download/a /p
h4 class=”title”DragonFly/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-32.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.freecsstemplates.org/preview/dragonfly”View Demo/a | a href=”http://www.freecsstemplates.org/preview/dragonfly”Download/a /p
h4 class=”title”Black Eyed Susan/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-33.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.freecsstemplates.org/preview/blackeyedsusan”View Demo/a | a href=”http://www.freecsstemplates.org/preview/blackeyedsusan”Download/a /p
h4 class=”title”Black berry/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-34.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://www.freecsstemplates.org/preview/blackberry”View Demo/a | a href=”http://www.freecsstemplates.org/preview/blackberry”Download/a /p
h4 class=”title”Solitude/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-43.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://demo.templateworld.com/zero/in_action/solitude/”View Demo/a | a href=”http://www.templateworld.com/free_templates.html”Download/a /p
h4 class=”title”Redish/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-35.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://demo.templateworld.com/zero/in_action/redish/”View Demo/a | a href=”http://www.templateworld.com/free_templates.html”Download/a /p
h4 class=”title”Individual/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-36.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://demo.templateworld.com/zero/in_action/individual/”View Demo/a | a href=”http://www.templateworld.com/free_templates.html”Download/a /p
h4 class=”title”Trial Impact/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-37.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://demo.templateworld.com/zero/in_action/trial_impact/”View Demo/a | a href=”http://www.templateworld.com/free_templates.html”Download/a /p
h4 class=”title”Blog Division/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-38.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://demo.templateworld.com/zero/in_action/blog_division/”View Demo/a | a href=”http://www.freewebtemplates.info/2009/05/22/blog-division-website-template/”Download/a /p
h4 class=”title”Free Software/h4
p class=”img”img src=”http://noupe.com/img/xhtml-css-39.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://csstemplatesmarket.com/freecsstemplates/h_free_software/index.html”View Demo/a | a href=”http://csstemplatesmarket.com/freecsstemplates/h_free_software/”Download/a /p
h4 class=”title”The Sky Was Blue/h4
pA free XHTML portfolio template, built using the 960 grid system./p
p class=”img”img src=”http://noupe.com/img/xhtml-css-40.jpg” alt=”" width=”500″ height=”"//p
pa href=”http://francescomugnai.com/demohtml/index.html”View Demo/a | a href=”http://blogof.francescomugnai.com/2009/06/the-sky-was-blue-a-free-xhtml-portfolio-template-for-you/”Download/a /p
div class=”feedflare”
a href=”http://feeds.feedburner.com/~ff/Noupe?a=WSxjXPHCi1c:lwsm1Iv6SDk:V_sGLiPBpWU”img src=”http://feeds.feedburner.com/~ff/Noupe?i=WSxjXPHCi1c:lwsm1Iv6SDk:V_sGLiPBpWU” border=”0″/img/a a href=”http://feeds.feedburner.com/~ff/Noupe?a=WSxjXPHCi1c:lwsm1Iv6SDk:F7zBnMyn0Lo”img src=”http://feeds.feedburner.com/~ff/Noupe?i=WSxjXPHCi1c:lwsm1Iv6SDk:F7zBnMyn0Lo” border=”0″/img/a a href=”http://feeds.feedburner.com/~ff/Noupe?a=WSxjXPHCi1c:lwsm1Iv6SDk:gIN9vFwOqvQ”img src=”http://feeds.feedburner.com/~ff/Noupe?i=WSxjXPHCi1c:lwsm1Iv6SDk:gIN9vFwOqvQ” border=”0″/img/a a href=”http://feeds.feedburner.com/~ff/Noupe?a=WSxjXPHCi1c:lwsm1Iv6SDk:7Q72WNTAKBA”img src=”http://feeds.feedburner.com/~ff/Noupe?d=7Q72WNTAKBA” border=”0″/img/a
/divimg src=”http://feeds.feedburner.com/~r/Noupe/~4/WSxjXPHCi1c” height=”1″ width=”1″/
{ 0 comments… add one now }