{"id":22,"date":"2018-05-02T06:18:08","date_gmt":"2018-05-02T06:18:08","guid":{"rendered":"http:\/\/flythemesdemo.net\/pizza\/?page_id=22"},"modified":"2018-05-02T07:47:03","modified_gmt":"2018-05-02T07:47:03","slug":"features","status":"publish","type":"page","link":"http:\/\/flythemesdemo.net\/pizza\/features\/","title":{"rendered":"Features"},"content":{"rendered":"<div class=\"section_head\" style=\"text-align:center;\">\n<h2 class=\"section_title\">Column Shortcode<\/h2>\n<\/div>\n<h3>2 Column Shortcode<\/h3>\n<p><div class=\"one_half none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_half none last_column\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"clear\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>column_content type=\"one_half\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_half_last\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>][<code>clear<\/code>]<\/pre>\n<hr>\n<h3>3 Column Shortcode<\/h3>\n<p><div class=\"one_third none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_third none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_third none last_column\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"clear\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>column_content type=\"one_third\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_third\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_third_last\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>][<code>clear<\/code>]<\/pre>\n<hr>\n<h3>4 Column Shortcode<\/h3>\n<p><div class=\"one_fourth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fourth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fourth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fourth none last_column\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"clear\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>column_content type=\"one_fourth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fourth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fourth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fourth_last\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>][<code>clear<\/code>]<\/pre>\n<hr>\n<h3>5 Column Shortcode<\/h3>\n<p><div class=\"one_fifth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fifth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fifth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fifth none\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"one_fifth none last_column\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros nulla, scelerisque nec orci eget, vestibulum fermentum neque. Morbi eget odio malesuada <\/div><div class=\"clear\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>column_content type=\"one_fifth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fifth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fifth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fifth\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>]\r\n[<code>column_content type=\"one_fifth_last\" subcls=\"Add extra class to column\"<\/code>] Column content goes here.. [<code>\/column_content<\/code>][<code>clear<\/code>]<\/pre>\n<hr>\n<div class=\"section_head\" style=\"text-align:center;\">\n<h2 class=\"section_title\">miscellaneous Shortcode<\/h2>\n<\/div>\n<div class=\"one_half \">\n<h3>Tabs<\/h3>\n<div class=\"tabs-wrapper\"><ul class=\"tabs\"><li><a rel=\"tab188\" href=\"javascript:void(0)\">TAB TITLE 1<\/a><div id=\"tab188\" 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. <\/p>\n<\/div><\/li><li><a rel=\"tab556\" href=\"javascript:void(0)\">TAB TITLE 2<\/a><div id=\"tab556\" 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. <\/p>\n<\/div><\/li><li><a rel=\"tab342\" href=\"javascript:void(0)\">TAB TITLE 3<\/a><div id=\"tab342\" 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. <\/p>\n<\/div><\/li><\/ul><\/div>\n<h4>Get the code<\/h4>\n<pre>[<code>tabs<\/code>]\r\n[<code>tab title=\"TAB TITLE 1\"<\/code>] TAB CONTENT 1 [<code>\/tab<\/code>]\r\n[<code>tab title=\"TAB TITLE 2\"<\/code>] TAB CONTENT 2 [<code>\/tab<\/code>]\r\n[<code>tab title=\"TAB TITLE 3\"<\/code>] TAB CONTENT 3 [<code>\/tab<\/code>]\r\n[<code>\/tabs<\/code>]<\/pre>\n<p> <\/div><div class=\"one_half  last_column\"><\/p>\n<h3>Accordion<\/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.<\/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.<\/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.<\/p>\n<\/div>\n<div class=\"clear\"><\/div>\n<\/div>\n<div class=\"clear\"><\/div><\/div>\n<h4>Get the code<\/h4>\n<pre>[<code>accordion<\/code>]\r\n[<code>accordion_content title=\"ACCORDION TITLE 1\"<\/code>] ACCORDION CONTENT 1 [<code>\/accordion_content<\/code>]\r\n[<code>accordion_content title=\"ACCORDION TITLE 2\"<\/code>] ACCORDION CONTENT 2 [<code>\/accordion_content<\/code>]\r\n[<code>accordion_content title=\"ACCORDION TITLE 3\"<\/code>] ACCORDION CONTENT 3 [<code>\/accordion_content<\/code>]\r\n[<code>\/accordion<\/code>]<\/pre>\n<p> <\/div><div class=\"clear\"><\/div><\/p>\n<hr>\n<div class=\"one_half \">\n<h3>Toggle Elements<\/h3>\n<p> <div class=\"toggle_holder\"><h3 class=\"slide_toggle\"><a href=\"#\">Toggle Title 1<\/a><\/h3>\r\n\t\t\t\t\t<div class=\"slide_toggle_content\"><p> Toggle content 1&#8230; <\/p>\n<\/div><\/div><div class=\"toggle_holder\"><h3 class=\"slide_toggle\"><a href=\"#\">Toggle Title 2<\/a><\/h3>\r\n\t\t\t\t\t<div class=\"slide_toggle_content\"><p> Toggle content 2&#8230; <\/p>\n<\/div><\/div><div class=\"toggle_holder\"><h3 class=\"slide_toggle\"><a href=\"#\">Toggle Title 3<\/a><\/h3>\r\n\t\t\t\t\t<div class=\"slide_toggle_content\"><p> Toggle content 3&#8230; <\/p>\n<\/div><\/div><div style=\"height:30px\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>toggle_content title=\"Toggle Title 1\"<\/code>] Toggle content 1... [<code>\/toggle_content<\/code>][<code>toggle_content title=\"Toggle Title 2\"<\/code>] Toggle content 2... [<code>\/toggle_content<\/code>][<code>toggle_content title=\"Toggle Title 3\"<\/code>] Toggle content 3... [<code>\/toggle_content<\/code>]<\/pre>\n<p> <\/div><div class=\"one_half  last_column\"> <\/p>\n<h3>Progress bar<\/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\"><\/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\"><\/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\"><\/div><\/div>\r\n\t\t\t<div class=\"skill-bar-percent\">55%<\/div>\r\n\t\t\t<\/div><div style=\"height:30px\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>skill title=\"Coding\" percent=\"90\"<\/code>][<code>skill title=\"Design\" percent=\"70\"<\/code>][<code>skill title=\"Building\" percent=\"55\"<\/code>]<\/pre>\n<p> <\/div><div class=\"clear\"><\/div><\/p>\n<hr>\n<div class=\"one_half \">\n<h3>Social Icons<\/h3>\n<p><div class=\"social-icons\"><a style=\"background-color:\" href=\"#\" target=\"_blank\" title=\"facebook\"><i class=\"fa fa-facebook\"><\/i><\/a><a style=\"background-color:\" href=\"#\" target=\"_blank\" title=\"google-plus\"><i class=\"fa fa-google-plus\"><\/i><\/a><a style=\"background-color:\" href=\"#\" target=\"_blank\" title=\"twitter\"><i class=\"fa fa-twitter\"><\/i><\/a><a style=\"background-color:\" href=\"#\" target=\"_blank\" title=\"pinterest\"><i class=\"fa fa-pinterest\"><\/i><\/a><\/div><strong>( Note: More social icons can be found at: http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/)<\/strong><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>social_area<\/code>][<code>social icon=\"facebook\" link=\"#\"<\/code>][<code>social icon=\"google-plus\" link=\"#\"<\/code>][<code>social icon=\"twitter\" link=\"#\"<\/code>][<code>social icon=\"pinterest\" link=\"#\"<\/code>][<code>\/social_area<\/code>]<\/pre>\n<p> <\/div><div class=\"one_half  last_column\"><\/p>\n<h3>Search Box \/ Search Form<\/h3>\n<form role=\"search\" method=\"get\" class=\"search-form\" action=\"http:\/\/flythemesdemo.net\/pizza\/\">\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<h4>Get the code<\/h4>\n<pre>[<code>searchform<\/code>]<\/pre>\n<p><\/div><div class=\"clear\"><\/div>\t<\/p>\n<hr>\n<div class=\"one_half \">\n<h3>List Style<\/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<h4>Get the code<\/h4>\n<pre>[<code>unordered_list style=\"list-1\"<\/code>]<<code>li<\/code>>List style 1<<code>\/li<\/code>><<code>li<\/code>>List style 1<<code>\/li<\/code>><<code>li<\/code>>List style 1<<code>\/li<\/code>>[<code>\/unordered_list<\/code>]<\/pre>\n<h5>Usable attibutes<\/h5>\n<p> You can use above shortcode with <strong>list-1 to list-10<\/strong> attibutes <\/div><div class=\"one_half  last_column\"><\/p>\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<h4>Get the code<\/h4>\n<pre>[<code>dropcap<\/code>]L[<code\/>dropcap<\/code>]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.<\/pre>\n<p><\/div><div class=\"clear\"><\/div>\t<\/p>\n<hr>\n<h3>Blockquote<\/h3>\n<p><blockquote class=\"align-left\">Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique molestie mauris, non ultricies turpis consequat eget. Curabitur accumsan fermentum lacus ut imperdiet. Nunc massa lectus, blandit in accumsan at, tristique non mi. Pellentesque fermentum ligula nec quam suscipit ornare.<\/blockquote><blockquote class=\"align-right\">Duis turpis eros, tincidunt id tincidunt at, tempor a nisi. Fusce turpis mi, sollicitudin non volutpat id, ornare at nunc. Vestibulum tristique molestie mauris, non ultricies turpis consequat eget. Curabitur accumsan fermentum lacus ut imperdiet. Nunc massa lectus, blandit in accumsan at, tristique non mi. Pellentesque fermentum ligula nec quam suscipit ornare.<\/blockquote><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>blockquote align=\"left\/right\"<\/code>] Text Here.. [<code>\/blockquote<\/code>]<\/pre>\n<hr>\n<div class=\"one_half \">\n<h3>YouTube Video<\/h3>\n<div class=\"youtube-vid\"><iframe loading=\"lazy\" width=\"100%\" height=\"350\" src=\"https:\/\/www.youtube.com\/embed\/_mlf-lP9g6E\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/div>\n<h4>Get the code<\/h4>\n<pre>[<code>youtube vid_src=\"https:\/\/www.youtube.com\/embed\/_mlf-lP9g6E\" vid_height=\"350\"<\/code>]<\/pre>\n<p><\/div><div class=\"one_half  last_column\"><\/p>\n<h3>Vimeo Video<\/h3>\n<div class=\"vimeo-vid\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/144785540\" width=\"100%\" height=\"350\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/div>\n<h4>Get the code<\/h4>\n<pre>[<code>vimeo vid_src=\"https:\/\/player.vimeo.com\/video\/144785540\" vid_height=\"350\"<\/code>]<\/pre>\n<p><\/div><div class=\"clear\"><\/div><\/p>\n<hr>\n<div class=\"section_head\" style=\"text-align:center;\">\n<h2 class=\"section_title\">Alert Boxes<\/h2>\n<\/div>\n<p><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><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><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><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><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><\/p>\n<h4>Get the code<\/h4>\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[<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[<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[<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[<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<hr>\n<div class=\"section_head\" style=\"text-align:center;\">\n<h2 class=\"section_title\">Buttons<\/h2>\n<\/div>\n<p><div class=\"one_fourth \"><div class=\"clear\"><\/div><a href=\"\"  title=\"Medium Gradient Button\" class=\"grad-btn-small btn-align-left\" style=\"background-color:#e00; color:#fff\">Small Gradient Button<\/a><div class=\"clear\"><\/div><\/div><div class=\"one_fourth \"><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><\/div><div class=\"one_fourth \"><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><\/div><div class=\"one_fourth  last_column\"><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><\/div><div class=\"clear\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>gradient_button size=\"small\/medium\/large\/x-large\" bg_color=\"#e00\" color=\"#fff\" text=\"Medium Gradient Button\" title=\"Medium Gradient Button\" url=\"\" position=\"left\"<\/code>]<\/pre>\n<hr>\n<p><div class=\"one_fourth \"><div class=\"clear\"><\/div><a href=\"\"  title=\"Small Simple Button\" class=\"simple-btn-small btn-align-left\" style=\"background-color:#e00; color:#fff\">Medium Gradient Button<\/a><div class=\"clear\"><\/div><\/div><div class=\"one_fourth \"><div class=\"clear\"><\/div><a href=\"\"  title=\"Medium Gradient Button\" class=\"simple-btn-medium btn-align-left\" style=\"background-color:#060; color:#fff\">Medium Simple Button<\/a><div class=\"clear\"><\/div><\/div><div class=\"one_fourth \"><div class=\"clear\"><\/div><a href=\"\"  title=\"Large Gradient Button\" class=\"simple-btn-large btn-align-left\" style=\"background-color:#026; color:#fff\">Large Simple Button<\/a><div class=\"clear\"><\/div><\/div><div class=\"one_fourth  last_column\"><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><\/div><div class=\"clear\"><\/div><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>simple_button size=\"small\/medium\/large\/x-large\" bg_color=\"#e00\" color=\"#fff\" text=\"Medium Simple Button\" title=\"Medium Gradient Button\" url=\"\" position=\"left\"<\/code>]<\/pre>\n<hr>\n<p><div class=\"one_half \"><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><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>round_button style=\"light\" text=\"Round Button\" title=\"Round Button\" url=\"\" position=\"left\"<\/code>]<\/pre>\n<p><\/div><div class=\"one_half  last_column\"><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><\/p>\n<h4>Get the code<\/h4>\n<pre>[<code>round_button style=\"dark\" text=\"Round Button\" title=\"Round Button\" url=\"\" position=\"left\"<\/code>]<\/pre>\n<p><\/div><div class=\"clear\"><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Column Shortcode 2 Column Shortcode Get the code [column_content type=\"one_half\" subcls=\"Add extra class to column\"] Column content goes here.. [\/column_content] [column_content type=\"one_half_last\" subcls=\"Add extra class to column\"] Column content goes here.. [\/column_content][clear] 3 Column Shortcode Get the code [column_content type=\"one_third\" subcls=\"Add extra class to column\"] Column content goes here.. [\/column_content] [column_content type=\"one_third\" subcls=\"Add extra class to column\"] Column content goes here.. [\/column_content] [column_content type=\"one_third_last\" subcls=\"Add extra class to column\"] Column content goes here.. [\/column_content][clear] 4 Column Shortcode Get the code [column_content type=\"one_fourth\" subcls=\"Add extra class to column\"] Column content goes here.. [\/column_content] [column_content type=\"one_fourth\" subcls=\"Add extra class to column\"] Column&#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-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":2,"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":101,"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/pages\/22\/revisions\/101"}],"wp:attachment":[{"href":"http:\/\/flythemesdemo.net\/pizza\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}