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] [column column= »one-half »] 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. [/column][column column= »one-half »] Aliquam tristique rutrum lorem, eget volutpat eros placerat sed. Aliquam feugiat dui faucibus mauris accumsan ultrices. Vestibulum ante ipsum primis in faucibus orci luctus. [/column] [/row]

[row] [column column= »one-third »] Quisque elementum mauris metus, ac iaculis lectus venenatis sit amet. Phasellus in tellus a turpis egestas sollicitudin. Proin et tincidunt ex.[/column][column column= »one-third »] Mauris vel imperdiet diam. Maecenas hendrerit imperdiet efficitur. Aenean maximus finibus mauris, a euismod quam consequat ut. Vestibulum vel elit felis. [/column][column column= »one-third »] 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. [/column][/row]

[row] [column column= »one-fourth »] Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis. [/column][column column= »one-fourth »] Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis. [/column][column column= »one-fourth »] Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis. [/column][column column= »one-fourth »] Sed faucibus, ligula vitae cursus cursus, arcu sem congue nisi, sit amet tempor elit ipsum eu erat. Nulla ac ante quis magna vestibulum convallis. [/column] [/row]

[row] [column column= »one-sixth »] 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. [/column][column column= »one-sixth »] 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. [/column][column column= »one-sixth »] 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. [/column][column column= »one-sixth »] 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. [/column][column column= »one-sixth »] 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. [/column][column column= »one-sixth »] 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. [/column] [/row]

[row] [column column= »two-third »] 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. [/column] [column column= »one-third »] Morbi eget gravida mauris. Mauris aliquam ullamcorper quam sed fermentum. In sed venenatis nisl, quis elementum orci. Ut id egestas eros. [/column] [/row]

[row] [column column= »one-half »] 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. [/column] [column column= »one-fourth »] Sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. [/column][column column= »one-fourth »] Sed venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. [/column][/row]

[row] [column column= »one-sixth »] Venenatis nisl, quis elementum orci. Ut id egestas eros. Aliquam sem enim, tincidunt nec. [/column] [column column= »five-sixth »] 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. [/column] [/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?

[dropcap style= »background »] F [/dropcap]uisque elementum mauris metus, ac iaculis lectus venenatis sit amet. Phasellus in tellus a turpis egestas sollicitudin. Proin et tincidunt ex.

[dropcap style= »no-background »] Q [/dropcap]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] [tab title= »First Tab Title « ] 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. [/tab][tab title= »Title of Great Importance »] 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. [/tab][tab title= »Significance of the Title »] 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. [/tab] [/tabs]

 

