shortcodes

1.  Grid Layout

2 columns:

111111111111111 11111111111111111 111111111111111 11111111111111 11111111111 11111111111 1111111111111111 11111111111111 1111111111

222222222222222222  2222222222222222222222222 222222222222  2222222222222  2222222222222222222222 22222222222222222222 22222222222

3 columns:

 111111111111111 11111111111111111 111111111111111 11111111111111 11111111111 11111111111 1111111111111111 11111111111111 1111111111

222222222222222222  2222222222222222222222222 222222222222  2222222222222  2222222222222222222222 2222222222222222

33333333333333333333 3333333333333333333 33333333333333333333333333 3333333333 33333333333333 3333333333333333333333 333333333333333333 33333333

4 columns:

Insert content here

Insert content here

Insert content here

Insert content here

1/3-2/3 column

1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 

2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222

2/3-1/3 column

 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 1111111111 

2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222 2222222222

2.  Notification Box

notification box sample std no close button
This is a long version for the notification box.  Will it wrap to a second line?  We will see.  I think so, but we will find out, won’t we now.
notification box success w/close button ×
notification box warning ×
notification box secondary ×

3.  UI

Accordian:

Accordion 1 Title here
11111111 111111111 111111111 11111111 111111111 111111111 11111111 111111111 111111111 11111111 111111111 111111111 .
Accordion 2 Title here
222222222 222222222 2222222222 222 222222222 222222222 2222222222 2222
Accordion 3 Title here
3333333 3333333333 333333 33333 333333333 333333333 3333333 3333333333 33333 333333

Tabs:

 11111111 111111111 111111111 11111111 111111111 111111111 11111111 111111111 111111111 11111111 111111111 111111111

 222222222 222222222 2222222222 222 222222222 222222222 2222222222 2222

 3333333 3333333333 333333 33333 333333333 333333333 3333333 3333333333 33333 333333

Vertical tabs:

 11111111 111111111 111111111 11111111 111111111 111111111 11111111 111111111 111111111 11111111 111111111

I222222222 222222222 2222222222 222 222222222 222222222 2222222222 2222

 3333333 3333333333 333333 33333 333333333 333333333 3333333 3333333333 33333 333333

4.  Foundation Elements

Clearing:

Grid Columns:

Insert content here Insert content here Insert content here Insert content here Insert content here Insert content here Insert content here Insert content here Insert content here Insert content here

Orbit:

Tooltip:  when you hover over content, tooltip appears.

Insert text here Insert text here Insert text here Insert text here Insert text here Insert text here

Reveal:  click button & text slides down onto page.

Link text

5.  Misc Elements

checklist 1:

    • List item 1
    • List item 2
    • List item 3

checklist 2:

    • List item 1
    • List item 2
    • List item 3

Left pull quotes:

content for Left Pull Quote

Line:

right pull quotes:

Content for Right pull quote

Line:

blockquote:

content for block quote

Button

 

left button red #1 abra url

 

button with no url:

 

left button red #2 blank url this is a long text version of the left button red. I would like to see if it will wrap and if the button will be multi levels high.  Will it?  I am not sure, we will see.  I think it will be but I would not want to bet on it.  Would you? orange button w/arrow left yellow button right green button left teal button left gray button

 

clearfix:

[clear]

confirm box:

[ok] Insert content here [/ok]

secure box:

[secure] Insert content here [/secure]

[secure]this is a long text version of the secure button. I would like to see if it will wrap and if the button will be multi levels high.  Will it?  I am not sure, we will see.  I think it will be but I would not want to bet on it.  Would you? How much would you wage?  That is what I would like to know.[/secure]

Info box:

[info] Insert content here [/info]

error box:

[error] Insert content here [/error]

note box:

[note] Insert content here [/note]

Features:

Toggle:

[toggle title=”Toggle Title here”] Insert content here. [/toggle]

 

red button:

Button text here

orange button with arrow:

I am curious to see how large the button will get if I put in a lot of text into it.  We’ll see what happens, won’t we.