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!

Bamboo Manchester

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts and allows for content to span multiple columns if required.
Usage
Insert the required shortcodes into your content as follows:
2 column layout:
<pre><code> [column-half-1]
 First column of content
 [/column-half-1]
 [column-half-2]
 Second column of content
 [/column-half-2]
</code></pre>
3 column layout:
<pre><code> [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2]
 Second column of content
 [/column-third-2]
 [column-third-3]
 Third column of content
 [/column-third-3]
</code></pre>
4 Column layout:
<pre><code> [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2]
 Second column of content
 [/column-quarter-2]
 [column-quarter-3]
 Third column of content
 [/column-quarter-3]
 [column-quarter-4]
 Fourth column of content
 [/column-quarter-4]
</code></pre>
If you want content to span multiple columns you can combine the shortcodes to create a column spans multiple spaces, for example:
<pre><code> 1 Third / 2 Thirds

 [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2-3]
 Second column of content that spans the second and third columns
 [/column-third-2-3]

 1 Quarter / 2 Quarters / 1 Quarter

 [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2-3]
 Second column of content that spans the second and third columns
 [/column-quarter-2-3]
 [column-quarter-4]
 Third column of content that occupies the fourth quarter column
 [/column-quarter-4]
</code></pre>
If you need to embed a set of columns within a column, you can do so by adding ‘inner-‘ to the shortcode as follows:
<pre><code> [column-half-1]
 Some Text
 [inner-column-half-1]
 Some more text
 [/inner-column-half-1]
 [inner-column-half-2]
 Even more text
 [/inner-column-half-2]
 [/column half 1]
 [column-half-2]
 The final text
 [/column-half-2]
</code></pre>
You can also change the background colour of a colour by adding an attribute to the shortcode as follows:
<pre><code> [column-half-1 background="e8e8e8"]
</code></pre>

Bamboo Columns

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts.

Kalimah Shortcodes vs Bamboo Columns