O Simple – Free Website PSD Template

I love freebies and when it is useful – I just download that. So here we have a very clean website template in psd format as a freebie today.

O Simple - PSD Template

My purpose

I have designed this template to write a step-by-step tutorial on how to convert a PSD into HTML5 CSS3 Website. So you can expect the same within few days.

I will be adding more views, like inner page & responsive view. So finally we will learn PSD to HTML5/CSS3 Responsive Website coding. You might want to keep your eyes around us for that.

For now, download the PSD Template and have fun.

Download

PS: Video player PSD credit to PSDHome

10 Best Articles to Learn PSD to HTML Conversion

This list article contains links of good resources where you can learn very best ways and methods of coding up a PSD into workable HTML/CSS templates. Target is for novice folks. Articles listed below will help you master in HTML/CSS crafting with industry best practices.

PSD to HTML

  1. Converting a clean magazine-style PSD template to HTML/CSS

  2. Converting a Design From PSD to HTML

  3. Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

  4. From PSD to HTML: Building a Set of Website Designs Step by Step

  5. How to Code up a Web Design from PSD to HTML

  6. PSD/HTML Conversion: Code a Clean Business Website Design

  7. Minimal and Modern Layout: PSD to XHTML/CSS Conversion

  8. Slice and Dice that PSD

  9. Building a Website (2 of 3): HTML/CSS Conversion

  10. From PSD to HTML the easy way – Using Ultimate CSS Framework

Product Showcase PSD Template

We have an excellent PSD template freebie today. It’s super cool design helps to showcase your product in very well manner. I must say, it is a most attractive psd template released under CSS Junction.

Product Showcase PSD Website Template

Images used in the template are creative common from Behance gallery and fonts are from Google Fonts. Heading type is Tenor Sans and body copy is Buenard.

This template has been designed by Nepalese Web designer Sanjay Shrestha, a young and talented creative. You can follow him @shresthasans and here is his portfolio.

Isn’t it awesome that you can get this template right away. Yes it is. Get it:

Download PSD

Have something to say, spread words about this in the comment section below. Don’t forget  to follow us @CSSJunction and Subscribe our RSS feed for more attractive free PSD templates.

More PSD Templates:

Portfolio PSD Template V 2.0

Our last Portfolio PSD Template, which was a standalone one page PSD Template got a lots of love from you – its the most popular download till the date on CSS Junction. Considering you deep interest in that portfolio template, here I have updated its design, added more pages that makes it a complete portfolio package template.

V 1.0 (Original) Template

Portfolio PSD Template V 1.0

V 2.0 Template

Portfolio PSD Home page

Major updates

  • Navigation
  • Typography
  • Content section
  • Additional pages added

Technical details

  • You’re right – its on 960 grid.
  • Heading fonts from Google Web Font – its Oswald.
  • Body copy texts – Antic from Google
  • All images (except work samples) are royalty free stocks from photoXpress.com.

Other pages

1. List page
List page template
2. Full page
Full Portfolio Page
3. Contact page
Contact page template
All together – 4 pages, which makes it a complete template pack.
As you know- I don’t like to talk much when its a freebie post – straight to point. Download the PSD.

Loved it? I wont mind a tweet or share on facebook.

Scrollbar PSD Set

While making a psd for web layouts we often forget to design the scrollbar elements. Yes, its true because of we can not style it using CSS only, but we can style scrollbar using js plugins, my favorite is jScrollPane.

So here is a useful freebie for you. Grab a useful UI PSD as a today’s freebie. Its a scrollbar psd. Horizontal + Vertical scrollbar both are in psd file.

Scrollbar preview

Scrollbar PSD

No more boring talks, download it now.

Download