Think of this as the essentials to the 960 Grid System, this allowed it to become a full framework, then just a layout system.
- Demo (This contains a demo of the framework)
- Framework (This has all the files you need to use the framework)
To begin your project you just need to add the following folders:
Go to Framework folder:
/Images <-Copy to your project root folder /CSS <-Copy to your project root folder /js <-Copy to your project root folder
Then add the following head code to all your HTML pages:
###What is content of these files:
base.css - This are all the basic html tags basic styles including you reset code. typography.css - All Fonts Typography styles, icon set classes & hightlights classes. Refer to typography.html for code samples 960fluid.css - This is the 960 Grid System for your layout with its require media queries for screensizes print.css - This is the print styles sheet for when users like to print page. styles.css - This is where you can add your own styles and build your website. NOTE: This files includes a simple navigation style, please remove if you are not going to use it. jquery.min.js - This is JQuery file from google CDN html5.js - This allowes the use of common html 5 tag on older browsers.
Remember this is only a framework to help you get started on building your website please go check out 960.gs for help on how to use the 960 Grid system to layout your site.