MultiFlex-1.1
Flexible. Robust.
Content Area

The basic options are given by pre-defined CSS-classes having default settings. By applying extra options, the appearance of text and background can be modified further locally. See Extra Options for more information.

1 
Column Layout

Three options pre-defined:

  • Full width
  • Half width
  • Third width
Full

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.

Half (left)

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

Half (right)

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

Third (left)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Third (middle)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Third (right)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

2 
Title Style

Two options pre-defined:

  • With background
  • Without background
With background shading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Without background shading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

3 
Title Size

Four options pre-defined:

  • Small
  • Medium
  • Large
  • Huge
Title - Small

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Title - Medium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Title - Large

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Title - Huge

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

4 
Textbox Style

Two options pre-defined:

  • With background shading
  • Without background shading
Textbox with background shading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Textbox without background shading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

5 
Pictures

Four options pre-defined:

  • With border (left aligned)
  • With border (right aligned)
  • Without border (left aligned)
  • Without border (right aligned)
With border (left)

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 nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

With border (right)

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 nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

Without border (left)

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 nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

Without border (right)

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 nostruderci tation ullamcorper suscipit lobortis nisl ut aliquip. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

6 
Tables

Three options pre-defined:

  • Two columns
  • Three columns
  • Four Columns

Two columns

Column 1Column 2
Row 1, Col 1Row 1, Col 2
Row 2, Col 1Row 2, Col 2
Row 3, Col 1Row 3, Col 2

Table x.x. Caption

Three columns

Column 1Column 2Column 3
Row 1, Col 1Row 1, Col 2Row 1, Col 3
Row 2, Col 1Row 2, Col 2Row 2, Col 3
Row 3, Col 1Row 3, Col 2Row 3, Col 3

Table x.x. Caption

Four columns

Column 1Column 2Column 3Column 4
Row 1, Col 1Row 1, Col 2Row 1, Col 3Row 1, Col 4
Row 2, Col 1Row 2, Col 2Row 2, Col 3Row 2, Col 4
Row 3, Col 1Row 3, Col 2Row 3, Col 3Row 3, Col 4

Table x.x. Caption

7 
Text

Various options pre-defined.

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Normal paragraph

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Read more line

Read more ...

Quote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Embedded emphasis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer "Amet elit door sit at amet."Embedded Caption adipiscing elit Lorem ipsum dolor sit. orem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit elit. orem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet. Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet.

Unordered list - No indention

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.

Unordered list - With indention

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.

Ordered list

  1. Lorem ipsum dolor sit amet.
  2. Lorem ipsum dolor sit amet.

Link list

Copyright © 2006 Your Company | All Rights Reserved

Design G. Wolfgang | W3C XHTML 1.0 | W3C CSS 2.0