{"id":567,"date":"2020-09-03T05:52:52","date_gmt":"2020-09-03T05:52:52","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=567"},"modified":"2021-01-06T13:25:56","modified_gmt":"2021-01-06T13:25:56","slug":"features-widget","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/features-widget\/","title":{"rendered":"Features Widget"},"content":{"rendered":"<div id=\"pl-567\"  class=\"panel-layout\" ><div id=\"pg-567-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-567-0\" data-stretch-type=\"full\" ><div id=\"pgc-567-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-567-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-567-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:0px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tFeatures Widget\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">Display animated features in a grid. You can use this widget to display featured services, contact information, and similar content. Each element can be styled individually.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-567-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-567-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-567-1\" data-stretch-type=\"full\" ><div id=\"pgc-567-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-567-1-0\" ><div id=\"panel-567-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">1<\/span> Adding features:\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-1-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Add+ <\/strong>creates a new element. You can add\u00a0any number of feature panels to the grid.<\/li>\n<li><strong>Icon:<\/strong> Add an icon to the feature.<\/li>\n<li><strong>Choose an Image:\u00a0<\/strong>This image will be displayed instead of the icon.<\/li>\n<li><strong>Title<\/strong>: Displays the feature title.<\/li>\n<li><strong>Description:\u00a0<\/strong>Adds a short description of the feature.<\/li>\n<li><strong>Button text and Destination URL:<\/strong> Adds a button to the feature that leads to a set page.<\/li>\n<li><strong>Open in a new tab: <\/strong>Check to open the button link in a new window.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-567-1-0-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-567-1-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tElement style\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-1-0-4\" class=\"so-panel widget widget_sow-editor\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li>You can change the <strong>icon color <\/strong>of the selected feature.<\/li>\n<li><strong>Background image:<\/strong> For the background, you can set an image from the media library or upload a new one. The image will enlarge on hover.<\/li>\n<li><strong>Background color overlay and opacity:<\/strong> You can customize the background color overlay and its opacity.*<\/li>\n<li><strong>Button color: <\/strong>Choose from theme defined button colors.<\/li>\n<li><strong>Title hover color: <\/strong>Sets the color of the feature title while hovering over it.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-567-1-0-5\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-0-5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"alert alert-info\" role=\"alert\">*You can make the <strong>background transparent<\/strong> by clearing the background-color field.<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-567-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-567-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"966\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-567-1-1-1\" class=\"so-panel widget widget_orion_empty_space_w\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-lg visible-md visible-sm visible-xs\" style=\"height:30px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-567-1-1-2\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-1-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-elementstyle.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-elementstyle.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"745\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-elementstyle.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-567-2\"  class=\"panel-grid panel-has-style\" ><div class=\"orion-collapse-right-top siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default bg-altsitebg panel-row-style panel-row-style-for-567-2\" style=\"z-index:2;\" data-stretch-type=\"full\" data-z-index=\"2\" ><div id=\"pgc-567-2-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-567-2-0\" ><div id=\"panel-567-2-0-0\" class=\"so-panel widget widget_orion_image_w panel-first-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-style-916x1024.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-style-916x1024.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"1073\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-style.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-567-2-0-1\" class=\"so-panel widget widget_orion_empty_space_w\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-lg visible-md visible-sm visible-xs\" style=\"height:30px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-567-2-0-2\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-buttonstyle.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-buttonstyle.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"395\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-features-widget-buttonstyle.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-567-2-1\"  class=\"panel-grid-cell\" ><div class=\"custom panel-cell-style panel-cell-style-for-567-2-1\" ><div id=\"panel-567-2-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"14\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">2<\/span> Style &amp; Layout Settings\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-2-1-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"15\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Elements per row:<\/strong> Sets the number of features per row on desktop.<\/li>\n<li><strong>Row Height in pixels:<\/strong> The height of a row in the grid of features.<\/li>\n<li><strong>Auto heigh on mobile <\/strong>(Dentalia 2.0+): Check for better fitting content.<\/li>\n<li><strong>Text color:<\/strong> Sets the text color to dark or light for the entire widget.<\/li>\n<li><strong>Text alignment: <\/strong>Aligns the elements to left, right, or center.<\/li>\n<li><strong>Heading size and bold heading<\/strong> (Dentalia 2.0+): You can change the size of the titles and make them bold if you want.<\/li>\n<li><strong>Icon size:<\/strong> Sets the icon size of all the features.<\/li>\n<li><strong>Always show description: <\/strong>Check whether you want the feature description to be always visible.*<\/li>\n<li><strong>Add border and border color:\u00a0 <\/strong>Check to separate the features with borders. Upon adding borders you can also change their color.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-567-2-1-2\" class=\"so-panel widget widget_sow-editor\" data-index=\"16\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"alert alert-info\" role=\"alert\">*Descriptions are always visible on mobile devices.<\/div>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-567-2-1-3\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"17\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-1-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:35px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-567-2-1-4\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"18\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-1-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tButton style\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-2-1-5\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"19\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-2-1-5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li>You can change the <strong>style, size, and shape of the buttons<\/strong>. This affects the entire widget.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-567-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default clear panel-row-style panel-row-style-for-567-3\" data-stretch-type=\"full\" ><div id=\"pgc-567-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-567-3-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"20\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample A\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-3-0-1\" class=\"so-panel widget widget_orion_features_w panel-last-child\" data-index=\"21\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-3-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix has-bg text-center col-md-12 col-sm-12 text-default\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap no-toggle\">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: rgba(244,248,250,1);\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-elegantline\" data-sow-icon=\"&#xe033;\"\n\t\tstyle=\"color: #00BCD4\" \n\t\taria-hidden=\"true\"><\/span><a class=\"primary-hover\" href=\"#\"><h4 class=\"item-title h5 primary-hover\">Customizable<\/h4><\/a>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a  href=\"#\" class=\"btn btn btn-c1 btn-flat btn-sm\">Read more<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-567-3-1\"  class=\"panel-grid-cell\" ><div id=\"panel-567-3-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"22\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-3-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\t Example B\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-3-1-1\" class=\"so-panel widget widget_orion_features_w panel-last-child\" data-index=\"23\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-3-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix has-bg text-center col-md-12 col-sm-12 text-light\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap \">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: rgba(63,81,181,0.7);\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\" style=\"background-image: url('https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-960\u200a\u00d7\u200a960-smile-design-750x750.jpg');\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-elegantline\" data-sow-icon=\"&#xe044;\"\n\t\tstyle=\"color: #fff; font-size: 84px; line-height: 96px\" \n\t\taria-hidden=\"true\"><\/span><a class=\"white-hover\" href=\"#\"><h4 class=\"item-title h4 text-bold white-hover\">Animated<\/h4><\/a>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a  href=\"#\" class=\"btn btn btn-white btn-wire btn-sm\">Read more<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-567-3-2\"  class=\"panel-grid-cell\" ><div id=\"panel-567-3-2-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"24\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-3-2-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\t Example C\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-567-3-2-1\" class=\"so-panel widget widget_orion_features_w panel-last-child\" data-index=\"25\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-567-3-2-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_features_w so-widget-orion_features_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"features-wrap auto-height-mobile\">\r\n\t<div class=\"table-wrap\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t<div class=\"feature-item clearfix has-bg text-center col-md-12 col-sm-12 text-light\" >\r\n\t\t\t\t<div class=\"overflow-hidden\">\r\n\t\t\t\t\t<div class=\"feature-item-wrap table-wrap \">\t\t\r\n\t\t\t\t\t\t<div class=\"overlay-wrap\" style=\"background-color: rgba(0,188,212,1);\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"image-overlay-wrap\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"table-cell\" style=\"height:360px;\">\r\n\t\t\t\t\t\t\t<div class=\"header\">\r\n\t\t\t\t\t\t\t\t<span class=\"sow-icon-elegantline\" data-sow-icon=\"&#xe000;\"\n\t\tstyle=\"color: #ffffff; font-size: 120px; line-height: 150px\" \n\t\taria-hidden=\"true\"><\/span><h4 class=\"item-title h5\">Responsive<\/h4>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"footer\">\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\t\t\t\t\t\t\t\t<\/p>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Display animated features in a grid. You can use this widget to display featured services, contact information, and similar content. Each element can be styled individually. Add+ creates a new element. You can add\u00a0any number of feature panels to the grid. Icon: Add an icon to the feature. Choose an Image:\u00a0This image will be displayed<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/567"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":23,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":2977,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/567\/revisions\/2977"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/984"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}