Content Styling

[column size=”1-2″]
[heading color=”#222222″]Boxes[/heading]
[spacer size=”10″]
[box title=”Box title I” color=”#969696″] Content [/box]

[box title=”Box title II” color=”#f9b209″] Content [/box]

[box title=”Box title III” color=”#80ca0a”] Content [/box]
[/column]

[column size=”1-2″ last=”1″]
[heading color=”#222222″]Notes[/heading]
[spacer size=”10″]
[note color=”#ff8c8c”] Note text [/note]

[note color=”#baf65c”] Note text [/note]

[note color=”#dafdee”] Note text [/note]

[note color=”#fdeb56″] Note text [/note]
[/column]
[spacer size=”25″]
[heading color=”#222222″]Callout Boxes[/heading]
[spacer size=”10″]

[column size=”1-2″][callout border=”#f85d36″ color=”#222″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus.[/callout]
[/column]

[column size=”1-2″ last=”1″][callout border=”#80ca0a” color=”#222″ padding=”40″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus.[/callout][/column]

[spacer size=”25″]
[heading color=”#222222″]Frames[/heading]
[spacer size=”10″]

[column size=”1-3″ last=”0″]
[frame align=”left” full_width=”true”] [/frame]
[/column]

[column size=”1-3″ last=”0″]
[frame align=”left” full_width=”true”][/frame]
[/column]

[column size=”1-3″ last=”1″]
[frame align=”left” full_width=”true”] [/frame]
[/column]

[spacer size=”25″]
[heading border=”#aede8e” color=”#222222″]Clip Style[/heading]
[spacer size=”10″]

[column size=”1-3″ last=”0″]
[frame style=”clip” align=”left” full_width=”true”] [/frame]
[/column]

[column size=”1-3″ last=”0″]
[frame style=”clip” align=”left” full_width=”true”][/frame]
[/column]

[column size=”1-3″ last=”1″ ]
[frame style=”clip” align=”left” full_width=”true”] [/frame]
[/column]

[spacer size=”25″]
[heading border=”#aede8e” color=”#222222″]Pin Style[/heading]
[spacer size=”10″]

[column size=”1-3″ last=”0″]
[frame style=”pin” align=”left” full_width=”true”] [/frame]
[/column]

[column size=”1-3″ last=”0″]
[frame style=”pin” align=”left” full_width=”true”][/frame]
[/column]

[column size=”1-3″ last=”1″]
[frame style=”pin” align=”left” full_width=”true”] [/frame]
[/column]

[spacer size=”25″]
[heading border=”#aede8e” color=”#222222″]Tape Style[/heading]
[spacer size=”10″]

[column size=”1-3″ last=”0″]
[frame style=”tape” align=”left” full_width=”true”] [/frame]
[/column]

[column size=”1-3″ last=”0″]
[frame style=”tape” align=”left” full_width=”true”][/frame]
[/column]

[column size=”1-3″ last=”1″]
[frame style=”tape” align=”left” full_width=”true”] [/frame]
[/column]

[spacer size=”25″]
[heading color=”#222222″]Dropcaps[/heading]
[spacer size=”10″]

[column size=”1-3″ last=”0″]
[dropcap bg=”#222″ color=”#fff”]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et.
[/column]

[column size=”1-3″ last=”0″]
[dropcap bg=”#aede8e” color=”#fff”]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et.
[/column]

[column size=”1-3″ last=”1″]
[dropcap bg=”#fb8c21″ color=”#fff”]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et.
[/column]

[spacer size=”45″]
[heading color=”#222222″]Highlighted Text, Labels and Links[/heading]
[spacer size=”10″]

[highlight bg=”#DDFF99″ color=”#444″]Highlighted text[/highlight] Lorem ipsum dolor sit amet, consectetur [highlight bg=”#fb8c21″ color=”#fff”]highlighted text[/highlight] adipiscing elit. Donec vitae interdum nisl. Maecenas eu [highlight bg=”#48739d” color=”#fff”]highlighted text[/highlight] justo purus.
[raw]
[label title=”Updated” bg=”#80ca0a” color=”#ffffff”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend. [fancy_link color=”#fb8c21″ link=”#”]Visit this link[/fancy_link]
[/raw]

[spacer size=”45″]
[heading color=”#222222″]List Styles[/heading]
[spacer size=”10″]

[column size=”1-5″]
[list style=”star”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”arrow”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”check”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”cross”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”thumbs”]

  • List item
  • List item
  • List item

[/list]
[/column]
[column size=”1-5″]

[list style=”link”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”gear”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”time”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”info”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”plus”]

  • List item
  • List item
  • List item

[/list]
[/column]
[column size=”1-5″]

[list style=”lock”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”event”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”idea”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”settings”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”twitter”]

  • List item
  • List item
  • List item

[/list]
[/column]
[column size=”1-5″]

[list style=”address”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”phone”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”email”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”user”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”facebook”]

  • List item
  • List item
  • List item

[/list]
[/column]
[column size=”1-5″ last=”1″]
[list style=”skype”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”white-bullet”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”blue-bullet”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”black-bullet”]

  • List item
  • List item
  • List item

[/list]
[spacer size=”5″]
[list style=”green-bullet”]

  • List item
  • List item
  • List item

[/list]
[/column]

[spacer size=”45″]
[column size=”1-2″]
[heading border=”#aede8e” color=”#222222″]Pullquotes[/heading]
[spacer size=”10″]
[pullquote align=”left”]Lorem ipsum dolor sit amet nulla, consectetur adipiscing elit. Duis id vel lorem dapibus fringilla eget non felis.[/pullquote] Aenean dapibus, libero quis condimentum eleifend, dui turpis accumsan enim, in gravida urna turpis at urna. Cras felis diam, feugiat id tempus vel, tempus non odio. Aliquam arcu ligula, suscipit ut pretium a, luctus vel nisi. Donec vestibulum condimentum tellus, et egestas mi gravida ut. Suspendisse ornare nisl vitae arcu blandit ac tincidunt mauris iaculis. Mauris eget leo lacus. Ut nunc ligula, fermentum in commodo vitae, tristique non mi. Nam non interdum nulla. In sit amet erat non orci ornare tempus ac in nibh. Pellentesque purus odio, cursus vitae eleifend a, dignissim id sem. Nunc tortor lacus, imperdiet a tincidunt quis, ornare quis sem. Morbi ac ligula in risus porttitor molestie id ut lorem. Aenean nulla lorem, rutrum eu hendrerit at, congue ac diam. Sed vitae ipsum id leo tempor dignissim.
[/column]

[column size=”1-2″ last=”1″]
[heading border=”#aede8e” color=”#222222″]Quotes[/heading]
[spacer size=”10″]
[quote style=”1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum pellentesque rhoncus. Vivamus vitae turpis nunc, eu blandit nisl[/quote]
[spacer size=”15″]
[quote style=”2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum pellentesque rhoncus. Vivamus vitae turpis nunc, eu blandit nisl[/quote]
[spacer size=”25″]
[quote style=”3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum pellentesque rhoncus. Vivamus vitae turpis nunc, eu blandit nisl[/quote]
[/column]

[spacer size=”25″]
[column size=”1-2″]
[heading border=”#aede8e” color=”#222222″]Styled Headings[/heading]
[spacer size=”5″]
[div style=”margin-bottom:-25px;”]
[heading border=”#ff6c6e” color=”#444444″ style=”2″]In any width[/heading]
[/div]
[div style=”margin-bottom:-25px;”]
[heading border=”#ffab1a” color=”#ea7f5f” style=”1″]Any text color[/heading]
[/div]
[div style=”margin-bottom:-25px;”]
[heading border=”#48739d” color=”#444444″ style=”2″]Any border color[/heading]
[/div]
[heading border=”#ec8362″ color=”#176bab” style=”1″]Make your own combination[/heading]
[/column]

[column size=”1-2″ last=”1″]
[heading border=”#aede8e” color=”#222222″]Dividers[/heading]
[spacer size=”5″]
[textdivider text=”Divider title” color=”#AAA9A9″ line=”#48739d”]
[textdivider text=”Divider title in any color” color=”#d14836″ line=”#aede8e”]
[divider top=”0″ line=”#fb8c21″]
[divider top=”1″ line=”#E0E0E0″]
[/column]

Leave a Reply

Your email address will not be published. Required fields are marked *

ContactUs.com