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.
[row]
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.
[/row]
[row]
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.
[/row]
[row]
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.
[/row]
[row]
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.
[/row]
[row]
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.
[/row]
[row]
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.
[/row]
[row]
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.
[/row]
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. Nulla porttitor accumsan tincidunt. Sed porttitor lectus nibh. Proin eget tortor risus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
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?
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.
[row]
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.
[/row]
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.
[accordions title=”Accordion Title” state=”closed”] 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. [/accordions][accordions title=”Opened Accordion” state=”opened”] 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. [/accordions][accordions title=”The Last One” state=”closed”] 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. [/accordions]
[row]
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.
[accordions title=”Accordion Title” state=”closed”] 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. [/accordions][accordions title=”Opened Accordion” state=”opened”] 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. [/accordions][accordions title=”The Last One” state=”closed”] 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. [/accordions]
[/row]
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=”Toggle Title” state=”closed”] 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. [/toggle][toggle title=”Opened Toggle ” state=”opened”] 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. [/toggle][toggle title=”Closed Toggle” state=”closed”] 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]
[row]
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=”Toggle Title” state=”closed”] 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. [/toggle][toggle title=”Opened Toggle ” state=”opened”] 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. [/toggle]
[/row]
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.
[infobox style=”tksc-alert-default”]
Aliquam erat volutpat. Duis eget porttitor purus. [/infobox]
[infobox style=”tksc-alert-announcement”]
Donec vitae neque sed libero tempus rutrum. [/infobox]
[infobox style=”tksc-alert-error”]
Quisque efficitur pulvinar auctor. Sed non nulla eu quam posuere imperdiet sit amet eget elit. [/infobox]
[infobox style=”tksc-alert-success”]
Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo. [/infobox]
[infobox style=”tksc-alert-warning”]
Nunc a rhoncus diam. Duis fringilla, orci sed posuere blandit, lorem felis. [/infobox]
[infobox style=”tksc-alert-info”]
Maecenas accumsan tellus porttitor nisl gravida feugiat. [/infobox]
[row]
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.
[infobox style=”tksc-alert-success”]Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo[/infobox]
[/row]
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.
[progressbar bar_percentage=”69″] php [/progressbar]
[progressbar bar_percentage=”88″] HTML [/progressbar]
[progressbar bar_percentage=”100″] CSS [/progressbar]
[row]
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.
[progressbar bar_percentage=”69″] php [/progressbar]
[progressbar bar_percentage=”88″] HTML [/progressbar]
[progressbar bar_percentage=”100″] CSS [/progressbar]
[/row]
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.
[row]
[/row][row]
[/row]
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.