Light on
A short and sharp introduction to your company would fit in here just nicely.
Room for some more marketing talk. Note that the color of the links changes within each section.
Visited links get a slightly darker color. Try it out. Click it. It's awesome.
This company has been a joy to work with. —Satisfied client
A simple fluid CSS grid system allows you to lay out the content in many different ways. This intro has a span-2 and suffix-1 class. The three columns below each get a span-1 class.
Marketing Department · The pictures automatically fit to the grid. By default a single span-1 column does not get wider than 225px, and not smaller than 150px.
Ability is what you're capable of doing. —A. Bility
Sales Department · Be sure to check out some of our projects. And this is what emphasized text and strong text looks like.
Motivation determines what you do. —M. Otivation
Support Department · You can also make links to other content sections, like this: contact me. The folding effect happens automatically.
Attitude determines how well you do it. —A. Ttitude
Aren't our offices awesome? I thought so.
If A is success in life, then A equals x plus y plus z. Work is x; y is play; and z is keeping your mouth shut. That's what Albert Einstein said. Voilà, and this is what a somewhat larger blockquote looks like. Nice and clean. You could put your mission statement in here for example.
—Our Mission Statement
Keep your texts short and to the point. People don't read your webpages, they scan them. So make sure to highlight keywords and all that stuff. Try not to bore them too much. A touch of humor here and there may help.
Note that the layout is has a vertical rhythm of 20 pixels. And now I think I am finally going to paste some lorem ipsum text here since I can't keep on babbling endlessly. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Don't forget to resize your window if you want to test out the fluidness. Voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident another keyword, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim laborum.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud reprehenderit ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
The intro paragraph can also be placed on the right side, of course. Whatever you like.
