Do not publish this page!

Predefined Small, Medium, and Large Buttons
<a class="button small blue" href="#"> [...] </a>
green blue orange
red grey white
green blue orange
red grey white
green blue orange
red grey white
Disc List styles
<ul class="disc"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Square List styles
<ul class="square"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Arrow List styles
<ul class="arrow"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Green arrow List styles
<ul class="arrow2"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Check List styles
<ul class="check"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Cross List styles
<ul class="cross"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Star List styles
<ul class="star"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debiti
Gear List styles
<ul class="gear"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Pen List styles
<ul class="pen"> [...] </ul>
  • Quisaute reprehenderit voluptate molestia
  • Et harum quidem facilis expedita distinctio
  • Temporibus autem quibusdam officiis debit
Table grey color
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
Table green color
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
Table blue color
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
Table orange color
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
Table red color
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
Table shortcode
<div class="table-blue">
			<h5>Table blue color</h5>
			<table class="table">
			<thead>
			        <tr>
			            <th>Heading 1</th>
			            <th>Heading 2</th>
			            <th>Heading 3</th>
			            <th>Heading 4</th>
			        </tr>
			    </thead>
			    <tbody>
			        <tr>
			            <td>Option 1</td>
			            <td>Option 1</td>
			            <td>Option 1</td>
			            <td>Option 1</td>
			        </tr>
			        <tr class="odd">
			            <td>Option 2</td>
			            <td>Option 2</td>
			            <td>Option 2</td>
			            <td>Option 2</td>
			        </tr>
			        <tr>
			            <td>Option 3</td>
			            <td>Option 3</td>
			            <td>Option 3</td>
			            <td>Option 3</td>
			        </tr>      
			    </tbody>
			</table>
			</div>

Fullwidth.

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi aliquid exea commodi consequatur. Quis autem veleumiure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem fugiat quovoluptas nulla pariatur temporibus quibusdam etautas officiis debitis autrerum necessitatibus saepe eveniet utet voluptates repudiandae sintet molestiae.

Image with left align

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi aliquid exea commodi consequatur.Quis autem veleumiure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur

Velillum dolorem fugiat quovoluptas nullapariatur temporibus quibusdam etaut officiis debitis autrerum necessitatibus saepe eveni utet voluptates repudiandae sintet molestiae autrerum necessitatibus saepe eveniet.

sample button
Image with right align

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi aliquid exea commodi consequatur.Quis autem veleumiure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur

Velillum dolorem fugiat quovoluptas nullapariatur temporibus quibusdam etaut officiis debitis autrerum necessitatibus saepe eveni utet voluptates repudiandae sintet molestiae autrerum necessitatibus saepe eveniet.

sample button
Using tabs in content

Lorem ipsum dolor amet, consectetur adipite scinelit. Vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nunc, dignissim ullamcorper minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi aliquid exea commodi consequatur. Quis autem veleumiure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem fugiat quovoluptas nulla pariatur temporibus quibusdam etautas officiis debitis autrerum necessitatibus saepe eveniet utet voluptates repudiandae sintet molestiae.

Lorem ipsum dolor amet, consectetur adipite scinelit. Vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nunc, dignissim ullamcorper minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi aliquid exea commodi consequatur. Quis autem veleumiure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem fugiat quovoluptas nulla pariatur temporibus quibusdam etautas officiis debitis autrerum necessitatibus saepe eveniet utet voluptates repudiandae sintet molestiae.

Lorem ipsum dolor amet, consectetur adipite scinelit. Vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nunc, dignissim ullamcorper minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi aliquid exea commodi consequatur. Quis autem veleumiure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem fugiat quovoluptas nulla pariatur temporibus quibusdam etautas officiis debitis autrerum necessitatibus saepe eveniet utet voluptates repudiandae sintet molestiae.

Using toggle in content
Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing seddo eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob laboris nisi ut aliquip

Officia deserunt mollit anim ?

Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est, qui dolorem ipsum quia dolor sit amet omnis voluptas assumenda est

  • Quis autem iure reprehenderit voluptate molestiae
  • Et harum quidem rerum facilis est et expedita distinctio
  • Temporibus autem quibusdam et aut officiis debitis
Inventore veritatis architecto ?
Image on content

At vero eos et accusamus et iusto odio dignissimos ducimus qui facilis blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui offici deserunt mollitia animi idest laborum et dolorum fuga eta harum quidem rerum.

Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcorob laboris nisi ut aliquip praesentium voluptatum deleniti.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam.

Officia deserunt mollit anim ?

Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est, qui dolorem ipsum quia dolor sit amet omnis voluptas assumenda est

  • Quis autem iure reprehenderit voluptate molestiae
  • Et harum quidem rerum facilis est et expedita distinctio
  • Temporibus autem quibusdam et aut officiis debitis
Inventore veritatis architecto ?
Image on content

At vero eos et accusamus et iusto odio dignissimos ducimus qui facilis blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui offici deserunt mollitia animi idest laborum et dolorum fuga eta harum quidem rerum.

Reprehenderit in voluptate velit ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcorob laboris nisi ut aliquip praesentium voluptatum deleniti.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam.

Necessitatibus saepe eveniet ?
2 Column
<div class="six columns"> [...] </div>

Nam libero tempore cumsoluta lut nobis esteligel dioptiorop cumque nihilermo impedit quota minus quodrobu maxime placeatus facere ud possimusi omnishor voluptasi assumend omnisar repellend

2 Column
<div class="six columns"> [...] </div>

Nam libero tempore cumsoluta lut nobis esteligel dioptiorop cumque nihilermo impedit quota minus quodrobu maxime placeatus facere ud possimusi omnishor voluptasi assumend omnisar repellend

Consequatur aut alias perferendis ?

Neque porro quisquam qui dolorem ipsum quia dolor sitamet consectetur adipisci velitsed quialo numquam eius modi tempora incidunt ut labore etus dolore magnam aliquam quaerat voluptatem vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate provident similique sunt in culpa qui officia deserunt mollitia animi.

Numquam eius modi tempora ?

At vero eos et accusamus et iusto odio dignissimos ducimus blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi occaecati cupiditateno provident, similique sunt in culpa qui officia deserunt mollitia animi, idest laborum et dolorum fuga harum quidem rerum facilis est et expedita porro distinctio.

Voluptatibus maiores alias ?

Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est, qui dolorem ipsum quia dolor sit amet omnis voluptas assumenda est

  1. Quis autem iure reprehenderit voluptate molestiae
  2. Et harum quidem rerum facilis est et expedita distinctio
  3. Temporibus autem quibusdam et aut officiis debitis
Doloribus asperiores repellat ?
Image on content

At vero eos et accusamus et iusto odio dignissimos ducimus qui facilis blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui offici deserunt mollitia animi idest laborum et dolorum fuga eta harum quidem rerum.

Numquam modi tempora incidunt ?

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.