YOUR TEMPLATE PARTNER!
Quality is our passion.
Serving the webcommunity
with XHTML/CSS designs
››› Go to templates
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
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.
2
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 with background shading
Title without background shading
4
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)
Main Title
Subtitle with background shading
Main Title
Subtitle without background shading
6
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 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.
8
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.
Two columns
| Column 1 | Column 2 |
|---|---|
| Row 1, Col 1 | Row 1, Col 2 |
| Row 2, Col 1 | Row 2, Col 2 |
| Row 3, Col 1 | Row 3, Col 2 |
Table x.x. Caption
Three columns
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 |
| Row 3, Col 1 | Row 3, Col 2 | Row 3, Col 3 |
Table x.x. Caption
Four columns
| Column 1 | Column 2 | Column 3 | Column 4 |
|---|---|---|---|
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 | Row 1, Col 4 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 | Row 2, Col 4 |
| Row 3, Col 1 | Row 3, Col 2 | Row 3, Col 3 | Row 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 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
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
