Fluid 960 Grid System Remixed

Templates for Rapid Interactive Prototyping

Design Process

Design is based on the Fluid 960gs with inspiration taken from the Twitter Bootstrap. I really liked the grid system that Fluid 960gs provided but it was lagging a little behind on the latest trends in web technologies. So I figured it was time to bring it up to date and toss in Twitter Bootstrap, HTML5 Boilerplate, and SASS. Eventually I'll toss in some responsive web design techniques which will help bring this into the world of mobile development.

Design Influences

The words "design influences" can be understood as both a plural noun and as subject and verb. The plural noun speaks of those who have come before us and paved the way. The verb speaks of the responsibility of design to lead the way. By understanding where we have come from, we have a better idea of where we are going and, perhaps, where we should be heading.

Inspiration

Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque.

Contribution

Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia.

16-column Fluid Grid

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

01

02

03

04

05

06

07

08

01

02

03

04

01

02

03

01

02

01

02

01

01

02

03

04

05

06

07

08

09

010

11

12

13

14

15

16

Paragraphs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Content loaded dynamically

List Items

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.

A menu
An unordered list
An ordered list
  1. Item 1
  2. Item 2
  3. Item 3

Accordion

Design Process

The Value of Design

Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better.

Design Influences

About this Site

The words "design influences" can be understood as both a plural noun and as subject and verb. The plural noun speaks of those who have come before us and paved the way. The verb speaks of the responsibility of design to lead the way. By understanding where we have come from, we have a better idea of where we are going and, perhaps, where we should be heading.

Inspiration

Inspired by the Past

Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque.

Contribution

Shaping the Future

Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia.

Blockquote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

John Smith

Tables

Lorem ipsum Dolor sit $125.00
Dolor sit Nostrud exerci $75.00
Nostrud exerci Lorem ipsum $200.00
Lorem ipsum Dolor sit $64.00
Dolor sit Nostrud exerci $36.00
Column 1 Column 2 Column 3
Subtotal $500.00
Total $500.00
Lorem ipsum Dolor sit $125.00
Dolor sit Nostrud exerci $75.00
Nostrud exerci Lorem ipsum $200.00
Lorem ipsum Dolor sit $64.00
Dolor sit Nostrud exerci $36.00

Forms

Personal Information

Login Forms

Register

If you do not already have an account, please create a new account to register.

Articles

Article Heading

Subheading

Vancouver, BC — Wednesday, 23 April 2008

photo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.

Article Heading

Subheading

Vancouver, BC — Wednesday, 23 April 2008

photo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.

Heading 1

Heading 2

Heading 3

Heading 4

Vancouver, BC — Wednesday, 23 April 2008

photo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.

Heading 5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading 6

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.

Fluid 960 Grid System Remixed, remixed by John Sanford, created by Stephen Bau, based on the 960 Grid System by Nathan Smith. Released under the GPL / MIT Licenses.