A simple and fun demo to show how other plugins can play nicely with Klein.
UI elements/shortcodes you want to use in your post or pages, this is integrated into WordPress WSYWIG editor so it will be very handy and easy to use, use it with this theme or any theme :).
Powered by ZillaShortcodes plugin.
Buttons
[zilla_button url=”#” style=”grey” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”black” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”green” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”blue” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”light-blue” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”red” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”orange” size=”small” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”purple” size=”small” type=”square” target=”_self”] Button Text [/zilla_button]
[zilla_button url=”#” style=”grey” size=”medium” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”black” size=”medium” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”green” size=”medium” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”blue” size=”medium” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”light-blue” size=”medium” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”red” size=”medium” type=”square” target=”_self”] Button Text [/zilla_button]
[zilla_button url=”#” style=”grey” size=”large” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”black” size=”large” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”green” size=”large” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”blue” size=”large” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”light-blue” size=”large” type=”square” target=”_self”] Button Text [/zilla_button][zilla_button url=”#” style=”red” size=”large” type=”square” target=”_self”] Button Text [/zilla_button]
Alerts
[zilla_alert style=”white”] This is a standard alert text. [/zilla_alert]
[zilla_alert style=”grey”] Grey standard alert text. [/zilla_alert]
[zilla_alert style=”red”] This is some important message. [/zilla_alert]
[zilla_alert style=”yellow”] A yellow alert text to indicate a warning message. [/zilla_alert]
[zilla_alert style=”green”] Yes! You’ve heard it right! [/zilla_alert]
Tabs
[zilla_tabs] [zilla_tab title=”Tab 1″] Donec nisl purus, vulputate ut lorem a, bibendum ultricies dolor. Curabitur auctor tortor nunc, ac lobortis lectus blandit eget. Morbi eu lorem quis diam elementum elementum nec volutpat nibh. [/zilla_tab] [zilla_tab title=”Tab 2″] Aenean luctus mattis lectus, sed porttitor ligula dictum sit amet. In dictum ipsum odio, eget cursus eros gravida vitae. [/zilla_tab] [/zilla_tabs]
[zilla_tabs] [zilla_tab title=”Tab 1″] Donec nisl purus, vulputate ut lorem a, bibendum ultricies dolor. Curabitur auctor tortor nunc, ac lobortis lectus blandit eget. Morbi eu lorem quis diam elementum elementum nec volutpat nibh. [/zilla_tab] [zilla_tab title=”Tab 2″] Aenean luctus mattis lectus, sed porttitor ligula dictum sit amet. In dictum ipsum odio, eget cursus eros gravida vitae. [/zilla_tab] [zilla_tab title=”Tab 3″] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. [/zilla_tab] [/zilla_tabs]
Toggles
[zilla_toggle title=”Toggle 1″ state=”open”] Aenean luctus mattis lectus, sed porttitor ligula dictum sit amet. In dictum ipsum odio, eget cursus eros gravida vitae. [/zilla_toggle]
[zilla_toggle title=”Toggle (Closed)” state=”closed”] Donec nisl purus, vulputate ut lorem a, bibendum ultricies dolor. Curabitur auctor tortor nunc, ac lobortis lectus blandit eget. Morbi eu lorem quis diam elementum elementum nec volutpat nibh. [/zilla_toggle]
Columns
[zilla_one_half] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_half] [zilla_one_half_last] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_half_last]
[zilla_one_third] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_third]
[zilla_one_third] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_third]
[zilla_one_third_last] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_third_last]
[zilla_one_fourth] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_fourth][zilla_one_fourth] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_fourth][zilla_one_fourth] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_fourth] [zilla_one_fourth_last] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_one_fourth_last]
[zilla_two_fifth] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_two_fifth] [zilla_two_fifth] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. Praesent vehicula placerat nibh. Suspendisse eu enim luctus, mollis purus ac, iaculis ligula. Ut vitae condimentum elit. Praesent vitae ligula et magna egestas sagittis vel tristique risus. [/zilla_two_fifth] [zilla_one_fifth_last] Vestibulum condimentum diam hendrerit leo sagittis porta. Cras consectetur justo id feugiat cursus. Integer sed nulla a massa condimentum eleifend vitae sit amet metus. [/zilla_one_fifth_last]