{"id":80,"date":"2013-09-28T23:51:32","date_gmt":"2013-09-28T23:51:32","guid":{"rendered":"http:\/\/labs.serpentsoft.com\/adams-wp\/en\/?page_id=80"},"modified":"2021-09-19T18:00:22","modified_gmt":"2021-09-19T18:00:22","slug":"buttons-tabs-and-toggles","status":"publish","type":"page","link":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/buttons-tabs-and-toggles\/","title":{"rendered":"Buttons, Boxes, Tabs and Toggles"},"content":{"rendered":"<div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:13px;margin-bottom:20px\"><div class=\"su-heading-inner\">Buttons (8 Styles with Unlimited background and Font Colors)<\/div><\/div>\n\n\n<a href=\"https:\/\/themeforest.net\/item\/adams-responsive-wordpress-news-magazine-blog\/5736863?ref=oxibug\" class=\"su-button su-button-style-default\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#FFFFFF;padding:6px 16px;font-size:13px;line-height:20px;border-color:#6cadf4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none\"><i class=\"sui sui-arrow-right\" style=\"font-size:13px;color:#FFFFFF\"><\/i> Button text<\/span><\/a>\n\n\n<a href=\"https:\/\/themeforest.net\/item\/adams-responsive-wordpress-news-magazine-blog\/5736863?ref=oxibug\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#ef9a2d;border-color:#c07c24;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#FFFFFF;padding:6px 16px;font-size:13px;line-height:20px;border-color:#f4b96c;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none\"><i class=\"sui sui-anchor\" style=\"font-size:13px;color:#FFFFFF\"><\/i> Button text<\/span><\/a>\n\n\n<a href=\"https:\/\/themeforest.net\/item\/adams-responsive-wordpress-news-magazine-blog\/5736863?ref=oxibug\" class=\"su-button su-button-style-ghost\" style=\"color:#000000;background-color:#ef2d66;border-color:#c02452;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#000000;padding:6px 16px;font-size:13px;line-height:20px;border-color:#f46c94;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none\"><i class=\"sui sui-cubes\" style=\"font-size:13px;color:#56a8d9\"><\/i> Button text<\/span><\/a>\n\n\n<a href=\"https:\/\/themeforest.net\/item\/adams-responsive-wordpress-news-magazine-blog\/5736863?ref=oxibug\" class=\"su-button su-button-style-soft\" style=\"color:#ffffff;background-color:#57b57c;border-color:#469164;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:6px 16px;font-size:13px;line-height:20px;border-color:#8acca4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none\"><i class=\"sui sui-cubes\" style=\"font-size:13px;color:#ffffff\"><\/i> Button text<\/span><\/a>\n\n\n<div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:12px;margin-bottom:20px\"><div class=\"su-heading-inner\">Boxes (5 Styles with Unlimited background and Font Colors)<\/div><\/div>\n\n\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#cca500;border-radius:3px\"><div class=\"su-box-title\" style=\"background-color:#ffd82b;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Box Title<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">Unlimited Colors for bath backgrounds and fonts<\/div><\/div>\n\n\n<div class=\"su-box su-box-style-glass\" id=\"\" style=\"border-color:#9243b4;border-radius:3px\"><div class=\"su-box-title\" style=\"background-color:#c576e7;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">This is box title<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">Box content<\/div><\/div>\n\n\n<div class=\"su-box su-box-style-bubbles\" id=\"\" style=\"border-color:#2f7d00;border-radius:3px\"><div class=\"su-box-title\" style=\"background-color:#62b029;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">This is box title<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">Box content<\/div><\/div>\n\n\n<div class=\"su-box su-box-style-noise\" id=\"\" style=\"border-color:#077abe;border-radius:3px\"><div class=\"su-box-title\" style=\"background-color:#3aadf1;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">This is box title<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">Box content<\/div><\/div>\n\n\n<div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:12px;margin-bottom:20px\"><div class=\"su-heading-inner\">Tabs<\/div><\/div>\n\n\n<div class=\"su-tabs su-tabs-style-default su-tabs-mobile-stack\" data-active=\"1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-tabs-nav\"><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Title 1<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Title 2<\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Title 3<\/span><\/div><div class=\"su-tabs-panes\"><div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Title 1\">roin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan.<\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Title 2\">Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra.<\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Title 3\">auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit.<\/div><\/div><\/div>\n\n\n<div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:12px;margin-bottom:20px\"><div class=\"su-heading-inner\">Note Boxes<\/div><\/div>\n\n\n<div class=\"su-note\"  style=\"border-color:#e53845;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#FF525F;border-color:#ffffff;color:#ffffff;\">Unlimited Colors<\/div><\/div>\n\n\n<div class=\"su-note\"  style=\"border-color:#b3014b;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#cd1b65;border-color:#ffe7ff;color:#ffffff;\">Fully Customizable<\/div><\/div>\n\n\n<div class=\"su-heading su-heading-style-default su-heading-align-left\" id=\"\" style=\"font-size:12px;margin-bottom:20px\"><div class=\"su-heading-inner\">Accordion<\/div><\/div>\n\n\n<div class=\"su-accordion su-u-trim\">\n[su_spoiler\u00a0title=&#8221;Spoiler title #1&#8243;]roin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan.[\/su_spoiler]\n[su_spoiler\u00a0title=&#8221;Spoiler title #2&#8243;]Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra.[\/su_spoiler]\n[su_spoiler\u00a0title=&#8221;Spoiler title #3&#8243;]auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit.[\/su_spoiler]\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0},"_links":{"self":[{"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/pages\/80"}],"collection":[{"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":3,"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":623,"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/pages\/80\/revisions\/623"}],"wp:attachment":[{"href":"https:\/\/oxibug.com\/demo\/themes\/adams\/en\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}