{"id":4843,"date":"2021-08-17T05:52:43","date_gmt":"2021-08-17T05:52:43","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=4843"},"modified":"2021-09-07T11:03:33","modified_gmt":"2021-09-07T11:03:33","slug":"instagram-profile-slideshow","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/instagram-profile-slideshow\/","title":{"rendered":"Instagram Profile Slideshow"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<div class=\"wp-block-spacer\" style=\"height: 19px;\" aria-hidden=\"true\"><\/div>\n<p><br \/>\n<\/p>\n<p class=\"has-text-align-center\"><strong>By<\/strong> <strong>Layout 20 <\/strong><\/p>\n<p><br \/>\n<\/p>\n<div class=\"wp-block-spacer\" style=\"height: 10px;\" aria-hidden=\"true\"><\/div>\n<div class=\"wp-block-columns\"><br \/>\n<\/p>\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<style>\r\n.ga-padding {\r\n\tpadding: 15px !important;\r\n}\r\n\r\n#sf-20-grid-accordion-175 div.sf-20-slide-title {\r\n\tfont-size: 20px;\r\n\tmargin-bottom: 5px;\r\n\tfont-weight: bold;\r\n}\r\n\r\n#sf-20-grid-accordion-175 div.sf-20-slide-desc {\r\n\tfont-size: 14px;\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n#sf-20-grid-accordion-175 .sf-20-slide-button-1, #sf-20-grid-accordion-175 .sf-20-slide-button-2 {\r\n\t\tbackground-color: #676767;\r\n\tcolor: #fff; \r\n\t\tborder: none;\r\n\tcursor: pointer; \r\n\tborder-radius: 0px; \r\n\ttext-align: center; \r\n\tpadding: 3px 10px; \r\n\t\/*transition: all .3s;*\/\r\n\ttext-decoration: none;\r\n\tmargin-right: 10px;\r\n\tbox-shadow: 3px 3px 3px 0px rgba(0,0,0,0.69);\r\n\t-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.69);\r\n\t-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.69);\r\n}\r\n#sf-20-grid-accordion-175 .sf-20-slide-button-1:hover, #sf-20-grid-accordion-175 .sf-20-slide-button-2:hover {\r\n\t\tbackground-color: #eaeaea;\r\n\tcolor: #000; \r\n\t}\r\n\r\n#sf-20-grid-accordion-175 .sf-20-slide-button-link-1, #sf-20-grid-accordion-175 .sf-20-slide-button-link-2 {\r\n\ttext-decoration: none;\r\n}\r\n\r\nul.sf-20-panel-links-ul-175 {\r\n\tlist-style-type: none;\r\n\ttext-align: center;\r\n\tmargin-top: 20px;\r\n}\r\n\r\nul.sf-20-panel-links-ul-175 li {\r\n\tdisplay: inline;\r\n}\r\n\r\n#sf-20-grid-accordion-175 .panel-counter {\r\n\t\/*background-color: #ffffffeb;*\/\r\n\t\/*background-image: linear-gradient(to bottom, #cccccc, #d5d5d5, #dfdfdf, #e8e8e8, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #e8e8e8, #dfdfdf, #d5d5d5, #cccccc);*\/\r\n\tpadding: 3px 10px;\r\n\tfont-size: 16px;\r\n\tcolor: #000;\r\n\twhite-space: normal;\r\n\tborder-radius: 3px;\r\n\tword-wrap: break-word;\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n\t.ga-pagination-button {\r\n\t\twidth: 16px !important;\r\n\t\theight: 16px !important;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 568px) and (max-width: 768px) {\r\n\t.ga-pagination-button {\r\n\t\twidth: 14px !important;\r\n\t\theight: 14px !important;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 320px) and (max-width: 568px) {\r\n\t.ga-pagination-button {\r\n\t\twidth: 10px !important;\r\n\t\theight: 10px !important;\r\n\t}\r\n}\r\n\r\n.ga-pagination-button {\r\n\tmargin: 4px !important;\r\n}\r\n\r\n.sf-20-panel-links-ul-175 {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n@media only screen and (min-width: 1024px) and (max-width: 1366px) {\r\n\t\t\t#sf-20-grid-accordion-175 div.sf-20-slide-title {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tmargin-bottom: 4px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.sf-20-slide-desc {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tmargin-bottom: 4px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .sf-20-slide-button-1, #sf-20-grid-accordion-175 .sf-20-slide-button-2 {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tmargin-right: 3px;\r\n\t\t}\r\n\t\t\t#sf-20-grid-accordion-175 .panel-counter {\r\n\t\t\tfont-size: 13px;\r\n\t\t}\r\n\t\t}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 1023px) {\r\n\t\t\t#sf-20-grid-accordion-175 div.sf-20-slide-title {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tmargin-bottom: 3px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.sf-20-slide-desc {\r\n\t\t\tfont-size: 10px;\r\n\t\t\tmargin-bottom: 3px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.ga-layer {\r\n\t\t\tpadding: 7px !important;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .panel-counter {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .sf-20-slide-button-1, #sf-20-grid-accordion-175 .sf-20-slide-button-2 {\r\n\t\t\tpadding: 4px 9px; \r\n\t\t\tfont-size: 10px;\r\n\t\t\tmargin-right: 3px;\r\n\t\t}\r\n\t\t}\r\n\r\n@media only screen and (min-width: 500px) and (max-width: 767px) {\r\n\t\t\t#sf-20-grid-accordion-175 div.sf-20-slide-title {\r\n\t\t\tfont-size: 9px;\r\n\t\t\tmargin-bottom: 3px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.sf-20-slide-desc {\r\n\t\t\tfont-size: 7px;\r\n\t\t\tmargin-bottom: 0px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.ga-layer {\r\n\t\t\tpadding: 5px !important;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .panel-counter {\r\n\t\t\tfont-size: 9px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .sf-20-slide-button-1, #sf-20-grid-accordion-175 .sf-20-slide-button-2 {\r\n\t\t\tpadding: 2px 7px; \r\n\t\t\tfont-size: 7px;\r\n\t\t\tmargin-right: 3px;\r\n\t\t}\r\n\t\t}\r\n\r\n@media only screen and (min-width: 320px) and (max-width: 499px) {\r\n\t\t\t#sf-20-grid-accordion-175 div.sf-20-slide-title {\r\n\t\t\tfont-size: 6px;\r\n\t\t\tmargin-bottom: 2px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.sf-20-slide-desc {\r\n\t\t\tfont-size: 5px;\r\n\t\t\tmargin-bottom: 0px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 div.ga-layer {\r\n\t\t\tpadding: 3px !important;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .panel-counter {\r\n\t\t\tfont-size: 6px;\r\n\t\t}\r\n\t\t#sf-20-grid-accordion-175 .sf-20-slide-button-1, #sf-20-grid-accordion-175 .sf-20-slide-button-2 {\r\n\t\t\tpadding: 1px 4px; \r\n\t\t\tfont-size: 6px;\r\n\t\t\tmargin-right: 3px;\r\n\t\t}\r\n\t\t}\r\n\r\n<\/style>\r\n\r\n<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\t\t\/\/ instantiate the accordion\r\n\t\tjQuery('#sf-20-grid-accordion-175').gridAccordion({\r\n\t\t\r\n\t\t\t\t\twidth : '100%',\r\n\t\t\t\t\t\r\n\t\t\t\t\theight : 850,\r\n\t\t\t\t\t\r\n\t\t\t\/\/width : 960,\r\n\t\t\t\/\/Sets the width of the accordion. Can be set to a fixed value, like 900 (indicating 900 pixels), or to a percentage value, like '100%'. It's important to note that percentage values need to be specified inside quotes. For fixed values, the quotes are not necessary. Also, please note that, in order to make the accordion responsive, it's not necessary to use percentage values. More about this in the description of the 'responsive' property.\r\n\t\t\t\/\/Default value: 800\r\n\r\n\t\t\t\/\/height : 700,\r\n\t\t\t\/\/Sets the height of the accordion. The same rules available for the 'width' property also apply for the 'height' property.\r\n\t\t\t\/\/Default value: 400\r\n\r\n\t\t\tresponsive : true,\r\n\t\t\t\/\/Makes the accordion responsive. The accordion can be responsive even if the 'width' and\/or 'height' properties are set to fixed values. In this situation, 'width' and 'height' will act as the maximum width and height of the accordion.\r\n\t\t\t\/\/Default value: true\r\n\r\n\t\t\tresponsiveMode : 'auto',\r\n\t\t\t\/\/Sets the responsive mode of the accordion. Possible values are 'auto' and 'custom'. 'auto' resizes the accordion and all of its elements (e.g., layers, videos) automatically, while 'custom' resizes only the accordion container and panels, and you are given flexibility over the way inner elements (e.g., layers, videos) will respond to smaller sizes. For example, you could use CSS media queries to define different text sizes or to hide certain elements when the accordion becomes smaller, ensuring that all content remains readable without having to zoom in.\r\n\t\t\t\/\/It's important to note that, if 'auto' responsiveness is used, the 'width' and 'height' need to be set to fixed values, so that the accordion can calculate correctly how much it needs to scale.\r\n\t\t\t\/\/Default value: 'auto'\r\n\r\n\t\t\taspectRatio : -1,\r\n\t\t\t\/\/Sets the aspect ratio of the accordion. The accordion will set its height depending on what value its width has, so that this ratio is maintained. For this reason, the set 'height' might be overridden.\r\n\t\t\t\/\/This property can be used only when 'responsiveMode' is set to 'custom'. When it's set to 'auto', the 'aspectRatio' needs to remain -1.\r\n\t\t\t\/\/Default value: -1 (determined by the ratio of the set 'width' and 'height')\r\n\r\n\t\t\torientation : 'horizontal',\r\n\t\t\t\/\/Sets the orientation of the panels. Possible values are 'horizontal' and 'vertical'.\r\n\t\t\t\/\/Default value: 'horizontal'\r\n\r\n\t\t\tcolumns : 3,\r\n\t\t\t\/\/Sets the number of columns. If it's set to -1, the number of columns will be determined automatically, based on the number of rows.\r\n\t\t\t\/\/Default value: 4\r\n\r\n\t\t\trows : 3,\r\n\t\t\t\/\/Sets the number of rows. If it's set to -1, the number of rows will be determined automatically, based on the number of columns.\r\n\t\t\t\/\/Default value: 3\r\n\t\t\t\/\/Note: The 'columns' the 'rows' can't be set to -1 at the same time; one must have a specific value. Also, when either is set to -1, all the panels will be contained in a single page.\r\n\r\n\t\t\tstartPanel : -1,\r\n\t\t\t\/\/Indicates which panel will be opened when the accordion loads (0 for the first panel, 1 for the second panel, etc.). If set to -1, no panel will be opened.\r\n\t\t\t\/\/Default value: -1\r\n\r\n\t\t\topenedPanelWidth : 'max',\r\n\t\t\t\/\/Sets the width of the opened panel. Possible values are: 'max', which will open the panel to its maximum width, so that all the inner content is visible, a percentage value, like '50%', which indicates the percentage of the total width of the accordion, a fixed value, or 'auto'. If it's set to 'auto', all panels opened on the vertical axis will have the same width without any of these panels to open more than their size.\r\n\t\t\t\/\/Default value: 'max'\r\n\r\n\t\t\topenedPanelHeight : 'max',\r\n\t\t\t\/\/Sets the height of the opened panel. Possible values are: 'max', which will open the panel to its maximum height, so that all the inner content is visible, a percentage value, like '50%', which indicates the percentage of the total height of the accordion, a fixed value, or 'auto'. If it's set to 'auto', all panels opened on the horizontal axis will have the same height without any of these panels to open more than their size.\r\n\t\t\t\/\/Default value: 'max'\r\n\r\n\t\t\tmaxOpenedPanelWidth : '70%',\r\n\t\t\t\/\/Sets the maximum allowed width of the opened panel. This should be used when the 'openedPanelWidth' is set to 'max', because sometimes the maximum width of the panel might be too big and we want to set a limit. The property can be set to a percentage (of the total width of the accordion) or to a fixed value.\r\n\t\t\t\/\/Default value: '70%'\r\n\r\n\t\t\tmaxOpenedPanelHeight : '70%',\r\n\t\t\t\/\/Sets the maximum allowed height of the opened panel. This should be used when the 'openedPanelWidth' is set to 'max', because sometimes the maximum height of the panel might be too big and we want to set a limit. The property can be set to a percentage (of the total height of the accordion) or to a fixed value.\r\n\t\t\t\/\/Default value: '70%'\r\n\r\n\t\t\topenPanelOn : 'hover',\r\n\t\t\t\/\/If set to 'hover', the panels will be opened by moving the mouse pointer over them; if set to 'click', the panels will open when clicked. Can also be set to 'never' to disable the opening of the panels.\r\n\t\t\t\/\/Default value: 'hover'\r\n\r\n\t\t\tclosePanelsOnMouseOut : false,\r\n\t\t\t\/\/Determines whether the opened panel closes or remains open when the mouse pointer is moved away.\r\n\t\t\t\/\/Default value: true\r\n\r\n\t\t\tmouseDelay : 200,\r\n\t\t\t\/\/Sets the delay in milliseconds between the movement of the mouse pointer and the opening of the panel. Setting a delay ensures that panels are not opened if the mouse pointer only moves over them without an intent to open the panel.\r\n\t\t\t\/\/Default value: 200\r\n\r\n\t\t\tpanelDistance : 0,\r\n\t\t\t\/\/Sets the distance between consecutive panels. Can be set to a percentage or fixed value.\r\n\t\t\t\/\/Default value: 10\r\n\r\n\t\t\topenPanelDuration : 700,\r\n\t\t\t\/\/Determines the duration in milliseconds for the opening of a panel.\r\n\t\t\t\/\/Default value: 700\r\n\r\n\t\t\tclosePanelDuration : 700,\r\n\t\t\t\/\/Determines the duration in milliseconds for the closing of a panel.\r\n\t\t\t\/\/Default value: 700\r\n\r\n\t\t\tpageScrollDuration : 500,\r\n\t\t\t\/\/Indicates the duration of the page scroll.\r\n\t\t\t\/\/Default value: 500\r\n\r\n\t\t\tpageScrollEasing : 'swing',\r\n\t\t\t\/\/Indicates the easing type of the page scroll. Setting a custom value requires the use of a jQuery easing plugin.\r\n\t\t\t\/\/Default value: 'swing'\r\n\r\n\t\t\tbreakpoints : {},\r\n\t\t\t\/\/Sets specific breakpoints which allow changing the look and behavior of the accordion (decreasing the number of panels visible per page, shifting the orientation of the panels, etc.) when the page resizes.\r\n\t\t\t\/\/As you can see, the 'breakpoints' property is assigned an object which contains certain browser window widths and the accordion properties that are applied to those specific widths. This is very similar to CSS media queries. However, please note that these custom properties will not be inherited between different breakpoints. The accordion's properties will reset to the original values before applying a new set of properties, so if you want a certain property value to persist, you need to set it for each breakpoint.\r\n\r\n\t\t\tstartPage : 0,\r\n\t\t\t\/\/Indicates which page will be opened when the accordion loads, if the panels are displayed on more than one page. 0 value for the first page, 1 for second, 2 for third and so on...\r\n\t\t\t\/\/Default value: 0\r\n\r\n\t\t\tshadow : true,\r\n\t\t\t\/\/Indicates if the panels will have a drop shadow effect.\r\n\t\t\t\/\/Default value: false\r\n\r\n\t\t\tshuffle : false,\r\n\t\t\t\/\/Indicates if the panels will be shuffled\/randomized.\r\n\t\t\t\/\/Default value: false\r\n\r\n\t\t\tautoplay : true,\r\n\t\t\t\/\/Indicates if the autoplay will be enabled.\r\n\t\t\t\/\/Default value: true\r\n\r\n\t\t\tautoplayDelay : 4000,\r\n\t\t\t\/\/Sets the delay, in milliseconds, of the autoplay cycle.\r\n\t\t\t\/\/Default value: 5000\r\n\r\n\t\t\tautoplayDirection : 'normal',\r\n\t\t\t\/\/Sets the direction in which the panels will be opened. Can be set to 'normal' (ascending order) or 'backwards' (descending order).\r\n\t\t\t\/\/Default value: 'normal'\r\n\r\n\t\t\tautoplayOnHover : 'pause',\r\n\t\t\t\/\/Indicates if the autoplay will be paused or stopped when the accordion is hovered. Can be set to 'pause', 'stop' or 'none'.\r\n\t\t\t\/\/Default value: 'pause'\r\n\r\n\t\t\tmouseWheel : true,\r\n\t\t\t\/\/Indicates if the accordion will respond to mouse wheel input.\r\n\t\t\t\/\/Default value: true\r\n\r\n\t\t\tmouseWheelSensitivity : 50,\r\n\t\t\t\/\/Sets how sensitive the accordion will be to mouse wheel input. Lower values indicate stronger sensitivity.\r\n\t\t\t\/\/Default value: 10\r\n\r\n\t\t\tmouseWheelTarget : 'panel',\r\n\t\t\t\/\/Sets what elements will be targeted by the mouse wheel input. Can be set to 'panel' or 'page'. Setting it to 'panel' will indicate that the panels will be scrolled, while setting it to 'page' indicate that the pages will be scrolled.\r\n\t\t\t\/\/Default value: 'panel'\r\n\r\n\t\t\tkeyboard : true,\r\n\t\t\t\/\/Indicates if the accordion will respond to keyboard input.\r\n\t\t\t\/\/Default value: true\r\n\r\n\t\t\tkeyboardOnlyOnFocus : true,\r\n\t\t\t\/\/Indicates if the accordion will respond to keyboard input only if the accordion has focus.\r\n\t\t\t\/\/Default value: false\r\n\r\n\t\t\tkeyboardTarget : 'panel',\r\n\t\t\t\/\/Sets what elements will be targeted by the keyboard input. Can be set to 'panel' or 'page'. Setting it to 'panel' will indicate that the panels will be scrolled, while setting it to 'page' indicate that the pages will be scrolled.\r\n\t\t\t\/\/Default value: 'panel'\r\n\r\n\t\t\tswapBackgroundDuration : 700,\r\n\t\t\t\/\/Sets the duration, in milliseconds, of the transition effect.\r\n\t\t\t\/\/Default value: 700\r\n\r\n\t\t\tfadeOutBackground : false,\r\n\t\t\t\/\/Indicates if the main image background will be faded out when the opened\/alternative background fades in.\r\n\t\t\t\/\/Default value: false\r\n\r\n\t\t\ttouchSwipe : true,\r\n\t\t\t\/\/Indicates if the touch swipe functionality will be enabled.\r\n\t\t\t\/\/Default value: true\r\n\r\n\t\t\ttouchSwipeThreshold : 50,\r\n\t\t\t\/\/Sets how many pixels the distance of the swipe gesture needs to be in order to trigger a page change.\r\n\t\t\t\/\/Default value: 50\r\n\r\n\t\t\topenPanelVideoAction : 'none',\r\n\t\t\t\/\/Sets what the video will do when the panel is opened. Can be set to 'playVideo' or 'none'.\r\n\t\t\t\/\/Default value: 'playVideo'\r\n\r\n\t\t\tclosePanelVideoAction : 'pauseVideo',\r\n\t\t\t\/\/Sets what the video will do when the panel is closed. Can be set to 'pauseVideo' or 'stopVideo.'\r\n\t\t\t\/\/Default value: 'pauseVideo'\r\n\r\n\t\t\tplayVideoAction : 'stopAutoplay',\r\n\t\t\t\/\/Sets what the accordion will do when a video starts playing. Can be set to 'stopAutoplay' or 'none'.\r\n\t\t\t\/\/Default value: 'stopAutoplay'\r\n\r\n\t\t\tpauseVideoAction : 'none',\r\n\t\t\t\/\/Sets what the accordion will do when a video is paused. Can be set to 'startAutoplay' or 'none'.\r\n\t\t\t\/\/Default value: 'none'\r\n\r\n\t\t\tendVideoAction : 'none',\r\n\t\t\t\/\/Sets what the accordion will do when a video ends. Can be set to 'startAutoplay', 'nextPanel', 'replayVideo' or 'none'.\r\n\t\t\t\/\/Default value: 'none'\r\n\t\t});\r\n\r\n\t\t\r\n\t\tjQuery( '#sf-20-grid-accordion-175' ).on( 'videoPlay', function() {\r\n\t\t\tjQuery( '#sf-20-grid-accordion-175 .sf-20-slide-content-layer' ).hide();\r\n\t\t});\r\n\r\n\t\tjQuery( '#sf-20-grid-accordion-175' ).on( 'videoPause', function() {\r\n\t\t\tjQuery( '#sf-20-grid-accordion-175 .sf-20-slide-content-layer' ).show();\r\n\t\t});\r\n\r\n\t\tjQuery( '#sf-20-grid-accordion-175' ).on( 'videoEnd', function() {\r\n\t\t\tjQuery( '#sf-20-grid-accordion-175 .sf-20-slide-content-layer' ).show();\r\n\t\t});\t\r\n\t});\t\r\n<\/script>\r\n\r\n<div id=\"sf-20-grid-accordion-175\" class=\"grid-accordion\" tabindex=\"0\">\r\n\t<div class=\"ga-panels\">\r\n\r\n\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/197724097_340055087478129_8121576330575332871_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/196066190_540426017126376_8775150165872935893_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/197907795_543411783696376_8865861119937965046_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/197742798_3032879030276267_3880010653285222918_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/197849642_2276315452498736_2747440037190414586_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/198106662_190855366258818_280056257576828934_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/198309508_4659962664018005_5739196925814068782_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/198757435_481026786498060_4742347457990585674_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"ga-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"ga-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/20\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/197937476_487578635689255_4413544798745386180_n.jpg\" alt=\"Instagram Profile\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ga-layer ga-closed ga-white ga-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"5\" data-vertical=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n<\/div>\t\t\t\t\r\n\r\n\n<\/div>\n<div><\/div>\n<\/div>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1631012026249{padding-right: 50px !important;padding-left: 50px !important;}&#8221;]<\/p>\n<h3 style=\"text-align: center;\">Setting Used In This Slider<\/h3>\n<p>Slider Settings: Responsive Slider \u2013 Responsive, Slider Orientation \u2013 Horizontal, Panel Links \u2013 OFF.<\/p>\n<p>Autoplay Settings: Auto Play \u2013 ON, Autoplay Speed \u20134000ms, Autoplay Direction \u2013 Normal, Autoplay Action on hover \u2013 Pause.<\/p>\n<p>Panel and Page Settings: Columns in Grid- 3, Rows in Grid- 5, Start Panel- (-1), Open Panel On \u2013 Hover, Close panel on mouse out \u2013 ON, Distance between panels \u2013 0px, Opening Panel Duration \u2013 700ms, Closing Panel Duration \u2013 700ms, Page change Duration \u2013 500ms, Page change Animation effect- Swing, start page- 0, Panel Shadow effect- ON.<\/p>\n<p>Navigation Settings: Respond to Mouse Wheel \u2013 OFF, Mouse Wheel Sensitivity \u2013 50 Sensitivity, Mouse Wheel Target- Panel, Respond to Keyboard- ON, Respond to Keyboard Only On Focus \u2013 ON, Keyboard Target- Panel, Respond to Touch Swipe \u2013 ON, Touch Swipe Sensitivity- 50 Sensitivity,<\/p>\n<p>Text Settings: Show\/Hide Text Content over Slide- ON, Content Background- White, Content Corners, Text Content Position- Bottom-left, Text Horizontal Position- 0px, Text Vertical Position \u2013 0px, Text content width- auto, Text content height- auto, Show Animation Direction- Right, Show Animation Duration- 500ms, Hide Animation Direction- Right, Hide Animation Duration- 500ms, Slide Title on closed panel \u2013 OFF.<\/p>\n<p>Fancy Box Settings: Fancy\/Light Box on Slides- ON.<\/p>\n<p>Video Settings: No Video settings were used.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><strong>By Layout 19<\/strong><\/p>\n<p>\r\n<style>\r\n\/*\r\n.as-background{\r\n\tfilter: sepia(100%) contrast(150%) brightness(75%);\r\n\t\r\n}\r\n.as-background-opened{\r\n\tfilter: brightness(125%) contrast(120%) saturate(1.2) sepia(20%);\r\n}\r\n*\/\r\n.as-padding {\r\n\tpadding: 15px !important;\r\n}\r\n\r\n#sf-19-accordion-174 div.sf-19-slide-title {\r\n\tfont-size: 20px;\r\n\tmargin-bottom: 5px;\r\n\tfont-weight: bold;\r\n}\r\n\r\n#sf-19-accordion-174 div.sf-19-slide-desc {\r\n\tfont-size: 14px;\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n#sf-19-accordion-174 .sf-19-slide-button-1, #sf-19-accordion-174 .sf-19-slide-button-2 {\r\n\t\tbackground-color: #676767;\r\n\tcolor: #fff; \r\n\t\tborder: none;\r\n\tcursor: pointer; \r\n\tborder-radius: 0px; \r\n\ttext-align: center; \r\n\tpadding: 3px 10px; \r\n\t\/*transition: all .3s;*\/\r\n\ttext-decoration: none;\r\n\tmargin-right: 10px;\r\n\tbox-shadow: 3px 3px 3px 0px rgba(0,0,0,0.69);\r\n\t-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.69);\r\n\t-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.69);\r\n}\r\n#sf-19-accordion-174 .sf-19-slide-button-1:hover, #sf-19-accordion-174 .sf-19-slide-button-2:hover {\r\n\t\tbackground-color: #eaeaea;\r\n\tcolor: #000; \r\n\t}\r\n\r\n#sf-19-accordion-174 .sf-19-slide-button-link-1, #sf-19-accordion-174 .sf-19-slide-button-link-2 {\r\n\ttext-decoration: none;\r\n}\r\n\r\nul.sf-19-panel-links-ul-174 {\r\n\tlist-style-type: none;\r\n\ttext-align: center;\r\n\tmargin-top: 20px;\r\n}\r\n\r\nul.sf-19-panel-links-ul-174 li {\r\n\tdisplay: inline;\r\n}\r\n\r\n#sf-19-accordion-174 .panel-counter {\r\n\t\/*background-color: #ffffffeb;*\/\r\n\tbackground-image: linear-gradient(to bottom, #cccccc, #d5d5d5, #dfdfdf, #e8e8e8, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #e8e8e8, #dfdfdf, #d5d5d5, #cccccc);\r\n\tpadding: 3px 10px;\r\n\tfont-size: 17px;\r\n\tcolor: #000;\r\n\twhite-space: nowrap;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n\t.as-pagination-button {\r\n\t\twidth: 16px !important;\r\n\t\theight: 16px !important;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 568px) and (max-width: 768px) {\r\n\t.as-pagination-button {\r\n\t\twidth: 14px !important;\r\n\t\theight: 14px !important;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 320px) and (max-width: 568px) {\r\n\t.as-pagination-button {\r\n\t\twidth: 10px !important;\r\n\t\theight: 10px !important;\r\n\t}\r\n}\r\n\r\n.as-pagination-button {\r\n\tmargin: 4px !important;\r\n}\r\n\r\n.sf-19-panel-links-ul-174 {\r\n\tpadding: 0px !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script type=\"text\/javascript\">\r\n\tjQuery(document).ready(function($) {\r\n\t\tjQuery('#sf-19-accordion-174').accordionSlider({\r\n\t\t\r\n\t\t\t\t\twidth : '100%',\r\n\t\t\t\t\t\r\n\t\t\t\t\theight : 600,\r\n\t\t\t\t\t\r\n\t\t\/\/width: 1000, \t\t\t\t\t\/\/Sets the width of the accordion. Can be set to a fixed value, like 900 (indicating 900 pixels), or to a percentage value, like '100%'. It's important to note that percentage values need to be specified inside quotes. For fixed values, the quotes are not necessary. Also, please note that, in order to make the accordion responsive, it's not necessary to use percentage values. More about this in the description of the 'responsive' property.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 800\r\n\t\t\/\/height: 500,\t\t\t\t\t\/\/Sets the height of the accordion. The same rules available for the 'width' property also apply for the 'height' property.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 400\r\n\t\tresponsive: true,\t\t\t\t\/\/Makes the accordion responsive. The accordion can be responsive even if the 'width' and\/or 'height' properties are set to fixed values. In this situation, 'width' and 'height' will act as the maximum width and height of the accordion.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\r\n\t\tresponsiveMode: 'auto',\t\t\t\/\/Sets the responsive mode of the accordion. Possible values are 'auto' and 'custom'. 'auto' resizes the accordion and all of its elements (e.g., layers, videos) automatically, while 'custom' resizes the only accordion container and panels, and you are given flexibility over the way inner elements (e.g., layers, videos) will respond to smaller sizes. For example, you could use CSS media queries to define different text sizes or to hide certain elements when the accordion becomes smaller, ensuring that all content remains readable without having to zoom in.\r\n\t\t\t\t\t\t\t\t\t\t\/\/It's important to note that, if 'auto' responsiveness is used, the 'width' and 'height' need to be set to fixed values, so that the accordion can calculate correctly how much it needs to scale.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'auto'\r\n\t\taspectRatio: -1,\t\t\t\t\/\/Sets the aspect ratio of the accordion. The accordion will set its height depending on what value its width has, so that this ratio is maintained. For this reason, the set 'height' might be overridden.\r\n\t\t\t\t\t\t\t\t\t\t\/\/This property can be used only when 'responsiveMode' is set to 'custom'. When it's set to 'auto', the 'aspectRatio' needs to remain -1.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: -1 (determined by the ratio of the set 'width' and 'height')\r\n\t\torientation: 'horizontal',\t\t\/\/Sets the orientation of the panels. Possible values are 'horizontal' and 'vertical'.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'horizontal'\r\n\t\tstartPanel: -1,\t\t\t\t\t\/\/Indicates which panel will be opened when the accordion loads (0 for the first panel, 1 for the second panel, etc.). If set to -1, no panel will be opened.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: -1\r\n\t\topenedPanelSize: 'max',\t\t\t\/\/Sets the size (width if the accordion's orientation is horizontal; height if the accordion's orientation is vertical) of the opened panel. Possible values are: 'max', which will open the panel to its maximum size, so that all the inner content is visible, a percentage value, like '50%', which indicates the percentage of the total size (width or height, depending on the orientation) of the accordion, or a fixed value.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'max'\t\t\t\t\t\t\t\t\r\n\t\tmaxOpenedPanelSize: '75%',\t\t\/\/Sets the maximum allowed size of the opened panel. This should be used when the 'openedPanelSize' is set to 'max', because sometimes the maximum size of the panel might be too big and we want to set a limit. The property can be set to a percentage (of the total size of the accordion) or to a fixed value.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: '80%'\r\n\t\topenPanelOn: 'hover',\t\t\t\/\/If set to 'hover', the panels will be opened by moving the mouse pointer over them; if set to 'click', the panels will open when clicked. Can also be set to 'never' to disable the opening of the panels.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'hover'\r\n\t\tclosePanelsOnMouseOut: false,\t\/\/Determines whether the opened panel closes or remains open when the mouse pointer is moved away.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\r\n\t\tmouseDelay: 200,\t\t\t\t\/\/Sets the delay in milliseconds between the movement of the mouse pointer and the opening of the panel. Setting a delay ensures that panels are not opened if the mouse pointer only moves over them without an intent to open the panel.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 200\r\n\t\tpanelDistance: 0,\t\t\t\t\/\/Sets the distance between consecutive panels. Can be set to a percentage or fixed value.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 0\r\n\t\topenPanelDuration: 700,\t\t\t\/\/Determines the duration in milliseconds for the opening of a panel.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 700\r\n\t\tclosePanelDuration: 700,\t\t\/\/Determines the duration in milliseconds for the closing of a panel.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 700\r\n\t\tpageScrollDuration: 500,\t\t\/\/Indicates the duration of the page scroll.\r\n\t\t\t\t\t\t\t\t\t\t\/\/sDefault value: 500\r\n\t\tpageScrollEasing: 'swing',\t\t\/\/Indicates the easing type of the page scroll. Setting a custom value requires the use of a jQuery easing plugin.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'swing'\r\n\t\tvisiblePanels: 5,\t\t\t\t\/\/Indicates the number of panels visible per page. If set to -1, all the panels will be displayed on one page.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: -1\r\n\t\tstartPage: 0,\t\t\t\t\t\/\/Indicates which page will be opened when the accordion loads, if the panels are displayed on more than one page.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 0\r\n\t\tshadow: true,\t\t\t\t\t\/\/Indicates if the panels will have a drop shadow effect.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\r\n\t\tshuffle: false,\t\t\t\t\t\/\/Indicates if the panels will be shuffled\/randomized.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: false\t\t\t\t\t\t\t\t\r\n\t\tautoplay: true,\t\t\t\t\t\/\/Indicates if the autoplay will be enabled.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\r\n\t\tautoplayDelay: 4000,\t\t\t\/\/Sets the delay, in milliseconds, of the autoplay cycle.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 5000\r\n\t\tautoplayDirection: 'normal',\t\/\/Sets the direction in which the panels will be opened. Can be set to 'normal' (ascending order) or 'backwards' (descending order).\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'normal'\r\n\t\tautoplayOnHover: 'pause',\t\t\/\/Indicates if the autoplay will be paused or stopped when the accordion is hovered. Can be set to 'pause', 'stop' or 'none'.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'pause'\r\n\t\tmouseWheel: true,\t\t\t\t\/\/Indicates if the accordion will respond to mouse wheel input.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\t\t\t\t\t\t\t\t\r\n\t\tmouseWheelSensitivity: 50,\t\t\/\/Sets how sensitive the accordion will be to mouse wheel input. Lower values indicate stronger sensitivity.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 50\r\n\t\tmouseWheelTarget: 'panel',\t\t\/\/Sets what elements will be targeted by the mouse wheel input. Can be set to 'panel' or 'page'. Setting it to 'panel' will indicate that the panels will be scrolled, while setting it to 'page' indicate that the pages will be scrolled.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'panel'\r\n\t\tkeyboard: true,\t\t\t\t\t\/\/Indicates if the accordion will respond to keyboard input.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\t\t\t\t\t\t\t\t\r\n\t\tkeyboardOnlyOnFocus: true,\t\t\/\/working tabindex=\"0\" \/\/Indicates if the accordion will respond to keyboard input only if the accordion has focus.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: false\r\n\t\tkeyboardTarget: 'panel', \t\t\/\/Sets what elements will be targeted by the keyboard input. Can be set to 'panel' or 'page'. Setting it to 'panel' will indicate that the panels will be scrolled, while setting it to 'page' indicate that the pages will be scrolled.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'panel'\r\n\t\tswapBackgroundDuration: 200,\t\/\/Sets the duration, in milliseconds, of the transition effect.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 700\t\t\t\t\t\t\t\r\n\t\tfadeOutBackground: false,\t\t\/\/Indicates if the main image background will be faded out when the opened\/alternative background fades in.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: false\t\t\t\t\t\t\t\t\r\n\t\ttouchSwipe: true,\t\t\t\t\/\/Indicates if the touch swipe functionality will be enabled.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: true\t\t\t\t\t\t\t\t\r\n\t\ttouchSwipeThreshold: 50,\t\t\/\/Sets how many pixels the distance of the swipe gesture needs to be in order to trigger a page change.\r\n\t\t\t\t\t\t\t\t\t\t\/\/Default value: 50\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\topenPanelVideoAction: 'none',\t\t\/\/Sets what the video will do when the panel is opened. Can be set to 'playVideo' or 'none'.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'playVideo'\r\n\t\tclosePanelVideoAction: 'pauseVideo',\t\/\/Sets what the video will do when the panel is closed. Can be set to 'pauseVideo' or 'stopVideo.'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'pauseVideo'\r\n\t\tplayVideoAction: 'stopAutoplay',\t\t\/\/Sets what the accordion will do when a video starts playing. Can be set to 'stopAutoplay' or 'none'.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'stopAutoplay'\r\n\t\tpauseVideoAction: 'none',\t\t\t\t\/\/Sets what the accordion will do when a video is paused. Can be set to 'startAutoplay' or 'none'.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'none'\r\n\t\tendVideoAction: 'none',\t\t\t\t\t\/\/Sets what the accordion will do when a video ends. Can be set to 'startAutoplay', 'nextPanel', 'replayVideo' or 'none'.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\/\/Default value: 'none'\r\n\t\tbreakpoints: {},\t\t\t\t\t\t\t\t\r\n\t\t});\r\n\t\t\r\n\t\t\r\n\t\tjQuery( '#sf-19-accordion-174' ).on( 'videoPlay', function() {\r\n\t\t\tjQuery( '#sf-19-accordion-174 .sf-19-slide-content-layer' ).hide();\r\n\t\t});\r\n\r\n\t\tjQuery( '#sf-19-accordion-174' ).on( 'videoPause', function() {\r\n\t\t\tjQuery( '#sf-19-accordion-174 .sf-19-slide-content-layer' ).show();\r\n\t\t});\r\n\r\n\t\tjQuery( '#sf-19-accordion-174' ).on( 'videoEnd', function() {\r\n\t\t\tjQuery( '#sf-19-accordion-174 .sf-19-slide-content-layer' ).show();\r\n\t\t});\t\r\n\t});\r\n\r\n<\/script>\r\n\r\n<div id=\"sf-19-accordion-174\" class=\"accordion-slider\" tabindex=\"0\">\r\n\t<div class=\"as-panels\">\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/237089615_3169290820063888_617061337174771609_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/236671962_868890303721474_4855086982824714465_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/236879015_231175025582410_7669461321315768917_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/237011941_1707846759399043_4825921771038108569_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/236611995_206588498148787_7705327441765305031_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/236864293_982912485614245_6835433454987890693_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/238371378_292884445962711_7761423567218865242_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/236427634_6718852214807265_2716897623444536929_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/238672922_1187017705151150_3308849159390913940_n.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"as-panel\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"as-background\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/plugins\/slider-factory-pro\/layouts\/assets\/19\/css\/images\/blank.gif\" data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/237095614_108541121445889_5685619658191378141_n-1.jpg\" alt=\"Instagram Profile Slideshow\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"as-layer as-closed as-black as-vertical panel-counter\" data-position=\"bottomLeft\" data-horizontal=\"10\" data-vertical=\"15\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n<\/div>\t\t\t\t\r\n\r\n&nbsp;[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] By Layout 20<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4843","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/comments?post=4843"}],"version-history":[{"count":33,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4843\/revisions"}],"predecessor-version":[{"id":4984,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4843\/revisions\/4984"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=4843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}