Shortcodes

Click on the "code" below every thing to view the source code

Table

Number	First Name	Last Name	Points
1	Eve	Jackson	94
2	John	Doe	80
3	Adam	Johnson	67
4	Jill	Smith	50

Code

<table class="data-table">
<tbody>
<tr>
    <th>Number</th>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Points</th>
  </tr>
<tr>
    <td>1</td>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
<tr>
    <td>2</td>
    <td>John</td>
    <td>Doe</td> 
    <td>80</td>
  </tr>
<tr>
    <td>3</td>
    <td>Adam</td>
    <td>Johnson</td> 
    <td>67</td>
</tr>
<tr>
    <td>4</td>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
</tr>
</tbody></table>

Blockquote

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Code Box

<button class="red">Red Button</button>
<button class="blue">Blue Button</button>
<button class="green">Green Button</button>
<button class="yellow">Yellow Button</button>

Code

<pre> Your Text or Code Here </pre>

Button

Code

<button class="red">Red Button</button>
<button class="blue">Blue Button</button>
<button class="green">Green Button</button>
<button class="yellow">Yellow Button</button>

Alert Box

Error Alert Box

Notice Alert Box

Success Alert Box

Code

<div class="error">Error Alert Box</div>
<div class="notice">Notice Alert Box</div>
<div class="success">Success Alert Box</div>