Buttons and typography

  1. Shortcodes
  2. Buttons and typography

Button 



[button size="large"
color="success"]
LARGE[/button]
parameters
  • size - button size - mini; small; medium; lg; block;
  • link - ex. http://www.google.com
  • width
  • class - css class
  • color - examples can be viewed here - color; white; primary; success; info; inactive; default; warning; danger; link;
  • icon
  • iconplace - left; right;
  • nofollow
  • newwindow
  • scrolllink

Blockquote type 1

Read the directions and directly you will be directed in the right direction.

- Denise Johnson -

[blockquote 
author="Denise Johnson"]
... [/blockquote]
parameters
  • author
  • type - examples can be viewed here - 1; 2; 3;

Blockquote type 2

My relationship with Boston team has benefited me and my company beyond expectation. The process that Bosto Boston team presided over helped transform our marketing from a series of haphazard tactics to a unified, recurring plan. 
[blockquote type="2" 
author="Denise Johnson"]
...[/blockquote]
parameters
  • author
  • type - examples can be viewed here - 1; 2; 3;

Blockquote type 3

My relationship with Boston team has benefited me and my company beyond expectation. The process that Boston team presided over helped transform our marketing from a series of haphazard tactics to a unified, recurring plan. 
[blockquote type="3"
 author="Denise Johnson"]
...[/blockquote]
parameters
  • author
  • type - examples can be viewed here - 1; 2; 3;

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.

[dropcap]...[/dropcap]

Highlight

Lorem ipsum dolor sit amet, color=”yes” elit, . Ut enim minim veniam, quis ut nostrud color=”yes” style=”light” llamco laboris nisi ut aliquip ex ea consequat. Excepteur sint occaecat style=”light” proident, sunt in culpa qui officia deserunt es mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus at voluptatem. 
[highlight color="yes"
 style="light"]adipisicing
[/highlight]
parameters
  • style - highlight style - light;
  • color - highlight color - no; yes;

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.

[paragraph] ... [/paragraph]
parameters
  • class - css class

List

  1. Lorem ipsum dolor sit
  2. Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
[list style="number"]
<li>Lorem ...</li>
[/list]
parameters
  • header - header text
  • type - list type - number; check; nocheck; bullet; services;

Icon text


Prototype
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.

Design
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.

Development
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. 

[icon_text
 icon="fa-bullhorn";
 header="Design"]
...[/icon_text]
parameters
  • icon
  • header - header text

Symbol text

1
Brainstorming
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.

a
First Meeting
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.

?
Idea
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. 

[symbol_text symbol="?" 
header="Idea"]
...[/symbol_text]
parameters
  • symbol - symbol text
  • header - header text

Table

Header 1 Header 2 Header 3 Header 4
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
Carson Hines South Africa Feb 9, 2013 1 44 892 5062-4187
Xenos Wilder British Indian Ocean Territory Mar 27, 2012 1 82 800 3550-0093
Seth Phillips Uganda Jan 25, 2013 1 52 159 2264-0307
Garth Farrell Greenland May 21, 2012 1 70 357 8348-3065 
[table]
  <thead>
   <tr>
    <th> Header 1</th>
    <th> Header 2</th>
    <th> Header 3</th>
    <th> Header 4</th>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td> Hasad Sears</td>
    ...
  </tbody>
[/table]
parameters
  • type - examples can be viewed here - striped;

Table type striped

Header 1 Header 2 Header 3 Header 4
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
Carson Hines South Africa Feb 9, 2013 1 44 892 5062-4187
Xenos Wilder British Indian Ocean Territory Mar 27, 2012 1 82 800 3550-0093
Seth Phillips Uganda Jan 25, 2013 1 52 159 2264-0307
Garth Farrell Greenland May 21, 2012 1 70 357 8348-3065 
[table type="striped"]
  <thead>
   <tr>
    <th> Header 1</th>
    <th> Header 2</th>
    <th> Header 3</th>
    <th> Header 4</th>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td> Hasad Sears</td>
    ...
  </tbody>
[/table]
parameters
  • type - examples can be viewed here - striped;
Back to top