Columns

We all often need our content to be divided into columns for better user readability and simply to organise our text better. Using our columns shortcode with no problem, you can organise your fresh content into multiple responsive columns. You can choose various column number and width. Give it a try, it’s really powerful yet simple.

Vestibulum vel elit felis. Quisque vehicula non erat volutpat lacinia. Vestibulum pharetra urna id ipsum posuere, eget rhoncus enim placerat. Cras facilisis dolor eu ex volutpat, eu hendrerit.
Aliquam tristique rutrum lorem, eget volutpat eros placerat sed. Aliquam feugiat dui faucibus mauris accumsan ultrices. Vestibulum ante ipsum primis in faucibus orci luctus.
Quisque elementum mauris metus, ac iaculis lectus venenatis sit amet. Phasellus in tellus a turpis egestas sollicitudin. Proin et tincidunt ex.
Mauris vel imperdiet diam. Maecenas hendrerit imperdiet efficitur. Aenean maximus finibus mauris, a euismod quam consequat ut. Vestibulum vel elit felis.
Aliquam dolor ipsum, ultricies sit amet rhoncus at, lacinia eget nulla. Fusce dapibus faucibus augue, vel cursus felis pretium a. Nullam hendrerit orci in iaculis consequat.
Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis.
Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis.
Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis.
Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis.
Nunc et imperdiet nulla, quis accumsan ex. Sed vitae mauris at felis lobortis rhoncus id eu nisl. Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla.
Nunc et imperdiet nulla, quis accumsan ex. Sed vitae mauris at felis lobortis rhoncus id eu nisl. Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla.
Nunc et imperdiet nulla, quis accumsan ex. Sed vitae mauris at felis lobortis rhoncus id eu nisl. Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla.
Nunc et imperdiet nulla, quis accumsan ex. Sed vitae mauris at felis lobortis rhoncus id eu nisl. Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla.
Nunc et imperdiet nulla, quis accumsan ex. Sed vitae mauris at felis lobortis rhoncus id eu nisl. Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla.
Nunc et imperdiet nulla, quis accumsan ex. Sed vitae mauris at felis lobortis rhoncus id eu nisl. Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla.
Morbi eget gravida mauris.Nulla mollis faucibus convallis. Donec ac sapien a nisi sollicitudin fringilla. Mauris aliquam ullamcorper quam sed fermentum. In sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo. Duis et porttitor sapien, sed dignissim sem.
Morbi eget gravida mauris. Mauris aliquam ullamcorper quam sed fermentum. In sed venenatis nisl, quis elementum orci. Ut id egestas eros.
Morbi eget gravida mauris. Mauris aliquam ullamcorper quam sed fermentum. In sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo. Duis et porttitor sapien, sed dignissim sem.
Sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc.
Sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc.
Venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec.
Suspendisse blandit velit turpis, sit amet eleifend elit ornare quis. Nulla feugiat sem at mollis malesuada. Integer auctor, quam vitae malesuada scelerisque, quam nisl cursus diam, molestie posuere enim dui ut tellus. Aliquam tincidunt, justo eget posuere tristique, dui elit pulvinar diam, in varius augue magna in felis. Etiam vitae varius velit, sit amet commodo odio. Nunc ipsum neque, venenatis eget diam convallis, mollis hendrerit turpis. Morbi eleifend risus neque, in placerat nulla lacinia.

 

Dropcap

Every start is important. Also your text’s paragraph start, so why not make it elegant and increase starting letter, like in a real classy newspaper article, using our dropcap shortcode with or without background. Pretty cool, isn’t it?

F uisque elementum mauris metus, ac iaculis lectus venenatis sit amet. Phasellus in tellus a turpis egestas sollicitudin. Proin et tincidunt ex. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

Q estibulum vel elit felis. Quisque vehicula non erat volutpat lacinia. Vestibulum pharetra urna id ipsum posuere, eget rhoncus enim placerat. Cras facilisis dolor eu ex volutpat, eu hendrerit quam dictum. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

 

Tabs

Do you like tabbed content? We do, and we believe it’s a very clever way to organise your content into sections with headlines. It saves space and it looks cool. These smoothly animated ones are even better. What else do you need?

