Kalimah Apps

A pack of 40 shortcodes to write posts more efficiently. Create progress bars, columns, tabs, buttons, boxes, sliders, accordions, videos, quote, pricing tables, features list, tooltip and much more. Using the shortcodes generator you can quickly add amazing features to your theme.
<h4>Features</h4>
<ul>
<li>Responsive design</li>
<li>40 Shortcodes with many variations</li>
<li>Intuitive shortcodes generator</li>
<li>Translation Ready </li>
<li>Custom icon picker with 2000+ icons including FontAwesome, Dashboard, Themify, Ion icons and Typicons.</li>
<li>Unlimited Colors</li>
<li>Compatible with most major modern browsers 
(Tested on FF, Chrome, IE10, IE11, Edge, Opera and Safari)</li>
<li>Works with any theme</li>
<li>No more 1/2, 1/4, 1/3 … 1/6 for columns.</li>
<li>Geocomplete for Google maps</li>
<li>Color picker</li>
<li>Support RTL</li>
<li>Translated to Arabic</li>
</ul>
<h4>Shortcodes</h4>
<ul>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">Audio</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/accordion/" rel="nofollow ugc">Accordion:</a> 3 styles, vertical and horizontal orientation</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/animation/" rel="nofollow ugc">Animation:</a> 80+ animation, four trigger methods</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/author-box/" rel="nofollow ugc">Author:</a> 5 styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/box/" rel="nofollow ugc">Box:</a> 7 types and 3 styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/button/" rel="nofollow ugc">Button:</a> Flat, gradient and 3D styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/columns/" rel="nofollow ugc">Columns:</a> Easy to use columns generator </li>
<li><a href="http://english.kalimah-apps.com/shortcodes/columns/" rel="nofollow ugc">Columns (CSS)</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/content-box/" rel="nofollow ugc">Content Box:</a> Pattern, image, color and Video background. Parallax effect and 80+ patterns.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/counter/" rel="nofollow ugc">Counter:</a> Prefix, suffix, text below and text above.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dividers/" rel="nofollow ugc">Divider:</a> 4 types and 2 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dropcap/" rel="nofollow ugc">Dropcap:</a> 2 styles</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dummy-text/" rel="nofollow ugc">Dummy Text:</a> create paragraphs or words.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/dummy-image/" rel="nofollow ugc">Dummy Image:</a> create paragraphs or words.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/environement/" rel="nofollow ugc">Environement:</a> Add content for display for a specific browser, OS, device, brand and/or continent.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/flickr/" rel="nofollow ugc">Flickr</a>.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/highlight/" rel="nofollow ugc">Highlight:</a> 2 types, background highlight and underline highlight</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/heading/" rel="nofollow ugc">Heading:</a> 3 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/images/" rel="nofollow ugc">Image:</a> 12 hover effect.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/icon/" rel="nofollow ugc">icon:</a> 4 styles, 2000+ icons.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/lists/" rel="nofollow ugc">List:</a> with icons and unlimited colors.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/features-list/" rel="nofollow ugc">Featuers List:</a> 2 types: vertical and horizontal, 9 animations</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/google-maps/" rel="nofollow ugc">Google Maps:</a> Geolocation and four map types.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/gallery/" rel="nofollow ugc">Gallery:</a> 4 Styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/mockup/" rel="nofollow ugc">Mockup:</a> 16 devices and browsers – CSS based, no images.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/padding/" rel="nofollow ugc">Padding</a>.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/progress-bar-vertical/" rel="nofollow ugc">Progress Bar:</a> 3 types: vertical, horizontal and circular. 5 styles. Animation optional.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/pricing-tables/" rel="nofollow ugc">Pricing Tables:</a> 6 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/qr-code/" rel="nofollow ugc">QR Code.</a> </li>
<li><a href="http://english.kalimah-apps.com/shortcodes/quotes/" rel="nofollow ugc">Quote:</a> Block quote with 4 styles. Pull quote with 3 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/restricted-content/" rel="nofollow ugc">Restricted:</a> Restricted content for logged in users only.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/slider/" rel="nofollow ugc">Slider:</a> 3 styles, 11 transitions. </li>
<li><a href="http://english.kalimah-apps.com/shortcodes/spoiler/" rel="nofollow ugc">Spoiler:</a> 3 styles.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">SoundCloud</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/tabs/" rel="nofollow ugc">Tabs:</a> 6 styles, horizontal and vertical orientation.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/typography/" rel="nofollow ugc">Typography:</a> 500+ Google fonts.</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/tooltip/" rel="nofollow ugc">Tooltip:</a> 3 styles, 4 triggers (hover, delay, click, inview), 4 position (top, right, left, bottom)</li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">Vimeo</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">Video</a></li>
<li><a href="http://english.kalimah-apps.com/shortcodes/media/" rel="nofollow ugc">YouTube</a></li>
</ul>
<h3>Planned Features and shortcodes</h3>
<ul>
<li>Tooltip – Completed</li>
<li>Icon – Completed</li>
<li>Feature List – Completed</li>
<li>Services List – Completed</li>
<li>Pricing tables – Completed</li>
<li>Gallery – Completed</li>
<li>Dummy Image – Completed</li>
<li>Carousel</li>
<li>Testimonials</li>
<li>Live preview</li>
</ul>
<h3>Credit</h3>
<ul>
<li><a href="https://themify.me/themify-icons" rel="nofollow ugc">Themify Icons</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">FontAwesome Icons</a></li>
<li><a href="http://ionicons.com/" rel="nofollow ugc">IonIcons</a></li>
<li><a href="https://developer.wordpress.org/resource/dashicons/#download" rel="nofollow ugc">Dashicons</a></li>
<li><a href="http://www.typicons.com/" rel="nofollow ugc">Typicons</a></li>
<li><a href="http://www.minimamente.com/example/magic_animations/" rel="nofollow ugc">Magic Animation</a></li>
<li><a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Animate.css</a></li>
<li><a href="https://github.com/Grandt/PHPLipsumGenerator" rel="nofollow ugc">Lipsum Generator</a></li>
<li><a href="http://possible.in" rel="nofollow ugc">Countries List</a></li>
<li><a href="http://mexitek.github.io/phpColors/" rel="nofollow ugc">PHP Color Class</a></li>
<li><a href="http://www.d-project.com/" rel="nofollow ugc">QR Code Generator</a></li>
<li><a href="https://github.com/josedvq/colpick-jQuery-Color-Picker" rel="nofollow ugc">JS Color Picker</a></li>
<li><a href="http://github.com/zuk/jquery.inview/" rel="nofollow ugc">jQuery Inview</a></li>
<li><a href="https://github.com/acdvorak/jquery.caret" rel="nofollow ugc">jQuery Caret</a></li>
<li><a href="http://subtlepatterns.com/" rel="nofollow ugc">Subtle Patterns</a></li>
<li><a href="https://marvelapp.github.io/devices.css/" rel="nofollow ugc">marvelapp</a></li>
</ul>

Kalimah Shortcodes

A premium shortcodes plugin with 40 amazingly designed shortcodes for free!

Konstantin Kovshenin

Create a column group with the <code>[column-group]</code> shortcode, then add columns to the group with the <code>[column]</code> shortcode, like this:
<pre><code>[column-group]
 [column]This is my first column[/column]
 [column]This is my second column[/column]
[/column-group]
</code></pre>
You can also span columns, like this:
<pre><code>[column-group]
 [column span="2"]This is my first column spanned across two columns.[/column]
 [column]This is my second column[/column]
 [column]This is my third column[/column]
[/column-group]
</code></pre>
The first column will be twice as large as the second or third.
Styles are in columns.css. If you’d like your own margins and stuff, dequeue the columns.css style during <code>wp_enqueue_scripts</code> with a priority of 11 or more.

Columns

This WordPress plugin boosts your website with... you guessed it, columns!

Kalimah Shortcodes vs Columns