{"id":9,"date":"2021-01-21T08:51:56","date_gmt":"2021-01-21T08:51:56","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=9"},"modified":"2023-10-25T08:26:34","modified_gmt":"2023-10-25T08:26:34","slug":"layout-3","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-3\/","title":{"rendered":"Layout 3"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_column_text]<\/p>\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Exclusive Fashion Models Portfolio<\/strong><\/h4>\r\n<h4><\/h4>\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-186 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\t\tslide_template: '(8, 1fr)',\r\n\t\tcurrent_fr_index: 1,\r\n\t\tstart_slide_index: 1,\r\n\t\tcurrent_fr_index_flow: true,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 2000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 1700,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 3,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-186 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-186 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-186\">\r\n\t<div class=\"first-sample-186\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-3.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-8.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-6.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-2.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-1.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-5.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-7.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/2023\/10\/1-4.webp\" alt=\"Fashion Models Portfolio\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\t\t<i class=\"prev-slide \"><i class=\"fa fa-arrow-circle-left\"><\/i><\/i>\r\n\t\t<i class=\"next-slide \"><i class=\"fa fa-arrow-circle-right\"><\/i><\/i>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-186 {\r\n\twidth: 100%;\r\n\theight: 550px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-186 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-186 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-186 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-186 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-186 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-186 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-186 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-186 .prev-slide,\r\n.first-sample-186 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-186 .prev-slide:hover,\r\n.first-sample-186 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-186 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-186 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-186 {\r\n\t\theight: 275px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n<\/style>\r\n\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"has-text-align-center\"><strong>A Basic Example Design One <\/strong><\/h4>\n\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-3 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\t\tslide_template: '1fr',\r\n\t\tcurrent_fr_index: 1,\r\n\t\tstart_slide_index: 1,\r\n\t\tcurrent_fr_index_flow: false,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\r\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 4000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 1500,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 10,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-3 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-3 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-3\">\r\n\t<div class=\"first-sample-3\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/pexels-photo-547119.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/pexels-photo-1105389.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/pexels-photo-533769.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/pexels-photo-259620-scaled.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/italy-mountains-dawn-daybreak-147411.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\t\t<i class=\"prev-slide \"><i class=\"fa fa-arrow-circle-left\"><\/i><\/i>\r\n\t\t<i class=\"next-slide \"><i class=\"fa fa-arrow-circle-right\"><\/i><\/i>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-3 {\r\n\twidth: 100%;\r\n\theight: 500px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-3 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-3 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-3 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-3 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-3 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-3 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-3 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-3 .prev-slide,\r\n.first-sample-3 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-3 .prev-slide:hover,\r\n.first-sample-3 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-3 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-3 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-3 {\r\n\t\theight: 250px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n<\/style>\r\n\n<p>\n\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p><strong>Settings Used:<\/strong> Design Preset &#8211; 1, Auto Play &#8211; ON, Auto Play Speed &#8211; 4000ms, Transition Speed &#8211; 1500ms, Slider Navigation Arrows &#8211; ON<\/p>\r\n<p>\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 200px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\u00a0<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Two<\/strong><\/h4>\r\n\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-9 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\t\tslide_template: '1fr 1fr',\r\n\t\tcurrent_fr_index: 1,\r\n\t\tstart_slide_index: 1, \r\n\t\tcurrent_fr_index_flow: false,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\r\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 3000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 1000,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 7,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-9 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-9 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-9\">\r\n\t<div class=\"first-sample-9\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/Smiling-Women.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Happy-women.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Happy-girl.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Gift.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Beautif-Girls.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/red-haired-birthday-girl-smiling-winsome-female-model-red-dress-holding-christmas-present.jpg\" alt=\"Red-haired birthday girl smiling to camera. Winsome female model\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-9 {\r\n\twidth: 100%;\r\n\theight: 500px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-9 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-9 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-9 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-9 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-9 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-9 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-9 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-9 .prev-slide,\r\n.first-sample-9 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-9 .prev-slide:hover,\r\n.first-sample-9 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-9 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-9 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-9 {\r\n\t\theight: 250px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n<\/style>\r\n\n<p>\n\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p><strong>Settings Used:<\/strong> Design Preset &#8211; 2, Auto Play &#8211; ON, Auto Play Speed &#8211; 3000ms, Transition Speed &#8211; 1000ms, Slider Navigation Arrows &#8211; OFF<\/p>\r\n<p>\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 200px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\u00a0<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Three with Custom CSS<\/strong><\/h4>\r\n\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-10 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\t\tslide_template: '3fr 1fr',\r\n\t\tcurrent_fr_index: 1,\r\n\t\tstart_slide_index: 1, \r\n\t\tcurrent_fr_index_flow: false,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\r\n\t\tauto_play: false,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 3000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 1800,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 8,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-10 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-10 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-10\">\r\n\t<div class=\"first-sample-10\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/blissful-lady-trendy-summer-clothes-posing-with-camera-yellow-positive-beautiful-girl-hat-chilling-studio.jpg\" alt=\"Blissful lady in trendy summer clothes posing with camera on yel\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/wonderful-young-woman-with-long-hair-having-fun-rosy-magnificent-girl-trendy-sunglasses-relaxing-during-portraitshoot.jpg\" alt=\"Wonderful young woman with long hair having fun on rosy background. Magnificent girl in trendy sunglasses relaxing during photoshoot.\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/full-length-shot-glad-curly-woman-striped-pants-jumping-purple-wall-indoor-portrait-wonderful-girl-sunglasses-fooling-around.jpg\" alt=\"Full-length shot of glad curly woman in striped pants jumping on\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/exited-sporty-woman-demonstrate-muscule-studio.jpg\" alt=\"Exited sporty woman demonstrate muscule in studio.\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/full-length-portrait-jumping-white-girls-expressing-happy-emotions-portrait-best-friends-funny-dancing-together_197531-10953.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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-photo-761963.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\t\t<i class=\"prev-slide \"><i class=\"fa fa-arrow-circle-left\"><\/i><\/i>\r\n\t\t<i class=\"next-slide \"><i class=\"fa fa-arrow-circle-right\"><\/i><\/i>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-10 {\r\n\twidth: 100%;\r\n\theight: 500px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-10 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-10 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-10 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-10 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-10 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-10 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-10 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-10 .prev-slide,\r\n.first-sample-10 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-10 .prev-slide:hover,\r\n.first-sample-10 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-10 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-10 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-10 {\r\n\t\theight: 250px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n.sf-3-10 .first-sample-10 { border: 9px solid #790000; border-radius: 8px; background-color: #790000 \/* background color of slider *\/; } .sf-3-10 .first-sample-10 .prev-slide, .sf-3-10 .first-sample-10 .next-slide { position: absolute; top: 50%; transform: translateY(-50%); font-size: 50px; cursor: pointer; color: #7900008c; transition: color .3s; } .sf-3-10 .first-sample-10 .prev-slide:hover, .sf-3-10 .first-sample-10 .next-slide:hover { color: #e42e05; \/* button hover color *\/ }<\/style>\r\n\n<p>\n\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p><strong>Settings Used:<\/strong> Design Preset &#8211; 3, Auto Play &#8211; OFF, Transition Speed &#8211; 1800ms, Slider Navigation Arrows &#8211; ON, with Custom CSS<\/p>\r\n<p>\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 200px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\u00a0<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Four<\/strong><\/h4>\r\n\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-11 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\t\tslide_template: '1fr 6fr (2,1fr) .5fr',\r\n\t\tcurrent_fr_index: 2,\r\n\t\tstart_slide_index: 0, \r\n\t\tcurrent_fr_index_flow: false,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\r\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 3000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 2500,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 10,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-11 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-11 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-11\">\r\n\t<div class=\"first-sample-11\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/redhead-teenager-girl-isolated-purple-wall-holding-shopping-bags-surprised_1368-91892.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/full-length-portrait-happy-excited-girl-bright-colorful-clothes-holding-shopping-bags-while-standing-showing-peace-gesture-isolated_231208-5946.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/portrait-expressive-young-woman-with-shopping-bags_1258-27973.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/beautiful-asian-woman-carrying-colorful-bags-shopping-online-with-mobile-phone_8087-3877.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/shocked-two-women-friends-holding-shopping-bags-using-mobile-phone_171337-5718.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-11 {\r\n\twidth: 100%;\r\n\theight: 500px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-11 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-11 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-11 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-11 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-11 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-11 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-11 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-11 .prev-slide,\r\n.first-sample-11 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-11 .prev-slide:hover,\r\n.first-sample-11 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-11 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-11 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-11 {\r\n\t\theight: 250px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n<\/style>\r\n\n<p>\n\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p><strong>Settings Used:<\/strong> Design Preset &#8211; 4, Auto Play &#8211; ON, Auto Play Speed &#8211; 3000ms, Transition Speed &#8211; 2500ms, Slider Navigation Arrows &#8211; OFF<\/p>\r\n<p>\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 200px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\u00a0<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Five<\/strong><\/h4>\r\n\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-12 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\t\tslide_template: '.5fr 1fr 6fr 1fr .5fr',\r\n\t\tcurrent_fr_index: 3,\r\n\t\tstart_slide_index: 1,\r\n\t\tcurrent_fr_index_flow: false,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\r\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 3000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 2500,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 10,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-12 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-12 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-12\">\r\n\t<div class=\"first-sample-12\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/Food-1.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Food-3.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Food-4.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Food-5.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/Food-6.jpeg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\t\t<i class=\"prev-slide \"><i class=\"fa fa-arrow-circle-left\"><\/i><\/i>\r\n\t\t<i class=\"next-slide \"><i class=\"fa fa-arrow-circle-right\"><\/i><\/i>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-12 {\r\n\twidth: 100%;\r\n\theight: 500px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-12 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-12 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-12 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-12 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-12 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-12 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-12 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-12 .prev-slide,\r\n.first-sample-12 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-12 .prev-slide:hover,\r\n.first-sample-12 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-12 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-12 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-12 {\r\n\t\theight: 250px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n<\/style>\r\n\n<p>\n\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p><strong>Settings Used:<\/strong> Design Preset &#8211; 5, Auto Play &#8211; ON, Auto Play Speed &#8211; 3000ms, Transition Speed &#8211; 2500ms, Slider Navigation Arrows &#8211; ON<\/p>\r\n<p>\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 200px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\u00a0<\/p>\r\n\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>Example Design Six with Custom CSS <\/strong><\/h4>\r\n\r\n<p><script>\r\njQuery( document ).ready(function() {\r\n\tjQuery('.first-sample-13 .slider').blue_slider({\r\n\t\t\/\/preset 1\r\n\t\t\r\n\t\t\/\/preset 2\r\n\t\t\r\n\t\t\/\/preset 3\r\n\t\t\r\n\t\t\/\/preset 4\r\n\t\t\r\n\t\t\/\/preset 5\r\n\t\t\r\n\t\t\/\/preset 6\r\n\t\t\t\t\t\tslide_template: '(6, 1fr)',\r\n\t\tcurrent_fr_index: 1,\r\n\t\tstart_slide_index: 1,\r\n\t\tcurrent_fr_index_flow: true,\t\t\t\t\t\t\t\t\/\/ (default: true)\r\n\t\t\r\n\t\tauto_play: true,\t\t\t\t\t\t\/\/ to auto play slides (default: false)\r\n\t\tauto_play_period: 2000,\t\t\t\/\/ auto play speed time (default: 3000) 3sec\r\n\t\tspeed: 1000,\t\t\t\t\t\/\/ slide transition time (default: 1000) 1 Sec\r\n\r\n\t\tslide_gap: 7,\t\t\t\t\t\t\/\/ gap between 2 slides (default: 0)\r\n\r\n\t\t\/\/ease_function: 'easeOutBounce',\t\t\t\t\t\t\t\t\/\/ transition animation (default: 'ease-out')\r\n\t\t\/\/slide_step: 2,\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no. of slides jumps to go to next slide (default: 1) slide ungalna\r\n\t\tcurrent_fr_class: 'my-fr-current',\t\t\t\t\t\t\t\t\/\/ highlighting the current frame . Name of the current frame class to make it active \r\n\t\tactive_fr_class: 'my-fr-active',\t\t\t\t\t\t\t\t\/\/ not in use in css right now\r\n\t\t\/\/custom_fr_class: '       fr-1         fr-2        fr-3    ',\t\/\/ not in use in css right now\r\n\t\t\/\/ left_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ left padding (default: 0) padding left side of slide (not good\/reliable)\r\n\t\t\/\/ right_padding: 30,\t\t\t\t\t\t\t\t\t\t\t\/\/ right padding (default: 0) padding right side of slide (not good\/reliable)\r\n\t\tsencitive_drag: 100,\t\t\t\t\t\t\t\t\t\t\t\/\/ dont know what it is doing (default: 100)\r\n\t\tloop: false,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ no effect (default: false)\r\n\t\tarrows: true,\t\t\t\t\t\t\t\t\t\t\t\t\t\/\/ prev and next button enable disable (default: false)\r\n\t\tprev_arrow: '.first-sample-13 .prev-slide',\t\t\t\t\t\t\/\/ class name of prev arrow button element\r\n\t\tnext_arrow: '.first-sample-13 .next-slide',\t\t\t\t\t\t\/\/ class name of next arrow button element\r\n\t});\r\n});\r\n<\/script>\r\n\r\n<!-- slider start-->\r\n<div class=\"sf-3-13\">\r\n\t<div class=\"first-sample-13\">\r\n\t\t<div class=\"slider\">\r\n\t\t\t\t\t\t<div class=\"item\">\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\/fasion2.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/fasion3.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/fasion5.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/fasion6.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/fasion13.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"item\">\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\/fasion7.jpg\" alt=\"\">\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t<\/div>\r\n<\/div>\r\n<!-- slider end-->\r\n\r\n<style>\r\n.sf-3-13 {\r\n\twidth: 100%;\r\n\theight: 600px;\r\n}\r\n\r\n.sf-3-slide-content {\r\n\r\n}\r\n\r\n.sf-3-slide-title {\r\n\r\n}\r\n.sf-3-slide-desc {\r\n\r\n}\r\n\r\n\r\n\/* main css start *\/\r\n.first-sample-13 {\r\n\twidth: 100%;\t\t\t\t\/* width of slider *\/\r\n\theight: 100%;\t\t\t\t\/* height of slider *\/\r\n\tborder: 5px solid #1c1c1c;\t\/* border color\/thickness of slider *\/\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\tbackground-color: #1c1c1c\t\/* background color of slider *\/\r\n}\r\n\r\n.first-sample-13 .slider {\r\n  height: 100%\r\n}\r\n\r\n.first-sample-13 .slider .slide-wrapper {\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none\r\n}\r\n\r\n.first-sample-13 .slider .slide-tracker .my-fr-current .item::before {\r\n  background-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.first-sample-13 .slider .item {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  position: relative\r\n}\r\n\r\n.first-sample-13 .slider .item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  transition: background-color 1s\r\n}\r\n\r\n.first-sample-13 .slider .item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\t\t\t\t\/* image fit or Zoom 100% *\/\r\n  object-position: center center\r\n}\r\n\r\n.first-sample-13 .prev-slide,\r\n.first-sample-13 .next-slide {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size:50px;\t\t\t\t\t\/* button size in px *\/\r\n  cursor: pointer;\r\n  color: #888;\t\t\t\t\t\/* button color *\/\r\n  transition: color .3s\r\n}\r\n\r\n.first-sample-13 .prev-slide:hover,\r\n.first-sample-13 .next-slide:hover {\r\n  color: #ccc \t\t\t\t\t\/* button hover color *\/\r\n}\r\n\r\n\/* position of previous button from slider container (default -70 px) *\/\r\n.first-sample-13 .prev-slide {\r\n  left: 0px\r\n}\r\n\r\n\/* position of next button from slider container (default -70 px) *\/\r\n.first-sample-13 .next-slide {\r\n  right: 0px\r\n}\r\n\/* main css end *\/\r\n\r\n\/* media query CSS start *\/\r\n@media only screen and (max-width: 600px) {\r\n\t.sf-3-13 {\r\n\t\theight: 300px;\r\n\t}\r\n}\r\n\/* media query CSS end *\/\r\n\r\n.sf-3-13 .first-sample-13 { border: 10px solid #290033; border-radius: 0px; background-color: #140019 \/* background color of slider *\/; }<\/style>\r\n\n<p>\n\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n\r\n<p><strong>Settings Used:<\/strong> Design Preset &#8211; 6, Auto Play &#8211; ON, Auto Play Speed &#8211; 2000ms, Transition Speed &#8211; 1000ms, Slider Navigation Arrows &#8211; OFF, with Custom CSS<\/p>\r\n<p>\u00a0<\/p>\r\n\r\n<div class=\"wp-block-spacer\" style=\"height: 30px;\" aria-hidden=\"true\">\u00a0<\/div>\r\n<p>\r\n\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\r\n<div class=\"wpb_text_column wpb_content_element \">\r\n<div class=\"wpb_wrapper\">\r\n<h2 style=\"text-align: center;\"><strong>Youtube Video Tutorial For Slider Layout Three<\/strong><\/h2>\r\n<\/div>\r\n<\/div>\r\n<p>[\/vc_column_text][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=KHuq4xXH6Bc&amp;t=36s&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_column_text] Exclusive Fashion Models Portfolio \u00a0 Settings Used: Design Preset &#8211; 1, Auto Play &#8211; ON, Auto Play Speed &#8211; 4000ms, Transition Speed &#8211; 1500ms, Slider Navigation Arrows &#8211; ON \u00a0 \u00a0 Example Design Two \u00a0 Settings Used: Design Preset &#8211; 2, Auto Play &#8211; ON, Auto Play Speed &#8211; 3000ms, Transition Speed &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":75,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":40,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":5171,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/9\/revisions\/5171"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}