MULTIFLEX•2

Flexible Webtemplates.

YOUR TEMPLATE PARTNER!

Quality is our passion.

Serving the webcommunity
with XHTML/CSS designs

››› Go to templates

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.

Column Layout

Predefined configurations:

  • 1-column (full width)
  • 2-column (half width)
  • 3-column (third width)

1-column

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.

2-column (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.

2-column (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.

3-column (left)

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

3-column (middle)

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

3-column (right)

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

Title Placement

For each option in Section 1 (Column Layout) an additional option is available in which the entire text is positionend to the right of an image. The image height can be chosen freely, but some restrictions apply to the image widths for the respective column layouts.

Predefined configurations:

  • 1-column layout: 200px, 160px, 120px, 100px, 80px, 60px, 40px
  • 2-column layout: 100px, 80px, 60px, 40px, 20px
  • 3-column layout: 60px, 40px, 20px, 10px

One column (100px)

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.

2-column (80px)

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

2-column (40px)

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

3-column

Lorem ipsum dolor sit amet.

3-column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

3-column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Title Style

Predefined configurations:

  • With background shading
  • Without background shading

Title with background shading

Title without background shading

Title Size

Predefined configurations:

  • Size 1 (smallest)
  • Size 2 (small
  • Size 3 (medium)
  • Size 4 (large)
  • Size 5 (largest)

Title size 1 (smallest)

Title size 2 (small)

Title size 3 (medium)

Title size 4 (large)

Title size 5 (largest)

Subtitle Style

Predefined configurations:

  • With background shading
  • Without background shading

Main Title

Subtitle with background shading

Main Title

Subtitle without background shading

Subtitle Size

Predefined configurations:

  • Size 1 (smallest)
  • Size 2 (small
  • Size 3 (medium)
  • Size 4 (large)
  • Size 5 (largest)

Main Title

Subtitle size 1 (smallest)

Main Title

Subtitle size 2 (small)

Main Title

Subtitle size 3 (medium)

Main Title

Subtitle size 4 (large)

Main Title

Subtitle size 5 (largest)

Textbox Style

Predefined configurations:

  • With background shading
  • Without background shading

Textbox with background shading

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

Textbox without background shading

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

Pictures

Pictures can be chosen according to alignment, border and margin. As for the margin, the configurations with a topmargin are here to adjust image vertically to be at the same height as the text. Below examples are shown for images with topmargin adjustment.

Predefined configurations:

  • Left aligned (without border, without topmargin)
  • Left aligned (without border, with topmargin)
  • Left aligned (with border, without topmargin)
  • Left aligned (with border, with topmargin)
  • Right aligned (without border, without topmargin)
  • Right aligned (without border, with topmargin)
  • Right aligned (with border, without topmargin)
  • Right aligned (with border, with topmargin)

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. orem ipsum dolor sit amet, consectetuer adipiscing elit. orem 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. orem ipsum dolor sit amet, consectetuer adipiscing elit.

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. orem ipsum dolor sit amet, consectetuer adipiscing elit. orem 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. orem ipsum dolor sit amet, consectetuer adipiscing elit.

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. orem ipsum dolor sit amet, consectetuer adipiscing elit. orem 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. orem ipsum dolor sit amet, consectetuer adipiscing elit.

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. orem ipsum dolor sit amet, consectetuer adipiscing elit. orem 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. orem ipsum dolor sit amet, consectetuer adipiscing elit.

Tables

Predefined configurations:

  • 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

10 

Text

Various predefined configurations.

  • Headers
  • Paragraphs
  • Read more
  • Embedded emphasis
  • Unordered lists
  • Ordered lists
  • Hyperlink lists

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