{"id":324,"date":"2015-03-25T22:50:34","date_gmt":"2015-03-25T22:50:34","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=324"},"modified":"2015-03-25T22:50:34","modified_gmt":"2015-03-25T22:50:34","slug":"buttons-library","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/buttons-library\/","title":{"rendered":"Buttons Library"},"content":{"rendered":"<div class=\"alert alert-info alert-border\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><br \/>\n                    <i class=\"fa fa-warning\"><\/i> You can see the original project and easily customize these buttons! Visit the original project to find out how: <a href=\"http:\/\/alexwolfe.github.io\/Buttons\/\">http:\/\/alexwolfe.github.io\/Buttons\/<\/a>\n                <\/div>\n<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Flat Buttons<\/h2>\n<p>                <a href=\"#\" class=\"button button-rounded button-flat\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-royal\">press me<\/a><\/p>\n<hr class=\"dashed\">\n                <a href=\"#\" class=\"button button-pill button-flat\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-flat-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-flat-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-flat-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-flat-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-flat-royal\">press me<\/a><\/p>\n<hr class=\"dashed\">\n                <a href=\"#\" class=\"button button-flat\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-flat-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-flat-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-flat-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-flat-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-flat-royal\">press me<\/a><\/p>\n<hr class=\"dashed\">\n                <a href=\"#\" class=\"button button-circle button-flat\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-flat-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-flat-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-flat-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-flat-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-flat-royal\">press me<\/a><br \/>\n                <\/section>\n<section id=\"glow\" class=\"showcase\" data-type=\"build\" data-name=\"glow\">\n<h2 class=\"section-title\">Glow Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button glow \">press me<\/a><br \/>\n                <a href=\"#\" class=\"button glow button-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button glow button-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button glow button-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button glow button-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button glow button-royal\">press me<\/a><br \/>\n                <\/section>\n<section id=\"rounded\" class=\"showcase\" data-type=\"build\" data-name=\"rounded\">\n<h2 class=\"section-title\">Rounded Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-rounded\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-royal\">press me<\/a><br \/>\n                <\/section>\n<section id=\"3d\" class=\"showcase\" data-type=\"build\" data-name=\"3d\">\n<h2 class=\"section-title\">3D Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-3d\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-3d-primary button-rounded\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-3d-action button-pill\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-3d-highlight button-circle\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-3d-caution\"><i class=\"fa fa-camera\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-3d-royal button-rounded\">press me<\/a><br \/>\n                <\/section>\n<section id=\"border\" class=\"showcase\" data-type=\"build\" data-name=\"border\">\n<h2 class=\"section-title\">Border Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-border\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-border-primary button-rounded\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-border-action button-pill\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-border-highlight button-circle\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-border-caution\"><i class=\"fa fa-camera\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-border-royal button-pill\">press me<\/a><br \/>\n                <\/section>\n<section id=\"pill\" class=\"showcase\" data-type=\"build\" data-name=\"pill\">\n<h2 class=\"section-title\">Pill Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-pill\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-pill button-royal\">press me<\/a><br \/>\n                <\/section>\n<section id=\"circle\" class=\"showcase\" data-type=\"build\" data-name=\"circle\">\n<h2 class=\"section-title\">Circle Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-circle \">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-circle button-royal\">press me<\/a><br \/>\n                <\/section>\n<section id=\"dropdown\" class=\"showcase\" data-type=\"build\" data-name=\"dropdown\">\n<h2 class=\"section-title\">Dropdown Buttons<\/h2>\n<section class=\"css-section\">\n                <span class=\"button-dropdown\" data-buttons=\"dropdown\"><br \/>\n                    <a href=\"#\" class=\"button button-rounded\"> press me <i class=\"fa fa-caret-down\"><\/i><\/a><\/p>\n<ul>\n<li><a href=\"#\">Option 1<\/a><\/li>\n<li><a href=\"#\">Option 2<\/a><\/li>\n<li class=\"button-dropdown-divider\"><a href=\"#\">Option 3<\/a><\/li>\n<\/ul>\n<p>                <\/span><\/p>\n<p>                <span class=\"button-dropdown\" data-buttons=\"dropdown\"><br \/>\n                    <a href=\"#\" class=\"button button-rounded button-flat-primary\"> press me <i class=\"fa fa-caret-down\"><\/i><\/a><\/p>\n<ul class=\"button-dropdown-menu-below\">\n<li><a href=\"#\">Option 1<\/a><\/li>\n<li><a href=\"#\">Option 2<\/a><\/li>\n<li class=\"button-dropdown-divider\"><a href=\"#\">Option 3<\/a><\/li>\n<\/ul>\n<p>                <\/span><\/p>\n<p>                <span class=\"button-dropdown\" data-buttons=\"dropdown\"><br \/>\n                    <a href=\"#\" class=\"button button-rounded button-flat-action\"> press me <i class=\"fa fa-caret-down\"><\/i><\/a><\/p>\n<ul class=\"button-dropdown-menu-above\">\n<li><a href=\"#\">Option 1<\/a><\/li>\n<li><a href=\"#\">Option 2<\/a><\/li>\n<li class=\"button-dropdown-divider\"><a href=\"#\">Option 3<\/a><\/li>\n<\/ul>\n<p>                <\/span><\/p>\n<p>                <span class=\"button-dropdown\" data-buttons=\"dropdown\"><br \/>\n                    <a href=\"#\" class=\"button button-highlight button-rounded\"><br \/>\n                        press me <i class=\"fa fa-caret-down\"><\/i><br \/>\n                    <\/a><\/p>\n<ul>\n<li><a href=\"#\">Option 1<\/a><\/li>\n<li><a href=\"#\">Option 2<\/a><\/li>\n<li class=\"button-dropdown-divider\"><a href=\"#\">Option 3<\/a><\/li>\n<\/ul>\n<p>                <\/span><\/p>\n<p>                <span class=\"button-dropdown\" data-buttons=\"dropdown\"><br \/>\n                    <a href=\"#\" class=\"button button-caution button-pill\"> press me <i class=\"fa fa-caret-down\"><\/i><\/a><\/p>\n<ul>\n<li><a href=\"#\">Option 1<\/a><\/li>\n<li><a href=\"#\">Option 2<\/a><\/li>\n<li class=\"button-dropdown-divider\"><a href=\"#\">Option 3<\/a><\/li>\n<\/ul>\n<p>                <\/span><\/p>\n<p>                <span class=\"button-dropdown\" data-buttons=\"dropdown\"><br \/>\n                    <a href=\"#\" class=\"button button-royal button-rounded\"><br \/>\n                        <i class=\"fa fa-envelope\"><\/i> press me <i class=\"fa fa-caret-down\"><\/i><br \/>\n                    <\/a><\/p>\n<ul>\n<li><a href=\"#\">Option 1<\/a><\/li>\n<li><a href=\"#\">Option 2<\/a><\/li>\n<li class=\"button-dropdown-divider\"><a href=\"#\">Option 3<\/a><\/li>\n<\/ul>\n<p>                <\/span><br \/>\n                <\/section>\n<section id=\"icon\" class=\"showcase\" data-type=\"example\" data-name=\"icon\">\n<h2 class=\"section-title\">Icon Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-rounded button-flat\"><i class=\"fa fa-github\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-primary\"><i class=\"fa fa-refresh\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-action\"><i class=\"fa fa-cloud\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-highlight\"><i class=\"fa fa-camera\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-caution\"><i class=\"fa fa-code\"><\/i> press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-royal\"><i class=\"fa fa-envelope\"><\/i> press me<\/a><br \/>\n                <\/section>\n<section id=\"square\" class=\"showcase\" data-type=\"example\" data-name=\"square\">\n<h2 class=\"section-title\">Square Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-action\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-highlight\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-caution\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-royal\">press me<\/a><br \/>\n                <\/section>\n<section id=\"block\" class=\"showcase\" data-type=\"example\" data-name=\"block\">\n<h2 class=\"section-title\">Block Buttons<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-block button-rounded button-large\">press me<\/a><br \/>\n                <br \/>\n                <a href=\"#\" class=\"button button-block button-rounded button-primary button-large\">press me<\/a><br \/>\n                <br \/>\n                <a href=\"#\" class=\"button button-block button-rounded button-action button-large\">press me<\/a><br \/>\n                <br \/>\n                <a href=\"#\" class=\"button button-block button-rounded button-highlight button-large\">press me<\/a><br \/>\n                <br \/>\n                <a href=\"#\" class=\"button button-block button-rounded button-caution button-large\">press me<\/a><br \/>\n                <br \/>\n                <a href=\"#\" class=\"button button-block button-rounded button-royal button-large\">press me<\/a><br \/>\n                <\/section>\n<section id=\"sizes\" class=\"showcase\" data-type=\"example\" data-name=\"sizes\">\n<h2 class=\"section-title\">Button Sizes<\/h2>\n<section class=\"css-section\">\n                <a href=\"#\" class=\"button button-rounded button-flat-primary button-jumbo\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-primary button-large\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-primary\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-primary button-small\">press me<\/a><br \/>\n                <a href=\"#\" class=\"button button-rounded button-flat-primary button-tiny\">press me<\/a><br \/>\n                <\/section>\n<section id=\"wrappers\" class=\"showcase\" data-type=\"example\" data-name=\"wrappers\">\n<h2 class=\"section-title\">Button Wrappers<\/h2>\n<section class=\"css-section\">\n                <span class=\"button-wrap\"><a href=\"#\" class=\"button button-circle\">press me<\/a><\/span><br \/>\n                <span class=\"button-wrap\"><a href=\"#\" class=\"button button-circle button-primary\">press me<\/a><\/span><br \/>\n                <span class=\"button-wrap\"><a href=\"#\" class=\"button button-pill \">press me<\/a><\/span><br \/>\n                <span class=\"button-wrap\"><a href=\"#\" class=\"button button-pill button-primary\">press me<\/a><\/span><br \/>\n                <\/section>\n<section class=\"css-section\">\n<h2 class=\"section-title\">Button Form Elements<\/h2>\n<p>                <input type=\"submit\" value=\"press me\" class=\"button button-pill button-primary\"><br \/>\n                <button class=\"button button-pill button-primary\">press me<\/button><br \/>\n                <input disabled type=\"submit\" value=\"press me\" class=\"button button-pill button-primary\"><br \/>\n                <button disabled class=\"button  button-pill button-primary\">press me<\/button><br \/>\n                <button disabled class=\"button button-pill button-flat-primary\">press me<\/button><br \/>\n                <a href=\"#\" class=\"button disabled button-pill button-primary \">press me<\/a><br \/>\n            <\/section>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>&times; You can see the original project and easily customize these buttons! Visit the original project to find out how: http:\/\/alexwolfe.github.io\/Buttons\/ Flat Buttons press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me press me Glow Buttons press me press me press me press me press me press me Rounded Buttons press me press me press me press me press me press me 3D Buttons press me press me press me press me press me press me Border Buttons press me press me press me press me press me press me Pill Buttons press me press me press me press me press me press me Circle Buttons press me press me press me press me press me press me Dropdown Buttons press me Option 1 Option 2 Option 3 press me Option 1 Option 2 Option 3 press me Option 1 Option 2 Option 3 press me Option 1 Option 2 Option 3 press me Option 1 Option 2 Option 3 press me Option 1 Option 2 Option 3 Icon Buttons press me press me press me press me press me press me Square Buttons press me press me press me press me press me press me Block Buttons press me press me press me press me press me press me Button Sizes press me press me press me press me press me Button Wrappers press me press me press me press me Button Form Elements press me press me press me press me<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-324","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/324\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}