Quisque elementum mauris metus, ac iaculis lectus venenatis sit amet. Etiam vitae varius velit, sit amet commodo odio. Nunc ipsum neque, venenatis eget diam convallis, mollis hendrerit turpis. Morbi eleifend risus neque, in placerat nulla lacinia a. Nam quis nunc non felis lobortis elementum viverra eu lectus.  Phasellus in tellus a turpis egestas sollicitudin.
Duis eget mi sed odio egestas pharetra vel eu metus. Maecenas egestas libero libero, a pellentesque tellus sagittis sit amet. Pellentesque laoreet quam quam, id pharetra ex consequat imperdiet.
Curabitur luctus sit amet ipsum consectetur sodales. Mauris aliquam ullamcorper quam sed fermentum. In sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo. Duis et porttitor sapien, sed dignissim sem. Maecenas dapibus est feugiat, dignissim risus a, convallis nisl.

 

Tabs in Action

Proin luctus hendrerit diam, vel efficitur velit pretium ac. Donec magna purus, fermentum non metus eget, accumsan volutpat neque. Morbi scelerisque consequat sollicitudin. Pellentesque tincidunt odio a congue fringilla.

Nullam eget tempus massa, eu condimentum purus.

Quisque elementum mauris metus, ac iaculis lectus venenatis sit amet. Etiam vitae varius velit, sit amet commodo odio. Nunc ipsum neque, venenatis eget diam convallis, mollis hendrerit turpis. Morbi eleifend risus neque, in placerat nulla lacinia a. Nam quis nunc non felis lobortis elementum viverra eu lectus.  Phasellus in tellus a turpis egestas sollicitudin.
Duis eget mi sed odio egestas pharetra vel eu metus. Maecenas egestas libero libero, a pellentesque tellus sagittis sit amet. Pellentesque laoreet quam quam, id pharetra ex consequat imperdiet.

 

Accordion

Like tabs, but vertical and equipped with slide toggling, these accordions are a unique way to display your text. Smooth an classy, your reader will love them.

Accordion Title

Quisque accumsan venenatis arcu. Sed scelerisque justo in tempus eleifend. Etiam ut ligula porta, varius mi non, imperdiet lorem. Nullam tempor arcu nec velit tincidunt finibus vitae nec nulla.

Opened Accordion

Maecenas lobortis tincidunt elit, nec pellentesque nulla condimentum eu. Sed congue non magna a tincidunt. Duis quis semper mi. Etiam id erat quis diam gravida auctor imperdiet et tortor. Fusce sed accumsan neque, ut malesuada enim. In ut libero sem. Aenean ac orci non turpis blandit pretium quis a odio.

The Last One

Phasellus vitae rhoncus lacus. Pellentesque leo neque, bibendum eu congue et, interdum et magna. Quisque accumsan venenatis arcu. Sed scelerisque justo in tempus eleifend. Etiam ut ligula porta, varius mi non, imperdiet lorem.

 

Accordion in Action

Proin luctus hendrerit diam, vel efficitur velit pretium ac. Donec magna purus, fermentum non metus eget, accumsan volutpat neque. Morbi scelerisque consequat sollicitudin. Pellentesque tincidunt odio a congue fringilla.

Nullam eget tempus massa, eu condimentum purus.

Accordion Title

Quisque accumsan venenatis arcu. Sed scelerisque justo in tempus eleifend. Etiam ut ligula porta, varius mi non, imperdiet lorem. Nullam tempor arcu nec velit tincidunt finibus vitae nec nulla.

Opened Accordion

Maecenas lobortis tincidunt elit, nec pellentesque nulla condimentum eu. Sed congue non magna a tincidunt. Duis quis semper mi. Etiam id erat quis diam gravida auctor imperdiet et tortor. Fusce sed accumsan neque, ut malesuada enim. In ut libero sem. Aenean ac orci non turpis blandit pretium quis a odio.

The Last One

Phasellus vitae rhoncus lacus. Pellentesque leo neque, bibendum eu congue et, interdum et magna. Quisque accumsan venenatis arcu. Sed scelerisque justo in tempus eleifend. Etiam ut ligula porta, varius mi non, imperdiet lorem.

 

