Tag: Templates

  • IT FITs Version 2.0 – Our most popular responsive template

    It’s been a while but it’s here finally. Version 2.0 of our most popular HTML5 CSS3 Responsive Template.

    Major updates since last version:

    • Updated Typography
    • Added large display responsive support
    • Dropped IE8 and older support
    • Removed flashy transitions.

    DEMO

    If you find any issues and want more features, submit them here in Github – https://github.com/cssjunction/It-Fits

    DOWNLOAD

  • O Simple – Free Website PSD Template

    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

  • Metro UI Style Contact Form PSD

    Metro UI Style Contact Form PSD

    Hearing a lot about Metro Design pattern? I have a simple freebie for you today, which falls under same rumor.  It’s a Metro UI style Contact Form, PSD available to download. Hope this will be useful.

    Here is how it looks:

    Metro Style Contact Form PSD

    Get it here

    Download PSD

    More? Let me know if anyone wants this coded in HTML5 & CSS3.

  • Product Showcase PSD Template

    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:

  • It Fits :: Free HTML5 CSS3 Responsive Template

    It Fits :: Free HTML5 CSS3 Responsive Template

    We have something very special today for all of you great visitors. Its an HTML5 CSS3 Responsive Template, with 5 pages excluding 404 page. This template has something not just merely HTML5 new tags, it’s coded using WAI-ARIA roles for enhanced quality. Uses very less images, taking benefits from CSS3 features. Even icons are fonts – hmm super fast page loading.

    UPDATE: New Version 2.0 of this template is available.  Check Version 2.0 –  IT FITS.

    HTML5 CSS3 Template

    Page you will have:

    • Home page
    • Portfolio page
    • Regular page
    • Blog page
    • Contact page
    • 404 page – (default from HTML5 Boilerplate template.)

    I have used LESS css for this projects – for better and faster CSS coding, but you will notice there is pure CSS file is in use. Reason – what I used to do is I do code in LESS and compile it using any software like WINLESS and then I use the compiled pure css files. When you download the template source code, you will find three .LESS files but all complied in one css file that is main.css.

    Too much talk? Head over now:

    Demo

    Browser compatibility:

    All modern browser works fine. Responsiveness is missing from IE7 and IE8. IE9+, Chrome, Firefox, Opera, Safari works fine. You can see how it looks on the smaller device by re-sizing your browser. Or head over to The Responsinator, then give the demo URL and see.

    In terms of visual appearance, IE7 and IE8 has graceful degradation – no support for CSS3 so as, but template presentation is fine.

    IE6??? I don’t talk about it.

    That’s it guys – not much talk. This theme has been released under Creative Common  CC 3.0 Attribution (by) license, so feel free to use anywhere.

    Download now

    Let me know your views and feedback. Please follow us @CSSJunction, if you want to follow the author of template – @shekhardesigner

    More HTML5/CSS3 Templates:

  • Excellent CSS Frameworks for Responsive Web Design

    Excellent CSS Frameworks for Responsive Web Design

    The year is 2012, shame on me – everyone knows that. The year is for Responsive Web Design – yeah now I said good thing. There are a plethora of books which can be so useful for getting started, yet when it comes to developing a project – CSS Frameworks strikes in mind. CSS frameworks are great for rapid development.

    So here I have listed some of the best Responsive CSS Frameworks you can choose to get started on your next responsive projects.

    Now the year is 2019. I had originally listed 10 very good framework of that time. Most of them were obsolete or deleted. I have updated the post to reflect only available frameworks.

    Bootstrap

    You can’t beat this!

    Bootstrap Framework

    Zurb Foundation

    Zurb Foundation Responsive CSS Framework

    inuit.css

    INUITCSS Responsive CSS Framework

    flurid

    FLURID Responsive CSS Framework

    FluidGrids

    Fluid Grid Responsive CSS Framework

    Hope you enjoyed the list :)

  • Portfolio PSD Template V 2.0

    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.

  • Free HTML5/CSS3 WordPress Theme – Clin-UPress

    Free HTML5/CSS3 WordPress Theme – Clin-UPress

    After long time we are today releasing a very useful freebie – its a HTML5/CSS3 WordPress theme. Initially I coded this theme for my current blog, (where you’re now) but I came to create another minimal theme which is used now. So the theme was ready and without use in my HD – the reason I came to give it for you.

    Theme is best suited for running personal blogs, community blogs, tech blogs etc. Having excellent typography ensures visitors will enjoy reading. There is Bebas for main headline and secondary headlines are on Arial, rest of the copy is in ‘Sansatin Regular’. I grabbed both fonts from FontSquirrel.

    PSD

    There is no PSD of this theme, I directly coded it in HTML.

    Mark up

    Theme is coded in HTML5/CSS3 on base of HTML5 Boilerplate. Its just a HTML Template, isn’t coded in PHP yet. Currently theme has following pages

    1.) Home page

    Clin-UPress Home Page

    2.) Single post page

    Clin-UPress Single Post Page

    3.) Full width post page
    4.) Contact page

    Browser compatibility:

    Since theme is coded in HTML5 and CSS3 – I have tried to use much less images as I can. This theme is compatible with standard browsers and falls gracefully in IE.

    Copyright

    You can use this template for any kinds of usage – in your personal blog page or may be in commercial projects, but you can not remove the footer link for original theme location.

    Also I am gonna release its working WordPress theme which will be coded in PHP, subscribe our RSS feed or follow me in twitter to get updates.

    Futher, what you can not do is you can not publish its version template in your blog. Let me know if you’re interested to code it in php & release it through this blog.

    Check it out, demo of HTML Theme
    Demo

    You can grab all theme files in a ZIP, for free:
    Download

    If you find it really useful, share it.