{"id":1149,"date":"2021-04-08T07:28:11","date_gmt":"2021-04-08T07:28:11","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/?page_id=1149"},"modified":"2021-04-08T07:30:36","modified_gmt":"2021-04-08T07:30:36","slug":"layout-10","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/layout-10\/","title":{"rendered":"Layout 10"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<h4 class=\"has-text-align-center\" style=\"text-align: center;\"><strong>A Basic Example<\/strong><\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text]\n<style>\n.sf-10-main-container-42:parent * {\n\tbox-sizing: border-box !important;\n}\n\n.sf-10-main-container-42 section {\n\tcolor: #ffffff; \t\t\t\t\t\/* title\/desc color *\/\n}\n\n.sf-10-main-container-42 {\n\tfont-family: sans-serif;\n\tbackground: #323232; \t\t\t\/* Background color *\/\n\tposition: relative;\n\theight: 750px;\t\t\t\t\t\/* slider height *\/\n\twidth: 100%;\t\t\t\t\t\t\/* slider width *\/\n\toverflow: hidden; \n}\n\n.sf-10-snap-container-42 {\n\theight: 100vh;\n\toverflow-y: scroll;\n\tscroll-snap-type: y mandatory;\n\t-ms-overflow-style: none;\n\tborder: 30px solid rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-42::-webkit-scrollbar {\n\tdisplay: none; \n}\n\n.sf-10-snap-container-42 section {\n\theight: 100%;\n\twidth: 100%;\n\tbackground-position: center center !important;\n\tbackground-size: cover !important;\n\tbackground-repeat: no-repeat !important;\n\tposition: relative;\n\tbackground: rgba(0, 0, 0, 0.5);\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\tmargin: 50px 0;\n\tscroll-snap-align: start;\n\tpadding: 30px; \n}\n\n.sf-10-snap-container-42 section::before {\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tmargin: auto;\n\tcontent: '';\n\tposition: absolute;\n\tdisplay: inline-block;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-position: center center;\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\topacity: 0.25;\n\tz-index: -1; \n}\n\n.sf-10-snap-container-42 section.active {\n\tbackground: rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-42 section.active::before {\n\topacity: 1 !important; \n}\n\n.sf-10-snap-container-42 section:first-child {\n\tmargin-top: 0 !important; \n}\n\n.sf-10-snap-container-42 section:last-of-type {\n\tmargin-bottom: 0 !important; \n}\n\n.sf-10-snap-container-42 section .content {\n\tmargin-top: 0vh; \n}\n\n.sf-10-snap-container-42 section .content .sf-10-title{\n\tfont-size: 32px;\n\tfont-weight: bold;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\t\t\t\t\/* title color *\/\n}\n\n.sf-10-snap-container-42 section .content .sf-10-desc{\n\tfont-size: 16px;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\t\t\t\t\/* description color *\/\n}\n\n.sf-10-snap-container-42 section .content .sf-10-bttns{\n\tbackground-color: #F1F1F1; \n\tcolor: black; border: none; \n\tcursor: pointer; \n\tborder-radius: 4px; \n\ttext-align: center; \n\tpadding: 5px 15px; \n\tmargin-left: 10px;\n\ttransition: all .3s;\n}\n\n.sf-10-snap-container-42 section .content .sf-10-bttns:hover {\n\tbackground-color: #3E3D3D; \n\tcolor: white; \n}\n\n.sf-10-snap-container-42 .nav-dots {\n\tposition: absolute;\n\ttop: 50%;\n\tright: 60px;\n\tdisplay: inline-block;\n\tjustify-content: center;\n\theight: fit-content;\n\tmargin: 0;\n\tlist-style-type: none; \n}\n\n.sf-10-snap-container-42 .nav-dots li {\n\tdisplay: block;\n\tmargin: 10px 0;\n\tbackground: #323232;\t\t\t\t\t\/* Dots color *\/\n\tborder-radius: 100px;\n\twidth: 10px;\n\theight: 10px; \n}\n\n.sf-10-snap-container-42 .nav-dots li.active {\n\tbackground-color: #ffffff; \t\t\t\t\t\/* Dots active color *\/\n}\n\n.sf-10-snap-container-42 {\n\theight: 750px;\n}\n<\/style>\n\n<div class=\"sf-10-main-container-42\">\n\t<div class=\"sf-10-snap-container-42\">\n\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-872831.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\"><\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/sydney.jpg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\"><\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-photo-753626.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\"><\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/pexels-photo-208321.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\"><\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t<ul class=\"nav-dots\">\n\t\t\t\t\t\t\t\t<li data-slide-link=\"0\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"1\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"2\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"3\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t<\/div>\n<\/div>\n\n<script>\nvar nunumR;\njQuery(document).ready((function() {\n\tjQuery(\".sec\").html(\"Active slide:\" + 1);\n\tjQuery(\".sf-10-snap-container-42 section:nth-child(1)\").addClass(\"active\");\n\tjQuery(\".sf-10-snap-container-42 li:nth-child(1)\").addClass(\"active\")\n}));\n\njQuery(\".sf-10-snap-container-42\").scroll((function() {\n\tjQuery(\".text\").html(\"ScrollTop: \" + jQuery(\".sf-10-snap-container-42\").scrollTop()); \n\tnunum = jQuery(\".sf-10-snap-container-42\").scrollTop() \/ jQuery(\".sf-10-snap-container-42\").height() + 1;\n\tnunumR = nunum.toString().split(\".\");\n\tjQuery(\".sf-10-snap-container-42 section\").removeClass(\"active\"); \n\tjQuery(\".sf-10-snap-container-42 section:nth-child(\" + nunumR[0] + \")\").addClass(\"active\"); \n\tjQuery(\".sec\").html(\"Active slide: \" + nunumR[0]);\n\tclearTimeout(jQuery.data(this, \"scrollTimer\"));\n\tjQuery.data(this, \"scrollTimer\", setTimeout((function() {\n\t\tjQuery(\".sf-10-snap-container-42 li\").removeClass(\"active\"), jQuery(\".sf-10-snap-container-42 li:nth-child(\" + nunumR[0] + \")\").addClass(\"active\")\n\t}), 150))\n})); \n\njQuery(window).resize((function() {\n\tclearTimeout(jQuery.data(this, \"resizelTimer\")); \n\tjQuery.data(this, \"resizelTimer\", setTimeout((function() {\n\t\tjQuery(\".sf-10-snap-container-42\").animate({\n\t\t\tscrollTop: 0\n\t\t}, 500)\n\t}), 150))\n}));\n\njQuery(\".count\").html(\"Slides: \" + jQuery(\".sf-10-snap-container-42\").length);\n\njQuery(\".sf-10-snap-container-42 li\").click((function() {\n\tjQuery(\".sf-10-snap-container-42\").animate({\n\t\tscrollTop: jQuery(this).attr(\"data-slide-link\") * jQuery(\".sf-10-snap-container-42 section\").height() + 120\n\t}, 1500)\n}));\n<\/script>\n[\/vc_column_text][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h4 class=\"has-text-align-center\" style=\"text-align: center;\"><strong>Slider with Slide Tiltle<\/strong><\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text]\n<style>\n.sf-10-main-container-43:parent * {\n\tbox-sizing: border-box !important;\n}\n\n.sf-10-main-container-43 section {\n\tcolor: #ffffff; \t\t\t\t\t\/* title\/desc color *\/\n}\n\n.sf-10-main-container-43 {\n\tfont-family: sans-serif;\n\tbackground: #323232; \t\t\t\/* Background color *\/\n\tposition: relative;\n\theight: 800px;\t\t\t\t\t\/* slider height *\/\n\twidth: 100%;\t\t\t\t\t\t\/* slider width *\/\n\toverflow: hidden; \n}\n\n.sf-10-snap-container-43 {\n\theight: 100vh;\n\toverflow-y: scroll;\n\tscroll-snap-type: y mandatory;\n\t-ms-overflow-style: none;\n\tborder: 30px solid rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-43::-webkit-scrollbar {\n\tdisplay: none; \n}\n\n.sf-10-snap-container-43 section {\n\theight: 100%;\n\twidth: 100%;\n\tbackground-position: center center !important;\n\tbackground-size: cover !important;\n\tbackground-repeat: no-repeat !important;\n\tposition: relative;\n\tbackground: rgba(0, 0, 0, 0.5);\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\tmargin: 50px 0;\n\tscroll-snap-align: start;\n\tpadding: 30px; \n}\n\n.sf-10-snap-container-43 section::before {\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tmargin: auto;\n\tcontent: '';\n\tposition: absolute;\n\tdisplay: inline-block;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-position: center center;\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\topacity: 0.25;\n\tz-index: -1; \n}\n\n.sf-10-snap-container-43 section.active {\n\tbackground: rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-43 section.active::before {\n\topacity: 1 !important; \n}\n\n.sf-10-snap-container-43 section:first-child {\n\tmargin-top: 0 !important; \n}\n\n.sf-10-snap-container-43 section:last-of-type {\n\tmargin-bottom: 0 !important; \n}\n\n.sf-10-snap-container-43 section .content {\n\tmargin-top: 0vh; \n}\n\n.sf-10-snap-container-43 section .content .sf-10-title{\n\tfont-size: 32px;\n\tfont-weight: bold;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\t\t\t\t\/* title color *\/\n}\n\n.sf-10-snap-container-43 section .content .sf-10-desc{\n\tfont-size: 16px;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\t\t\t\t\/* description color *\/\n}\n\n.sf-10-snap-container-43 section .content .sf-10-bttns{\n\tbackground-color: #F1F1F1; \n\tcolor: black; border: none; \n\tcursor: pointer; \n\tborder-radius: 4px; \n\ttext-align: center; \n\tpadding: 5px 15px; \n\tmargin-left: 10px;\n\ttransition: all .3s;\n}\n\n.sf-10-snap-container-43 section .content .sf-10-bttns:hover {\n\tbackground-color: #3E3D3D; \n\tcolor: white; \n}\n\n.sf-10-snap-container-43 .nav-dots {\n\tposition: absolute;\n\ttop: 50%;\n\tright: 60px;\n\tdisplay: inline-block;\n\tjustify-content: center;\n\theight: fit-content;\n\tmargin: 0;\n\tlist-style-type: none; \n}\n\n.sf-10-snap-container-43 .nav-dots li {\n\tdisplay: block;\n\tmargin: 10px 0;\n\tbackground: #323232;\t\t\t\t\t\/* Dots color *\/\n\tborder-radius: 100px;\n\twidth: 10px;\n\theight: 10px; \n}\n\n.sf-10-snap-container-43 .nav-dots li.active {\n\tbackground-color: #ffffff; \t\t\t\t\t\/* Dots active color *\/\n}\n\n.sf-10-snap-container-43 {\n\theight: 800px;\n}\n<\/style>\n\n<div class=\"sf-10-main-container-43\">\n\t<div class=\"sf-10-snap-container-43\">\n\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Tasty-Breakfast-Meal.jpg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Tasty Breakfast Meal<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Homemade-Pizzas.jpg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Homemade Pizzas<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Delicious-Breakfast-Meal.jpg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Delicious Breakfast Meal<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Mix-Vegetable-Meal.jpg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Mix Vegetable Meal<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t<ul class=\"nav-dots\">\n\t\t\t\t\t\t\t\t<li data-slide-link=\"0\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"1\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"2\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"3\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t<\/div>\n<\/div>\n\n<script>\nvar nunumR;\njQuery(document).ready((function() {\n\tjQuery(\".sec\").html(\"Active slide:\" + 1);\n\tjQuery(\".sf-10-snap-container-43 section:nth-child(1)\").addClass(\"active\");\n\tjQuery(\".sf-10-snap-container-43 li:nth-child(1)\").addClass(\"active\")\n}));\n\njQuery(\".sf-10-snap-container-43\").scroll((function() {\n\tjQuery(\".text\").html(\"ScrollTop: \" + jQuery(\".sf-10-snap-container-43\").scrollTop()); \n\tnunum = jQuery(\".sf-10-snap-container-43\").scrollTop() \/ jQuery(\".sf-10-snap-container-43\").height() + 1;\n\tnunumR = nunum.toString().split(\".\");\n\tjQuery(\".sf-10-snap-container-43 section\").removeClass(\"active\"); \n\tjQuery(\".sf-10-snap-container-43 section:nth-child(\" + nunumR[0] + \")\").addClass(\"active\"); \n\tjQuery(\".sec\").html(\"Active slide: \" + nunumR[0]);\n\tclearTimeout(jQuery.data(this, \"scrollTimer\"));\n\tjQuery.data(this, \"scrollTimer\", setTimeout((function() {\n\t\tjQuery(\".sf-10-snap-container-43 li\").removeClass(\"active\"), jQuery(\".sf-10-snap-container-43 li:nth-child(\" + nunumR[0] + \")\").addClass(\"active\")\n\t}), 150))\n})); \n\njQuery(window).resize((function() {\n\tclearTimeout(jQuery.data(this, \"resizelTimer\")); \n\tjQuery.data(this, \"resizelTimer\", setTimeout((function() {\n\t\tjQuery(\".sf-10-snap-container-43\").animate({\n\t\t\tscrollTop: 0\n\t\t}, 500)\n\t}), 150))\n}));\n\njQuery(\".count\").html(\"Slides: \" + jQuery(\".sf-10-snap-container-43\").length);\n\njQuery(\".sf-10-snap-container-43 li\").click((function() {\n\tjQuery(\".sf-10-snap-container-43\").animate({\n\t\tscrollTop: jQuery(this).attr(\"data-slide-link\") * jQuery(\".sf-10-snap-container-43 section\").height() + 120\n\t}, 1500)\n}));\n<\/script>\n[\/vc_column_text][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h4 class=\"has-text-align-center\" style=\"text-align: center;\"><strong>Slider With Slide Title And Description<\/strong><\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text]\n<style>\n.sf-10-main-container-44:parent * {\n\tbox-sizing: border-box !important;\n}\n\n.sf-10-main-container-44 section {\n\tcolor: #ffffff; \t\t\t\t\t\/* title\/desc color *\/\n}\n\n.sf-10-main-container-44 {\n\tfont-family: sans-serif;\n\tbackground: #323232; \t\t\t\/* Background color *\/\n\tposition: relative;\n\theight: 750px;\t\t\t\t\t\/* slider height *\/\n\twidth: 100%;\t\t\t\t\t\t\/* slider width *\/\n\toverflow: hidden; \n}\n\n.sf-10-snap-container-44 {\n\theight: 100vh;\n\toverflow-y: scroll;\n\tscroll-snap-type: y mandatory;\n\t-ms-overflow-style: none;\n\tborder: 30px solid rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-44::-webkit-scrollbar {\n\tdisplay: none; \n}\n\n.sf-10-snap-container-44 section {\n\theight: 100%;\n\twidth: 100%;\n\tbackground-position: center center !important;\n\tbackground-size: cover !important;\n\tbackground-repeat: no-repeat !important;\n\tposition: relative;\n\tbackground: rgba(0, 0, 0, 0.5);\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\tmargin: 50px 0;\n\tscroll-snap-align: start;\n\tpadding: 30px; \n}\n\n.sf-10-snap-container-44 section::before {\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tmargin: auto;\n\tcontent: '';\n\tposition: absolute;\n\tdisplay: inline-block;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-position: center center;\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\t-webkit-transition: opacity 2s ease;\n\t-moz-transition: opacity 2s ease;\n\t-ms-transition: opacity 2s ease;\n\t-o-transition: opacity 2s ease;\n\ttransition: opacity 2s ease;\n\topacity: 0.25;\n\tz-index: -1; \n}\n\n.sf-10-snap-container-44 section.active {\n\tbackground: rgba(0, 0, 0, 0); \n}\n\n.sf-10-snap-container-44 section.active::before {\n\topacity: 1 !important; \n}\n\n.sf-10-snap-container-44 section:first-child {\n\tmargin-top: 0 !important; \n}\n\n.sf-10-snap-container-44 section:last-of-type {\n\tmargin-bottom: 0 !important; \n}\n\n.sf-10-snap-container-44 section .content {\n\tmargin-top: 0vh; \n}\n\n.sf-10-snap-container-44 section .content .sf-10-title{\n\tfont-size: 32px;\n\tfont-weight: bold;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\t\t\t\t\/* title color *\/\n}\n\n.sf-10-snap-container-44 section .content .sf-10-desc{\n\tfont-size: 16px;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #ffffff;\t\t\t\t\/* description color *\/\n}\n\n.sf-10-snap-container-44 section .content .sf-10-bttns{\n\tbackground-color: #F1F1F1; \n\tcolor: black; border: none; \n\tcursor: pointer; \n\tborder-radius: 4px; \n\ttext-align: center; \n\tpadding: 5px 15px; \n\tmargin-left: 10px;\n\ttransition: all .3s;\n}\n\n.sf-10-snap-container-44 section .content .sf-10-bttns:hover {\n\tbackground-color: #3E3D3D; \n\tcolor: white; \n}\n\n.sf-10-snap-container-44 .nav-dots {\n\tposition: absolute;\n\ttop: 50%;\n\tright: 60px;\n\tdisplay: inline-block;\n\tjustify-content: center;\n\theight: fit-content;\n\tmargin: 0;\n\tlist-style-type: none; \n}\n\n.sf-10-snap-container-44 .nav-dots li {\n\tdisplay: block;\n\tmargin: 10px 0;\n\tbackground: #323232;\t\t\t\t\t\/* Dots color *\/\n\tborder-radius: 100px;\n\twidth: 10px;\n\theight: 10px; \n}\n\n.sf-10-snap-container-44 .nav-dots li.active {\n\tbackground-color: #ffffff; \t\t\t\t\t\/* Dots active color *\/\n}\n\n.sf-10-snap-container-44 {\n\theight: 750px;\n}\n<\/style>\n\n<div class=\"sf-10-main-container-44\">\n\t<div class=\"sf-10-snap-container-44\">\n\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-792381.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Tiger<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">The tiger is the largest living cat species and a member of the genus Panthera. It is most recognisable for its dark vertical stripes on orange-brown fur with a lighter underside. It is an apex predator, primarily preying on ungulates such as deer and wild boar.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/geese-water-birds-waterfowl-63330.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Geese Water Birds<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">The Anatidae are the biological family of water birds that includes ducks, geese, and swans. The family has a cosmopolitan distribution, occurring on all the world&#039;s continents. These birds are adapted for swimming, floating on the water surface, and in some cases diving in at least shallow water.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/bald-eagles-bald-eagle-bird-of-prey-adler-53581.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Bald Eagle<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">The bald eagle is a bird of prey found in North America. A sea eagle, it has two known subspecies and forms a species pair with the white-tailed eagle. Its range includes most of Canada and Alaska, all of the contiguous United States, and northern Mexico<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t\t\t<section style=\"background-image: url('https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/04\/pexels-photo-3551498.jpeg');\">\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<span class=\"sf-10-title\">Elephant<\/span>\n\t\t\t\t\t\t<span class=\"sf-10-desc\">Elephants are the largest existing land animals. Three species are currently recognised: the African bush elephant, the African forest elephant, and the Asian elephant. Elephantidae is the only surviving family of the order Proboscidea; extinct members include the mastodons<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t<ul class=\"nav-dots\">\n\t\t\t\t\t\t\t\t<li data-slide-link=\"0\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"1\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"2\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<li data-slide-link=\"3\"><\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ul>\t\n\t<\/div>\n<\/div>\n\n<script>\nvar nunumR;\njQuery(document).ready((function() {\n\tjQuery(\".sec\").html(\"Active slide:\" + 1);\n\tjQuery(\".sf-10-snap-container-44 section:nth-child(1)\").addClass(\"active\");\n\tjQuery(\".sf-10-snap-container-44 li:nth-child(1)\").addClass(\"active\")\n}));\n\njQuery(\".sf-10-snap-container-44\").scroll((function() {\n\tjQuery(\".text\").html(\"ScrollTop: \" + jQuery(\".sf-10-snap-container-44\").scrollTop()); \n\tnunum = jQuery(\".sf-10-snap-container-44\").scrollTop() \/ jQuery(\".sf-10-snap-container-44\").height() + 1;\n\tnunumR = nunum.toString().split(\".\");\n\tjQuery(\".sf-10-snap-container-44 section\").removeClass(\"active\"); \n\tjQuery(\".sf-10-snap-container-44 section:nth-child(\" + nunumR[0] + \")\").addClass(\"active\"); \n\tjQuery(\".sec\").html(\"Active slide: \" + nunumR[0]);\n\tclearTimeout(jQuery.data(this, \"scrollTimer\"));\n\tjQuery.data(this, \"scrollTimer\", setTimeout((function() {\n\t\tjQuery(\".sf-10-snap-container-44 li\").removeClass(\"active\"), jQuery(\".sf-10-snap-container-44 li:nth-child(\" + nunumR[0] + \")\").addClass(\"active\")\n\t}), 150))\n})); \n\njQuery(window).resize((function() {\n\tclearTimeout(jQuery.data(this, \"resizelTimer\")); \n\tjQuery.data(this, \"resizelTimer\", setTimeout((function() {\n\t\tjQuery(\".sf-10-snap-container-44\").animate({\n\t\t\tscrollTop: 0\n\t\t}, 500)\n\t}), 150))\n}));\n\njQuery(\".count\").html(\"Slides: \" + jQuery(\".sf-10-snap-container-44\").length);\n\njQuery(\".sf-10-snap-container-44 li\").click((function() {\n\tjQuery(\".sf-10-snap-container-44\").animate({\n\t\tscrollTop: jQuery(this).attr(\"data-slide-link\") * jQuery(\".sf-10-snap-container-44 section\").height() + 120\n\t}, 1500)\n}));\n<\/script>\n[\/vc_column_text][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<div class=\"wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_bounceIn bounceIn wpb_start_animation animated\">\n<div class=\"wpb_wrapper\">\n<h2 style=\"text-align: center;\"><strong>Design Beautifull Responsive Image Slider<\/strong><\/h2>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-download&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#84b85a&#8221;][vc_btn title=&#8221;Download Slider Factory&#8221; shape=&#8221;round&#8221; color=&#8221;green&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwordpress.org%2Fplugins%2Fslider-factory%2F|target:_blank&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-desktop&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#6fc3df&#8221;][vc_btn title=&#8221;Check Slider Factory Pro Demo&#8221; shape=&#8221;round&#8221; color=&#8221;info&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Fwordpress-plugins%2Fslider-factory-pro%2F|target:_blank&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-shopping-cart&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#ff6255&#8243;][vc_btn title=&#8221;Buy Slider Factory Pro&#8221; shape=&#8221;round&#8221; color=&#8221;danger&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwpfrank.com%2Faccount%2Fsignup%2Fslider-factory-pro|target:_blank&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] A Basic Example [\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text][\/vc_column_text][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Slider with Slide Tiltle [\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text][\/vc_column_text][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Slider With Slide Title And Description [\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text][\/vc_column_text][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Design Beautifull Responsive Image Slider [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-download&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#84b85a&#8221;][vc_btn title=&#8221;Download Slider Factory&#8221; shape=&#8221;round&#8221; color=&#8221;green&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; link=&#8221;url:https%3A%2F%2Fwordpress.org%2Fplugins%2Fslider-factory%2F|target:_blank&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_icon icon_fontawesome=&#8221;fas fa-desktop&#8221; color=&#8221;custom&#8221; size=&#8221;xl&#8221; align=&#8221;center&#8221; css_animation=&#8221;bounceIn&#8221; custom_color=&#8221;#6fc3df&#8221;][vc_btn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/1149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=1149"}],"version-history":[{"count":2,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/1149\/revisions"}],"predecessor-version":[{"id":1155,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/1149\/revisions\/1155"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}