Toggle

Sometimes you want to tease your readers to read some info or text and you want to hide that until they are interested enough. This is perfectly achieved with toggle shortcode. You just show the title and by clicking on it, content will elegantly toggle and be ready for reading. You can always leave that open if you prefer. It’s on you.

Quisque efficitur pulvinar auctor. Sed non nulla eu quam posuere imperdiet sit amet eget elit. Duis odio lectus, commodo venenatis fringilla ut, posuere eget mauris.
Mauris vitae diam velit. Quisque sollicitudin nisl sit amet nibh congue, a mollis nibh elementum. Sed eget congue est, id posuere neque. Nulla et nisl at dolor cursus semper. In hac habitasse platea dictumst.
Maecenas commodo, ante vel congue finibus, tortor enim ullamcorper est, id mattis justo sapien eget nibh. Duis feugiat nunc at quam auctor scelerisque. Vestibulum fermentum nulla ullamcorper ante viverra ultricies. Fusce a lectus vel eros lobortis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam interdum dui ut tellus vehicula vulputate. Aliquam et elit in tortor sodales finibus. et nisl at dolor cursus semper. In hac habitasse platea dictumst.

 

Toggle in Action

Proin luctus hendrerit diam, vel efficitur velit pretium ac. Donec magna purus, fermentum non metus eget, accumsan volutpat neque. Morbi scelerisque consequat sollicitudin. Pellentesque tincidunt odio a congue fringilla.

Nullam eget tempus massa, eu condimentum purus.

Quisque efficitur pulvinar auctor. Sed non nulla eu quam posuere imperdiet sit amet eget elit. Duis odio lectus, commodo venenatis fringilla ut, posuere eget mauris.
Mauris vitae diam velit. Quisque sollicitudin nisl sit amet nibh congue, a mollis nibh elementum. Sed eget congue est, id posuere neque. Nulla et nisl at dolor cursus semper. In hac habitasse platea dictumst.

 

Infobox

You want to inform your reader about something on a  a certain page / post? Why not use an awesome infobox with six available states (styles) – default, announcement, error, success, warning and info all followed by different colour. Readers can then easily switch off the inbox after they were informed. Neat.

Aliquam erat volutpat. Duis eget porttitor purus.
Donec vitae neque sed libero tempus rutrum.
Quisque efficitur pulvinar auctor. Sed non nulla eu quam posuere imperdiet sit amet eget elit.
Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo.
Nunc a rhoncus diam. Duis fringilla, orci sed posuere blandit, lorem felis.
Maecenas accumsan tellus porttitor nisl gravida feugiat.

 

Infobox in Action

Proin luctus hendrerit diam, vel efficitur velit pretium ac. Donec magna purus, fermentum non metus eget, accumsan volutpat neque. Morbi scelerisque consequat sollicitudin. Pellentesque tincidunt odio a congue fringilla.

Nullam eget tempus massa, eu condimentum purus.

Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo

 

Progress Bar

Progress pulls the world and life forward, your skills, achievements, followers, income… Use our animated progress bar shortcode to show your progress in whatever field you desire.

php 

HTML 

CSS 

 

Progress Bar in Action

Proin luctus hendrerit diam, vel efficitur velit pretium ac. Donec magna purus, fermentum non metus eget, accumsan volutpat neque. Morbi scelerisque consequat sollicitudin. Pellentesque tincidunt odio a congue fringilla.

Nullam eget tempus massa, eu condimentum purus.

php 

HTML 

CSS 

 

 

Buttons

Ever wanted to add a classy button to your text? Download button, or a button leading to some cool link? With TK Shortcodes you easily can and you will. Just choose your new button style, size, color and type, add some text and link and there you go! It’s already clickable in your content.

Round Button Colors

Grey 
Orange
Black 
Transparent 
Blue
Red 
Green 

Round Button Sizes

Large
Default
Small
Mini

Square Button Colors

Grey 
Orange
Black 
Transparent 
Blue
Red 
Green 

Square Button Sizes

Large
Default
Small
Mini

 

Icons

Always needed, icons are a cool way to add a fine touch to your “boring” text and make it interesting. Pretty useful little things, and they look cool too.