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.
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.
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?
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.
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.
Toggle Title
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.
Opened Toggle
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.
Closed Toggle
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.
Toggle Title
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.
Opened Toggle
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.
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.
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.