---
title: HTML5 CSS3 Responsive Free Template
description: >-
It's a Free yet Premium Responsive Template Pack of 5 pages coded in HTML5 and CSS3. Layout is
simple enough, uses very few images, page loading is super...
url: https://expiredqueues.com/html5-css3-responsive-web-template/
date: '2012-04-26T10:40:30.000Z'
image: https://expiredqueues.com/images/og/html5-css3-responsive-web-template-976a8f05.jpg
---
Written in April 2012. Much of what it describes has since changed or disappeared; it is kept as a record of how the web used to work, not as advice.
Freebies posts css3
# It Fits :: Free HTML5 CSS3 Responsive Template
26 April 2012 By Adrian 2 min read
We have something very special today for all of you great visitors. It's an [HTML5](https://expiredqueues.com/) 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 few 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**.](https://expiredqueues.com/it-fits-version-2-most-popular-responsive-template/)
[](https://expiredqueues.com/html5-css3-responsive-web-template/)
## Pages 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 project - for better and faster [CSS coding](https://expiredqueues.com/), but you will notice there is a pure CSS file in use. Reason - what I used to do is I do code in LESS and compile it using any software like [WINLESS](http://www.winless.org) and then I use the compiled pure css files. When you download the template source code, you will find three .LESS files but all compiled in one css file that is main.css.
Too much talk? Head over now:
[Demo](https://expiredqueues.github.io/itfits/)
## Browser compatibility:
All modern browsers work fine. Responsiveness is missing from IE7 and IE8. IE9+, Chrome, Firefox, Opera, Safari work fine. You can see how it looks on the smaller device by re-sizing your browser. Or head over to [The Responsinator](http://www.responsinator.com), then give the demo URL and see.
In terms of visual appearance, IE7 and IE8 have graceful degradation - no support for CSS3 so as, but [template](https://expiredqueues.com/) presentation is fine.
IE6??? I don't talk about it.
That's it guys - not much talk. This theme has been released under Creative Commons CC 3.0 Attribution (by) license, so feel free to use anywhere.
[Download now](https://github.com/expiredqueues/itfits/archive/master.zip)
Let me know your views and feedback.
## More HTML5/CSS3 Templates:
- [Clin-UPress :: Blog template](https://expiredqueues.com/free-html5css3-wordpress-theme-clin-upress/)
- [Modal Window Template](https://expiredqueues.com/html5-css3-modal-window-template/)
- [HTML5 CSS3 Login Form](https://expiredqueues.com/simple-login-from-html5css3-template-free/)
- [Mega ICT Expo :: Dark HTML/CSS Template Pack](https://expiredqueues.com/dark-html-css-template-mega-ict-expo-2012-friday-freebie/)
[Previously jQuery Accordion with Carousel - Accarousel](https://expiredqueues.com/jquery-accordion-carousel-plugin/) [Next Product Showcase PSD Template](https://expiredqueues.com/product-showcase-psd-website-template/)
## Structured data
```json
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "It Fits :: Free HTML5 CSS3 Responsive Template",
"datePublished": "2012-04-26T10:40:30.000Z",
"dateModified": "2012-04-26T10:40:30.000Z",
"author": {
"@type": "Person",
"name": "Adrian",
"url": "https://expiredqueues.com/about/"
},
"publisher": {
"@type": "Person",
"name": "Adrian"
},
"mainEntityOfPage": "https://expiredqueues.com/html5-css3-responsive-web-template/",
"image": "https://expiredqueues.com/images/2012/It-Fits-Full-Screen.jpg",
"keywords": "posts, css3, html5, responsive, templates",
"articleSection": "Freebies"
}
```