Dev Samples

Heading Two

This is a LEAD paragraph of text that should be long enough to wrap. It even has inline links. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Three

This is a paragraph of text that should be long enough to wrap. It even has inline links. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Four

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Five

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Six

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

---

This is italic text, made with em. This is italic text as well, made with i.

This is bold text, made with strong. This is bold text as well, made with b.

This is underlined text, made with u. This is inserted text, made with ins.

This is deleted (strikethrough) text, made with strike. This is also strikethrough text, but made with s. This is deleted text, made with del.

This is computer code, made with code. This is teletype text, made with tt.

This is text the user is supposed to enter in, or keyboard, made with kbd. This is a variable, made with var. This is sample program output, made with samp.

This is small text, made with small. This is big text, made with big.

This is a citation, made with cite. This is a short quotation in the middle of a sentence, made with q.

This sentence ends with a ^superscript. This sentence ends with a _subscript.

This is an abbreviation, made with abbr: WWW. This is an acronym, made with acronym: NATO. This is a term that needs a definition, made with dfn: Yog-Sothoth.

This is an unordered list:

• Koyaanisqatsi
• Powaqqatsi
• Naqoyqatsi

This is an ordered list:

1. Larry
2. Moe
3. Curly

This is a definition list:

Defintion Term

Definition data defining the previous term

Another Definition Term

Definition data defining the previous term

This is an address with breaks:

John Q. Public
123 Main Street
Anywhere, ST 12345

This is a long quotation inside a blockquote:

“I love songs about horses, railroads, land, judgement day, family, hard times, whiskey, courtship, marriage, adultery, separation, murder, war, prison, rambling, damnation, home, salvation, death, pride, humor, piety, rebellion, patriotism, larceny, determination, tragedy, rowdiness, heartbreak, and love. And Mother. And God.”

Johnny Cash

This is pre-formatted:

Start in column one.
         Then indent to column ten.
    Then back five spaces.

Here's a table with a border, a caption, colgroups, cols, thead, tfoot, & tbody:

This is a table caption, made with caption

Table Header 1	Table Header 2	Table Header 3
Table Footer 1	Table Footer 2	Table Footer 3
TD 1.1	TD 1.2	TD 1.3
TD 2.1	TD 2.2	TD 2.3
TD 3.1	TD 3.2	TD 3.3

 

CKEditor Accordion

Accordion title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis, nisi quis consequat condimentum, ante nibh laoreet justo, in commodo nisl ante ac velit. Nunc imperdiet mollis metus ac aliquet. Cras efficitur elit at arcu posuere lacinia. Donec eget mi consectetur, gravida libero et, vulputate nunc. Morbi placerat semper velit, varius pharetra nunc elementum ut. Aliquam accumsan facilisis eros, in varius ex suscipit non. Curabitur vulputate dui id metus gravida dictum. Aenean diam orci, dictum ac varius et, pellentesque quis ipsum. Suspendisse nec risus nec justo fermentum congue ac eu turpis. Pellentesque non ipsum risus.

Accordion title 2

Lorem ipsum 2 dolor sit amet, consectetur adipiscing elit. Nam lobortis, nisi quis consequat condimentum, ante nibh laoreet justo, in commodo nisl ante ac velit. Nunc imperdiet mollis metus ac aliquet. Cras efficitur elit at arcu posuere lacinia. Donec eget mi consectetur, gravida libero et, vulputate nunc. Morbi placerat semper velit, varius pharetra nunc elementum ut. Aliquam accumsan facilisis eros, in varius ex suscipit non. Curabitur vulputate dui id metus gravida dictum. Aenean diam orci, dictum ac varius et, pellentesque quis ipsum. Suspendisse nec risus nec justo fermentum congue ac eu turpis. Pellentesque non ipsum risus.

 

 

CKEditor Table

Table Caption 1

Heading	Item 1	Item 2	Item 3
Row 1	Data	Other Data	Even more data
Row 2	234	22	1
Row 3	23	2322	83
Row 4	1234	229	557

 

 

CKEditor Bootstrap Grid

CKEditor_Bootstrap_Grid

 

CKEditor Image Styles

Align Center

