{"id":892,"date":"2021-02-05T12:46:30","date_gmt":"2021-02-05T12:46:30","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/?page_id=892"},"modified":"2021-03-22T13:40:35","modified_gmt":"2021-03-22T13:40:35","slug":"layout-5","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/layout-5\/","title":{"rendered":"Layout 5"},"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]<div class=\"slider-container-4\">\n\t<ul class=\"flip-items\">\n\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-8-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (8)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-6-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (6)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-7-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (7)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-0-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (0)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-2-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (2)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-3-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (3)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-5-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (5)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Portfolio-Picture-1-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-4\">\n\t\t\t\t\t\t\t\tPortfolio Picture (1)\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n<\/div>\n<script>\njQuery( document ).ready(function() {\n\tjQuery(\".slider-container-4\").flipster({\n\t\t\t});\n});\n<\/script>\n<style>\n.slider-container-4 img {\n\twidth : 600px;\n\tmax-width: 100%;\n\theight : 350px;\n\tobject-fit : cover;\n}\n\n\/********* FIX FOR VERTICAL SCROLL BAR AND PREVIEW PADDING *********\/\n.flipster {\n\tdisplay: block;\n\toverflow: hidden !important;\n\tposition: relative;\n\tpadding: 35px 0 25px 0 !important;\n}\n\n.sf-5-descdiv-4 {\n\ttext-align: center;\n\tposition: absolute;\n\topacity: 0;\n\tbottom: 10%;\n\tcolor: #fff;\n\tbackground: rgba(0,0,0,0.65);\n\twidth: 70%;\n\tleft: 15%;\n\tpadding: 8px 12px;\n\tborder-radius: 6px;\n\ttransition: all 0.4s ease;\n\tbox-sizing: border-box;\n\tz-index: 10;\n}\n.sf-5-descdiv-4 .sf-5-title-4 {\n\tfont-weight: 700;\n\tfont-size: 15px;\n\tmargin-bottom: 4px;\n}\n.sf-5-descdiv-4 .sf-5-desc-4 {\n\tfont-size: 13px;\n\topacity: 0.9;\n}\n.flipster__item--current .sf-5-descdiv-4,\n.flipster__item__content:hover .sf-5-descdiv-4 {\n\topacity: 1;\n}\n\n.sf-5-slide-button-1-4,\n.sf-5-slide-button-2-4 {\n\tdisplay: inline-block;\n\tmin-width: 80px;\n\tmargin: 6px 4px 0 4px;\n\tborder-radius: 4px;\n\tborder: none;\n\tcolor: #ffffff;\n\tbackground-color: #2563eb;\n\tfont-weight: 600;\n\tfont-size: 12px;\n\tpadding: 6px 14px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, transform 0.2s ease;\n\ttext-decoration: none;\n}\n\n.sf-5-slide-button-1-4:hover,\n.sf-5-slide-button-2-4:hover {\n\topacity: 0.9;\n\tcolor: #ffffff;\n\ttransform: translateY(-1px);\n}\n\n\/********* MODERNIZED FLIPSTER NAVIGATION & SPACING *********\/\n.slider-container-4 .flipster__nav {\n\tmargin-top: 28px !important;\n\tmargin-bottom: 20px !important;\n\tdisplay: flex !important;\n\tflex-wrap: wrap !important;\n\tjustify-content: center !important;\n\tgap: 8px !important;\n\tposition: relative !important;\n\tz-index: 10 !important;\n}\n.slider-container-4 .flipster__nav__item {\n\tdisplay: inline-block !important;\n\tmargin: 0 !important;\n}\n.slider-container-4 .flipster__nav__link {\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tbackground: #f1f5f9 !important;\n\tcolor: #475569 !important;\n\tfont-size: 13px !important;\n\tfont-weight: 600 !important;\n\tborder-radius: 4px !important;\n\tpadding: 7px 18px !important;\n\tborder: 1px solid #e2e8f0 !important;\n\ttransition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n\ttext-decoration: none !important;\n\tline-height: 1.2 !important;\n}\n.slider-container-4 .flipster__nav__link::after {\n\tdisplay: none !important;\n}\n.slider-container-4 .flipster__nav__item--current > .flipster__nav__link,\n.slider-container-4 .flipster__nav__link:hover {\n\tbackground: #2563eb !important;\n\tcolor: #ffffff !important;\n\tborder-color: #2563eb !important;\n\tbox-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;\n\ttransform: translateY(-1px) !important;\n}\n.slider-container-4 .flipster__nav__child {\n\tdisplay: none !important;\n}\n\n\/********* Responsive media query *********\/\n@media only screen and (max-width: 768px) {\n\t.slider-container-4 img {\n\t\tmax-width : 300px;\n\t}\n}\n@media only screen and (max-width: 540px) {\n\t.slider-container-4 img {\n\t\tmax-width : 170px;\n\t}\n}\n<\/style>\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>Another Design of Layout 5<\/strong><\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text]<div class=\"slider-container-14\">\n\t<ul class=\"flip-items\">\n\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-1-5-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-14\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-14\">\n\t\t\t\t\t\t\t\tQuote Five\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-desc-14\">\n\t\t\t\t\t\t\t\tIn publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-2-5-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-14\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-14\">\n\t\t\t\t\t\t\t\tQuote Four\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-desc-14\">\n\t\t\t\t\t\t\t\tIn publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-3-5-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-14\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-14\">\n\t\t\t\t\t\t\t\tQuote Three\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-desc-14\">\n\t\t\t\t\t\t\t\tIn publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-4-5-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-14\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-14\">\n\t\t\t\t\t\t\t\tQuote Two\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-desc-14\">\n\t\t\t\t\t\t\t\tIn publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-5-4-1024x576.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t\t\t<div class=\"sf-5-descdiv-14\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-title-14\">\n\t\t\t\t\t\t\t\tQuote One\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-5-desc-14\">\n\t\t\t\t\t\t\t\tIn publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n<\/div>\n<script>\njQuery( document ).ready(function() {\n\tjQuery(\".slider-container-14\").flipster({\n\t\t\t});\n});\n<\/script>\n<style>\n.slider-container-14 img {\n\twidth : 600px;\n\tmax-width: 100%;\n\theight : 300px;\n\tobject-fit : cover;\n}\n\n\/********* FIX FOR VERTICAL SCROLL BAR AND PREVIEW PADDING *********\/\n.flipster {\n\tdisplay: block;\n\toverflow: hidden !important;\n\tposition: relative;\n\tpadding: 35px 0 25px 0 !important;\n}\n\n.sf-5-descdiv-14 {\n\ttext-align: center;\n\tposition: absolute;\n\topacity: 0;\n\tbottom: 10%;\n\tcolor: #fff;\n\tbackground: rgba(0,0,0,0.65);\n\twidth: 70%;\n\tleft: 15%;\n\tpadding: 8px 12px;\n\tborder-radius: 6px;\n\ttransition: all 0.4s ease;\n\tbox-sizing: border-box;\n\tz-index: 10;\n}\n.sf-5-descdiv-14 .sf-5-title-14 {\n\tfont-weight: 700;\n\tfont-size: 15px;\n\tmargin-bottom: 4px;\n}\n.sf-5-descdiv-14 .sf-5-desc-14 {\n\tfont-size: 13px;\n\topacity: 0.9;\n}\n.flipster__item--current .sf-5-descdiv-14,\n.flipster__item__content:hover .sf-5-descdiv-14 {\n\topacity: 1;\n}\n\n.sf-5-slide-button-1-14,\n.sf-5-slide-button-2-14 {\n\tdisplay: inline-block;\n\tmin-width: 80px;\n\tmargin: 6px 4px 0 4px;\n\tborder-radius: 4px;\n\tborder: none;\n\tcolor: #ffffff;\n\tbackground-color: #2563eb;\n\tfont-weight: 600;\n\tfont-size: 12px;\n\tpadding: 6px 14px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, transform 0.2s ease;\n\ttext-decoration: none;\n}\n\n.sf-5-slide-button-1-14:hover,\n.sf-5-slide-button-2-14:hover {\n\topacity: 0.9;\n\tcolor: #ffffff;\n\ttransform: translateY(-1px);\n}\n\n\/********* MODERNIZED FLIPSTER NAVIGATION & SPACING *********\/\n.slider-container-14 .flipster__nav {\n\tmargin-top: 28px !important;\n\tmargin-bottom: 20px !important;\n\tdisplay: flex !important;\n\tflex-wrap: wrap !important;\n\tjustify-content: center !important;\n\tgap: 8px !important;\n\tposition: relative !important;\n\tz-index: 10 !important;\n}\n.slider-container-14 .flipster__nav__item {\n\tdisplay: inline-block !important;\n\tmargin: 0 !important;\n}\n.slider-container-14 .flipster__nav__link {\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tbackground: #f1f5f9 !important;\n\tcolor: #475569 !important;\n\tfont-size: 13px !important;\n\tfont-weight: 600 !important;\n\tborder-radius: 4px !important;\n\tpadding: 7px 18px !important;\n\tborder: 1px solid #e2e8f0 !important;\n\ttransition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n\ttext-decoration: none !important;\n\tline-height: 1.2 !important;\n}\n.slider-container-14 .flipster__nav__link::after {\n\tdisplay: none !important;\n}\n.slider-container-14 .flipster__nav__item--current > .flipster__nav__link,\n.slider-container-14 .flipster__nav__link:hover {\n\tbackground: #2563eb !important;\n\tcolor: #ffffff !important;\n\tborder-color: #2563eb !important;\n\tbox-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;\n\ttransform: translateY(-1px) !important;\n}\n.slider-container-14 .flipster__nav__child {\n\tdisplay: none !important;\n}\n\n\/********* Responsive media query *********\/\n@media only screen and (max-width: 768px) {\n\t.slider-container-14 img {\n\t\tmax-width : 300px;\n\t}\n}\n@media only screen and (max-width: 540px) {\n\t.slider-container-14 img {\n\t\tmax-width : 170px;\n\t}\n}\n<\/style>\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>Gifs Slider\u00a0<\/strong><\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_column_text]<div class=\"slider-container-38\">\n\t<ul class=\"flip-items\">\n\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/9c051bccfcfea96df64a8c8b4813b91c-1.gif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/unnamed.gif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/55f49930341405.5734dc2394d6a.gif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/girl_basketball.gif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<li>\n\t\t\t\t<img src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/07\/b35b43a4691fbd284394745196b9ec34.gif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n<\/div>\n<script>\njQuery( document ).ready(function() {\n\tjQuery(\".slider-container-38\").flipster({\n\t\t\t\tautoplay: 2000,\t\t\/\/ true\/false - numbers in milliseconds \n\t\t\t});\n});\n<\/script>\n<style>\n.slider-container-38 img {\n\twidth : 500px;\n\tmax-width: 100%;\n\theight : 450px;\n\tobject-fit : cover;\n}\n\n\/********* FIX FOR VERTICAL SCROLL BAR AND PREVIEW PADDING *********\/\n.flipster {\n\tdisplay: block;\n\toverflow: hidden !important;\n\tposition: relative;\n\tpadding: 35px 0 25px 0 !important;\n}\n\n.sf-5-descdiv-38 {\n\ttext-align: center;\n\tposition: absolute;\n\topacity: 0;\n\tbottom: 10%;\n\tcolor: #fff;\n\tbackground: rgba(0,0,0,0.65);\n\twidth: 70%;\n\tleft: 15%;\n\tpadding: 8px 12px;\n\tborder-radius: 6px;\n\ttransition: all 0.4s ease;\n\tbox-sizing: border-box;\n\tz-index: 10;\n}\n.sf-5-descdiv-38 .sf-5-title-38 {\n\tfont-weight: 700;\n\tfont-size: 15px;\n\tmargin-bottom: 4px;\n}\n.sf-5-descdiv-38 .sf-5-desc-38 {\n\tfont-size: 13px;\n\topacity: 0.9;\n}\n.flipster__item--current .sf-5-descdiv-38,\n.flipster__item__content:hover .sf-5-descdiv-38 {\n\topacity: 1;\n}\n\n.sf-5-slide-button-1-38,\n.sf-5-slide-button-2-38 {\n\tdisplay: inline-block;\n\tmin-width: 80px;\n\tmargin: 6px 4px 0 4px;\n\tborder-radius: 4px;\n\tborder: none;\n\tcolor: #ffffff;\n\tbackground-color: #2563eb;\n\tfont-weight: 600;\n\tfont-size: 12px;\n\tpadding: 6px 14px;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, transform 0.2s ease;\n\ttext-decoration: none;\n}\n\n.sf-5-slide-button-1-38:hover,\n.sf-5-slide-button-2-38:hover {\n\topacity: 0.9;\n\tcolor: #ffffff;\n\ttransform: translateY(-1px);\n}\n\n\/********* MODERNIZED FLIPSTER NAVIGATION & SPACING *********\/\n.slider-container-38 .flipster__nav {\n\tmargin-top: 28px !important;\n\tmargin-bottom: 20px !important;\n\tdisplay: flex !important;\n\tflex-wrap: wrap !important;\n\tjustify-content: center !important;\n\tgap: 8px !important;\n\tposition: relative !important;\n\tz-index: 10 !important;\n}\n.slider-container-38 .flipster__nav__item {\n\tdisplay: inline-block !important;\n\tmargin: 0 !important;\n}\n.slider-container-38 .flipster__nav__link {\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\tbackground: #f1f5f9 !important;\n\tcolor: #475569 !important;\n\tfont-size: 13px !important;\n\tfont-weight: 600 !important;\n\tborder-radius: 4px !important;\n\tpadding: 7px 18px !important;\n\tborder: 1px solid #e2e8f0 !important;\n\ttransition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n\ttext-decoration: none !important;\n\tline-height: 1.2 !important;\n}\n.slider-container-38 .flipster__nav__link::after {\n\tdisplay: none !important;\n}\n.slider-container-38 .flipster__nav__item--current > .flipster__nav__link,\n.slider-container-38 .flipster__nav__link:hover {\n\tbackground: #2563eb !important;\n\tcolor: #ffffff !important;\n\tborder-color: #2563eb !important;\n\tbox-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;\n\ttransform: translateY(-1px) !important;\n}\n.slider-container-38 .flipster__nav__child {\n\tdisplay: none !important;\n}\n\n\/********* Responsive media query *********\/\n@media only screen and (max-width: 768px) {\n\t.slider-container-38 img {\n\t\tmax-width : 300px;\n\t}\n}\n@media only screen and (max-width: 540px) {\n\t.slider-container-38 img {\n\t\tmax-width : 170px;\n\t}\n}\n<\/style>\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] Another Design of Layout 5 [\/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] Gifs Slider\u00a0 [\/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 title=&#8221;Check Slider Factory [&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-892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/892","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=892"}],"version-history":[{"count":4,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/892\/revisions"}],"predecessor-version":[{"id":1055,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/892\/revisions\/1055"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}