^

GRID 1200 (by PMKMedia.nl/grid)

Responsive HTML5/CSS3 Grid.
Voor meer informatie: http://pmkmedia.nl/grid

sample

GRID 1200 Responsive HTML5/CSS3 Grid

GRID 1200 is een responsive grid geschreven in HTML5 en CSS3 en maakt gebruik van 1 tot maximaal 6 kolommen. GRID 1200 is gemaakt voor webontwikkelaars die een eenvoudig toepasbaar responsive grid nodig hebben met voor gestylde HTML elementen in CSS. GRID 1200 werkt goed met 1200px lay-outs, maar laat zich gemakkelijk aanpassen naar andere formaten. GRID 1200 maakt gebruik van 2 breekpunten op 800px en 600px om de website te schalen. Dankzij de (drijvende) kolommen laat GRID 1200 zich goed schalen op desktops, tablets en smartphones. GRID 1200 is compatible met CMS Made Simple en is eenvoudig in dit CMS te plaatsen dankzij het meegeleverde Menu sjabloon voor CMS Made Simple 1.11+ en het Navigatie sjabloon voor CMS Made Simple 2.0+. Lees meer...

sample

4 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

4 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

4 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

4 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

3 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

3 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

3 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

sample

2 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

sample

2 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

sample

1 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

sample

1 column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

GRID 1200 (by PMKMedia.nl/grid)

Responsive HTML5/CSS3 Grid.
Voor meer informatie: http://pmkmedia.nl/grid

Header sample

Header sample

Header sample
  • Coffee
  • Tea
  • Milk
  1. Coffee
  2. Tea
  3. Milk

Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Table sample

First name Last name Age
Jill Smith 21
Eve Jackson 34
John Doe 56
Will Smith 35
Jill Smith 21
Eve Jackson 34
John Doe 56
Will Smith 35

Contact Form sample

Name

E-Mail

Phone

Password


Radio Button
Radio Button
Checkbox
Checkbox

Multiselect

Message

GRID 1200 (by PMKMedia.nl/grid)

Responsive HTML5/CSS3 Grid.
Voor meer informatie: http://pmkmedia.nl/grid

Header sample

Header sample

Header sample
  • Coffee
  • Tea
  • Milk
  1. Coffee
  2. Tea
  3. Milk

Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Contact Form sample

Name*
Mail*
Message*
website

Table sample

First name Last name Age
Jill Smith 21
Eve Jackson 34
John Doe 56
Will Smith 35
Jill Smith 21
Eve Jackson 34
John Doe 56
Will Smith 35

GRID 1200 (by PMKMedia.nl/grid)

Responsive HTML5/CSS3 Grid.
Voor meer informatie: http://pmkmedia.nl/grid

GRID 1200 columns samples

1 column

2 column

2 column

3 column

3 column

3 column

4 column

4 column

4 column

4 column

6 column

6 column

6 column

6 column

6 column

6 column

6 column

5-6 column

1-4 column

3-4 column

3 column

2-3 column

2-3 column

3 column

3-4 column

1-4 column

5-6 column

6 column

3-4 columns

1-4 column

4 column

4 column

2-4 column

2-4 column

4 column

4 column

1-4 column

2-4 column

1-4 column