Plunk Grid and Plunk Shortcodes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sedai pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nuncer tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Plunk Grid and Plunk Shortcodes

Plunk grid and shortcodes are coded as two separate plugins which are included in the Plunk theme. You can use it within your other themes as well. Plunk grid will work with Bootstrap themes, but Plunk shortcodes you can use with any other theme.

Buttons

Small Buttons

Red ButtonOrange ButtonYellow ButtonGreen ButtonCyan ButtonBlue ButtonPurple ButtonGray ButtonBlack Button

Medium Buttons

Red ButtonOrange ButtonYellow ButtonGreen ButtonCyan ButtonBlue ButtonPurple ButtonGray ButtonBlack Button

Large Buttons

Red ButtonOrange ButtonYellow ButtonGreen ButtonCyan ButtonBlue ButtonPurple ButtonGray ButtonBlack Button

Text Box

Dropcap

Kunc at massa sed magna imperdiet sodales et eu orci. Praesent ante dolor, sodales et libero eu, ornare molestie nunc. Cras euismod in sem non mattis. Nulla vitae metus dictum, dictum orci ac, imperdiet justo. Suspendisse tristique posuere turpis at elit. Quisue convallis leo viverra nisi vulputate, sed pellentesque arcu viverra.

Braesent ante dolor, sodales et libero eu, ornare molestie nunc. Quisue convallis leo viverra nisi vulputate, sed pellentesque arcu viverra. Suspendisse tristique posuere turpis at elit. Nunc at massa sed magna imperdiet sodales et eu orci. Cras euismod in sem non mattis. Nulla vitae metus dictum, dictum orci ac, imperdiet justo.

Progress Bars

Quote

Suspendisse tristique posuere turpis at elit. Quisue convallis leo viverra nisi vulputate, sed pellentesque arcu viverra. Quisue convallis leo viverra nisi vulputate, sed pellentesque arcu viverra. Suspendisse tristique posuere turpis at elit.

I’m leaving because the weather is too good. I hate London when it’s not raining.Groucho Marx

Quisue convallis leo viverra nisi vulputate, sed pellentesque arcu viverra. Suspendisse tristique posuere turpis at elit.

Preformatted Text

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Alert Boxes

Bootstrap Columns

half

third

two third

Heading One

Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapib us id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra.

Heading Two

Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapib us id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra.

Heading Three

Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapib us id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra.

Heading Four

Heading Five

Heading Six

Image Alignment

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna.

Centered image with caption

Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Caption with example link

Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Right aligned image – linked

Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sedai pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nuncer tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Left aligned image – no link

Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sedai pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nuncer tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Ordered and Unordered Lists

Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sedai pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nuncer tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetuer adipis cing elit. Phasellus hendrerit. Pellentes esque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.