{"id":270639,"date":"2020-03-17T06:42:49","date_gmt":"2020-03-17T13:42:49","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?page_id=270639"},"modified":"2023-07-25T14:18:14","modified_gmt":"2023-07-25T21:18:14","slug":"off-canvas-content","status":"publish","type":"page","link":"https:\/\/wpbeaveraddons.com\/demo\/off-canvas-content\/","title":{"rendered":"Off-Canvas Content"},"content":{"rendered":"\n<h2>\n\t\tOff-Canvas Module <br \/>for Beaver Builder\n\t<\/h2>\n\tCreate and add a beautiful flyout panel on your website with the Off-Canvas Module for Beaver Builder by PowerPack.<br \/>\n<strong><br \/>\n<\/strong>\n\t<ul>\n\t\t\t<li>\n\t\t\t\tSupports Multiple Content Types\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tImpressive Animation Effects\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tFull Control Over Display Option\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tAdd Custom Icons\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\tExtensive Styling &#038; Customization Options\n\t\t\t<\/li>\n\t\t\t<li>\n\t\t\t\t100% Responsive\n\t\t\t<\/li>\n\t\t<\/ul>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-img-1b.png\" alt=\"off-canvas-module-img-1b\" itemprop=\"image\" height=\"558\" width=\"400\" title=\"off-canvas-module-img-1b\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tAdd Multiple Content Types to\n\t\t\t\t\t\t\t\t\t\t\tCreate Stunning Off-canvas Flyouts\n\t\t<\/h2>\n\t\t\t<p>PowerPack off-canvas content module allows you to showcase multiple content types in a stylish flyout. You can add saved module, layouts, row, or can add any custom content to display a stylish flyout on websites.<\/p>\t\t\n\t\t<h2>\n\t\t\tOff-Canvas with Saved Layout Content\n\t\t<\/h2>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2016\/08\/lee-jackson-150x150.jpg\" alt=\"lee-jackson\" \/>\n\t\t<h4>Lee Jackson &#8211; Angled Crown<\/h4>\n\t\t\t<p><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/stars.jpg\" alt=\"star-image\" width=\"100\" height=\"24\" \/>We are using PowerPack both for select client websites and our own.<\/p>\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2016\/06\/chantal-150x150.jpg\" alt=\"Chantal Marie-Laurence Edouard-Betsy\" \/>\n\t\t<h4>Chantal &#8211; 1 Day Webs<\/h4>\n\t\t\t<p><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/stars.jpg\" alt=\"star-image\" width=\"100\" height=\"24\" \/><\/p>\n<p>PowerPack is an invaluable set of tools in my development process.<\/p>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/robby.jpg\" alt=\"robby\" \/>\n\t\t<h4>Robby McCullough &#8211; Beaver Builder <\/h4>\n\t\t\t<p><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/stars.jpg\" alt=\"star-image\" width=\"100\" height=\"24\" \/><\/p>\n<p>Great Product from a Great Team!<\/p>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/06\/david.jpeg\" alt=\"david\" \/>\n\t\t<h4>David Waumsley &#8211; Power Beaver<\/h4>\n\t\t\t<p><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/stars.jpg\" alt=\"star-image\" width=\"100\" height=\"24\" \/><\/p>\n<p>If you bought Beaver Builder you really should take a good look at PowerPack. Their commitment to the Beaver Builder community and thoughtfulness has made it an addon that can not be ignored.<\/p>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/kim-doyal-1-150x150.jpg\" alt=\"kim-doyal\" \/>\n\t\t<h4>Kim Doyal &#8211; The WP Chick<\/h4>\n\t\t\t<p><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/stars.jpg\" \/>You&#8217;re going to LOVE the PowerPack! Tons of great new style elements.<\/p>\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/katie-150x150.jpg\" alt=\"katie\" \/>\n\t\t<h4>Katie &#8211;  Katie O&#8217;Brien Web Design<\/h4>\n\t\t\t<p><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/stars.jpg\" alt=\"star-image\" width=\"100\" height=\"24\" \/><\/p>\n<p>They have fabulous customer support with amazing response times.<\/p>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=homepage&#038;utm_medium=cta&#038;utm_campaign=features_cta\" role=\"button\" target=\"_self\" onclick=\"\" rel=\"noopener\">\n\t\t\t\t\t\t\t\tGET POWERPACK\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<a href=\"https:\/\/wpbeaveraddons.com\/powerpack-review\/?utm_source=homepage&#038;utm_medium=cta&#038;utm_campaign=features_cta\" role=\"button\" target=\"_self\" onclick=\"\" rel=\"noopener\">\n\t\t\t\t\t\t\t\tREAD REVIEWS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<a href=\"javascript:void(0)\" role=\"button\">\n\t\t\t\t\tTry Me!\t\t\t\t\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/custom-arrow-2.png\" alt=\"custom-arrow-2\" itemprop=\"image\" height=\"57\" width=\"57\" title=\"custom-arrow-2\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tContent Display &#038; Positioning\n\t\t<\/h2>\n\t\t\t<p>PowerPack off-canvas module offers various positions for the placement of content. You can easily display content from different locations of your site: Top, Bottom, Left, or Right. Open.<\/p>\t\t\n\t\t<h2>\n\t\t\tSocial Media\n\t\t<\/h2>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"\" aria-label=\"\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"Instagram\" aria-label=\"Instagram\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"\" aria-label=\"\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"YouTube\" aria-label=\"YouTube\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<h2>\n\t\t\tAddress\n\t\t<\/h2>\n\t\t\t<p>108 Thomaston Road, Preston<br \/>CT 06316, Delware<\/p>\t\t\n\t\t<h2>\n\t\t\tContact Us\n\t\t<\/h2>\n\t\t\tinfo@gmail.com<br \/>\n1-800-123-4567\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t<h2>\n\t\t\tSign up for <br \/>Collaboration\n\t\t<\/h2>\n\t\t\tGet started for free.<br \/>\nNo Spam or affiliate links.\n<form>\n\t<input type=\"hidden\" name=\"fl-layout-id\" value=\"270639\" \/>\n    \t\t<label for=\"pp-email-5e7252c2db703\">Your email address<\/label>\n    \t\tPlease enter a valid email address.\n    \t\t<input type=\"email\" name=\"pp-email\" id=\"pp-email-5e7252c2db703\" value=\"\" placeholder=\"Your email address\"  \/>\n    \t<a href=\"#\" target=\"_self\" role=\"button\" rel=\"noopener\">\n    \t\t    \t\t    \t\tSign Up\n    \t\t    \t\t    \t<\/a>\n\t\t\tMessage Sent!\n\t\t\tMessage failed. Please try again.\n<\/form>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/logo-1.png\" alt=\"logo-1\" itemprop=\"image\" height=\"55\" width=\"89\" title=\"logo-1\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tWhy Choose Us?\n\t\t<\/h2>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-1.png\" alt=\"ico-1\" \/>\n\t\t<h4>Balance Body &#038; Mind<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-2.png\" alt=\"ico-2\" \/>\n\t\t<h4>Special Class<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-3.png\" alt=\"ico-3\" \/>\n\t\t<h4>Personal Trainer<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t<a href=\"\" target=\"_self\" role=\"button\" aria-label=\"Know More\" rel=\"noopener\">\n\t\t\t\t\t\tKnow More\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"\" aria-label=\"\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"Instagram\" aria-label=\"Instagram\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"YouTube\" aria-label=\"YouTube\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t<h2>\n\t\t\tFill the form. <br \/>It&#8217;s easy.\n\t\t<\/h2>\n\t\t\tPlease send your message below.<br \/>\nWe will get back to your at the earliest!\n<form>\n\t<input type=\"hidden\" name=\"fl-layout-id\" value=\"270639\" \/>\n    \t\t<label for=\"pp-name-5e72694f84b2b\">Full Name<\/label>\n    \t\tPlease enter your name.\n    \t\t<input type=\"text\" name=\"pp-name\" id=\"pp-name-5e72694f84b2b\" value=\"\" placeholder=\"Full Name\"  \/>\n    \t\t<label for=\"pp-email-5e72694f84b2b\">Email Address<\/label>\n    \t\tPlease enter a valid email address.\n    \t\t<input type=\"email\" name=\"pp-email\" id=\"pp-email-5e72694f84b2b\" value=\"\" placeholder=\"Email Address\"  \/>\n    \t\t<label for=\"pp-message-5e72694f84b2b\">Message<\/label>\n    \t\tPlease type your message.\n    \t\t<textarea name=\"pp-message\" id=\"pp-message-5e72694f84b2b\" placeholder=\"Message\"><\/textarea>\n    \t<a href=\"#\" target=\"_self\" role=\"button\" rel=\"noopener\">\n    \t\t    \t\t    \t\tSend now\n    \t\t    \t\t    \t<\/a>\n\t\t\tMessage Sent!\n\t\t\tMessage failed. Please try again.\n<\/form>\n\tinfo@gmail.com<br \/>\n1-800-123-4567\n\t<p>Facebook \u00b7 Twitter \u00b7 Instagram<\/p>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-1.png\" alt=\"off-canvas-module-icon-1\" itemprop=\"image\" height=\"143\" width=\"124\" title=\"off-canvas-module-icon-1\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-2.png\" alt=\"off-canvas-module-icon-2\" itemprop=\"image\" height=\"143\" width=\"124\" title=\"off-canvas-module-icon-2\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-3.png\" alt=\"off-canvas-module-icon-3\" itemprop=\"image\" height=\"143\" width=\"124\" title=\"off-canvas-module-icon-3\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-4.png\" alt=\"off-canvas-module-icon-4\" itemprop=\"image\" height=\"144\" width=\"124\" title=\"off-canvas-module-icon-4\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-img-2.png\" alt=\"off-canvas-module-img-2\" itemprop=\"image\" height=\"504\" width=\"588\" title=\"off-canvas-module-img-2\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tAdvanced Trigger Options\n\t\t<\/h2>\n\t\t\t<p>Trigger or open off-canvas content using any element on a page. You can choose a button, an icon, a custom class, or even a custom ID to trigger off-canvas content. Also here you get the full flexibility to customize each element as per your need.<\/p>\t\t\n\t\t<h2>\n\t\t\tCool Transition Effects\n\t\t<\/h2>\n\t\t\t<p>PowerPack Off-canvas module comes with smooth transition effects to spice up your website&#8217;s design and style. You can choose from the 4 different cool effects and add visually appealing content on the website.<\/p>\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/logo-1.png\" alt=\"logo-1\" itemprop=\"image\" height=\"55\" width=\"89\" title=\"logo-1\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tWhy Choose Us?\n\t\t<\/h2>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-1.png\" alt=\"ico-1\" \/>\n\t\t<h4>Balance Body &#038; Mind<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-2.png\" alt=\"ico-2\" \/>\n\t\t<h4>Special Class<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-3.png\" alt=\"ico-3\" \/>\n\t\t<h4>Personal Trainer<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t<a href=\"\" target=\"_self\" role=\"button\" aria-label=\"Know More\" rel=\"noopener\">\n\t\t\t\t\t\tKnow More\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"\" aria-label=\"\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"Instagram\" aria-label=\"Instagram\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"YouTube\" aria-label=\"YouTube\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/logo-1.png\" alt=\"logo-1\" itemprop=\"image\" height=\"55\" width=\"89\" title=\"logo-1\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tWhy Choose Us?\n\t\t<\/h2>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-1.png\" alt=\"ico-1\" \/>\n\t\t<h4>Balance Body &#038; Mind<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-2.png\" alt=\"ico-2\" \/>\n\t\t<h4>Special Class<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/ico-3.png\" alt=\"ico-3\" \/>\n\t\t<h4>Personal Trainer<\/h4>\n\t\t\t\t\t<p>Mauris fermentum dictum<br \/>magna. Sed laoreet aliquam leo.<\/p>\t\t\t\t\n\t<a href=\"\" target=\"_self\" role=\"button\" aria-label=\"Know More\" rel=\"noopener\">\n\t\t\t\t\t\tKnow More\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"\" aria-label=\"\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"Instagram\" aria-label=\"Instagram\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t<link itemprop=\"url\" href=\"https:\/\/wpbeaveraddons.com\"\/>\n\t\t<a itemprop=\"sameAs\" href=\"#\" target=\"_self\" title=\"YouTube\" aria-label=\"YouTube\" role=\"button\" rel=\"noopener\">\n\t\t\t\t\t<\/a>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t<h2>\n\t\t\tFill the form. <br \/>It&#8217;s easy.\n\t\t<\/h2>\n\t\t\tPlease send your message below.<br \/>\nWe will get back to your at the earliest!\n<form>\n\t<input type=\"hidden\" name=\"fl-layout-id\" value=\"270639\" \/>\n    \t\t<label for=\"pp-name-5e72694f84b2b\">Full Name<\/label>\n    \t\tPlease enter your name.\n    \t\t<input type=\"text\" name=\"pp-name\" id=\"pp-name-5e72694f84b2b\" value=\"\" placeholder=\"Full Name\"  \/>\n    \t\t<label for=\"pp-email-5e72694f84b2b\">Email Address<\/label>\n    \t\tPlease enter a valid email address.\n    \t\t<input type=\"email\" name=\"pp-email\" id=\"pp-email-5e72694f84b2b\" value=\"\" placeholder=\"Email Address\"  \/>\n    \t\t<label for=\"pp-message-5e72694f84b2b\">Message<\/label>\n    \t\tPlease type your message.\n    \t\t<textarea name=\"pp-message\" id=\"pp-message-5e72694f84b2b\" placeholder=\"Message\"><\/textarea>\n    \t<a href=\"#\" target=\"_self\" role=\"button\" rel=\"noopener\">\n    \t\t    \t\t    \t\tSend now\n    \t\t    \t\t    \t<\/a>\n\t\t\tMessage Sent!\n\t\t\tMessage failed. Please try again.\n<\/form>\n\tinfo@gmail.com<br \/>\n1-800-123-4567\n\t<p>Facebook \u00b7 Twitter \u00b7 Instagram<\/p>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t<h2>\n\t\t\tFill the form. <br \/>It&#8217;s easy.\n\t\t<\/h2>\n\t\t\tPlease send your message below.<br \/>\nWe will get back to your at the earliest!\n<form>\n\t<input type=\"hidden\" name=\"fl-layout-id\" value=\"270639\" \/>\n    \t\t<label for=\"pp-name-5e72694f84b2b\">Full Name<\/label>\n    \t\tPlease enter your name.\n    \t\t<input type=\"text\" name=\"pp-name\" id=\"pp-name-5e72694f84b2b\" value=\"\" placeholder=\"Full Name\"  \/>\n    \t\t<label for=\"pp-email-5e72694f84b2b\">Email Address<\/label>\n    \t\tPlease enter a valid email address.\n    \t\t<input type=\"email\" name=\"pp-email\" id=\"pp-email-5e72694f84b2b\" value=\"\" placeholder=\"Email Address\"  \/>\n    \t\t<label for=\"pp-message-5e72694f84b2b\">Message<\/label>\n    \t\tPlease type your message.\n    \t\t<textarea name=\"pp-message\" id=\"pp-message-5e72694f84b2b\" placeholder=\"Message\"><\/textarea>\n    \t<a href=\"#\" target=\"_self\" role=\"button\" rel=\"noopener\">\n    \t\t    \t\t    \t\tSend now\n    \t\t    \t\t    \t<\/a>\n\t\t\tMessage Sent!\n\t\t\tMessage failed. Please try again.\n<\/form>\n\tinfo@gmail.com<br \/>\n1-800-123-4567\n\t<p>Facebook \u00b7 Twitter \u00b7 Instagram<\/p>\n\t\t\t\t<h4>Off-Canvas Content<\/h4>\n\t\t\t\t\tYou have selected to open off-canvas bar using another element. This placeholder will not be shown on the live page.\t\t\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-5.png\" alt=\"off-canvas-module-icon-5\" itemprop=\"image\" height=\"146\" width=\"124\" title=\"off-canvas-module-icon-5\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-6.png\" alt=\"off-canvas-module-icon-6\" itemprop=\"image\" height=\"146\" width=\"134\" title=\"off-canvas-module-icon-6\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-7.png\" alt=\"off-canvas-module-icon-7\" itemprop=\"image\" height=\"149\" width=\"165\" title=\"off-canvas-module-icon-7\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-icon-8.png\" alt=\"off-canvas-module-icon-8\" itemprop=\"image\" height=\"146\" width=\"124\" title=\"off-canvas-module-icon-8\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-img-5.png\" alt=\"off-canvas-module-img-5\" itemprop=\"image\" height=\"595\" width=\"547\" title=\"off-canvas-module-img-5\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tOff-Canvas Panel with Customized Close Button\n\t\t<\/h2>\n\t\t\t<p>With the Off-canvas module, you can easily enable or disable the display of a close button over any content type. Enabling this feature gives you the flexibility to customize the close button. You can choose the icon type icon color, size, etc from the style section of the module.Moreover, for an easy user interface, you can enable &#8220;<strong>ESC to close<\/strong>&#8221; and &#8220;<strong>Click anywhere to close<\/strong>&#8221; option.<\/p>\t\t\n\t\t<h2>\n\t\t\tTypography and Color Options\n\t\t<\/h2>\n\t\t\t<p>Typography and color options available with the module allow you to alter fonts, background color, and other elements&#8217; color in just a few clicks. It gives you full flexibility to style every element of the off-canvas panels.<\/p>\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-img-4.png\" alt=\"off-canvas-module-img-4\" itemprop=\"image\" height=\"540\" width=\"585\" title=\"off-canvas-module-img-4\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h2>\n\t\t\tShowcase Content Flawlessly On All Devices\n\t\t<\/h2>\n\t\t\t<p>Enhance the user&#8217;s website navigation experience by building an off-canvas panel that looks beautiful on all devices. We are now pretty familiar with responsive web designs, so it is a mandatory approach to design elements of a website that works flawlessly on each device type.<\/p>\t\t\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-0.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-1.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-2.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-3.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-4.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-5.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-6.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-7.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/off-canvas-module-slide-8.png\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<!-- pagination -->\n\t\t<h3>\n\t\t\tGet Access to 350+ Beautiful Templates &#038; 90+ Creative Modules.\n\t\t<\/h3>\n\t\t\t<p>Buy worry free with our 14-Days Money Back Guarantee.\u00a0<\/p>\t\t\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=footer&#038;utm_medium=cta&#038;utm_campaign=footer_cta\" target=\"_self\" role=\"button\" aria-label=\"GET POWERPACK\" rel=\"noopener\">\n\t\t\t\t\t\t<strong>GET POWERPACK<\/strong>\n\t\t\t<\/a>\n\n","protected":false},"excerpt":{"rendered":"<p>Off-Canvas Module for Beaver Builder Create and add a beautiful flyout panel on your website with the Off-Canvas Module for Beaver Builder by PowerPack. Supports Multiple Content Types Impressive Animation Effects Full Control Over Display Option Add Custom Icons Extensive Styling &#038; Customization Options 100% Responsive Add Multiple Content Types to Create Stunning Off-canvas Flyouts&hellip;<\/p>\n","protected":false},"author":5362,"featured_media":271606,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/270639"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/5362"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=270639"}],"version-history":[{"count":4,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/270639\/revisions"}],"predecessor-version":[{"id":612466,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/270639\/revisions\/612466"}],"up":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/79"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/271606"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=270639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}