{"id":3798,"date":"2016-01-19T18:30:20","date_gmt":"2016-01-19T18:30:20","guid":{"rendered":"http:\/\/themes.oitentaecinco.com\/winner-sample\/?page_id=3798"},"modified":"2016-01-19T18:30:20","modified_gmt":"2016-01-19T18:30:20","slug":"drag-n-drop-page-builder","status":"publish","type":"page","link":"https:\/\/dnanimal.com.br\/sitenovo\/features\/drag-n-drop-page-builder\/","title":{"rendered":"Drag-n-drop Page Builder"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1458826694299{background-color: #2b2b2b !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_empty_space height=&#8221;5px&#8221;] <div class=\"sc85_heading wpb_content_element bold center\" style=\"margin-bottom:20px\"> <h1 class=\"title\" style=\"color:#ffffff\">Page Builder<cite class=\"separator\" style=\"background-color:#ffffff\"><\/cite><\/h1> <div class=\"subtitle\" style=\"color:#ffffff\">Winner comes packed with a customized version of the Visual Composer plugin.<br \/> Visually drag and drop your content to build unique and beautiful pages within a few minutes.<\/div> <\/div> [vc_single_image image=&#8221;4901&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1458836262870{margin-bottom: 0px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column] <div class=\"sc85_heading wpb_content_element impact center\"> <h2 class=\"title\">You get what you see<cite class=\"separator\"><\/cite><\/h2> <div class=\"subtitle\">There is no longer a need to mess with shortcodes and fiddle through long pages of content.<br \/> See your page layout as it is represented on the front end live site.<\/div> <\/div> [vc_single_image image=&#8221;4818&#8243; img_size=&#8221;1000&#215;400&#8243; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;] <div class=\"sc85_iconbox wpb_content_element centered\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-clock-o\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">It is fast &amp; Saves time<\/h3> <\/div> <\/div> [\/vc_column][vc_column width=&#8221;1\/4&#8243;] <div class=\"sc85_iconbox wpb_content_element centered\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-clipboard\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Unlimited Design Options<\/h3> <\/div> <\/div> [\/vc_column][vc_column width=&#8221;1\/4&#8243;] <div class=\"sc85_iconbox wpb_content_element centered\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-arrows\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Easy to use, no coding<\/h3> <\/div> <\/div> [\/vc_column][vc_column width=&#8221;1\/4&#8243;] <div class=\"sc85_iconbox wpb_content_element centered\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-mobile\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Responsive Design Ready<\/h3> <\/div> <\/div> [\/vc_column][\/vc_row][vc_row][vc_column] <div class=\"sc85_heading wpb_content_element impact center\"> <h2 class=\"title\">Dozen of Shortcodes<cite class=\"separator\"><\/cite><\/h2> <div class=\"subtitle\">You will have at your disposal dozens of shortcodes along with hundreds of intuitive options.<br \/> It will allow you to customize the look and feel of your site with ease.<\/div> <\/div> [vc_single_image image=&#8221;4818&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; parallax=&#8221;content-moving&#8221; parallax_image=&#8221;4818&#8243;][vc_column]<div class=\"sc85_call_to_action wpb_content_element center_aligned\" style=\"color:#ffffff\"><div class=\"head section\"><h1 class=\"title\">It is not only useful, it\u2019s fun.<\/h1><div class=\"subtitle\">This page is an example of what you can do with Winner and Visual Composr.<\/div><\/div><div class=\"foot section\"><div class=\"sc85_button normal inline\"><a href=\"#\" class=\"button\">View More Features<\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;] <div class=\"sc85_iconbox wpb_content_element clean_right_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-arrows\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Drag-n-Drop Interface<\/h3> <div class=\"text\">Simply add content elements like text, images and buttons to your page, and organize them visually with a drag-n-drop interface.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_right_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-recycle\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Delete options<\/h3> <div class=\"text\">Sometimes the creative process needs to start over... Quickly delete all content and start fresh, or simply remove individual elements as needed.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_right_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-table\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Grid System<\/h3> <div class=\"text\">Our flexible framework allows up to 6 columns wide! Use any column combination for creative layouts.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_right_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-plug\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">3rd Party Plugins Integration<\/h3> <div class=\"text\">Shortcodes from popular plugins like WooCommerce, ContactForm7, etc. will be automatically loaded on the page builder interface.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_right_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-arrows-h\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Column Height, Gaps and Position<\/h3> <div class=\"text\">Control height of your columns by applying equal height option. Set gaps between columns or merge them together with one click. <\/div> <\/div> <\/div> [\/vc_column][vc_column width=&#8221;1\/2&#8243;] <div class=\"sc85_iconbox wpb_content_element clean_left_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-files-o\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Element cloning<\/h3> <div class=\"text\">For faster page creation, you can clone any element on the page or clone an entire container. This allows you to quickly duplicate your site content.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_left_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-floppy-o\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Template System<\/h3> <div class=\"text\">After creating your own unique pages you could save them as a template to use at a later time.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_left_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-code\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Custom CSS Per Page<\/h3> <div class=\"text\">You can add custom CSS rules for a particular page or post. You don't need to add them to the global stylesheet.<\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_left_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-paint-brush\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Design Options<\/h3> <div class=\"text\">Control how elements look. Set borders, margins, paddings, border radius and background with a few simple clicks. <\/div> <\/div> <\/div>  <div class=\"sc85_iconbox wpb_content_element clean_left_aligned\"> <div class=\"icon\"> <i class=\"fa fa-fw fa fa-folder-open\"><\/i> <\/div> <div class=\"info\"> <h3 class=\"title\">Custom Post Type Support<\/h3> <div class=\"text\">The Page Builder can be activated for regular WordPress pages and posts, but also for the theme Custom Post Types.<\/div> <\/div> <\/div> [\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"sc85_wrapper\" style=\"text-align:left; background-color:#fafafa; border:1px solid #eeeeee; -webkit-border-radius:10px; border-radius:10px; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px; font-size:1em\"><div class=\"sc85_call_to_action wpb_content_element center_aligned\"><div class=\"head section\"><h1 class=\"title\">Start Creating Now<\/h1><div class=\"subtitle\">Join community of satisfied users who use Winner to build beautiful websites<\/div><\/div><div class=\"foot section\"><div class=\"sc85_button normal inline\"><a href=\"#\" class=\"button\"><i style=\"margin-right:5px\" class=\"fa fa-shopping-cart\"><\/i>Buy Winner Now<\/a><\/div><\/div><\/div><\/div>[vc_empty_space][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1458826694299{background-color: #2b2b2b !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_empty_space height=&#8221;5px&#8221;][vc_single_image image=&#8221;4901&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1458836262870{margin-bottom: 0px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=&#8221;4818&#8243; img_size=&#8221;1000&#215;400&#8243; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=&#8221;4818&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; parallax=&#8221;content-moving&#8221; parallax_image=&#8221;4818&#8243;][vc_column][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3802,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3798","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/pages\/3798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/comments?post=3798"}],"version-history":[{"count":0,"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/pages\/3798\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/pages\/3802"}],"wp:attachment":[{"href":"https:\/\/dnanimal.com.br\/sitenovo\/wp-json\/wp\/v2\/media?parent=3798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}