Shortcodes
Accordion
Basic Accordion
[su_accordion]
[su_spoiler title=”Spoiler title”] Spoiler content [/su_spoiler]
[su_spoiler title=”Spoiler title”] Spoiler content [/su_spoiler]
[su_spoiler title=”Spoiler title”] Spoiler content [/su_spoiler]
[/su_accordion]
Fancy accordion
[su_accordion]
[su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [/su_spoiler]
[su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [/su_spoiler]
[su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [/su_spoiler]
[/su_accordion]
Default tabs
[su_tabs]
[su_tab title=”Tab 1″] Tab 1 content [/su_tab]
[su_tab title=”Tab 2″] Tab 2 content [/su_tab]
[su_tab title=”Tab 3″] Tab 3 content [/su_tab]
[/su_tabs]
Vertical tabs
[su_tabs vertical=”yes”]
[su_tab title=”Tab 1″] Tab 1 content [/su_tab]
[su_tab title=”Tab 2″] Tab 2 content [/su_tab]
[su_tab title=”Tab 3″] Tab 3 content [/su_tab]
[/su_tabs]
Columns
One half
[su_row]
[su_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[/su_row]
One third
[su_row]
[su_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[/su_row]
1 One Half + 2 One Fourth
[su_row]
[su_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [/su_column]
[su_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [/su_column]
[/su_row]
Quotes
[su_quote]Making the world a better place, starts with one more smiling face. And Ronald’s smile is just the thing, To make everybody sing! Put a smile on, put a smile on, everybody come on! Put a smile on![/su_quote]
Pull Quotes
Man lives in the sunlit world of what he believes to be reality. But, there is, unseen by most, an underworld, a place that is just as real, but not as brightly lit… a darkside. The darkside is always there, waiting for us to enter, waiting to enter us. So until next time, try to enjoy the daylight.
[su_pullquote align=”right”]Our whole universe was in a hot dense state, then nearly fourteen billion years ago expansion started.[/su_pullquote]
Dr. David Banner: physician; scientist. Searching for a way to tap into the hidden strengths that all humans have… then an accidental overdose of gamma radiation alters his body chemistry. And now when David Banner grows angry or outraged, a startling metamorphosis occurs. The creature is driven by rage and pursued by an investigative reporter. The creature is wanted for a murder he didn’t commit. David Banner is believed to be dead, and he must let the world think that he is dead, until he can find a way to control the raging spirit that dwells within him.
Buttons Shortcodes
Unlimited sizes
[su_button size=”1″] Click me [/su_button] [su_button size=”2″] Click me [/su_button]
[su_button size=”3″] Click me [/su_button] [su_button size=”4″] Click me [/su_button]
[su_button size=”5″] Click me [/su_button] [su_button size=”6″] Click me [/su_button]
[su_button size=”7″] Click me [/su_button] [su_button size=”8″] Click me [/su_button]
[su_button size=”9″] Click me [/su_button] [su_button size=”10″] Click me [/su_button]
Unlimited colors
[su_button background=”#2D89EF”] Click me [/su_button] [su_button background=”#9E2DEF”] Click me [/su_button] [su_button background=”#F72EBA”] Click me [/su_button]
[su_button background=”#FF2F3B”] Click me [/su_button] [su_button background=”#FF742F”] Click me [/su_button] [su_button background=”#FFA52F”] Click me [/su_button]
[su_button background=”#FFCF2F”] Click me [/su_button] [su_button background=”#FFF92F”] Click me [/su_button] [su_button background=”#C5ED2C”] Click me [/su_button]
[su_button background=”#3AD828″] Click me [/su_button] [su_button background=”#27CBD5″] Click me [/su_button] [su_button background=”#000000″] Click me [/su_button]
Different background styles
[su_button style=”default”] Click me [/su_button] [su_button style=”flat”] Click me [/su_button] [su_button style=”glass”] Click me [/su_button]
[su_button style=”noise”] Click me [/su_button] [su_button style=”bubbles”] Click me [/su_button] [su_button style=”soft”] Click me [/su_button]
[su_button style=”stroked”] Click me [/su_button] [su_button style=”3d”] Click me [/su_button]
Built-in icon font
[su_button icon=”icon: check”] Click me [/su_button] [su_button icon=”icon: arrow-right”] Click me [/su_button] [su_button icon=”icon: shopping-cart”] Click me [/su_button]
[su_button icon=”icon: cogs” color=”#000000″ icon_color=”#000000″] Click me [/su_button] [su_button icon=”icon: comments” color=”#000000″ icon_color=”#000000″] Click me [/su_button] [su_button icon=”icon: cloud-download” color=”#000000″ icon_color=”#000000″] Click me [/su_button]
Dropcaps
[su_dropcap style=”simple” size=”3″]E[/su_dropcap] xtraordinary crimes against the people and the state had to be avenged by agents extraordinary. Two such people are John Steed, top professional; and his partner, Emma Peel, talented amateur… otherwise known as The Avengers.
[su_dropcap style=”flat” size=”3″]L[/su_dropcap]Look for the Union Label when you are buying a coat, dress, or blouse. Remember, somewhere our union’s sewing, our wages going to feed the kids, and run the house. We work hard, but who’s complaining. Thanks to the I.L.G. we’re paying our way. So always look for the Union Label.
Google Maps
[su_gmap width=”1000″ address=”Chicago Heights, IL, United States”]
Labels
[su_label]Label[/su_label] [su_label type=”success”]Label[/su_label] [su_label type=”warning”]Label[/su_label] [su_label type=”important”]Label[/su_label] [su_label type=”black”]Label[/su_label] [su_label type=”info”]Label[/su_label]
Slideshows
[su_slider source=”media: 123,122,121″ link=”image” width=”1000″ pages=”no”]
Carousel
[su_carousel source=”media: 110,100,24,30,124,115,88,27,26,38″ link=”image” width=”1000″ items=”5″ title=”no”]