{"id":551,"date":"2015-03-12T11:05:10","date_gmt":"2015-03-12T11:05:10","guid":{"rendered":"http:\/\/wp.youxithemes.com\/ichiban\/?page_id=18"},"modified":"2015-03-12T11:05:10","modified_gmt":"2015-03-12T11:05:10","slug":"ui-elements","status":"publish","type":"page","link":"https:\/\/www.kraftraum-design.de\/index.php\/ui-elements\/","title":{"rendered":"UI Elements"},"content":{"rendered":"
\n
\n

[heading element=”h4″ remove_margins=”top”]Tabs[\/heading]<\/p>\n

[tabs]<\/p>\n

[tab title=”First Tab”]Cras congue lectus vitae tristique viverra. Vestibulum vitae arcu turpis. Sed condimentum fermentum efficitur.[\/tab]<\/p>\n

[tab title=”Second Tab”]Donec ornare lectus eu neque consequat iaculis. In suscipit metus ac lectus sollicitudin, in gravida ipsum interdum.[\/tab]<\/p>\n

[tab title=”Third Tab”]Mauris nibh dolor, suscipit vel massa bibendum, mollis euismod diam. Nullam consectetur, urna vitae lacinia iaculis, lacus ligula tincidunt urna, ac pretium urna magna ut metus.[\/tab]<\/p>\n

[\/tabs]<\/p>\n<\/div>\n

\n

[heading element=”h4″ remove_margins=”top”]Pills[\/heading]<\/p>\n

[tabs type=”pills”]<\/p>\n

[tab title=”First Tab”]Cras congue lectus vitae tristique viverra. Vestibulum vitae arcu turpis. Sed condimentum fermentum efficitur.[\/tab]<\/p>\n

[tab title=”Second Tab”]Donec ornare lectus eu neque consequat iaculis. In suscipit metus ac lectus sollicitudin, in gravida ipsum interdum.[\/tab]<\/p>\n

[tab title=”Third Tab”]Mauris nibh dolor, suscipit vel massa bibendum, mollis euismod diam. Nullam consectetur, urna vitae lacinia iaculis, lacus ligula tincidunt urna, ac pretium urna magna ut metus.[\/tab]<\/p>\n

[\/tabs]<\/p>\n<\/div>\n<\/div><\/div><\/div>\n

\n
\n

[heading element=”h4″ remove_margins=”top”]Accordion[\/heading]<\/p>\n

[accordion]<\/p>\n

[accordion_group title=”First Section”]Mauris nibh dolor, suscipit vel massa bibendum, mollis euismod diam. Nullam consectetur, urna vitae lacinia iaculis, lacus ligula tincidunt urna, ac pretium urna magna ut metus. Donec fermentum arcu ac tellus elementum, fermentum sollicitudin eros sodales.[\/accordion_group]<\/p>\n

[accordion_group title=”Second Section”]Donec ornare lectus eu neque consequat iaculis. In suscipit metus ac lectus sollicitudin, in gravida ipsum interdum. Curabitur sed malesuada neque, at mattis turpis. In ut tortor malesuada, semper elit at, tincidunt lacus. Cras dictum velit at ipsum accumsan tincidunt a eget orci.[\/accordion_group]<\/p>\n

[accordion_group title=”Third Section”]Cras congue lectus vitae tristique viverra. Vestibulum vitae arcu turpis. Sed condimentum fermentum efficitur. Fusce nec faucibus nunc, ac tincidunt arcu. Sed mattis massa quis condimentum vulputate. Donec mauris est, ultricies ut massa ac, ornare dapibus mauris.[\/accordion_group]<\/p>\n

[\/accordion]<\/p>\n<\/div>\n

\n

[heading element=”h4″ remove_margins=”top”]Toggles[\/heading]<\/p>\n

[accordion behavior=”toggle”]<\/p>\n

[accordion_group title=”First Section”]Mauris nibh dolor, suscipit vel massa bibendum, mollis euismod diam. Nullam consectetur, urna vitae lacinia iaculis, lacus ligula tincidunt urna, ac pretium urna magna ut metus. Donec fermentum arcu ac tellus elementum, fermentum sollicitudin eros sodales.[\/accordion_group]<\/p>\n

[accordion_group title=”Second Section”]Donec ornare lectus eu neque consequat iaculis. In suscipit metus ac lectus sollicitudin, in gravida ipsum interdum. Curabitur sed malesuada neque, at mattis turpis. In ut tortor malesuada, semper elit at, tincidunt lacus. Cras dictum velit at ipsum accumsan tincidunt a eget orci.[\/accordion_group]<\/p>\n

[accordion_group title=”Third Section”]Cras congue lectus vitae tristique viverra. Vestibulum vitae arcu turpis. Sed condimentum fermentum efficitur. Fusce nec faucibus nunc, ac tincidunt arcu. Sed mattis massa quis condimentum vulputate. Donec mauris est, ultricies ut massa ac, ornare dapibus mauris.[\/accordion_group]<\/p>\n

[\/accordion]<\/p>\n<\/div>\n<\/div><\/div><\/div>\n

\n
\n

[heading element=”h4″ remove_margins=”top”]Buttons[\/heading]<\/p>\n

[text_widget]<\/p>\n

Default<\/a> Primary<\/a> Success<\/a> Warning<\/a> Danger<\/a> Info<\/a><\/p>\n

Default<\/a> Primary<\/a> Success<\/a> Warning<\/a> Danger<\/a> Info<\/a><\/p>\n

Default<\/a> Primary<\/a> Success<\/a> Warning<\/a> Danger<\/a> Info<\/a><\/p>\n

Default<\/a> Primary<\/a> Success<\/a> Warning<\/a> Danger<\/a> Info<\/a><\/p>\n

[\/text_widget]<\/p>\n

[heading element=”h4″]Alerts[\/heading]<\/p>\n

[alert title=”Alert Success” type=”success”]This is an alert box for showing a success message.[\/alert]<\/p>\n

[alert title=”Alert Warning” type=”warning”]This is an alert box for showing a warning message.[\/alert]<\/p>\n

[alert title=”Alert Danger” type=”danger”]This is an alert box for showing a danger message.[\/alert]<\/p>\n

[alert title=”Alert Info” type=”info”]This is an alert box for showing an info message.[\/alert]<\/p>\n

[heading element=”h4″]Progressbars[\/heading]<\/p>\n

Photography<\/span>
<\/div><\/div><\/div>\n
Web Design<\/span>
<\/div><\/div><\/div>\n
Branding<\/span>
<\/div><\/div><\/div>\n
Graphic Design<\/span>
<\/div><\/div><\/div>\n
SEO<\/span>
<\/div><\/div><\/div>\n

[heading element=”h4″ style=”bordered”]Pricing Tables[\/heading]<\/p>\n<\/div>\n<\/div><\/div><\/div>\n

\n
\n

[pricing_table title=”Free” price_description=”Students, Non-profits” btn_action=”page” post_id=”2802″ btn_text=”Start Now” color=”primary”]<\/p>\n

    \n
  • Unlimited Designs<\/li>\n
  • 24\/7 Support<\/li>\n
  • Free VPS Hosting<\/li>\n
  • Daily Backups<\/li>\n
  • Lifetime Warranty<\/li>\n<\/ul>\n

    [\/pricing_table]<\/p>\n<\/div>\n

    \n

    [pricing_table title=”Basic” price=”200″ price_description=”Web Designers, Developers” btn_action=”page” post_id=”2802″ btn_text=”Start Now” color=”primary” featured=”1″]<\/p>\n

      \n
    • Unlimited Designs<\/li>\n
    • 24\/7 Support<\/li>\n
    • Free VPS Hosting<\/li>\n
    • Daily Backups<\/li>\n
    • Lifetime Warranty<\/li>\n<\/ul>\n

      [\/pricing_table]<\/p>\n<\/div>\n

      \n

      [pricing_table title=”Professional” price=”599″ btn_action=”page” post_id=”2802″ btn_text=”Start Now” color=”primary”]<\/p>\n

        \n
      • Unlimited Designs<\/li>\n
      • 24\/7 Support<\/li>\n
      • Free VPS Hosting<\/li>\n
      • Daily Backups<\/li>\n
      • Lifetime Warranty<\/li>\n<\/ul>\n

        [\/pricing_table]<\/p>\n<\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":400,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/pages\/551"}],"collection":[{"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":0,"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/pages\/551\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/media\/400"}],"wp:attachment":[{"href":"https:\/\/www.kraftraum-design.de\/index.php\/wp-json\/wp\/v2\/media?parent=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}