{"id":11,"date":"2021-01-21T08:52:04","date_gmt":"2021-01-21T08:52:04","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=11"},"modified":"2021-04-05T08:20:57","modified_gmt":"2021-04-05T08:20:57","slug":"layout-4","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-4\/","title":{"rendered":"Layout 4"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example<\/strong><\/h4>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><script>\r\njQuery( document ).ready(function() {\r\n\t\/\/ Avoid `console` errors in browsers that lack a console.\r\n\t(function () {\r\n\t\tvar method;\r\n\t\tvar noop = function () {};\r\n\t\tvar methods = [\r\n\t\t\t'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',\r\n\t\t\t'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',\r\n\t\t\t'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',\r\n\t\t\t'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'\r\n\t\t];\r\n\t\tvar length = methods.length;\r\n\t\tvar console = (window.console = window.console || {});\r\n\r\n\t\twhile (length--) {\r\n\t\t\tmethod = methods[length];\r\n\r\n\t\t\t\/\/ Only stub undefined methods.\r\n\t\t\tif (!console[method]) {\r\n\t\t\t\tconsole[method] = noop;\r\n\t\t\t}\r\n\t\t}\r\n\t}());\r\n\r\n\tjQuery('.sf-4-4').camera({\r\n\t\/\/jQuery('.camera_wrap').camera({\r\n\r\n\t\t\/\/ you can also leave it blank\r\n\t\t\/\/minHeight: '200px',\r\n\t\tminHeight: '500px',\r\n\r\n\t\t\/\/ topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight\r\n\t\t\/\/alignment:'center',\r\n\t\talignment:'center',\r\n\r\n\t\t\/\/ true, false\r\n\t\t\/\/autoAdvance:true,\r\n\t\tautoAdvance:true,\r\n\r\n\t\t\/\/ true, false. Auto-advancing for mobile devices\r\n\t\t\/\/mobileAutoAdvance:false,\r\n\t\tmobileAutoAdvance:true,\r\n\r\n\r\n\t\t\/\/ true, false. Select true if you don't want that your images are cropped\r\n\t\t\/\/portrait: true,\r\n\t\tportrait: false,\r\n\r\n\r\n\t\t\/\/easing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\t\/\/mobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\t\teasing:'easeInOutQuad',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\tmobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ 'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight'\r\n\t\t\/\/you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'\r\n\t\t\/\/fx:'random',\r\n\t\t\/\/mobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\t\tfx:'random',\r\n\t\tmobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ the number of columns\r\n\t\t\/\/cols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\t\tcols: 7,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\r\n\t\t\/\/ the number of rows\r\n\t\t\/\/rows: 8,\r\n\t\trows: 4,\r\n\t\t\/\/ if 0 the same value of cols\r\n\t\t\/\/slicedCols: 20,\r\n\t\tslicedCols: 7,\r\n\t\t\/\/ if 0 the same value of rows\r\n\t\t\/\/slicedRows: 20,\r\n\t\tslicedRows: 5,\r\n\r\n\t\t\/\/ to make the <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/grid\/\">grid<\/a> blocks slower than the slices, this value must be smaller than transPeriod\r\n\t\t\/\/gridDifference: 500,\r\n\t\tgridDifference: 250,\r\n\r\n\t\t\/\/ here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'\r\n\t\t\/\/height: '60%',\r\n\t\theight: '60%',\r\n\r\n\t\t\/\/ the path to the image folder (it serves for the blank.gif, when you want to display <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/video\/\">video<\/a>s)\r\n\t\t\/\/imagePath:'images\/', \r\n\r\n\t\t\/\/hover:true,\t\t\t\t\t\t\t\t\t\t\/\/ true, false. Pause on state hover. Not available for mobile devices\r\n\t\thover:true,\r\n\r\n\r\n\t\t\/\/ pie, bar, none (even if you choose \"pie\", old browsers like IE8- can't display it... they will display always a loading bar)\r\n\t\t\/\/loader: 'pie', \r\n\t\t\/\/loaderColor: '#000000',\r\n\t\t\/\/loaderBgColor: '#ffffff',\r\n\t\tloader: 'bar', \r\n\t\tloaderColor: '#fffb00',\r\n\t\tloaderBgColor: '#850000',\r\n\r\n\t\tloaderOpacity: .8,  \/\/0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1\r\n\t\tloaderPadding: 2,\r\n\t\tloaderStroke: 7,\r\n\r\n\t\t\/\/pieDiameter: 38,\r\n\t\t\/\/piePosition: 'rightTop', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\t\tpieDiameter: 38,\r\n\t\tpiePosition: 'rightBottom', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\r\n\t\tbarDirection:'leftToRight', \t\t\t\t\t\/\/ loading line in bottom - 'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'\r\n\t\tbarPosition:'bottom',\t\t\t\t\t\t\t\/\/ loading line in position - 'bottom', 'left', 'top', 'right'\r\n\r\n\r\n\t\t\/\/navigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\t\/\/navigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\t\/\/mobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\t\/\/playPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\t\tnavigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\tnavigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\tmobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\tplayPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\r\n\t\t\/\/ true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is full screen or simply big, I recommend to set it false to have a smoother effect\r\n\t\topacityOnGrid: true,\r\n\t\t\/\/ a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)\r\n\t\toverlayer: true,\r\n\r\n\t\t\/\/1 None\r\n\t\t\t\t\/\/1\r\n\r\n\t\t\/\/2 Dots\r\n\t\t\t\t\/\/2\r\n\r\n\t\t\/\/3 Thumbnails\r\n\t\t\t\tpagination: false,\t\t\t\t\t\t\t\t\/\/ enable pagination dots under slider\r\n\t\tthumbnails: true,\t\t\t\t\t\t\t\t\/\/ shows thumbnails\r\n\t\t\t\t\/\/3\r\n\r\n\t\t\/\/pauseOnClick: true,\t\t\t\t\t\t\t\t\/\/ true, false. It stops the slideshow when you click the sliders.\r\n\t\tpauseOnClick: true,\r\n\r\n\r\n\t\t\/\/ next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide\r\n\t\tslideOn: 'random',\t\t\t\t\t\t\t\t\/\/ use the value as fx\r\n\r\n\r\n\r\n\t\t\/\/time: 7000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\t\ttime: 3000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\r\n\t\t\/\/transPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t\ttransPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n <div class=\"sf-4-4\">\r\n\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-karolina-grabowska-4207677.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-karolina-grabowska-4207677-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-karolina-grabowska-4207677.jpg\" alt=\"karolina-grabowska\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4602352.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4602352-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4602352.jpg\" alt=\"brett-sayles\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4455013.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4455013-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4455013.jpg\" alt=\"brett-sayles\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-element-digital-837257.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-element-digital-837257-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-element-digital-837257.jpg\" alt=\"element-digital\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4425160.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4425160-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4425160.jpg\" alt=\"brett-sayles\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4388473.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4388473-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/pexels-brett-sayles-4388473.jpg\" alt=\"brett-sayles\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n\r\n\r\n<style>\r\n.sf-4-4 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-4-slide-content {\r\n\r\n}\r\n\r\n.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 22px;\r\n}\r\n.sf-4-slide-desc {\r\n\tcolor: #FFF;\r\n\tfont-size: 18px;\r\n}\r\n\r\n\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n@media(max-width:770px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 5px 10px!important;\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0 0 5px;\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 17px;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n@media(max-width:580px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 0px 4px !important;\r\n\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0px;\r\n\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 12px;\r\n\t\tline-height:2.5;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 9px;\r\n\t\tline-height:2.5;\r\n\t}\r\n}\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n\r\n\r\n.camera_thumb {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n}\r\n\r\n.sf-4-4 ul { width:auto !important; } .sf-4-4 img { display:unset !important; }<\/style>\r\n\n<\/p>\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play &#8211; ON, Animation Easing Effect &#8211; easeInOutExpo, Animation FX Effect &#8211; random, Columns in Grid Animations &#8211; 10, Rows in Grid Animations &#8211; 6, Columns in Sliced Animations &#8211; 7, Rows in Sliced Animations &#8211; 9, Pause On Mouse Hover &#8211; ON, Pause On Mouse Click &#8211; ON, Loader Type &#8211; Bar, Bar Loader Direction &#8211; Left to Right, Bar Loader Position &#8211; Bottom, Next\/Prev Buttons &#8211; ON, Show Play\/Pause Button &#8211; ON, Pagination Style &#8211; Thumbnails<\/p>\n\n\n<div style=\"height:219px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example with Title<\/strong><\/h4>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><script>\r\njQuery( document ).ready(function() {\r\n\t\/\/ Avoid `console` errors in browsers that lack a console.\r\n\t(function () {\r\n\t\tvar method;\r\n\t\tvar noop = function () {};\r\n\t\tvar methods = [\r\n\t\t\t'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',\r\n\t\t\t'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',\r\n\t\t\t'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',\r\n\t\t\t'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'\r\n\t\t];\r\n\t\tvar length = methods.length;\r\n\t\tvar console = (window.console = window.console || {});\r\n\r\n\t\twhile (length--) {\r\n\t\t\tmethod = methods[length];\r\n\r\n\t\t\t\/\/ Only stub undefined methods.\r\n\t\t\tif (!console[method]) {\r\n\t\t\t\tconsole[method] = noop;\r\n\t\t\t}\r\n\t\t}\r\n\t}());\r\n\r\n\tjQuery('.sf-4-36').camera({\r\n\t\/\/jQuery('.camera_wrap').camera({\r\n\r\n\t\t\/\/ you can also leave it blank\r\n\t\t\/\/minHeight: '200px',\r\n\t\tminHeight: '500px',\r\n\r\n\t\t\/\/ topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight\r\n\t\t\/\/alignment:'center',\r\n\t\talignment:'center',\r\n\r\n\t\t\/\/ true, false\r\n\t\t\/\/autoAdvance:true,\r\n\t\tautoAdvance:true,\r\n\r\n\t\t\/\/ true, false. Auto-advancing for mobile devices\r\n\t\t\/\/mobileAutoAdvance:false,\r\n\t\tmobileAutoAdvance:true,\r\n\r\n\r\n\t\t\/\/ true, false. Select true if you don't want that your images are cropped\r\n\t\t\/\/portrait: true,\r\n\t\tportrait: false,\r\n\r\n\r\n\t\t\/\/easing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\t\/\/mobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\t\teasing:'swing',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\tmobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ 'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight'\r\n\t\t\/\/you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'\r\n\t\t\/\/fx:'random',\r\n\t\t\/\/mobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\t\tfx:'random',\r\n\t\tmobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ the number of columns\r\n\t\t\/\/cols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\t\tcols: 8,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\r\n\t\t\/\/ the number of rows\r\n\t\t\/\/rows: 8,\r\n\t\trows: 4,\r\n\t\t\/\/ if 0 the same value of cols\r\n\t\t\/\/slicedCols: 20,\r\n\t\tslicedCols: 7,\r\n\t\t\/\/ if 0 the same value of rows\r\n\t\t\/\/slicedRows: 20,\r\n\t\tslicedRows: 5,\r\n\r\n\t\t\/\/ to make the <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/grid\/\">grid<\/a> blocks slower than the slices, this value must be smaller than transPeriod\r\n\t\t\/\/gridDifference: 500,\r\n\t\tgridDifference: 350,\r\n\r\n\t\t\/\/ here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'\r\n\t\t\/\/height: '60%',\r\n\t\theight: '60%',\r\n\r\n\t\t\/\/ the path to the image folder (it serves for the blank.gif, when you want to display <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/video\/\">video<\/a>s)\r\n\t\t\/\/imagePath:'images\/', \r\n\r\n\t\t\/\/hover:true,\t\t\t\t\t\t\t\t\t\t\/\/ true, false. Pause on state hover. Not available for mobile devices\r\n\t\thover:false,\r\n\r\n\r\n\t\t\/\/ pie, bar, none (even if you choose \"pie\", old browsers like IE8- can't display it... they will display always a loading bar)\r\n\t\t\/\/loader: 'pie', \r\n\t\t\/\/loaderColor: '#000000',\r\n\t\t\/\/loaderBgColor: '#ffffff',\r\n\t\tloader: 'pie', \r\n\t\tloaderColor: '#00804f',\r\n\t\tloaderBgColor: '#d4e8d4',\r\n\r\n\t\tloaderOpacity: .8,  \/\/0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1\r\n\t\tloaderPadding: 2,\r\n\t\tloaderStroke: 7,\r\n\r\n\t\t\/\/pieDiameter: 38,\r\n\t\t\/\/piePosition: 'rightTop', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\t\tpieDiameter: 45,\r\n\t\tpiePosition: 'rightBottom', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\r\n\t\tbarDirection:'leftToRight', \t\t\t\t\t\/\/ loading line in bottom - 'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'\r\n\t\tbarPosition:'bottom',\t\t\t\t\t\t\t\/\/ loading line in position - 'bottom', 'left', 'top', 'right'\r\n\r\n\r\n\t\t\/\/navigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\t\/\/navigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\t\/\/mobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\t\/\/playPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\t\tnavigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\tnavigationHover: true,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\tmobileNavHover: true,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\tplayPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\r\n\t\t\/\/ true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is full screen or simply big, I recommend to set it false to have a smoother effect\r\n\t\topacityOnGrid: true,\r\n\t\t\/\/ a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)\r\n\t\toverlayer: true,\r\n\r\n\t\t\/\/1 None\r\n\t\t\t\t\/\/1\r\n\r\n\t\t\/\/2 Dots\r\n\t\t\t\tpagination: true,\t\t\t\t\t\t\t\t\/\/ enable pagination dots under slider\r\n\t\tthumbnails: false,\t\t\t\t\t\t\t\t\/\/ shows thumbnails\r\n\t\t\t\t\/\/2\r\n\r\n\t\t\/\/3 Thumbnails\r\n\t\t\t\t\/\/3\r\n\r\n\t\t\/\/pauseOnClick: true,\t\t\t\t\t\t\t\t\/\/ true, false. It stops the slideshow when you click the sliders.\r\n\t\tpauseOnClick: false,\r\n\r\n\r\n\t\t\/\/ next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide\r\n\t\tslideOn: 'random',\t\t\t\t\t\t\t\t\/\/ use the value as fx\r\n\r\n\r\n\r\n\t\t\/\/time: 7000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\t\ttime: 3000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\r\n\t\t\/\/transPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t\ttransPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n <div class=\"sf-4-36\">\r\n\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-6.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-6-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-6.jpg\" alt=\"Lemons\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Lemons<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-2.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-2-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-2.jpg\" alt=\"Pears\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Pears<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-1.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-1-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-1.jpg\" alt=\"Fruits\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Fruits<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-3.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-3-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-3.jpg\" alt=\"Apples\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Apples<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-7.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-7-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-7.jpg\" alt=\"Oranges\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Oranges<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-4.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-4-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-4.jpg\" alt=\"Custard Apple\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Custard Apple<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-5.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-5-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Fruits-5.jpg\" alt=\"Sweet Lemon\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Sweet Lemon<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n\r\n\r\n<style>\r\n.sf-4-36 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-4-slide-content {\r\n\r\n}\r\n\r\n.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 22px;\r\n}\r\n.sf-4-slide-desc {\r\n\tcolor: #FFF;\r\n\tfont-size: 18px;\r\n}\r\n\r\n\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n@media(max-width:770px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 5px 10px!important;\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0 0 5px;\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 17px;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n@media(max-width:580px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 0px 4px !important;\r\n\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0px;\r\n\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 12px;\r\n\t\tline-height:2.5;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 9px;\r\n\t\tline-height:2.5;\r\n\t}\r\n}\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n\r\n\r\n.camera_thumb {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n}\r\n\r\n<\/style>\r\n\n<\/p>\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play &#8211; ON, Animation Easing Effect &#8211; Swing, Animation FX Effect &#8211; random, Columns in Grid Animations &#8211; 8, Rows in Grid Animations &#8211; 4, Columns in Sliced Animations &#8211; 7, Rows in Sliced Animations &#8211; 5, Pause On Mouse Hover &#8211; OFF, Pause On Mouse Click &#8211; OFF, Loader Type &#8211; Pie, Pie Loader Position &#8211; Right-Bottom, Next\/Prev Buttons &#8211; ON, Show Play\/Pause Button &#8211; ON, Show Next\/Prev Buttons on Hover &#8211; ON, Pagination Style &#8211; Dots<\/p>\n\n\n<div style=\"height:200px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example&nbsp;with Title, Description And Custom CSS <\/strong><\/h4>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><script>\r\njQuery( document ).ready(function() {\r\n\t\/\/ Avoid `console` errors in browsers that lack a console.\r\n\t(function () {\r\n\t\tvar method;\r\n\t\tvar noop = function () {};\r\n\t\tvar methods = [\r\n\t\t\t'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',\r\n\t\t\t'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',\r\n\t\t\t'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',\r\n\t\t\t'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'\r\n\t\t];\r\n\t\tvar length = methods.length;\r\n\t\tvar console = (window.console = window.console || {});\r\n\r\n\t\twhile (length--) {\r\n\t\t\tmethod = methods[length];\r\n\r\n\t\t\t\/\/ Only stub undefined methods.\r\n\t\t\tif (!console[method]) {\r\n\t\t\t\tconsole[method] = noop;\r\n\t\t\t}\r\n\t\t}\r\n\t}());\r\n\r\n\tjQuery('.sf-4-37').camera({\r\n\t\/\/jQuery('.camera_wrap').camera({\r\n\r\n\t\t\/\/ you can also leave it blank\r\n\t\t\/\/minHeight: '200px',\r\n\t\tminHeight: '500px',\r\n\r\n\t\t\/\/ topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight\r\n\t\t\/\/alignment:'center',\r\n\t\talignment:'center',\r\n\r\n\t\t\/\/ true, false\r\n\t\t\/\/autoAdvance:true,\r\n\t\tautoAdvance:true,\r\n\r\n\t\t\/\/ true, false. Auto-advancing for mobile devices\r\n\t\t\/\/mobileAutoAdvance:false,\r\n\t\tmobileAutoAdvance:true,\r\n\r\n\r\n\t\t\/\/ true, false. Select true if you don't want that your images are cropped\r\n\t\t\/\/portrait: true,\r\n\t\tportrait: false,\r\n\r\n\r\n\t\t\/\/easing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\t\/\/mobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\t\teasing:'easeInOutCubic',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\tmobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ 'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight'\r\n\t\t\/\/you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'\r\n\t\t\/\/fx:'random',\r\n\t\t\/\/mobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\t\tfx:'random',\r\n\t\tmobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ the number of columns\r\n\t\t\/\/cols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\t\tcols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\r\n\t\t\/\/ the number of rows\r\n\t\t\/\/rows: 8,\r\n\t\trows: 6,\r\n\t\t\/\/ if 0 the same value of cols\r\n\t\t\/\/slicedCols: 20,\r\n\t\tslicedCols: 6,\r\n\t\t\/\/ if 0 the same value of rows\r\n\t\t\/\/slicedRows: 20,\r\n\t\tslicedRows: 6,\r\n\r\n\t\t\/\/ to make the <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/grid\/\">grid<\/a> blocks slower than the slices, this value must be smaller than transPeriod\r\n\t\t\/\/gridDifference: 500,\r\n\t\tgridDifference: 250,\r\n\r\n\t\t\/\/ here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'\r\n\t\t\/\/height: '60%',\r\n\t\theight: '60%',\r\n\r\n\t\t\/\/ the path to the image folder (it serves for the blank.gif, when you want to display <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/video\/\">video<\/a>s)\r\n\t\t\/\/imagePath:'images\/', \r\n\r\n\t\t\/\/hover:true,\t\t\t\t\t\t\t\t\t\t\/\/ true, false. Pause on state hover. Not available for mobile devices\r\n\t\thover:true,\r\n\r\n\r\n\t\t\/\/ pie, bar, none (even if you choose \"pie\", old browsers like IE8- can't display it... they will display always a loading bar)\r\n\t\t\/\/loader: 'pie', \r\n\t\t\/\/loaderColor: '#000000',\r\n\t\t\/\/loaderBgColor: '#ffffff',\r\n\t\tloader: 'bar', \r\n\t\tloaderColor: '#eff7c1',\r\n\t\tloaderBgColor: '#214151',\r\n\r\n\t\tloaderOpacity: .8,  \/\/0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1\r\n\t\tloaderPadding: 2,\r\n\t\tloaderStroke: 7,\r\n\r\n\t\t\/\/pieDiameter: 38,\r\n\t\t\/\/piePosition: 'rightTop', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\t\tpieDiameter: 38,\r\n\t\tpiePosition: 'rightTop', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\r\n\t\tbarDirection:'leftToRight', \t\t\t\t\t\/\/ loading line in bottom - 'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'\r\n\t\tbarPosition:'top',\t\t\t\t\t\t\t\/\/ loading line in position - 'bottom', 'left', 'top', 'right'\r\n\r\n\r\n\t\t\/\/navigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\t\/\/navigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\t\/\/mobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\t\/\/playPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\t\tnavigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\tnavigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\tmobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\tplayPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\r\n\t\t\/\/ true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is full screen or simply big, I recommend to set it false to have a smoother effect\r\n\t\topacityOnGrid: true,\r\n\t\t\/\/ a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)\r\n\t\toverlayer: true,\r\n\r\n\t\t\/\/1 None\r\n\t\t\t\t\/\/1\r\n\r\n\t\t\/\/2 Dots\r\n\t\t\t\t\/\/2\r\n\r\n\t\t\/\/3 Thumbnails\r\n\t\t\t\tpagination: false,\t\t\t\t\t\t\t\t\/\/ enable pagination dots under slider\r\n\t\tthumbnails: true,\t\t\t\t\t\t\t\t\/\/ shows thumbnails\r\n\t\t\t\t\/\/3\r\n\r\n\t\t\/\/pauseOnClick: true,\t\t\t\t\t\t\t\t\/\/ true, false. It stops the slideshow when you click the sliders.\r\n\t\tpauseOnClick: true,\r\n\r\n\r\n\t\t\/\/ next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide\r\n\t\tslideOn: 'random',\t\t\t\t\t\t\t\t\/\/ use the value as fx\r\n\r\n\r\n\r\n\t\t\/\/time: 7000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\t\ttime: 3500,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\r\n\t\t\/\/transPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t\ttransPeriod: 1800,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n <div class=\"sf-4-37\">\r\n\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-5-4.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-5-4-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-5-4.jpg\" alt=\"Raccoon\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Raccoon<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">The raccoon, sometimes called the common raccoon to distinguish it from other species, is a medium-sized mammal native to North America. It is the largest of the procyonid family, having a body length of 40 to 70 cm, and a body weight of 5 to 26 kg.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-cute-white-brown-owl-blurred-background.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-cute-white-brown-owl-blurred-background-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-cute-white-brown-owl-blurred-background.jpg\" alt=\"Closeup shot of a cute white and brown owl on a blurred background\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Owl<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">A closeup shot of a cute white and brown owl on a blurred background<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-5-1.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-5-1-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/Picture-5-1.jpg\" alt=\"Dog\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Dog<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">Dogs (Canis lupus familiaris) are domesticated mammals, not natural wild animals. They were originally bred from wolves. They have been bred by humans for a long time, and were the first animals ever to be domesticated. ... They are a popular pet because they are usually playful, friendly, loyal and listen to humans.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-beautiful-owl-looking.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-beautiful-owl-looking-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-beautiful-owl-looking.jpg\" alt=\"Closeup shot of a beautiful owl looking at the camera\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Owl<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">A closeup shot of a beautiful owl looking at the camera<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-two-zebras-cuddling.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-two-zebras-cuddling-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/closeup-shot-two-zebras-cuddling.jpg\" alt=\"Closeup shot of two zebras cuddling with a blurred background\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Two Zebras<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">A closeup shot of two zebras cuddling with a blurred background<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/giraffe-wild.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/giraffe-wild-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/01\/giraffe-wild.jpg\" alt=\"Giraffe\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Giraffe<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">Giraffe in the wild. Africa, Kenya<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n\r\n\r\n<style>\r\n.sf-4-37 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.sf-4-slide-content {\r\n\r\n}\r\n\r\n.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 22px;\r\n}\r\n.sf-4-slide-desc {\r\n\tcolor: #FFF;\r\n\tfont-size: 18px;\r\n}\r\n\r\n\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n@media(max-width:770px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 5px 10px!important;\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0 0 5px;\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 17px;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n@media(max-width:580px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 0px 4px !important;\r\n\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0px;\r\n\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 12px;\r\n\t\tline-height:2.5;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 9px;\r\n\t\tline-height:2.5;\r\n\t}\r\n}\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n\r\n\r\n.camera_thumb {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n}\r\n\r\n.sf-4-37 .camera_caption&gt;div { background: rgb(0 0 0 \/ 40%); text-align: center; } .sf-4-37 .camera_caption&gt;div .sf-4-slide-title { color : #f8dc81; } .sf-4-37 .camera_caption&gt;div .sf-4-slide-desc{ color : #eff7e1; } .sf-4-37 ul{ width:auto !important; } .sf-4-37 img{ display:unset !important; }<\/style>\r\n\n<\/p>\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong> Auto Play &#8211; ON, Animation Easing Effect &#8211; easeInOutCubic, Animation FX Effect &#8211; random, Columns in Grid Animations &#8211; 6, Rows in Grid Animations &#8211; 6, Columns in Sliced Animations &#8211; 6, Rows in Sliced Animations &#8211; 6, Pause On Mouse Hover &#8211; ON, Pause On Mouse Click &#8211; ON, Loader Type &#8211; Bar, Bar Loader Direction &#8211; Left to Right, Bar Loader Position &#8211; Top, Next\/Prev Buttons &#8211; ON, Show Play\/Pause Button &#8211; ON, Show Next\/Prev Buttons on Hover &#8211; OFF, Pagination Style &#8211; Thumbnails, with Custom CSS<\/p>\n\n\n<div style=\"height:250px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Slider&nbsp;For Title &amp; Description With Link Button<\/strong><\/h4>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><script>\r\njQuery( document ).ready(function() {\r\n\t\/\/ Avoid `console` errors in browsers that lack a console.\r\n\t(function () {\r\n\t\tvar method;\r\n\t\tvar noop = function () {};\r\n\t\tvar methods = [\r\n\t\t\t'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',\r\n\t\t\t'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',\r\n\t\t\t'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',\r\n\t\t\t'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'\r\n\t\t];\r\n\t\tvar length = methods.length;\r\n\t\tvar console = (window.console = window.console || {});\r\n\r\n\t\twhile (length--) {\r\n\t\t\tmethod = methods[length];\r\n\r\n\t\t\t\/\/ Only stub undefined methods.\r\n\t\t\tif (!console[method]) {\r\n\t\t\t\tconsole[method] = noop;\r\n\t\t\t}\r\n\t\t}\r\n\t}());\r\n\r\n\tjQuery('.sf-4-38').camera({\r\n\t\/\/jQuery('.camera_wrap').camera({\r\n\r\n\t\t\/\/ you can also leave it blank\r\n\t\t\/\/minHeight: '200px',\r\n\t\tminHeight: '500px',\r\n\r\n\t\t\/\/ topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight\r\n\t\t\/\/alignment:'center',\r\n\t\talignment:'center',\r\n\r\n\t\t\/\/ true, false\r\n\t\t\/\/autoAdvance:true,\r\n\t\tautoAdvance:true,\r\n\r\n\t\t\/\/ true, false. Auto-advancing for mobile devices\r\n\t\t\/\/mobileAutoAdvance:false,\r\n\t\tmobileAutoAdvance:true,\r\n\r\n\r\n\t\t\/\/ true, false. Select true if you don't want that your images are cropped\r\n\t\t\/\/portrait: true,\r\n\t\tportrait: false,\r\n\r\n\r\n\t\t\/\/easing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\t\/\/mobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\t\teasing:'easeInOutExpo',\t\t\t\t\t\t\t\t\t\/\/jQuery easing effect list https:\/\/api.jqueryui.com\/easings\/\r\n\t\tmobileEasing:'',\t\t\t\t\t\t\t\t\/\/leave empty if you want to display the same easing on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ 'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight'\r\n\t\t\/\/you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'\r\n\t\t\/\/fx:'random',\r\n\t\t\/\/mobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\t\tfx:'curtainSliceLeft',\r\n\t\tmobileFx:'',\t\t\t\t\t\t\t\t\t\/\/ leave empty if you want to display the same effect on mobile devices and on desktop etc.\r\n\r\n\t\t\/\/ the number of columns\r\n\t\t\/\/cols: 6,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\t\tcols: 5,\t\t\t\t\t\t\t\t\t\t\/\/ default 6\r\n\r\n\t\t\/\/ the number of rows\r\n\t\t\/\/rows: 8,\r\n\t\trows: 4,\r\n\t\t\/\/ if 0 the same value of cols\r\n\t\t\/\/slicedCols: 20,\r\n\t\tslicedCols: 5,\r\n\t\t\/\/ if 0 the same value of rows\r\n\t\t\/\/slicedRows: 20,\r\n\t\tslicedRows: 4,\r\n\r\n\t\t\/\/ to make the <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/grid\/\">grid<\/a> blocks slower than the slices, this value must be smaller than transPeriod\r\n\t\t\/\/gridDifference: 500,\r\n\t\tgridDifference: 250,\r\n\r\n\t\t\/\/ here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'\r\n\t\t\/\/height: '60%',\r\n\t\theight: '60%',\r\n\r\n\t\t\/\/ the path to the image folder (it serves for the blank.gif, when you want to display <a href=\"https:\/\/www.jqueryscript.net\/tags.php?\/video\/\">video<\/a>s)\r\n\t\t\/\/imagePath:'images\/', \r\n\r\n\t\t\/\/hover:true,\t\t\t\t\t\t\t\t\t\t\/\/ true, false. Pause on state hover. Not available for mobile devices\r\n\t\thover:true,\r\n\r\n\r\n\t\t\/\/ pie, bar, none (even if you choose \"pie\", old browsers like IE8- can't display it... they will display always a loading bar)\r\n\t\t\/\/loader: 'pie', \r\n\t\t\/\/loaderColor: '#000000',\r\n\t\t\/\/loaderBgColor: '#ffffff',\r\n\t\tloader: 'bar', \r\n\t\tloaderColor: '#eeeeee',\r\n\t\tloaderBgColor: '#222222',\r\n\r\n\t\tloaderOpacity: .8,  \/\/0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1\r\n\t\tloaderPadding: 2,\r\n\t\tloaderStroke: 7,\r\n\r\n\t\t\/\/pieDiameter: 38,\r\n\t\t\/\/piePosition: 'rightTop', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\t\tpieDiameter: 38,\r\n\t\tpiePosition: 'rightBottom', \t\t\t\t\t\/\/'rightTop', 'leftTop', 'leftBottom', 'rightBottom'\r\n\r\n\t\tbarDirection:'leftToRight', \t\t\t\t\t\/\/ loading line in bottom - 'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'\r\n\t\tbarPosition:'bottom',\t\t\t\t\t\t\t\/\/ loading line in position - 'bottom', 'left', 'top', 'right'\r\n\r\n\r\n\t\t\/\/navigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\t\/\/navigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\t\/\/mobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\t\/\/playPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\t\tnavigation: true,\t\t\t\t\t\t\t\t\/\/ true or false, to display or not the navigation buttons\r\n\t\tnavigationHover: false,\t\t\t\t\t\t\t\/\/ visible on hover state only, if false they will be visible always\r\n\t\tmobileNavHover: false,\t\t\t\t\t\t\t\/\/ same as navigationHover, but only for mobile devices (not included in layout settings)\r\n\t\tplayPause: true,\t\t\t\t\t\t\t\t\/\/true or false, to display or not the play\/pause buttons\r\n\r\n\t\t\/\/ true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is full screen or simply big, I recommend to set it false to have a smoother effect\r\n\t\topacityOnGrid: true,\r\n\t\t\/\/ a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)\r\n\t\toverlayer: true,\r\n\r\n\t\t\/\/1 None\r\n\t\t\t\tpagination: false,\t\t\t\t\t\t\t\t\/\/ enable pagination dots under slider\r\n\t\tthumbnails: false,\t\t\t\t\t\t\t\t\/\/ shows thumbnails\r\n\t\t\t\t\/\/1\r\n\r\n\t\t\/\/2 Dots\r\n\t\t\t\t\/\/2\r\n\r\n\t\t\/\/3 Thumbnails\r\n\t\t\t\t\/\/3\r\n\r\n\t\t\/\/pauseOnClick: true,\t\t\t\t\t\t\t\t\/\/ true, false. It stops the slideshow when you click the sliders.\r\n\t\tpauseOnClick: true,\r\n\r\n\r\n\t\t\/\/ next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide\r\n\t\tslideOn: 'random',\t\t\t\t\t\t\t\t\/\/ use the value as fx\r\n\r\n\r\n\r\n\t\t\/\/time: 7000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\t\ttime: 3000,\t\t\t\t\t\t\t\t\t\t\/\/ milliseconds between the end of the sliding effect and the start of the next one\r\n\r\n\t\t\/\/transPeriod: 1500,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t\ttransPeriod: 1400,\t\t\t\t\t\t\t\t\/\/ length of the sliding effect in milliseconds\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n <div class=\"sf-4-38\">\r\n\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/T-Shirts.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/T-Shirts-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/T-Shirts.jpg\" alt=\"T-Shirts\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">T-Shirts<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">Basic Round Neck T-shirts. Durable stitch and Quality finish.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.google.com\/search?sxsrf=ALeKk02e1TYE9VvyXV-WQFkJGKmcduXGwQ%3A1612340957003&#038;ei=3F4aYKvOPN3G4-EPhs2IoAI&#038;q=t+shirts+round+neck&#038;oq=t+shirts+round+neck&#038;gs_lcp=CgZwc3ktYWIQAzIECAAQCjIECAAQCjIECAAQCjIECAAQCjIECAAQCjIGCAAQFhAeMgYIABAWEB4yBggAEBYQHjIGCAAQFhAeMgYIABAWEB46BwgAELADEEM6BwgAEBQQhwI6BAgAEEM6AggAOgcIABDJAxBDUNgnWJ4_YJpCaAFwAngAgAGnA4gBlRCSAQgwLjExLjQtMZgBAKABAaoBB2d3cy13aXrIAQrAAQE&#038;sclient=psy-ab&#038;ved=0ahUKEwirrP6Pps3uAhVd4zgGHYYmAiQQ4dUDCA0&#038;uact=5\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tMore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-2\" href=\"https:\/\/www.google.com\/search?q=t+shirts+round+neck&amp;sxsrf=ALeKk00YAnScld_2o-94eM3aC6aUlm8p1g:1612340967088&amp;source=lnms&amp;tbm=shop&amp;sa=X&amp;ved=2ahUKEwjZ_eWUps3uAhVEwzgGHfbtA30Q_AUoAnoECBcQBA&amp;biw=1920&amp;bih=880\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-2\">\r\n\t\t\t\t\t\t\t\tBuy Now\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Jeans.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Jeans-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Jeans.jpg\" alt=\"Jeans\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Jeans<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">Super comfy jeans that makes you look good, everyday.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.google.com\/search?biw=1920&#038;bih=880&#038;sxsrf=ALeKk03M3_oQbiZygTyfZjeh_gxRIrfXCw%3A1612341331706&#038;ei=U2AaYO_HKsXH4-EP1cq4qAw&#038;q=jeans&#038;oq=jeans&#038;gs_lcp=CgZwc3ktYWIQAzIHCAAQsQMQQzIFCAAQkQIyBwgAELEDEEMyBAgAEEMyBwgAELEDEEMyBAgAEEMyBQgAELEDMgcIABCxAxBDMgIIADIFCAAQsQM6BAgjECc6CAgAELEDEIMBOgcILhAnEJMCOggIABCxAxCRAlC0CljjEWCMFWgAcAJ4AIABngKIAY4IkgEFMC41LjGYAQCgAQGqAQdnd3Mtd2l6wAEB&#038;sclient=psy-ab&#038;ved=0ahUKEwivvdTCp83uAhXF4zgGHVUlDsUQ4dUDCA0&#038;uact=5\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tMore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-2\" href=\"https:\/\/www.google.com\/search?q=jeans&amp;sxsrf=ALeKk01FICQqmIUEuWurQt5kVOVWxREokQ:1612341335685&amp;source=lnms&amp;tbm=shop&amp;sa=X&amp;ved=2ahUKEwj3wcfEp83uAhXkxzgGHVAID9sQ_AUoAXoECAUQAw&amp;biw=1920&amp;bih=880\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-2\">\r\n\t\t\t\t\t\t\t\tBuy Now\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Shoes.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Shoes-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Shoes.jpg\" alt=\"Shoes\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Shoes<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">These footwear are meant to deliver high performance, durability and great comfort.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.google.com\/search?biw=1920&#038;bih=880&#038;sxsrf=ALeKk01FICQqmIUEuWurQt5kVOVWxREokQ%3A1612341335685&#038;ei=V2AaYLe6KeSP4-EP0JC82A0&#038;q=footwear&#038;oq=footwear&#038;gs_lcp=CgZwc3ktYWIQAzIICAAQsQMQkQIyBAgAEEMyBAgAEEMyBAgAEEMyBAgAEEMyBQgAEMkDMgcIABCxAxBDMgIIADIFCAAQsQMyAggAOgoIIxDNAxAnEIsDOgoILhDHARCjAhBDOggIABCxAxCDAToICC4QxwEQowI6BwgjECcQiwM6DQguELEDEMcBEKMCEEM6BAguEEM6DQguEMcBEKMCEEMQkwI6BwguELEDEEM6BwgAEMkDEEM6BQgAEJIDOhAILhCxAxDHARCjAhBDEJMCOgoIABCxAxAUEIcCUMEMWOYcYKQeaABwAngAgAHaAYgB7QqSAQUwLjguMZgBAKABAaoBB2d3cy13aXq4AQLAAQE&#038;sclient=psy-ab&#038;ved=0ahUKEwj3wcfEp83uAhXkxzgGHVAID9sQ4dUDCA0&#038;uact=5\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tMore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-2\" href=\"https:\/\/www.google.com\/search?q=footwear&amp;sxsrf=ALeKk00LXVkoSLVjK0ZZ94gtW9JpI4VoGg:1612341685610&amp;source=lnms&amp;tbm=shop&amp;sa=X&amp;ved=2ahUKEwitj7XrqM3uAhVWxDgGHQ3QCdUQ_AUoAXoECAgQAw&amp;biw=1920&amp;bih=880\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-2\">\r\n\t\t\t\t\t\t\t\tBuy Now\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Sunglasses.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Sunglasses-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Sunglasses.jpg\" alt=\"Sunglasses\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Sunglasses<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">Unisex UV Protection Sunglasses, Good Quality And Light Weight.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.google.com\/search?biw=1920&#038;bih=880&#038;sxsrf=ALeKk00uX3w49Vwg9wlsa9e_f4LZ4922AQ%3A1612341907339&#038;ei=k2IaYPeXFM-b4-EP4LKruAk&#038;q=sunglasses&#038;oq=sunglasses&#038;gs_lcp=CgZwc3ktYWIQAzIECCMQJzIKCCMQzQMQJxCLAzIKCAAQsQMQQxCLAzINCAAQyQMQFBCHAhCLAzIICAAQsQMQiwMyCAgAELEDEIsDMggIABCxAxCLAzINCC4QxwEQowIQQxCLAzIFCAAQiwMyBQgAEIsDOgQIABBDOgcIIxAnEIsDOgUIABCRAjoKCC4QxwEQowIQQzoKCC4QxwEQrwEQQzoLCAAQsQMQkQIQiwM6BwgAEEMQiwM6EAgAELEDEIMBEBQQhwIQiwM6CAguELEDEIsDOhAILhCxAxDHARCjAhBDEIsDUPkYWO8qYL8raABwAngAgAG7AogBjQ2SAQcwLjkuMC4xmAEAoAEBqgEHZ3dzLXdpergBA8ABAQ&#038;sclient=psy-ab&#038;ved=0ahUKEwi3rZLVqc3uAhXPzTgGHWDZCpcQ4dUDCA0&#038;uact=5\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tMore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-2\" href=\"https:\/\/www.google.com\/search?q=sunglasses&amp;sxsrf=ALeKk00n4lT29EUtmW0Osm0U2Dc2s3D19Q:1612341914742&amp;source=lnms&amp;tbm=isch&amp;sa=X&amp;ved=2ahUKEwiwmtbYqc3uAhUIzzgGHbdVBv4Q_AUoAnoECAUQBA&amp;biw=1920&amp;bih=880\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-2\">\r\n\t\t\t\t\t\t\t\tBuy Now\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div data-src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Caps.jpg\" data-thumb=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Caps-150x150.jpg\">\r\n\t\t\t\t\t<img decoding=\"async\" class=\"sf-3-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/02\/Caps.jpg\" alt=\"Caps\">\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"camera_caption sf-4-slide-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-title\">Caps<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"sf-4-slide-desc\">High quality unisex fashionable caps.<\/p>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-1\" href=\"https:\/\/www.google.com\/search?bih=880&#038;biw=1920&#038;hl=en-GB&#038;sxsrf=ALeKk03_AIvTp1aMfjqT8c_Oc0MuqcL1nQ%3A1612342090580&#038;ei=SmMaYNvwIo-N4-EP2-SD4AQ&#038;q=caps&#038;oq=caps&#038;gs_lcp=CgZwc3ktYWIQAzIKCC4QsQMQQxCTAjIHCAAQsQMQQzIECAAQQzICCAAyBwgAELEDEEMyBwgAELEDEAoyBQgAELEDMgUILhCxAzICCC4yAggAOgoIIxDNAxAnEIsDOgcIIxAnEIsDOg4ILhCxAxCDARDHARCjAjoECCMQJzoKCC4QxwEQowIQQzoHCC4QsQMQQzoKCAAQyQMQFBCHAjoFCAAQkgM6BAguEENQggVYlQpg6gxoAHACeACAAZkBiAHLBZIBAzAuNZgBAKABAaoBB2d3cy13aXq4AQLAAQE&#038;sclient=psy-ab&#038;ved=0ahUKEwjbvcKsqs3uAhWPxjgGHVvyAEwQ4dUDCA0&#038;uact=5\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-1\">\r\n\t\t\t\t\t\t\tMore\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"sf-4-slide-button-link-2\" href=\"https:\/\/www.google.com\/search?q=caps&amp;hl=en-GB&amp;sxsrf=ALeKk02IgGvGmnS4QFXmDTwxnYf9AHlqTA:1612342108061&amp;source=lnms&amp;tbm=shop&amp;sa=X&amp;ved=2ahUKEwjBsO20qs3uAhUbyDgGHcMDAXIQ_AUoAXoECB0QAw&amp;biw=1920&amp;bih=880\" target=\"_blank\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"sf-4-slide-button-2\">\r\n\t\t\t\t\t\t\t\tBuy Now\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n<!-- slider end-->\r\n\r\n\r\n\r\n<style>\r\n.sf-4-38 {\r\n\twidth: 100%;\r\n\theight: 300px;\r\n}\r\n\r\n.sf-4-slide-content {\r\n\r\n}\r\n\r\n.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 22px;\r\n}\r\n.sf-4-slide-desc {\r\n\tcolor: #FFF;\r\n\tfont-size: 18px;\r\n}\r\n\r\n\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n@media(max-width:770px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 5px 10px!important;\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0 0 5px;\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\tcolor: #FFF;\r\n\tfont-size: 17px;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 13px;\r\n\t}\r\n}\r\n@media(max-width:580px){\r\n\t.camera_caption > div {\r\n\t\tpadding: 0px 4px !important;\r\n\r\n\t}\r\n\r\n\t.camera_caption p {\r\n\t\tmargin: 0px;\r\n\r\n\t}\r\n\r\n\t.sf-4-slide-title {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 12px;\r\n\t\tline-height:2.5;\r\n\t}\r\n\r\n\t.sf-4-slide-desc {\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 9px;\r\n\t\tline-height:2.5;\r\n\t}\r\n}\r\n\/********* hide slide content on mobile with media query 25-Jan-2021 *********\/\r\n\r\n\r\n.camera_thumb {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n}\r\n\r\n.sf-4-slide-title { color: #FFF; font-size: 22px; font-weight: 700; } .sf-4-slide-button-1, .sf-4-slide-button-2 { -webkit-appearance: button; padding: 8px 8px 8px 8px; font-weight: 600; }<\/style>\r\n\n<\/p>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>Settings Used :<\/strong>\u00a0Auto Play \u2013 ON, Animation Easing Effect \u2013 easeInOutExpo, Animation FX Effect \u2013 random, Columns in Grid Animations \u2013 5, Rows in Grid Animations \u2013 4, Columns in Sliced Animations \u2013 5, Rows in Sliced Animations \u2013 4, Pause On Mouse Hover \u2013 ON, Pause On Mouse Click \u2013 ON, Loader Type \u2013 Bar, Bar Loader Direction \u2013 Left to Right, Bar Loader Position \u2013 Bottom, Next\/Prev Buttons \u2013 ON, Show Play\/Pause Button \u2013 ON, Show Next\/Prev Buttons on Hover \u2013 OFF, Pagination Style \u2013 OFF with Custom CSS.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\"><strong>Youtube Tutorial<\/strong><\/h2>\n<p>[\/vc_column_text][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=X0lRdF4o7s4&#038;t=6s&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] A Basic Example Settings Used : Auto Play &#8211; ON, Animation Easing Effect &#8211; easeInOutExpo, Animation FX Effect &#8211; random, Columns in Grid Animations &#8211; 10, Rows in Grid Animations &#8211; 6, Columns in Sliced Animations &#8211; 7, Rows in Sliced Animations &#8211; 9, Pause On Mouse Hover &#8211; ON, Pause On Mouse Click [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":74,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/11","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=11"}],"version-history":[{"count":24,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":3068,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/11\/revisions\/3068"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}