{"id":32,"date":"2018-03-20T08:14:44","date_gmt":"2018-03-20T08:14:44","guid":{"rendered":"http:\/\/live-demo.online\/structure\/?page_id=32"},"modified":"2018-04-03T11:21:35","modified_gmt":"2018-04-03T11:21:35","slug":"shortcode","status":"publish","type":"page","link":"http:\/\/live-demo.online\/structure\/shortcode\/","title":{"rendered":"Shortcode"},"content":{"rendered":"<h3>2 Column Content<\/h3>\n<p><div class=\"one_half\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_half last_column\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><\/p>\n<div class=\"clear\"><\/div>\n<pre>\r\n[<code>column_content type=\"one_half\"<\/code>]\r\n\tColumn 1 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_half_last\"<\/code>]\r\n\tColumn 2 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>3 Column Content<\/h3>\n<p><div class=\"one_third\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_third\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_third last_column\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><\/p>\n<div class=\"clear\"><\/div>\n<pre>\r\n[<code>column_content type=\"one_third\"<\/code>]\r\n\tColumn 1 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_third\"<\/code>]\r\n\tColumn 2 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_third_last\"<\/code>]\r\n\tColumn 3 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>4 Column Content<\/h3>\n<p><div class=\"one_fourth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fourth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fourth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fourth last_column\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><\/p>\n<div class=\"clear\"><\/div>\n<pre>\r\n[<code>column_content type=\"one_fourth\"<\/code>]\r\n\tColumn 1 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fourth\"<\/code>]\r\n\tColumn 2 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fourth\"<\/code>]\r\n\tColumn 3 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fourth_last\"<\/code>]\r\n\tColumn 4 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>5 Column Content<\/h3>\n<p><div class=\"one_fifth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fifth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fifth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fifth\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><div class=\"one_fifth last_column\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada, imperdiet lorem vitae, pulvinar lorem.<\/div><\/p>\n<div class=\"clear\"><\/div>\n<pre>\r\n[<code>column_content type=\"one_fifth\"<\/code>]\r\n\tColumn 1 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fifth\"<\/code>]\r\n\tColumn 2 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fifth\"<\/code>]\r\n\tColumn 3 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fifth\"<\/code>]\r\n\tColumn 4 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n\r\n[<code>column_content type=\"one_fifth_last\"<\/code>]\r\n\tColumn 5 Content goes here...\r\n[<code>\/column_content<\/code>]\r\n<\/pre>\n<p><div class=\"hr\"><\/div><br \/>\n<div class=\"one_half\"><\/p>\n<h3>Tabs<\/h3>\n<div class=\"tabs-wrapper\"><ul class=\"tabs\"><li><a rel=\"tab109\" href=\"javascript:void(0)\">TAB TITLE 1<\/a><div id=\"tab109\" class=\"tab-content\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.<\/p>\n<\/div><\/li><li><a rel=\"tab320\" href=\"javascript:void(0)\">TAB TITLE 2<\/a><div id=\"tab320\" class=\"tab-content\"><p>Cras arcu urna, fermentum tempor porttitor sollicitudin, semper eget felis. Suspendisse ut justo eget tortor porta luctus vel vitae nibh. Nullam nulla leo, luctus quis gravida a, suscipit a orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel dolor vestibulum, sollicitudin ante eu, sollicitudin elit. Donec tristique odio et gravida consequat. Suspendisse suscipit quis felis quis posuere.<\/p>\n<\/div><\/li><li><a rel=\"tab242\" href=\"javascript:void(0)\">TAB TITLE 3<\/a><div id=\"tab242\" class=\"tab-content\"><p>Curabitur vitae condimentum massa, in vehicula enim. Quisque tincidunt sem at lectus suscipit, id iaculis urna gravida. Aliquam vel arcu in nulla sagittis feugiat ac eget velit. Sed et ipsum ut ex vulputate scelerisque nec ac diam. Morbi pharetra eget turpis et lacinia. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc viverra tempor enim, quis egestas dolor tristique a. Etiam non volutpat felis.<\/p>\n<\/div><\/li><\/ul><\/div>\n<pre>[<code>tabs<\/code>][<code>tab title=\"TAB TITLE 1\"<\/code>]Tab Content goes here...[<code>\/tab<\/code>][<code>tab title=\"TAB TITLE 2\"<\/code>]Tab Content goes here...[<code>\/tab<\/code>][<code>tab title=\"TAB TITLE 3\"<\/code>]Tab Content goes here...[<code>\/tab<\/code>][<code>\/tabs<\/code>]<\/pre>\n<p><\/div><div class=\"one_half last_column\"><\/p>\n<h3>Social Icons<\/h3>\n<p><strong>( Note: More social icons can be found at: http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/)<\/strong><div class=\"social-icons\"><a style=\"background-color:#3b5998\" href=\"#\" target=\"_blank\" title=\"facebook\"><i class=\"fa fa-facebook\"><\/i><\/a><a style=\"background-color:#1b95e0\" href=\"#\" target=\"_blank\" title=\"twitter\"><i class=\"fa fa-twitter\"><\/i><\/a><a style=\"background-color:#d34836\" href=\"#\" target=\"_blank\" title=\"google-plus\"><i class=\"fa fa-google-plus\"><\/i><\/a><a style=\"background-color:#0077B5\" href=\"#\" target=\"_blank\" title=\"linkedin\"><i class=\"fa fa-linkedin\"><\/i><\/a><a style=\"background-color:#bd081b\" href=\"#\" target=\"_blank\" title=\"pinterest-p\"><i class=\"fa fa-pinterest-p\"><\/i><\/a><\/div><\/p>\n<pre>\r\n[<code>social_area<\/code>][<code>social color=\"#3b5998\" icon=\"facebook\" link=\"#\"<\/code>][<code>social color=\"#1b95e0\" icon=\"twitter\" link=\"#\"<\/code>][<code>social color=\"#d34836\" icon=\"google-plus\" link=\"#\"<\/code>][<code>social color=\"#0077B5\" icon=\"linkedin\" link=\"#\"<\/code>][<code>social color=\"#bd081b\" icon=\"pinterest-p\" link=\"#\"<\/code>]\r\n[<code>\/social_area<\/code>]<\/pre>\n<p><\/div><div class=\"hr\"><\/div><\/p>\n<div class=\"one_half\">\n<h3>Accordion Tab<\/h3>\n<div class=\"customtab\"><div class=\"accordion-box\">\n<h2>ACCORDION TITLE 1<\/h2>\n<div class=\"acc-content\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.<\/p>\n<\/div>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"accordion-box\">\n<h2>ACCORDION TITLE 2<\/h2>\n<div class=\"acc-content\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.<\/p>\n<\/div>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"accordion-box\">\n<h2>ACCORDION TITLE 3<\/h2>\n<div class=\"acc-content\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.<\/p>\n<\/div>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"clear\"><\/div><\/div>\n<pre>[<code>accordion<\/code>][<code>accordion_content title=\"ACCORDION TITLE 1\"<\/code>]Accordion Content goes here...[<code>\/accordion_content<\/code>][<code>accordion_content title=\"ACCORDION TITLE 2\"<\/code>]Accordion Content goes here...[<code>\/accordion_content<\/code>][<code>accordion_content title=\"ACCORDION TITLE 3\"<\/code>]Accordion Content goes here...[<code>\/accordion_content<\/code>][<code>\/accordion<\/code>]<\/pre>\n<p><\/div><div class=\"one_half last_column\"><\/p>\n<h3>Our Skills<\/h3>\n<p><div class=\"skillbar clearfix \" data-percent=\"90%\">\r\n\t\t\t<div class=\"skillbar-title\"><span>Coding<\/span><\/div>\r\n\t\t\t<div class=\"skill-bg\"><div class=\"skillbar-bar\" style=\"background:#fbba00\"><\/div><\/div>\r\n\t\t\t<div class=\"skill-bar-percent\">90%<\/div>\r\n\t\t\t<\/div><div class=\"skillbar clearfix \" data-percent=\"70%\">\r\n\t\t\t<div class=\"skillbar-title\"><span>Design<\/span><\/div>\r\n\t\t\t<div class=\"skill-bg\"><div class=\"skillbar-bar\" style=\"background:#fbba00\"><\/div><\/div>\r\n\t\t\t<div class=\"skill-bar-percent\">70%<\/div>\r\n\t\t\t<\/div><div class=\"skillbar clearfix \" data-percent=\"55%\">\r\n\t\t\t<div class=\"skillbar-title\"><span>Building<\/span><\/div>\r\n\t\t\t<div class=\"skill-bg\"><div class=\"skillbar-bar\" style=\"background:#fbba00\"><\/div><\/div>\r\n\t\t\t<div class=\"skill-bar-percent\">55%<\/div>\r\n\t\t\t<\/div><div class=\"skillbar clearfix \" data-percent=\"100%\">\r\n\t\t\t<div class=\"skillbar-title\"><span>SEO<\/span><\/div>\r\n\t\t\t<div class=\"skill-bg\"><div class=\"skillbar-bar\" style=\"background:#fbba00\"><\/div><\/div>\r\n\t\t\t<div class=\"skill-bar-percent\">100%<\/div>\r\n\t\t\t<\/div><\/p>\n<pre>[<code>skill title=\"Coding\" percent=\"90\" bgcolor=\"#fbba00\"<\/code>][<code>skill title=\"Design\" percent=\"70\" bgcolor=\"#fbba00\"<\/code>][<code>skill title=\"Building\" percent=\"55\" bgcolor=\"#fbba00\"<\/code>][<code>skill title=\"SEO\" percent=\"100\" bgcolor=\"#fbba00\"<\/code>]<\/pre>\n<p><\/div><div class=\"hr\"><\/div><\/p>\n<h3>Counter Number And Text<\/h3>\n<p><div class=\"counter-box\" id=\"\">\r\n\t\t\t\t<div class=\"counterlist\">\r\n\t\t\t\t\t<h3 class=\"counter\">80<\/h3><span class=\"percent\">&#037;<\/span>\t\t\t\t   \t   \r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span>Projects<\/span>\r\n\t\t\t<\/div><div class=\"counter-box\" id=\"\">\r\n\t\t\t\t<div class=\"counterlist\">\r\n\t\t\t\t\t<h3 class=\"counter\">20<\/h3><span class=\"percent\">&#037;<\/span>\t\t\t\t   \t   \r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span>New Projects<\/span>\r\n\t\t\t<\/div><div class=\"counter-box\" id=\"\">\r\n\t\t\t\t<div class=\"counterlist\">\r\n\t\t\t\t\t<h3 class=\"counter\">50<\/h3><span class=\"percent\">&#037;<\/span>\t\t\t\t   \t   \r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span>Confirmation<\/span>\r\n\t\t\t<\/div><div class=\"counter-box\" id=\"\">\r\n\t\t\t\t<div class=\"counterlist\">\r\n\t\t\t\t\t<h3 class=\"counter\">75<\/h3><span class=\"percent\">&#037;<\/span>\t\t\t\t   \t   \r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span>Labor Work <\/span>\r\n\t\t\t<\/div><div class=\"counter-box\" id=\"last\">\r\n\t\t\t\t<div class=\"counterlist\">\r\n\t\t\t\t\t<h3 class=\"counter\">100<\/h3><span class=\"percent\">&#037;<\/span>\t\t\t\t   \t   \r\n\t\t\t\t<\/div>\r\n\t\t\t\t<span>Support<\/span>\r\n\t\t\t<\/div><\/p>\n<div class=\"clear\"><\/div>\n<pre>\r\n[<code>counter value=\"80\" percent=\"yes\" title=\"Projects\"<\/code>][<code>counter value=\"20\" percent=\"yes\" title=\"New Projects\"<\/code>][<code>counter value=\"50\" percent=\"yes\" title=\"Confirmation\"<\/code>][<code>counter value=\"75\" percent=\"yes\" title=\"Labor Work\"<\/code>][<code>counter value=\"100\" percent=\"yes\" title=\"Support\" last=\"yes\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Search Form<\/h3>\n<form role=\"search\" method=\"get\" class=\"search-form\" action=\"http:\/\/live-demo.online\/structure\/\">\r\n\t<label>\r\n\t\t\t\t<input type=\"search\" class=\"search-field\" placeholder=\"Search...\" value=\"\" name=\"s\">\r\n\t<\/label>\r\n\t<input type=\"submit\" class=\"search-submit\" value=\"Search\">\r\n<\/form>\r\n\n<pre>\r\n[<code>searchform<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Gradient Button &#8211; Small<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Small Gradient Button\" class=\"grad-btn-small btn-align-left\" style=\"background-color:#e00; color:#fff\">Small Gradient Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>gradient_button size=\"small\" bg_color=\"#e00\" color=\"#fff\" text=\"Small Gradient Button\" title=\"Small Gradient Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Gradient Button &#8211; Medium<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Medium Gradient Button\" class=\"grad-btn-medium btn-align-left\" style=\"background-color:#060; color:#fff\">Medium Gradient Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>gradient_button size=\"medium\" bg_color=\"#060\" color=\"#fff\" text=\"Medium Gradient Button\" title=\"Medium Gradient Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Gradient Button &#8211; Large<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Large Gradient Button\" class=\"grad-btn-large btn-align-left\" style=\"background-color:#026; color:#fff\">Large Gradient Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>gradient_button size=\"large\" bg_color=\"#026\" color=\"#fff\" text=\"Large Gradient Button\" title=\"Large Gradient Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Gradient Button &#8211; Xtra Large<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Extra Large Simple Button\" class=\"grad-btn-x-large btn-align-left\" style=\"background-color:#00ccff; color:#fff\">Extra Large Simple Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>gradient_button size=\"x-large\" bg_color=\"#00ccff\" color=\"#fff\" text=\"Extra Large Simple Button\" title=\"Extra Large Simple Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Simple Button &#8211; Small<\/h3>\n<div class=\"clear\"><\/div><a href=\"#\"  title=\"Small Simple Button\" class=\"simple-btn-small btn-align-left\" style=\"background-color:#c00; color:#fff\">Small Simple Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>simple_button size=\"small\" bg_color=\"#c00\" color=\"#fff\" text=\"Small Simple Button\" title=\"Small Simple Button\" url=\"#\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Simple Button &#8211; Medium<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Medium Simple Button\" class=\"simple-btn-medium btn-align-left\" style=\"background-color:#060; color:#fff\">Medium Simple Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>simple_button size=\"medium\" bg_color=\"#060\" color=\"#fff\" text=\"Medium Simple Button\" title=\"Medium Simple Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Simple Button &#8211; Large<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Large Simple Button\" class=\"simple-btn-large btn-align-left\" style=\"background-color:#026; color:#fff\">Large Simple Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>simple_button size=\"large\" bg_color=\"#026\" color=\"#fff\" text=\"Large Simple Button\" title=\"Large Simple Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Simple Button &#8211; Xtra Large<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Extra Large Simple Button\" class=\"simple-btn-x-large btn-align-left\" style=\"background-color:#00ccff; color:#fff\">Extra Large Simple Button<\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>simple_button size=\"x-large\" bg_color=\"#00ccff\" color=\"#fff\" text=\"Extra Large Simple Button\" title=\"Extra Large Simple Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Round Button &#8211; Light<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Round Button\" class=\"round-btn-light round-btn btn-align-left\"><span>Round Button<\/span><\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>round_button style=\"light\" text=\"Round Button\" title=\"Round Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Round Button &#8211; Dark<\/h3>\n<div class=\"clear\"><\/div><a href=\"\"  title=\"Round Button\" class=\"round-btn-dark round-btn btn-align-left\"><span>Round Button<\/span><\/a><div class=\"clear\"><\/div>\n<pre>\r\n[<code>round_button style=\"dark\" text=\"Round Button\" title=\"Round Button\" url=\"\" position=\"left\"<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Message Box &#8211; Success<\/h3>\n<div class=\"msg-success\"><div class=\"msg-box-icon\">This is a sample of the &#8216;success&#8217; style message box shortcode. To use this style use the following shortcode<\/div><\/div>\n<pre>\r\n[<code>message type=\"success\"<\/code>]This is a sample of the 'success' style message box shortcode. To use this style use the following shortcode[<code>\/message<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Message Box &#8211; Error<\/h3>\n<div class=\"msg-error\"><div class=\"msg-box-icon\">This is a sample of the &#8216;error&#8217; style message box shortcode. To use this style use the following shortcode.<\/div><\/div>\n<pre>\r\n[<code>message type=\"error\"<\/code>]This is a sample of the 'error' style message box shortcode. To use this style use the following shortcode.[<code>\/message<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Message Box &#8211; Warning<\/h3>\n<div class=\"msg-warning\"><div class=\"msg-box-icon\">This is a sample of the &#8216;warning&#8217; style message box shortcode. To use this style use the following shortcode.<\/div><\/div>\n<pre>\r\n[<code>message type=\"warning\"<\/code>]This is a sample of the 'warning' style message box shortcode. To use this style use the following shortcode.[<code>\/message<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Message Box &#8211; Info<\/h3>\n<div class=\"msg-info\"><div class=\"msg-box-icon\">This is a sample of the &#8216;info&#8217; style message box shortcode. To use this style use the following shortcode.<\/div><\/div>\n<pre>\r\n[<code>message type=\"info\"<\/code>]This is a sample of the 'info' style message box shortcode. To use this style use the following shortcode.[<code>\/message<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Message Box &#8211; About<\/h3>\n<div class=\"msg-about\"><div class=\"msg-box-icon\">This is a sample of the &#8216;about&#8217; style message box shortcode. To use this style use the following shortcode.<\/div><\/div>\n<pre>\r\n[<code>message type=\"about\"<\/code>]This is a sample of the 'about' style message box shortcode. To use this style use the following shortcode.[<code>\/message<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>List Styles<\/h3>\n<ul class=\"list-1\"><\/p>\n<li>List style 1<\/li>\n<li>List style 2<\/li>\n<li>List style 3<\/li>\n<p>\n<\/ul>\n<pre>\r\n[<code>unordered_list style=\"list-1\"<\/code>]\r\n<<code>li<\/code>>List style 1<<code>\/li<\/code>>\r\n<<code>li<\/code>>List style 2<<code>\/li<\/code>>\r\n<<code>li<\/code>>List style 3<<code>\/li<\/code>>\r\n[<code>\/unordered_list<\/code>]\r\n<\/pre>\n<h3>You can use above shortcode OR simply add class to ul. You can choose from list-1 to list-10 styles.<\/h3>\n<ul class=\"list-1\">\n<li>List style 1<\/li>\n<li>List style 2<\/li>\n<li>List style 3<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<h3>Blockquote<\/h3>\n<p><blockquote class=\"align-left\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Morbi quis vulputate mi. Nunc posuere feugiat libero eget varius. Sed at aliquam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/blockquote><br \/>\n<blockquote class=\"align-right\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Morbi quis vulputate mi. Nunc posuere feugiat libero eget varius. Sed at aliquam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/blockquote><\/p>\n<pre>\r\n[<code>blockquote align=\"left\/right\"<\/code>] Your quote text... [<code>\/blockquote<\/code>]\r\n<\/pre>\n<div class=\"hr\"><\/div>\n<h3>Dropcap<\/h3>\n<p><span class=\"dropcap\">L<\/span>orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Morbi quis vulputate mi. Nunc posuere feugiat libero eget varius. Sed at aliquam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<\/p>\n<pre>\r\n[<code>dropcap<\/code>]L[<code>\/dropcap<\/code>] \r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>2 Column Content [column_content type=\"one_half\"] Column 1 Content goes here&#8230; [\/column_content] [column_content type=\"one_half_last\"] Column 2 Content goes here&#8230; [\/column_content] 3 Column Content [column_content type=\"one_third\"] Column 1 Content goes here&#8230; [\/column_content] [column_content type=\"one_third\"] Column 2 Content goes here&#8230; [\/column_content] [column_content type=\"one_third_last\"] Column 3 Content goes here&#8230; [\/column_content] 4 Column Content [column_content type=\"one_fourth\"] Column 1 Content goes here&#8230; [\/column_content] [column_content type=\"one_fourth\"] Column 2 Content goes here&#8230; [\/column_content] [column_content type=\"one_fourth\"] Column 3 Content goes here&#8230; [\/column_content] [column_content type=\"one_fourth_last\"] Column 4 Content goes here&#8230; [\/column_content] 5 Column Content [column_content type=\"one_fifth\"] Column 1 Content goes here&#8230; [\/column_content] [column_content type=\"one_fifth\"] Column 2 Content goes here&#8230; [\/column_content]&#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":6,"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":117,"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/pages\/32\/revisions\/117"}],"wp:attachment":[{"href":"http:\/\/live-demo.online\/structure\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}