Align Left 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis, nisi quis consequat condimentum, ante nibh laoreet justo, in commodo nisl ante ac velit. Nunc imperdiet mollis metus ac aliquet. Cras efficitur elit at arcu posuere lacinia. Donec eget mi consectetur, gravida libero et, vulputate nunc. Morbi placerat semper velit, varius pharetra nunc elementum ut. Aliquam accumsan facilisis eros, in varius ex suscipit non. Curabitur vulputate dui id metus gravida dictum. Aenean diam orci, dictum ac varius et, pellentesque quis ipsum. Suspendisse nec risus nec justo fermentum congue ac eu turpis. Pellentesque non ipsum risus.

Nulla sit amet feugiat ex. Sed tempor orci id finibus feugiat. Aenean ac magna interdum, ultricies eros eu, interdum ante. Etiam consequat malesuada lacinia. Vestibulum tempus pellentesque leo consequat blandit. Vivamus neque mi, interdum eu tempor nec, sodales vitae nulla. Donec in fringilla enim. Donec in massa id ante porttitor luctus. Fusce at justo quis ante sagittis dignissim. Nam ullamcorper turpis erat, at tristique ante euismod eget. Nam cursus non arcu rhoncus ornare. Fusce vestibulum, augue et pretium fermentum, augue ipsum interdum leo, eget tincidunt purus massa eget ipsum. Maecenas ultrices sodales nibh sit amet ullamcorper.

Praesent non nunc in nunc consequat pellentesque. Quisque interdum, diam dignissim sodales molestie, turpis nisl varius nunc, hendrerit consequat mi justo et augue. Sed id dignissim purus. Phasellus molestie arcu a condimentum cursus. Morbi dictum elit turpis, eu dignissim sem ultrices eget. Nullam pellentesque, magna in venenatis bibendum, massa justo rhoncus urna, ut tempor eros tortor a metus. Cras fringilla eu sem at imperdiet. Proin iaculis ligula tellus, sed convallis dolor ullamcorper nec. Praesent ligula quam, lacinia accumsan enim a, egestas sagittis odio.

 

 

 

Align Right 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis, nisi quis consequat condimentum, ante nibh laoreet justo, in commodo nisl ante ac velit. Nunc imperdiet mollis metus ac aliquet. Cras efficitur elit at arcu posuere lacinia. Donec eget mi consectetur, gravida libero et, vulputate nunc. Morbi placerat semper velit, varius pharetra nunc elementum ut. Aliquam accumsan facilisis eros, in varius ex suscipit non. Curabitur vulputate dui id metus gravida dictum. Aenean diam orci, dictum ac varius et, pellentesque quis ipsum. Suspendisse nec risus nec justo fermentum congue ac eu turpis. Pellentesque non ipsum risus.

Nulla sit amet feugiat ex. Sed tempor orci id finibus feugiat. Aenean ac magna interdum, ultricies eros eu, interdum ante. Etiam consequat malesuada lacinia. Vestibulum tempus pellentesque leo consequat blandit. Vivamus neque mi, interdum eu tempor nec, sodales vitae nulla. Donec in fringilla enim. Donec in massa id ante porttitor luctus. Fusce at justo quis ante sagittis dignissim. Nam ullamcorper turpis erat, at tristique ante euismod eget. Nam cursus non arcu rhoncus ornare. Fusce vestibulum, augue et pretium fermentum, augue ipsum interdum leo, eget tincidunt purus massa eget ipsum. Maecenas ultrices sodales nibh sit amet ullamcorper.

Praesent non nunc in nunc consequat pellentesque. Quisque interdum, diam dignissim sodales molestie, turpis nisl varius nunc, hendrerit consequat mi justo et augue. Sed id dignissim purus. Phasellus molestie arcu a condimentum cursus. Morbi dictum elit turpis, eu dignissim sem ultrices eget. Nullam pellentesque, magna in venenatis bibendum, massa justo rhoncus urna, ut tempor eros tortor a metus. Cras fringilla eu sem at imperdiet. Proin iaculis ligula tellus, sed convallis dolor ullamcorper nec. Praesent ligula quam, lacinia accumsan enim a, egestas sagittis odio.

 

Bootstrap Buttons

Size - Normal

Link Default Primary Success Info Warning Danger

 Size - Extra Small

Link Default Primary Success Info Warning Danger

 Size - Small

Link Default Primary Success Info Warning Danger

 Size - Large

Link Default Primary Success Info Warning Danger