[row] [column column= »one-half »] 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.[/column] [column column= »one-half »][tabs] [tab title= »First Tab Title « ] 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. [/tab][tab title= »Title of Great Importance »] 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. [/tab][/tabs][/column] [/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.

[accordion] [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] [/accordion]

 

[row] [column column= »one-half »] 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.[/column] [column column= »one-half »][accordion] [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] [/accordion] [/column] [/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] [column column= »one-half »] 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.[/column] [column column= »one-half »][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] [/column] [/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] [column column= »one-half »] 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.[/column] [column column= »one-half »][infobox style= »tksc-alert-success »]Aliquam sem enim, tincidunt nec sapien et, porta posuere nunc. Curabitur in vulputate leo[/infobox][/column] [/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] [column column= »one-half »] 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.[/column] [column column= »one-half »]

[progressbar bar_percentage= »69″] php [/progressbar]

[progressbar bar_percentage= »88″] HTML [/progressbar]

[progressbar bar_percentage= »100″] CSS [/progressbar]

[/column] [/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] [column column= »one-half »]

Round Button Colors

[button url= »http://example.com » style= »default » size= »tksc-btn-small » type= »round » target= »_self »] Grey [/button][button url= »http://example.com » style= »tksc-btn-warning » size= »tksc-btn-small » type= »round » target= »_self »]Orange [/button][button url= »http://themeskingdom.com » style= »tksc-btn-inverse » size= »tksc-btn-small » type= »round » target= »_self »] Black [/button][button url= »http://example.com » style= »tksc-btn-primary » size= »tksc-btn-small » type= »round » target= »_self »] Transparent [/button][button url= »http://example.com » style= »tksc-btn-info » size= »tksc-btn-small » type= »round » target= »_self »] Blue [/button][button url= »http://example.com » style= »tksc-btn-danger » size= »tksc-btn-small » type= »round » target= »_self »] Red [/button][button url= »http://example.com » style= »tksc-btn-success » size= »tksc-btn-small » type= »round » target= »_self »] Green [/button][/column] [column column= »one-half »]

Round Button Sizes

[button url= »http://example.com » style= »tksc-btn-inverse » size= »tksc-btn-large » type= »round » target= »_self »] Large [/button][button url= »http://example.com » style= »tksc-btn-inverse » size= » » type= »round » target= »_self »] Default [/button][button url= »http://example.com » style= »tksc-btn-inverse » size= »tksc-btn-small » type= »round » target= »_self »] Small [/button][button url= »http://example.com » style= »tksc-btn-inverse » size= »tksc-btn-mini » type= »round » target= »_self »] Mini [/button][/column] [/row][row] [column column= »one-half »]

Square Button Colors

[button url= »http://example.com » style= »default » size= »tksc-btn-small » type= »square » target= »_self »] Grey [/button][button url= »http://example.com » style= »tksc-btn-warning » size= »tksc-btn-small » type= »square » target= »_self »]Orange [/button][button url= »http://themeskingdom.com » style= »tksc-btn-inverse » size= »tksc-btn-small » type= »square » target= »_self »] Black [/button][button url= »http://example.com » style= »tksc-btn-primary » size= »tksc-btn-small » type= »square » target= »_self »] Transparent [/button][button url= »http://example.com » style= »tksc-btn-info » size= »tksc-btn-small » type= »square » target= »_self »] Blue [/button][button url= »http://example.com » style= »tksc-btn-danger » size= »tksc-btn-small » type= »square » target= »_self »] Red [/button][button url= »http://example.com » style= »tksc-btn-success » size= »tksc-btn-small » type= »square » target= »_self »] Green [/button][/column] [column column= »one-half »]

Square Button Sizes

[button url= »http://example.com » style= »tksc-btn-inverse » size= »tksc-btn-large » type= »square » target= »_self »] Large [/button][button url= »http://example.com » style= »tksc-btn-inverse » size= » » type= »square » target= »_self »] Default [/button][button url= »http://example.com » style= »tksc-btn-inverse » size= »tksc-btn-small » type= »square » target= »_self »] Small [/button][button url= »http://example.com » style= »tksc-btn-inverse » size= »tksc-btn-mini » type= »square » target= »_self »] Mini [/button][/column] [/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.

[icon image= »fa fa-glass » size= »tiny » url= » »] [/icon] [icon image= »fa fa-music » size= »tiny » url= » »] [/icon] [icon image= »fa fa-search » size= »tiny » url= » »] [/icon] [icon image= »fa fa-heart » size= »tiny » url= » »] [/icon] [icon image= »fa fa-star » size= »tiny » url= » »] [/icon] [icon image= »fa fa-star-o » size= »tiny » url= » »] [/icon] [icon image= »fa fa-user » size= »tiny » url= » »] [/icon] [icon image= »fa fa-film » size= »tiny » url= » »] [/icon] [icon image= »fa fa-th-large » size= »tiny » url= » »] [/icon] [icon image= »fa fa-th » size= »tiny » url= » »] [/icon] [icon image= »fa fa-th-list » size= »tiny » url= » »] [/icon] [icon image= »fa fa-check » size= »tiny » url= » »] [/icon] [icon image= »fa fa-times » size= »tiny » url= » »] [/icon] [icon image= »fa fa-search-plus » size= »tiny » url= » »] [/icon] [icon image= »fa fa-search-minus » size= »tiny » url= » »] [/icon] [icon image= »fa fa-power-off » size= »tiny » url= » »] [/icon] [icon image= »fa fa-signal » size= »tiny » url= » »] [/icon] [icon image= »fa fa-gear » size= »tiny » url= » »] [/icon] [icon image= »fa fa-cog fa-spin » size= »tiny » url= » »] [/icon] [icon image= »fa fa-trash-o » size= »tiny » url= » »] [/icon] [icon image= »fa fa-home » size= »tiny » url= » »] [/icon] [icon image= »fa fa-file-o » size= »tiny » url= » »] [/icon] [icon image= »fa fa-clock-o » size= »tiny » url= » »] [/icon] [icon image= »fa fa-road » size= »tiny » url= » »] [/icon] [icon image= »fa fa-download » size= »tiny » url= » »] [/icon] [icon image= »fa fa-arrow-circle-o-down » size= »tiny » url= » »] [/icon] [icon image= »fa fa-arrow-circle-o-up » size= »tiny » url= » »] [/icon] [icon image= »fa fa-inbox » size= »tiny » url= » »] [/icon] [icon image= »fa fa-play-circle-o » size= »tiny » url= » »] [/icon] [icon image= »fa fa-rotate-right » size= »tiny » url= » »] [/icon] [icon image= »fa fa-refresh fa-spin » size= »tiny » url= » »] [/icon] [icon image= »fa fa-list-alt » size= »tiny » url= » »] [/icon] [icon image= »fa fa-lock » size= »tiny » url= » »] [/icon] [icon image= »fa fa-flag » size= »tiny » url= » »] [/icon] [icon image= »fa fa-headphones » size= »tiny » url= » »] [/icon] [icon image= »fa fa-volume-off » size= »tiny » url= » »] [/icon] [icon image= »fa fa-volume-down » size= »tiny » url= » »] [/icon] [icon image= »fa fa-volume-up » size= »tiny » url= » »] [/icon] [icon image= »fa fa-qrcode » size= »tiny » url= » »][/icon] [icon image= »fa fa-barcode » size= »tiny » url= » »][/icon] [icon image= »fa fa-tag » size= »tiny » url= » »][/icon] [icon image= »fa fa-tags » size= »tiny » url= » »][/icon] [icon image= »fa fa-book » size= »tiny » url= » »][/icon] [icon image= »fa fa-bookmark » size= »tiny » url= » »][/icon] [icon image= »fa fa-print » size= »tiny » url= » »][/icon] [icon image= »fa fa-font » size= »tiny » url= » »][/icon] [icon image= »fa fa-bold » size= »tiny » url= » »][/icon] [icon image= »fa fa-italic » size= »tiny » url= » »][/icon] [icon image= »fa fa-text-height » size= »tiny » url= » »][/icon] [icon image= »fa fa-camera » size= »tiny » url= » »][/icon] [icon image= »fa fa-text-width » size= »tiny » url= » »][/icon] [icon image= »fa fa-align-left » size= »tiny » url= » »][/icon] [icon image= »fa fa-align-center » size= »tiny » url= » »][/icon] [icon image= »fa fa-align-right » size= »tiny » url= » »][/icon] [icon image= »fa fa-align-justify » size= »tiny » url= » »][/icon] [icon image= »fa fa-list » size= »tiny » url= » »][/icon] [icon image= »fa fa-outdent » size= »tiny » url= » »][/icon] [icon image= »fa fa-indent » size= »tiny » url= » »][/icon] [icon image= »fa fa-video-camera » size= »tiny » url= » »] [/icon] [icon image= »fa fa-map-marker » size= »tiny » url= » »][/icon] [icon image= »fa fa-adjust » size= »tiny » url= » »][/icon] [icon image= »fa fa-tint » size= »tiny » url= » »][/icon] [icon image= »fa fa-picture-o » size= »tiny » url= » »][/icon] [icon image= »fa fa-pencil » size= »tiny » url= » »][/icon] [icon image= »fa fa-arrows » size= »tiny » url= » »][/icon] [icon image= »fa fa-step-backward » size= »tiny » url= » »][/icon] [icon image= »fa fa-edit » size= »tiny » url= » »][/icon] [icon image= »fa fa-share-square-o » size= »tiny » url= » »][/icon] [icon image= »fa fa-check-square-o » size= »tiny » url= » »][/icon] [icon image= »fa fa-fast-backward » size= »tiny » url= » »][/icon] [icon image= »fa fa-backward » size= »tiny » url= » »][/icon] [icon image= »fa fa-play » size= »tiny » url= » »][/icon] [icon image= »fa fa-pause » size= »tiny » url= » »][/icon] [icon image= »fa fa-stop » size= »tiny » url= » »][/icon] [icon image= »fa fa-forward » size= »tiny » url= » »][/icon] [icon image= »fa fa-fast-forward » size= »tiny » url= » »][/icon] [icon image= »fa fa-step-forward » size= »tiny » url= » »][/icon] [icon image= »fa fa-eject » size= »tiny » url= » »][/icon] [icon image= »fa fa-chevron-left » size= »tiny » url= » »][/icon] [icon image= »fa fa-chevron-right » size= »tiny » url= » »][/icon] [icon image= »fa fa-plus-circle » size= »tiny » url= » »][/icon] [icon image= »fa fa-minus-circle » size= »tiny » url= » »][/icon] [icon image= »fa fa-times-circle » size= »tiny » url= » »][/icon] [icon image= »fa fa-question-circle » size= »tiny » url= » »][/icon] [icon image= »fa fa-info-circle » size= »tiny » url= » »][/icon] [icon image= »fa fa-crosshairs » size= »tiny » url= » »][/icon] [icon image= »fa fa-times-circle-o » size= »tiny » url= » »][/icon] [icon image= »fa fa-check-circle-o » size= »tiny » url= » »][/icon] [icon image= »fa fa-ban » size= »tiny » url= » »][/icon] [icon image= »fa fa-arrow-left » size= »tiny » url= » »] [icon image= »fa fa-arrow-right » size= »tiny » url= » »] [icon image= »fa fa-arrow-up » size= »tiny » url= » »] [icon image= »fa fa-arrow-down » size= »tiny » url= » »] [icon image= »fa fa-share » size= »tiny » url= » »] [icon image= »fa fa-expand » size= »tiny » url= » »] [icon image= »fa fa-compress » size= »tiny » url= » »] [icon image= »fa fa-plus » size= »tiny » url= » »] [icon image= »fa fa-minus » size= »tiny » url= » »] [icon image= »fa fa-asterisk » size= »tiny » url= » »] [icon image= »fa fa-exclamation-circle » size= »tiny » url= » »] [icon image= »fa fa-gift » size= »tiny » url= » »] [icon image= »fa fa-leaf » size= »tiny » url= » »] [icon image= »fa fa-fire » size= »tiny » url= » »] [icon image= »fa fa-eye » size= »tiny » url= » »] [icon image= »fa fa-eye-slash » size= »tiny » url= » »] [icon image= »fa fa-warning » size= »tiny » url= » »] [icon image= »fa fa-plane » size= »tiny » url= » »] [icon image= »fa fa-calendar » size= »tiny » url= » »] [icon image= »fa fa-random » size= »tiny » url= » »] [icon image= »fa fa-comment » size= »tiny » url= » »] [icon image= »fa fa-magnet » size= »tiny » url= » »] [icon image= »fa fa-chevron-up » size= »tiny » url= » »] [icon image= »fa fa-chevron-down » size= »tiny » url= » »] [icon image= »fa fa-retweet » size= »tiny » url= » »] [icon image= »fa fa-shopping-cart » size= »tiny » url= » »] [icon image= »fa fa-folder » size= »tiny » url= » »] [icon image= »fa fa-folder-open » size= »tiny » url= » »] [icon image= »fa fa-arrows-v » size= »tiny » url= » »] [icon image= »fa fa-arrows-h » size= »tiny » url= » »] [icon image= »fa fa-bar-chart-o » size= »tiny » url= » »] [icon image= »fa fa-twitter-square » size= »tiny » url= » »] [icon image= »fa fa-facebook-square » size= »tiny » url= » »] [icon image= »fa fa-camera-retro » size= »tiny » url= » »] [icon image= »fa fa-key » size= »tiny » url= » »] [icon image= »fa fa-gears » size= »tiny » url= » »] [icon image= »fa fa-comments » size= »tiny » url= » »] [icon image= »fa fa-thumbs-o-up » size= »tiny » url= » »] [icon image= »fa fa-thumbs-o-down » size= »tiny » url= » »] [icon image= »fa fa-heart-o » size= »tiny » url= » »] [icon image= »fa fa-sign-out » size= »tiny » url= » »] [icon image= »fa fa-linkedin-square » size= »tiny » url= » »] [icon image= »fa fa-thumb-tack » size= »tiny » url= » »] [icon image= »fa fa-external-link » size= »tiny » url= » »] [icon image= »fa fa-sign-in » size= »tiny » url= » »] [icon image= »fa fa-trophy » size= »tiny » url= » »] [icon image= »fa fa-github-square » size= »tiny » url= » »] [icon image= »fa fa-upload » size= »tiny » url= » »] [icon image= »fa fa-lemon-o » size= »tiny » url= » »] [icon image= »fa fa-phone » size= »tiny » url= » »] [icon image= »fa fa-square-o » size= »tiny » url= » »] [icon image= »fa fa-bookmark-o » size= »tiny » url= » »] [icon image= »fa fa-phone-square » size= »tiny » url= » »] [icon image= »fa fa-twitter » size= »tiny » url= » »] [icon image= »fa fa-facebook » size= »tiny » url= » »] [icon image= »fa fa-github » size= »tiny » url= » »] [icon image= »fa fa-unlock » size= »tiny » url= » »] [icon image= »fa fa-credit-card » size= »tiny » url= » »] [icon image= »fa fa-rss » size= »tiny » url= » »] [icon image= »fa fa-hdd-o » size= »tiny » url= » »] [icon image= »fa fa-bullhorn » size= »tiny » url= » »] [icon image= »fa fa-bell » size= »tiny » url= » »] [icon image= »fa fa-certificate » size= »tiny » url= » »] [icon image= »fa fa-hand-o-right » size= »tiny » url= » »] [icon image= »fa fa-hand-o-left » size= »tiny » url= » »] [icon image= »fa fa-hand-o-up » size= »tiny » url= » »] [icon image= »fa fa-hand-o-down » size= »tiny » url= » »] [icon image= »fa fa-arrow-circle-left » size= »tiny » url= » »] [icon image= »fa fa-arrow-circle-right » size= »tiny » url= » »] [icon image= »fa fa-arrow-circle-up » size= »tiny » url= » »] [icon image= »fa fa-arrow-circle-down » size= »tiny » url= » »] [icon image= »fa fa-globe » size= »tiny » url= » »] [icon image= »fa fa-wrench » size= »tiny » url= » »] [icon image= »fa fa-tasks » size= »tiny » url= » »] [icon image= »fa fa-filter » size= »tiny » url= » »] [icon image= »fa fa-briefcase » size= »tiny » url= » »] [icon image= »fa fa-arrows-alt » size= »tiny » url= » »] [icon image= »fa fa-group » size= »tiny » url= » »] [icon image= »fa fa-link » size= »tiny » url= » »] [icon image= »fa fa-cloud » size= »tiny » url= » »] [icon image= »fa fa-flask » size= »tiny » url= » »] [icon image= »fa fa-cut » size= »tiny » url= » »] [icon image= »fa fa-files-o » size= »tiny » url= » »] [icon image= »fa fa-paperclip » size= »tiny » url= » »] [icon image= »fa fa-save » size= »tiny » url= » »] [icon image= »fa fa-bars » size= »tiny » url= » »] [icon image= »fa fa-list-ul » size= »tiny » url= » »] [icon image= »fa fa-list-ol » size= »tiny » url= » »] [icon image= »fa fa-strikethrough » size= »tiny » url= » »] [icon image= »fa fa-underline » size= »tiny » url= » »] [icon image= »fa fa-table » size= »tiny » url= » »] [icon image= »fa fa-magic » size= »tiny » url= » »] [icon image= »fa fa-truck » size= »tiny » url= » »] [icon image= »fa fa-pinterest » size= »tiny » url= » »] [icon image= »fa fa-pinterest-square » size= »tiny » url= » »] [icon image= »fa fa-google-plus-square » size= »tiny » url= » »] [icon image= »fa fa-google-plus » size= »tiny » url= » »] [icon image= »fa fa-money » size= »tiny » url= » »] [icon image= »fa fa-caret-down » size= »tiny » url= » »] [icon image= »fa fa-caret-up » size= »tiny » url= » »] [icon image= »fa fa-caret-right » size= »tiny » url= » »] [icon image= »fa fa-columns » size= »tiny » url= » »] [icon image= »fa fa-sort » size= »tiny » url= » »] [icon image= »fa fa-sort-asc » size= »tiny » url= » »] [icon image= »fa fa-sort-desc » size= »tiny » url= » »] [icon image= »fa fa-caret-left » size= »tiny » url= » »] [icon image= »fa fa-user-md » size= »tiny » url= » »] [icon image= »fa fa-stethoscope » size= »tiny » url= » »] [icon image= »fa fa-suitcase » size= »tiny » url= » »] [icon image= »fa fa-bell-o » size= »tiny » url= » »] [icon image= »fa fa-coffee » size= »tiny » url= » »] [icon image= »fa fa-envelope » size= »tiny » url= » »] [icon image= »fa fa-linkedin » size= »tiny » url= » »] [icon image= »fa fa-undo » size= »tiny » url= » »] [icon image= »fa fa-gavel » size= »tiny » url= » »] [icon image= »fa fa-tachometer » size= »tiny » url= » »] [icon image= »fa fa-comment-o » size= »tiny » url= » »] [icon image= »fa fa-comments-o » size= »tiny » url= » »] [icon image= »fa fa-bolt » size= »tiny » url= » »] [icon image= »fa fa-sitemap » size= »tiny » url= » »] [icon image= »fa fa-umbrella » size= »tiny » url= » »] [icon image= »fa fa-clipboard » size= »tiny » url= » »] [icon image= »fa fa-lightbulb-o » size= »tiny » url= » »] [icon image= »fa fa-exchange » size= »tiny » url= » »] [icon image= »fa fa-cloud-download » size= »tiny » url= » »] [icon image= »fa fa-cloud-upload » size= »tiny » url= » »] [icon image= »fa fa-cutlery » size= »tiny » url= » »] [icon image= »fa fa-file-text-o » size= »tiny » url= » »] [icon image= »fa fa-building-o » size= »tiny » url= » »] [icon image= »fa fa-hospital-o » size= »tiny » url= » »] [icon image= »fa fa-ambulance » size= »tiny » url= » »] [icon image= »fa fa-medkit » size= »tiny » url= » »] [icon image= »fa fa-fighter-jet » size= »tiny » url= » »] [icon image= »fa fa-beer » size= »tiny » url= » »] [icon image= »fa fa-h-square » size= »tiny » url= » »] [icon image= »fa fa-plus-square » size= »tiny » url= » »] [icon image= »fa fa-angle-double-left » size= »tiny » url= » »] [icon image= »fa fa-angle-double-right » size= »tiny » url= » »] [icon image= »fa fa-angle-double-up » size= »tiny » url= » »] [icon image= »fa fa-angle-double-down » size= »tiny » url= » »] [icon image= »fa fa-angle-left » size= »tiny » url= » »] [icon image= »fa fa-angle-right » size= »tiny » url= » »] [icon image= »fa fa-angle-up » size= »tiny » url= » »] [icon image= »fa fa-angle-down » size= »tiny » url= » »] [icon image= »fa fa-desktop » size= »tiny » url= » »] [icon image= »fa fa-laptop » size= »tiny » url= » »] [icon image= »fa fa-tablet » size= »tiny » url= » »] [icon image= »fa fa-mobile-phone » size= »tiny » url= » »] [icon image= »fa fa-circle-o » size= »tiny » url= » »] [icon image= »fa fa-quote-left » size= »tiny » url= » »] [icon image= »fa fa-quote-right » size= »tiny » url= » »] [icon image= »fa fa-spinner fa-spin » size= »tiny » url= » »] [icon image= »fa fa-circle » size= »tiny » url= » »] [icon image= »fa fa-reply » size= »tiny » url= » »] [icon image= »fa fa-github-alt » size= »tiny » url= » »] [icon image= »fa fa-folder-o » size= »tiny » url= » »] [icon image= »fa fa-folder-open-o » size= »tiny » url= » »] [icon image= »fa fa-smile-o » size= »tiny » url= » »] [icon image= »fa fa-frown-o » size= »tiny » url= » »] [icon image= »fa fa-meh-o » size= »tiny » url= » »] [icon image= »fa fa-gamepad » size= »tiny » url= » »] [icon image= »fa fa-keyboard-o » size= »tiny » url= » »] [icon image= »fa fa-flag-o » size= »tiny » url= » »] [icon image= »fa fa-flag-checkered » size= »tiny » url= » »] [icon image= »fa fa-flag-checkered » size= »tiny » url= » »] [icon image= »fa fa-code » size= »tiny » url= » »] [icon image= »fa fa-reply-all » size= »tiny » url= » »] [icon image= »fa fa-star-half-o » size= »tiny » url= » »] [icon image= »fa fa-location-arrow » size= »tiny » url= » »] [icon image= »fa fa-crop » size= »tiny » url= » »] [icon image= »fa fa-code-fork » size= »tiny » url= » »] [icon image= »fa fa-unlink » size= »tiny » url= » »] [icon image= »fa fa-question » size= »tiny » url= » »] [icon image= »fa fa-info » size= »tiny » url= » »] [icon image= »fa fa-exclamation » size= »tiny » url= » »] [icon image= »fa fa-css3″ size= »tiny » url= » »] [icon image= »fa fa-anchor » size= »tiny » url= » »] [icon image= »fa fa-chevron-circle-right » size= »tiny » url= » »] [icon image= »fa fa-chevron-circle-up » size= »tiny » url= » »] [icon image= »fa fa-superscript » size= »tiny » url= » »] [icon image= »fa fa-subscript » size= »tiny » url= » »] [icon image= »fa fa-eraser » size= »tiny » url= » »] [icon image= »fa fa-puzzle-piece » size= »tiny » url= » »] [icon image= »fa fa-microphone » size= »tiny » url= » »] [icon image= »fa fa-microphone-slash » size= »tiny » url= » »] [icon image= »fa fa-chevron-circle-down » size= »tiny » url= » »] [icon image= »fa fa-html5″ size= »tiny » url= » »] [icon image= »fa fa-unlock-alt » size= »tiny » url= » »] [icon image= »fa fa-maxcdn » size= »tiny » url= » »] [icon image= »fa fa-chevron-circle-left » size= »tiny » url= » »] [icon image= »fa fa-shield » size= »tiny » url= » »] [icon image= »fa fa-calendar-o » size= »tiny » url= » »] [icon image= »fa fa-fire-extinguisher » size= »tiny » url= » »] [icon image= »fa fa-rocket » size= »tiny » url= » »] [icon image= »fa fa-bullseye » size= »tiny » url= » »] [icon image= »fa fa-ellipsis-h » size= »tiny » url= » »] [icon image= »fa fa-ellipsis-v » size= »tiny » url= » »] [icon image= »fa fa-rss-square » size= »tiny » url= » »] [icon image= »fa fa-play-circle » size= »tiny » url= » »] [icon image= »fa fa-ticket » size= »tiny » url= » »] [icon image= »fa fa-minus-square » size= »tiny » url= » »] [icon image= »fa fa-minus-square-o » size= »tiny » url= » »] [icon image= »fa fa-level-up » size= »tiny » url= » »] [icon image= »fa fa-level-down » size= »tiny » url= » »] [icon image= »fa fa-check-square » size= »tiny » url= » »] [icon image= »fa fa-pencil-square » size= »tiny » url= » »] [icon image= »fa fa-external-link-square » size= »tiny » url= » »] [icon image= »fa fa-share-square » size= »tiny » url= » »] [icon image= »fa fa-toggle-left » size= »tiny » url= » »] [icon image= »fa fa-compass » size= »tiny » url= » »] [icon image= »fa fa-toggle-down » size= »tiny » url= » »] [icon image= »fa fa-toggle-up » size= »tiny » url= » »] [icon image= »fa fa-toggle-right » size= »tiny » url= » »] [icon image= »fa fa-euro » size= »tiny » url= » »] [icon image= »fa fa-gbp » size= »tiny » url= » »] [icon image= »fa fa-dollar » size= »tiny » url= » »] [icon image= »fa fa-rupee » size= »tiny » url= » »] [icon image= »fa fa-cny » size= »tiny » url= » »] [icon image= »fa fa-ruble » size= »tiny » url= » »] [icon image= »fa fa-won » size= »tiny » url= » »] [icon image= »fa fa-bitcoin » size= »tiny » url= » »] [icon image= »fa fa-file » size= »tiny » url= » »] [icon image= »fa fa-file-text » size= »tiny » url= » »] [icon image= »fa fa-sort-alpha-asc » size= »tiny » url= » »] [icon image= »fa fa-sort-alpha-desc » size= »tiny » url= » »] [icon image= »fa fa-sort-amount-asc » size= »tiny » url= » »] [icon image= »fa fa-sort-amount-desc » size= »tiny » url= » »] [icon image= »fa fa-sort-numeric-asc » size= »tiny » url= » »] [icon image= »fa fa-sort-numeric-desc » size= »tiny » url= » »] [icon image= »fa fa-thumbs-up » size= »tiny » url= » »] [icon image= »fa fa-stack-overflow » size= »tiny » url= » »] [icon image= »fa fa-thumbs-down » size= »tiny » url= » »] [icon image= »fa fa-youtube-square » size= »tiny » url= » »] [icon image= »fa fa-youtube » size= »tiny » url= » »] [icon image= »fa fa-xing » size= »tiny » url= » »] [icon image= »fa fa-xing-square » size= »tiny » url= » »] [icon image= »fa fa-youtube-play » size= »tiny » url= » »] [icon image= »fa fa-dropbox » size= »tiny » url= » »] [icon image= »fa fa-instagram » size= »tiny » url= » »] [icon image= »fa fa-flickr » size= »tiny » url= » »] [icon image= »fa fa-adn » size= »tiny » url= » »] [icon image= »fa fa-bitbucket » size= »tiny » url= » »] [icon image= »fa fa-bitbucket-square » size= »tiny » url= » »] [icon image= »fa fa-tumblr » size= »tiny » url= » »] [icon image= »fa fa-tumblr-square » size= »tiny » url= » »] [icon image= »fa fa-long-arrow-down » size= »tiny » url= » »] [icon image= »fa fa-long-arrow-left » size= »tiny » url= » »] [icon image= »fa fa-long-arrow-right » size= »tiny » url= » »] [icon image= »fa fa-apple » size= »tiny » url= » »] [icon image= »fa fa-long-arrow-up » size= »tiny » url= » »] [icon image= »fa fa-windows » size= »tiny » url= » »] [icon image= »fa fa-android » size= »tiny » url= » »] [icon image= »fa fa-linux » size= »tiny » url= » »] [icon image= »fa fa-dribbble » size= »tiny » url= » »] [icon image= »fa fa-skype » size= »tiny » url= » »] [icon image= »fa fa-foursquare » size= »tiny » url= » »] [icon image= »fa fa-trello » size= »tiny » url= » »] [icon image= »fa fa-archive » size= »tiny » url= » »] [icon image= »fa fa-bug » size= »tiny » url= » »] [icon image= »fa fa-vk » size= »tiny » url= » »] [icon image= »fa fa-weibo » size= »tiny » url= » »] [icon image= »fa fa-female » size= »tiny » url= » »] [icon image= »fa fa-male » size= »tiny » url= » »] [icon image= »fa fa-gittip » size= »tiny » url= » »] [icon image= »fa fa-sun-o » size= »tiny » url= » »] [icon image= »fa fa-moon-o » size= »tiny » url= » »] [icon image= »fa fa-renren » size= »tiny » url= » »] [icon image= »fa fa-pagelines » size= »tiny » url= » »] [icon image= »fa fa-stack-exchange » size= »tiny » url= » »] [icon image= »fa fa-arrow-circle-o-right » size= »tiny » url= » »] [icon image= »fa fa-arrow-circle-o-left » size= »tiny » url= » »] [icon image= »fa fa-dot-circle-o » size= »tiny » url= » »] [icon image= »fa fa-wheelchair » size= »tiny » url= » »] [icon image= »fa fa-vimeo-square » size= »tiny » url= » »] [icon image= »fa fa-turkish-lira » size= »tiny » url= » »] [icon image= »fa fa-plus-square-o » size= »tiny » url= » »]