{"id":32,"date":"2015-03-25T06:04:37","date_gmt":"2015-03-25T06:04:37","guid":{"rendered":"http:\/\/bonfirethemes.com\/breezy\/?page_id=32"},"modified":"2015-03-25T06:04:37","modified_gmt":"2015-03-25T06:04:37","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<p><strong>Not a fan of shortcodes? That\u2019s perfectly fine. All of this theme\u2019s shortcodes come in a plugin, so it\u2019s completely up to you whether or not you want to use any of them. Or if you have a favorite shortcode plugin you\u2019ve found elsewhere, you can of course install and use that instead.<\/strong><\/p>\n<p>If you like spicing up your content with shortcodes though, then &#8212; as can be seen below &#8212; we have a number of highly-customizable ones for you to take advantage of.<!--more--><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">PROGRESS BARS<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Want to display how you&#8217;re making progress on a project, or maybe a new skill you&#8217;re learning?<\/p>\n<p>&nbsp;<\/p>\n<p><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:40%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progress\" style=\"width:60%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:60%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progresssilver\" style=\"width:20%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:80%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progressgreen\" style=\"width:50%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:100%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progressblue\" style=\"width:85%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:80%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progresssalmon\" style=\"width:30%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:60%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progressred\" style=\"width:100%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:40%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progressorange\" style=\"width:40%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:20%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progresspink\" style=\"width:90%;height:30px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><\/p>\n<p><div class=\"progress-description-2\">A customized example, complete with a description outside the bar.<\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:60%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\"><\/div>\n\t\t\t\t\t<div class=\"nowidth progressblue\" style=\"width:80%;height:5px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><br \/>\n<div class=\"progress-description-2\"><\/div>\n\t\t\t\t<div class=\"progress-wrapper\" style=\"max-width:80%;border-radius:2px;\">\n\t\t\t\t\t<div class=\"progress-description\">Description<\/div>\n\t\t\t\t\t<div class=\"nowidth progressgreen\" style=\"width:75%;height:36px;border-radius:2px;z-index:-1;\"><\/div>\n\t\t\t\t<\/div><\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<li>width<\/li>\n<li>height (bar thickness)<\/li>\n<li>corner radius<\/li>\n<li>description (2 positions)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">TEXT HIGHLIGHTING<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Simple text highlighting makes sure no one misses the key words of whatever it is you&#8217;re writing. Also allows for quick scanning of articles etc.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"highlight\">Lorem ipsum<\/span> dolor sit amet, consectetur <span class=\"highlightsilver\">adipisicing elit<\/span>, sed do eiusmod <span class=\"highlightgreen\">tempor incididunt<\/span> ut labore et dolore magna aliqua. Ut enim <span class=\"highlightblue\">ad minim<\/span> veniam, quis nostrud exercitation <span class=\"highlightsalmon\">ullamco<\/span> laboris nisi ut aliquip ex ea commodo consequat. <span class=\"highlightred\">Duis aute irure<\/span> dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla <span class=\"highlightorange\">pariatur<\/span>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui <span class=\"highlightpink\">officia deserunt<\/span> mollit anim id est laborum.<\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">IMAGE HOVERS<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">If you&#8217;d like to give your image links some splash, you can use the image hover shortcode.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"bonfire-columns-wrapper\" style=\"width:50%;float:left;\"><div class=\"bonfire-column\"><p><a href=\"#\"><span class=\"bonfire-image-hover\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-115\" src=\"http:\/\/bonfirethemes.com\/sparrow-demo-two\/wp-content\/uploads\/2014\/11\/shortcode_img_02.jpg\" alt=\"shortcode_img_02\" width=\"400\" height=\"248\" \/><\/span><\/a><\/p><\/div><\/div>\n<div class=\"bonfire-columns-wrapper\" style=\"width:50%;float:left;\"><div class=\"bonfire-column\"><p><a href=\"#\"><span class=\"bonfire-image-hover\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-116\" src=\"http:\/\/bonfirethemes.com\/sparrow-demo-two\/wp-content\/uploads\/2014\/11\/shortcode_img_03.jpg\" alt=\"shortcode_img_03\" width=\"400\" height=\"248\" \/><\/span><\/a><\/p><\/div><\/div>\n<div style=\"clear:both\"><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">ALERTS<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Alert boxes are a fantastic way to quickly and easily give the visitor important information.<\/p>\n<p>&nbsp;<\/p>\n<p>\n\t\t<div id=\"alert\" class=\"alert\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert1\" class=\"alertsilver\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button1\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert2\" class=\"alertgreen\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button2\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert3\" class=\"alertblue\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button3\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert4\" class=\"alertsalmon\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button4\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert5\" class=\"alertred\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button5\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert6\" class=\"alertorange\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button6\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert7\" class=\"alertpink\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t<div id=\"alert-button7\"><\/div>\n\t\t<div class=\"alert-inner\">Alert content<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div id=\"alert8\" class=\"alertblue\" style=\"max-width:70%;float:;border-radius:2px;text-align:left;font-size:14px;\">\n\t\t<div id=\"alert-button8\"><\/div>\n\t\t<div class=\"alert-inner\">Alert with 70% width, text aligned left<\/div>\n\t\t<\/div>\n\t\t<\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<li>width<\/li>\n<li>height<\/li>\n<li>position<\/li>\n<li>corner radius<\/li>\n<li>text size<\/li>\n<li>text align<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">COLUMNS<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">The column shortcode allows you to easily present content in multiple columns.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"bonfire-columns-wrapper\" style=\"width:60%;float:left;\"><div class=\"bonfire-column\"><p>\n<p style=\"text-align: left\"><strong>60% WIDTH<\/strong><br \/>\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><\/p><\/div><\/div><div class=\"bonfire-columns-wrapper\" style=\"width:40%;float:left;\"><div class=\"bonfire-column\"><p><\/p>\n<p style=\"text-align: left\"><strong>40% WIDTH<\/strong><br \/>\nDuis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa.<\/p>\n<p><\/p><\/div><\/div><\/p>\n<div style=\"clear:both\"><\/div>\n<div class=\"bonfire-columns-wrapper\" style=\"width:33.3%;float:left;\"><div class=\"bonfire-column\"><p><\/p>\n<p style=\"text-align: left\"><strong>33% WIDTH<\/strong><br \/>\nDuis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><\/p><\/div><\/div>\n<div class=\"bonfire-columns-wrapper\" style=\"width:33.3%;float:left;\"><div class=\"bonfire-column\"><p><\/p>\n<p style=\"text-align: left\"><strong>33% WIDTH<\/strong><br \/>\nDuis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><\/p><\/div><\/div>\n<div class=\"bonfire-columns-wrapper\" style=\"width:33.3%;float:left;\"><div class=\"bonfire-column\"><p><\/p>\n<p style=\"text-align: left\"><strong>33% WIDTH<\/strong><br \/>\nDuis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><\/p><\/div><\/div>\n<div style=\"clear:both\"><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><strong>VIDEOS IN COLUMNS<\/strong><br \/>\n<div class=\"bonfire-columns-wrapper\" style=\"width:50%;float:left;\"><div class=\"bonfire-column\"><p><div class=\"video-container\"><iframe src=\"https:\/\/player.vimeo.com\/video\/69957224\"><\/iframe><\/div><\/p><\/div><\/div><div class=\"bonfire-columns-wrapper\" style=\"width:50%;float:left;\"><div class=\"bonfire-column\"><p><div class=\"video-container\"><iframe src=\"https:\/\/player.vimeo.com\/video\/69957224\"><\/iframe><\/div><\/p><\/div><\/div><\/p>\n<div style=\"clear:both\"><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><strong>IMAGES IN COLUMNS<\/strong><\/p>\n<div class=\"bonfire-columns-wrapper\" style=\"width:33%;float:left;\"><div class=\"bonfire-column\"><p><br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-123\" src=\"http:\/\/bonfirethemes.com\/sparrow-demo-two\/wp-content\/uploads\/2014\/11\/shortcode_img_03.jpg\" alt=\"shortcode_img_03\" width=\"400\" height=\"248\" \/><br \/>\n<\/p><\/div><\/div>\n<div class=\"bonfire-columns-wrapper\" style=\"width:33%;float:left;\"><div class=\"bonfire-column\"><p><br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-121\" src=\"http:\/\/bonfirethemes.com\/sparrow-demo-two\/wp-content\/uploads\/2014\/11\/shortcode_img_01.jpg\" alt=\"shortcode_img_01\" width=\"400\" height=\"248\" \/><br \/>\n<\/p><\/div><\/div>\n<div class=\"bonfire-columns-wrapper\" style=\"width:33%;float:left;\"><div class=\"bonfire-column\"><p><br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-122\" src=\"http:\/\/bonfirethemes.com\/sparrow-demo-two\/wp-content\/uploads\/2014\/11\/shortcode_img_02.jpg\" alt=\"shortcode_img_02\" width=\"400\" height=\"248\" \/><br \/>\n<\/p><\/div><\/div>\n<div style=\"clear:both\"><\/div>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>width (any)<\/li>\n<li>position left\/right<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">BUTTONS<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">You make &#8217;em, users press &#8217;em. Great for making sure that all-important link isn&#8217;t missed.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><a href=\"#\"><span class=\"button\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttonsilver\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttongreen\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttonblue\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttonsalmon\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttonred\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttonorange\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><a href=\"#\"><span class=\"buttonpink\" style=\"border-radius:2px;font-size:14px;display:inline-block;\">BUTTON<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<li>text size<\/li>\n<li>corner radius<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">BOXES<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Placing content in simple colored boxes is a proven way to make sure your visitor doesn\u2019t miss something vital.<\/p>\n<p>&nbsp;<\/p>\n<p><div class=\"box\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxsilver\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxgreen\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxblue\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxsalmon\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxred\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxorange\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxpink\" style=\"width:;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Box contents<\/div><div class=\"boxgreen\" style=\"width:60%;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Green box with 60% width<\/div><div class=\"boxblue\" style=\"width:20%;height:;float:;border-radius:2px;text-align:;font-size:14px;\">Blue box with 20% width<\/div><\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<li>width<\/li>\n<li>height<\/li>\n<li>position<\/li>\n<li>corner radius<\/li>\n<li>text size<\/li>\n<li>text align<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">TOGGLE BOXES<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Toggle boxes suit the situations when you want the user to interact with some specific bit of content.<\/p>\n<p>&nbsp;<\/p>\n<h5>CLOSED ON PAGE LOAD<\/h5>\n<p>\n\t\t<div class=\"togglebox\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxsilver\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button1\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle1\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed1\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxgreen\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button2\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle2\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed2\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxblue\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button3\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle3\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed3\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxsalmon\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button4\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle4\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed4\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxred\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button5\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle5\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed5\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxorange\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button6\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle6\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed6\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxpink\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleclosed-button7\"><\/div>\n\t\t\t\t<div id=\"boxclosedtoggle7\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxclosed7\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t<\/p>\n<p>&nbsp;<\/p>\n<h5>OPEN ON PAGE LOAD<\/h5>\n<p>\n\t\t<div class=\"togglebox\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxsilver\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button1\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle1\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen1\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxgreen\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button2\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle2\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen2\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxblue\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button3\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle3\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen3\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxsalmon\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button4\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle4\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen4\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxred\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button5\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle5\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen5\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxorange\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button6\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle6\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen6\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"toggleboxpink\" style=\"max-width:;float:;border-radius:2px;text-align:;font-size:14px;\">\n\t\t\t<div class=\"toggle-hover\">\n\t\t\t\t<div id=\"toggleopen-button7\"><\/div>\n\t\t\t\t<div id=\"boxopentoggle7\">Show\/hide content<\/div>\n\t\t\t<\/div>\n\t\t<div id=\"boxopen7\" style=\"border-radius:2px;\">Box contents<\/div>\n\t\t<\/div>\n\t\t<\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<li>title<\/li>\n<li>width<\/li>\n<li>position<\/li>\n<li>corner radius<\/li>\n<li>text align<\/li>\n<li>text size<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">DIVIDERS<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Giving content room to breathe is important, we can all agree. Hence this healthy selection of dividers that can be used to split and spice up content.<\/p>\n<p>&nbsp;<\/p>\n<h5>MINI<\/h5>\n<p><div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividersilver\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividergreen\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividerblue\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividersalmon\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividerred\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividerorange\" style=\"max-width:45px\"><\/div><div style=\"width:100%;text-align:center;\"><hr class=\"minidividerpink\" style=\"max-width:45px\"><\/div><\/p>\n<p>&nbsp;<\/p>\n<h5>GRADIENT<\/h5>\n<p><hr class=\"shadowup1\" style=\"max-width:\"><hr class=\"shadowup1silver\" style=\"max-width:\"><hr class=\"shadowup1green\" style=\"max-width:\"><hr class=\"shadowup1blue\" style=\"max-width:\"><hr class=\"shadowup1salmon\" style=\"max-width:\"><hr class=\"shadowup1red\" style=\"max-width:\"><hr class=\"shadowup1orange\" style=\"max-width:\"><hr class=\"shadowup1pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"shadowup2\" style=\"max-width:\"><hr class=\"shadowup2silver\" style=\"max-width:\"><hr class=\"shadowup2green\" style=\"max-width:\"><hr class=\"shadowup2blue\" style=\"max-width:\"><hr class=\"shadowup2salmon\" style=\"max-width:\"><hr class=\"shadowup2red\" style=\"max-width:\"><hr class=\"shadowup2orange\" style=\"max-width:\"><hr class=\"shadowup2pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"shadowdown1\" style=\"max-width:\"><hr class=\"shadowdown1silver\" style=\"max-width:\"><hr class=\"shadowdown1green\" style=\"max-width:\"><hr class=\"shadowdown1blue\" style=\"max-width:\"><hr class=\"shadowdown1salmon\" style=\"max-width:\"><hr class=\"shadowdown1red\" style=\"max-width:\"><hr class=\"shadowdown1orange\" style=\"max-width:\"><hr class=\"shadowdown1pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"shadowdown2\" style=\"max-width:\"><hr class=\"shadowdown2silver\" style=\"max-width:\"><hr class=\"shadowdown2green\" style=\"max-width:\"><hr class=\"shadowdown2blue\" style=\"max-width:\"><hr class=\"shadowdown2salmon\" style=\"max-width:\"><hr class=\"shadowdown2red\" style=\"max-width:\"><hr class=\"shadowdown2orange\" style=\"max-width:\"><hr class=\"shadowdown2pink\" style=\"max-width:\"><\/p>\n<p>&nbsp;<\/p>\n<h5>SOLID<\/h5>\n<p><hr class=\"solid1\" style=\"max-width:\"><hr class=\"solid1silver\" style=\"max-width:\"><hr class=\"solid1green\" style=\"max-width:\"><hr class=\"solid1blue\" style=\"max-width:\"><hr class=\"solid1salmon\" style=\"max-width:\"><hr class=\"solid1red\" style=\"max-width:\"><hr class=\"solid1orange\" style=\"max-width:\"><hr class=\"solid1pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"solid2\" style=\"max-width:\"><hr class=\"solid2silver\" style=\"max-width:\"><hr class=\"solid2green\" style=\"max-width:\"><hr class=\"solid2blue\" style=\"max-width:\"><hr class=\"solid2salmon\" style=\"max-width:\"><hr class=\"solid2red\" style=\"max-width:\"><hr class=\"solid2orange\" style=\"max-width:\"><hr class=\"solid2pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"solid3\" style=\"max-width:\"><hr class=\"solid3silver\" style=\"max-width:\"><hr class=\"solid3green\" style=\"max-width:\"><hr class=\"solid3blue\" style=\"max-width:\"><hr class=\"solid3salmon\" style=\"max-width:\"><hr class=\"solid3red\" style=\"max-width:\"><hr class=\"solid3orange\" style=\"max-width:\"><hr class=\"solid3pink\" style=\"max-width:\"><\/p>\n<p>&nbsp;<\/p>\n<h5>DOUBLE<\/h5>\n<p><hr class=\"double1\" style=\"max-width:\"><hr class=\"double1silver\" style=\"max-width:\"><hr class=\"double1green\" style=\"max-width:\"><hr class=\"double1blue\" style=\"max-width:\"><hr class=\"double1salmon\" style=\"max-width:\"><hr class=\"double1red\" style=\"max-width:\"><hr class=\"double1orange\" style=\"max-width:\"><hr class=\"double1pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"double2\" style=\"max-width:\"><hr class=\"double2silver\" style=\"max-width:\"><hr class=\"double2green\" style=\"max-width:\"><hr class=\"double2blue\" style=\"max-width:\"><hr class=\"double2salmon\" style=\"max-width:\"><hr class=\"double2red\" style=\"max-width:\"><hr class=\"double2orange\" style=\"max-width:\"><hr class=\"double2pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"double3\" style=\"max-width:\"><hr class=\"double3silver\" style=\"max-width:\"><hr class=\"double3green\" style=\"max-width:\"><hr class=\"double3blue\" style=\"max-width:\"><hr class=\"double3salmon\" style=\"max-width:\"><hr class=\"double3red\" style=\"max-width:\"><hr class=\"double3orange\" style=\"max-width:\"><hr class=\"double3pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"double4\" style=\"max-width:\"><hr class=\"double4silver\" style=\"max-width:\"><hr class=\"double4green\" style=\"max-width:\"><hr class=\"double4blue\" style=\"max-width:\"><hr class=\"double4salmon\" style=\"max-width:\"><hr class=\"double4red\" style=\"max-width:\"><hr class=\"double4orange\" style=\"max-width:\"><hr class=\"double4pink\" style=\"max-width:\"><\/p>\n<p>&nbsp;<\/p>\n<h5>DOTTED<\/h5>\n<p><hr class=\"dotted1\" style=\"max-width:\"><hr class=\"dotted1silver\" style=\"max-width:\"><hr class=\"dotted1green\" style=\"max-width:\"><hr class=\"dotted1blue\" style=\"max-width:\"><hr class=\"dotted1salmon\" style=\"max-width:\"><hr class=\"dotted1red\" style=\"max-width:\"><hr class=\"dotted1orange\" style=\"max-width:\"><hr class=\"dotted1pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"dotted2\" style=\"max-width:\"><hr class=\"dotted2silver\" style=\"max-width:\"><hr class=\"dotted2green\" style=\"max-width:\"><hr class=\"dotted2blue\" style=\"max-width:\"><hr class=\"dotted2salmon\" style=\"max-width:\"><hr class=\"dotted2red\" style=\"max-width:\"><hr class=\"dotted2orange\" style=\"max-width:\"><hr class=\"dotted2pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"dotted3\" style=\"max-width:\"><hr class=\"dotted3silver\" style=\"max-width:\"><hr class=\"dotted3green\" style=\"max-width:\"><hr class=\"dotted3blue\" style=\"max-width:\"><hr class=\"dotted3salmon\" style=\"max-width:\"><hr class=\"dotted3red\" style=\"max-width:\"><hr class=\"dotted3orange\" style=\"max-width:\"><hr class=\"dotted3pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"dotted4\" style=\"max-width:\"><hr class=\"dotted4silver\" style=\"max-width:\"><hr class=\"dotted4green\" style=\"max-width:\"><hr class=\"dotted4blue\" style=\"max-width:\"><hr class=\"dotted4salmon\" style=\"max-width:\"><hr class=\"dotted4red\" style=\"max-width:\"><hr class=\"dotted4orange\" style=\"max-width:\"><hr class=\"dotted4pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"dotted5\" style=\"max-width:\"><hr class=\"dotted5silver\" style=\"max-width:\"><hr class=\"dotted5green\" style=\"max-width:\"><hr class=\"dotted5blue\" style=\"max-width:\"><hr class=\"dotted5salmon\" style=\"max-width:\"><hr class=\"dotted5red\" style=\"max-width:\"><hr class=\"dotted5orange\" style=\"max-width:\"><hr class=\"dotted5pink\" style=\"max-width:\"><\/p>\n<p>&nbsp;<\/p>\n<h5>DASHED<\/h5>\n<p><hr class=\"dashed1\" style=\"max-width:\"><hr class=\"dashed1silver\" style=\"max-width:\"><hr class=\"dashed1green\" style=\"max-width:\"><hr class=\"dashed1blue\" style=\"max-width:\"><hr class=\"dashed1salmon\" style=\"max-width:\"><hr class=\"dashed1red\" style=\"max-width:\"><hr class=\"dashed1orange\" style=\"max-width:\"><hr class=\"dashed1pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"dashed2\" style=\"max-width:\"><hr class=\"dashed2silver\" style=\"max-width:\"><hr class=\"dashed2green\" style=\"max-width:\"><hr class=\"dashed2blue\" style=\"max-width:\"><hr class=\"dashed2salmon\" style=\"max-width:\"><hr class=\"dashed2red\" style=\"max-width:\"><hr class=\"dashed2orange\" style=\"max-width:\"><hr class=\"dashed2pink\" style=\"max-width:\"><\/p>\n<p><hr class=\"dashed3\" style=\"max-width:\"><hr class=\"dashed3silver\" style=\"max-width:\"><hr class=\"dashed3green\" style=\"max-width:\"><hr class=\"dashed3blue\" style=\"max-width:\"><hr class=\"dashed3salmon\" style=\"max-width:\"><hr class=\"dashed3red\" style=\"max-width:\"><hr class=\"dashed3orange\" style=\"max-width:\"><hr class=\"dashed3pink\" style=\"max-width:\"><\/p>\n<p>&nbsp;<\/p>\n<h6 style=\"text-align: left\">WHAT YOU CAN CUSTOMIZE:<\/h6>\n<ul>\n<li>color (default, silver, green, blue, salmon, red, orange, pink)<\/li>\n<li>divider style<\/li>\n<li>width<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center\">CREATIVITY<\/h2>\n<div style=\"width:100%;text-align:center;\"><hr class=\"minidivider\" style=\"max-width:45px\"><\/div>\n<p style=\"text-align: center\">Our shortcodes can be wrapped around any content, including text, galleries, videos and even other shortcodes. So if you want to go there, you can come up with pretty interesting ways to present your content, especially given the customization options each shortcode offers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Not a fan of shortcodes? That\u2019s perfectly fine. All of this theme\u2019s shortcodes come in a plugin, so it\u2019s completely up to you whether or not you want to use any of them. Or if you have a favorite shortcode plugin you\u2019ve found elsewhere, you can of course install and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/pages\/32"}],"collection":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"wp:attachment":[{"href":"https:\/\/bonfirethemes.com\/breezy-by-bonfire\/demo-one\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}