
{"id":5323,"date":"2018-12-01T11:55:52","date_gmt":"2018-12-01T16:55:52","guid":{"rendered":"http:\/\/www.cogis2020.eval-expert.com\/?page_id=5323"},"modified":"2018-12-01T11:55:52","modified_gmt":"2018-12-01T16:55:52","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.cogis2020.eval-expert.com\/?page_id=5323","title":{"rendered":"Buttons"},"content":{"rendered":"<h4 id=\"flat-btn-demo\" style=\"margin: 0 0 20px;\">Any size any color! Fully Customizable Flat Button:<\/h4>\n<p>With the flat button shortcode you create various button sizes by simply adjusting the padding and font size. Here&rsquo;s some examples:<br \/>\n<div class=\"clear\"><\/div>\n<a class=\"flat-custom-button align-btn-left\" href=\"#flat-btn-demo\" title=\"Flat Button\"><span style=\"padding:10px 20px; background-color:transparent; border:1px solid #1AAABA; color:#1AAABA; font-size:10px;\">READ MORE...<\/span><\/a>\n<div class=\"clear\"><\/div>\n<div class=\"align-btn-center\"><a class=\"flat-custom-button\" href=\"#flat-btn-demo\" title=\"Flat Button\"><span style=\"padding:14px 36px; background-color:#ED9F00; border:1px solid #ED9F00; color:#FFFFFF; font-size:14px;\">Read more...<\/span><\/a><\/div>\n<div class=\"clear\"><\/div>\n<a class=\"flat-custom-button align-btn-right\" href=\"#flat-btn-demo\" title=\"Flat Button\"><span style=\"padding:20px 60px; background-color:#1AAABA; border:2px solid #1AAABA; color:#FFFFFF; font-size:20px;\">Read more...<\/span><\/a>\n<div class=\"clear\"><\/div>\n<a class=\"flat-custom-button align-btn-left\" href=\"#flat-btn-demo\" title=\"Flat Button\"><span style=\"padding:30px 110px; background-color:transparent; border:2px solid #BF6672; color:#BF6672; font-size:18px;\">READ MORE...<\/span><\/a>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h5 id=\"exp-btns-demo\" >Expandable Buttons shortcode:<\/h5>\n<div style=\"font-weight:bold; font-size: 14px; margin-top: 30px;\">Large Button Example:<\/div>\n<p>You can generate a button by using the following shortcode syntax (if style is not specified it defaults to dark):<br \/>\n<div class=\"clear\"><\/div><a class=\" dark-button align-btn-left\" href=\"#exp-btns-demo\" title=\"Cool Button\"><span>Cool Button...<\/span><\/a><div class=\"clear\"><\/div>\n<p>Here&rsquo;s another example with alignment &lsquo;center&rsquo;:<br \/>\n<div class=\"align-btn-center\"><a class=\" light-button\" href=\"#exp-btns-demo\" title=\"Centered Button...\"><span>Centered Button...<\/span><\/a><\/div>\n<p>Here&rsquo;s another example with longer text, &lsquo;light&rsquo; style and &lsquo;right&rsquo; alignment and the link opening in a new window:<br \/>\n<div class=\"clear\"><\/div><a class=\" light-button align-btn-right\" href=\"#exp-btns-demo\" title=\"Looooooooooong Button...\" target=\"_blank\"><span>Looooooooooong Button...<\/span><\/a><div class=\"clear\"><\/div>\n<div style=\"font-weight:bold; font-size: 14px; margin-top: 30px;\">Small Button Example:<\/div>\n<p>You can generate a button by using the following shortcode syntax (if style is not specified it defaults to dark):<br \/>\n<div class=\"clear\"><\/div><a class=\" small-dark-button align-btn-left\" href=\"#exp-btns-demo\" title=\"Cool Button\"><span>Cool Button...<\/span><\/a><div class=\"clear\"><\/div>\n<p>Here&rsquo;s another example of &lsquo;light&rsquo; style and &lsquo;right&rsquo; alignment and the link opening in a new window:<br \/>\n<div class=\"clear\"><\/div><a class=\" small-light-button align-btn-right\" href=\"#exp-btns-demo\" title=\"Cool Button...\" target=\"_blank\"><span>Cool Button...<\/span><\/a><div class=\"clear\"><\/div>\n[\/code]\n<div style=\"font-weight:bold; font-size: 14px; margin-top: 30px;\">Round Button:<\/div>\n<p>You can generate a round button by using the following shortcode syntax (if style is not specified it defaults to dark), also a target can be specified by adding <code>target=\"_blank\"<\/code> to open the link in s a new window:<br \/>\n<div class=\"clear\"><\/div><a class=\" light-round-button align-btn-left\" href=\"#exp-btns-demo\" title=\"Round Button\" target=\"_blank\"><span>Round Button...<\/span><\/a><div class=\"clear\"><\/div>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<div id=\"read-more-btn-demo\" style=\"font-weight:bold; font-size: 18px;\">\u00ab\u00a0Read more\u00a0\u00bb link with shortcode:<\/div>\n<p>You can generate a \u00ab\u00a0Read more\u00a0\u00bb link as seen in this demos site by using the following shortcode syntax:<br \/>\n<a class=\"read-more-align-left\" href=\"#read-more-btn-demo\" title=\"Read More...\"><span>Read more<\/span> &rarr;<\/a>\n<div style=\"font-weight:bold; font-size: 14px; margin-top: 30px;\">\u00ab\u00a0Read more\u00a0\u00bb link right aligned:<\/div>\n<p>You can generate a \u00ab\u00a0Read more\u00a0\u00bb link, this time \u00ab\u00a0right\u00a0\u00bb aligned by using the following shortcode syntax:<br \/>\n<a class=\"read-more-align-right\" href=\"#read-more-btn-demo\" title=\"Read More...\"><span>Read more<\/span> &rarr;<\/a> <\/p>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<div id=\"custom-btn-demo\" style=\"font-weight:bold; font-size: 18px;\">Custom Button:<\/div>\n<p>You can pick the colors, size and alignment of your button.<br \/>\nTo generate a custom button use the following shortcode syntax:<br \/>\n<div class=\"clear\"><\/div>\n<a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#83CACA; color:#FFFFFF\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#333333; color:#FFFFFF\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#666666; color:#FFFFFF\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#FFFFFF; color:#333333\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#FE5F5B; color:#FFFFFF\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#BF6672; color:#ffffff\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#EC8901; color:#FFFFFF\">Custom Button<\/span><\/a> <a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Custom Button\"><span style=\"background-color:#ABDFD0; color:#FFFFFF\">Custom Button<\/span><\/a>\n<div class=\"clear\"><\/div>\n<p><strong>The \u00ab\u00a0size\u00a0\u00bb options are: &lsquo;small&rsquo;, &lsquo;medium&rsquo;, &lsquo;large&rsquo; and &lsquo;x-large&rsquo;:<\/strong><br \/>\n<div class=\"clear\"><\/div> <a class=\"x-large custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"X-Large Custom Button\"><span style=\"background-color:#1AAABA; color:#FFFFFF\">X-Large Custom Button<\/span><\/a>\n<div class=\"clear\"><\/div>\n<a class=\"large custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Large Custom Button\"><span style=\"background-color:#1AAABA; color:#FFFFFF\">Large Custom Button<\/span><\/a>\n<div class=\"clear\"><\/div>\n<a class=\"medium custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Medium Custom Button\"><span style=\"background-color:#1AAABA; color:#FFFFFF\">Medium Custom Button<\/span><\/a>\n<div class=\"clear\"><\/div>\n<a class=\"small custom-button align-btn-left\" href=\"#custom-btn-demo\" title=\"Small Custom Button\"><span style=\"background-color:#1AAABA; color:#FFFFFF\">Small Custom Button<\/span><\/a>\n<div class=\"clear\"><\/div>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Any size any color! Fully Customizable Flat Button: With the flat button shortcode you create various button sizes by simply adjusting the padding and font size. Here&rsquo;s some examples: Expandable Buttons shortcode: Large Button Example: You can generate a button by using the following shortcode syntax (if<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":59,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/5323"}],"collection":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5323"}],"version-history":[{"count":0,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/5323\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/59"}],"wp:attachment":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}