One Column content area
The 2 column has added no blocks to the right column.
Below we are showing content in various ways for testing. Everything from all the heading tags, to bullets, to special case items like subscript and superscript.
- What happens when an H1 tag is followed by an h3 tag then a paragraph tag?
- How do bullets display in text?
- What do the links and their hover colors and styles look like?
- what happens when I put more than 1 block in the horizontal drop area?
- Section 1: headings, paragraphs and spacing
- Section 2: Text and image alignment, text wrapping around an image
- Section 3: Tables
- Section 4: Headings, paragraphs and other HTML tags and how they display (color, size)
- Section 5: Links on text and images
- Section 6: User defined classes
This is contentarea contentBlock 1
1 - Column types
Monday, 20 November 2006 at 20:30 GMT, by SiteAdmin
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Font size 13 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquamerat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. Read more �
Heading h1 with link
Heading h3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquamerat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. Read more �
2 - Text and images
Heading h1
Heading h3 - left aligned image
Aligns with paragraph top text. 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.
centered image
Heading h1
Heading h3 - right aligned image
Aligns with paragraph top text. 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.
Main heading beside image
Heading h1 - left aligned
Heading h3 - aligns with top of H1
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.
centered image
Heading h1 - align right
Heading h3 - aligns with top of H1
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.
3 - Tables
| Heading 1 | Heading 2 | Heading 3 | Heading 4 |
|---|---|---|---|
| Category 1 | Data | Data | Data |
| Category 2 | Data | Data | Data |
| Category 3 | Data | Data | Data |
Table x.x. Caption
4 - Paragraph text
Heading h1
heading 2
heading 3
heading 3 UpperCase
heading 3 UpperCaseBold
heading 3 centeredHeadline
heading 4
heading 4 ContentHeader2
HEADING 5
heading 6
PARAGRAPH TEXT
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.
this is sup and this is sub this is cross out
DETAIL TEXT 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.
DEFINITION LISTS [DD, DL, DT]
- This is a Term
-
this is a description.
and another description in p tags.
- Term: Content Management
- The process of collecting, managing and publishing content to various media.
- Garbage
- Rubbish
- This shows multiple terms.Waste material that is disposed of.
- Television shown during the daytime, "Daytime TV".
BULLET LIST [UL, LI]
- Bullet 1
- Bullet 2
- one long line in the bulleted list
ORDERED LIST [OL, LI]
- Fact 1
- Fact 2
TEXT ORIENTATION
Text left.
Text center.
Text right.
5 - Links
TEXT LINK
Lorem ipsum dolor sit amet, consectetuer Aliquam at Libero.
IMAGE LINK
6 - User Defined Classes
table content |
This table uses class .content TD
|
Heading h1
Heading h2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip.
Link List Block
description hellowHeading h1
Heading h2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip.
Generic Block Example
Sub Title Example 11111
1111 Gneric Block Example Description : Donec non nisi at justo sollicitudin lobortis faucibus eget tortor. Sed et tempor enim. Aenean cursus pharetra justo eu bibendum.
Read MoreHeading h1
Heading h2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip.
