{"id":849,"date":"2021-02-05T11:16:05","date_gmt":"2021-02-05T11:16:05","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/?page_id=849"},"modified":"2021-02-05T12:45:24","modified_gmt":"2021-02-05T12:45:24","slug":"layout-1","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/layout-1\/","title":{"rendered":"Layout 1"},"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;50px&#8221;][vc_column_text]\n<script>\njQuery( document ).ready(function($) {\n\tvar $main = $('.carousel-main-2');\n\n\tif ($main.data('flickity')) {\n\t\t$main.flickity('destroy');\n\t}\n\n\tvar mainCarousel = $main.flickity({\n\t\tcellSelector: '.carousel-cell-2',\n\t\timagesLoaded: true,\n\t\t\t\tautoPlay: false,\n\t\t\t\tpauseAutoPlayOnHover: false,\n\t\twrapAround: true,\n\t\tadaptiveHeight: true,\n\t\tprevNextButtons: true,\n\t\tpageDots: true,\n\t\t\t\tcellAlign: 'center',\n\t\t\t\trightToLeft: false,\n\t\t\tarrowShape: 'M 60,15 L 65,20 L 35,50 L 65,80 L 60,85 L 25,50 Z'\n\t});\n\n\t$main.find('img').on('load', function() {\n\t\t$main.flickity('resize');\n\t});\n\tsetTimeout(function() {\n\t\t$main.flickity('resize');\n\t}, 100);\n});\n<\/script>\n\n<!-- slider start -->\n<div class=\"carousel-2 carousel-main-2 preset-1\">\n\t\t\t\t<div class=\"carousel-cell-2\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/close-up-indoor-fashion-portrait-pretty-young-model-stylish-winter-fluffy-coat-black-hat-posing-evening-bright-make-up.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-2\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/young-handsome-business-man-wearing-suit-tie-isolated-wall-shooting-killing-oneself-pointing-hand-fingers-head-like-gun.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-2\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/glad-multiethnic-women-cross-fingers-good-luck-before-passing-entrance-exams.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-2\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/front-view-female-office-worker-black-strict-jacket-posing-light-pink-wall.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.carousel-main-2 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\tmargin-bottom: 25px;\n\tposition: relative;\n}\n\n.carousel-main-2 .flickity-viewport {\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n\ttransition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.carousel-main-2 .sf-1-slide-image {\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\theight: auto;\n}\n\n.carousel-main-2 .sf-1-slide-content {\n\tposition: absolute;\n\tcolor: white;\n\twidth: 100%;\n\tbottom: 0;\n\ttext-align: center;\n\tbackground: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);\n\tpadding: 45px 20px 20px 20px;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.carousel-main-2 .sf-1-slide-title {\n\tfont-size: 22px;\n\tfont-weight: 700;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\tmargin-bottom: 4px;\n\tpadding: 0;\n}\n\n.carousel-main-2 .sf-1-slide-desc {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\topacity: 0.9;\n\tpadding: 0;\n}\n\n\/* Preset Cell Width Rules *\/\n.carousel-main-2 .carousel-cell-2 {\n\twidth: 100% !important;\n\tmargin-right: 0 !important;\n}\n\n.carousel-main-2 .carousel-cell-2 {\n\theight: auto;\n}\n\n\/* Active Slide Visibility Rule *\/\n.carousel-main-2 .carousel-cell-2.is-selected {\n\tz-index: 2;\n}\n\n\/* Thumbnail Navigation Styling *\/\n.sf-1-thumb-nav {\n\tmargin-top: 12px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n}\n.sf-1-thumb-cell {\n\twidth: 80px;\n\theight: 55px;\n\tmargin-right: 8px;\n\tcursor: pointer;\n\topacity: 0.6;\n\ttransition: opacity 0.2s;\n\tborder-radius: 4px;\n\toverflow: hidden;\n}\n.sf-1-thumb-cell.is-nav-selected {\n\topacity: 1;\n\tborder: 2px solid #2563eb;\n}\n.sf-1-thumb-cell img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n\/* Premium Navigation Arrows *\/\n.carousel-main-2 .flickity-prev-next-button {\n\twidth: 44px;\n\theight: 60px;\n\tbackground: rgba(0, 0, 0, 0.2);\n\tborder-radius: 4px;\n\tborder: none;\n\tbox-shadow: none;\n\topacity: 0;\n\ttransition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.carousel-main-2 .flickity-prev-next-button.previous {\n\tleft: 15px;\n\ttransform: translateY(-50%) translateX(-15px);\n}\n.carousel-main-2 .flickity-prev-next-button.next {\n\tright: 15px;\n\ttransform: translateY(-50%) translateX(15px);\n}\n.carousel-main-2:hover .flickity-prev-next-button.previous {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-2:hover .flickity-prev-next-button.next {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-2 .flickity-prev-next-button:hover {\n\topacity: 1;\n\tbackground: rgba(0, 0, 0, 0.4);\n}\n.carousel-main-2 .flickity-prev-next-button .flickity-button-icon {\n\twidth: 45%;\n\theight: 45%;\n\tleft: 27.5%;\n\ttop: 27.5%;\n\tfill: #ffffff;\n}\n\n\/* Page Dots *\/\n.carousel-main-2 .flickity-page-dots {\n\tposition: relative;\n\tbottom: auto;\n\tmargin-top: 15px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 6px;\n}\n.carousel-main-2 .flickity-page-dots .dot {\n\twidth: 8px;\n\theight: 8px;\n\tbackground: #cbd5e1;\n\topacity: 1;\n\tborder-radius: 50%;\n\ttransition: all 0.3s ease;\n\tmargin: 0;\n\tborder: none;\n}\n.carousel-main-2 .flickity-page-dots .dot:hover {\n\tbackground: #94a3b8;\n}\n.carousel-main-2 .flickity-page-dots .dot.is-selected {\n\tbackground: #64748b;\n\twidth: 20px;\n\tborder-radius: 4px;\n\tbox-shadow: none;\n}\n\n<\/style>\n[\/vc_column_text][vc_empty_space height=&#8221;100px&#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<\/strong><\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]\n<script>\njQuery( document ).ready(function($) {\n\tvar $main = $('.carousel-main-1');\n\n\tif ($main.data('flickity')) {\n\t\t$main.flickity('destroy');\n\t}\n\n\tvar mainCarousel = $main.flickity({\n\t\tcellSelector: '.carousel-cell-1',\n\t\timagesLoaded: true,\n\t\t\t\tautoPlay: 1500,\n\t\t\t\tpauseAutoPlayOnHover: false,\n\t\twrapAround: true,\n\t\tadaptiveHeight: true,\n\t\tprevNextButtons: true,\n\t\tpageDots: true,\n\t\t\t\tcellAlign: 'center',\n\t\t\t\trightToLeft: false,\n\t\t\tarrowShape: 'M 60,15 L 65,20 L 35,50 L 65,80 L 60,85 L 25,50 Z'\n\t});\n\n\t$main.find('img').on('load', function() {\n\t\t$main.flickity('resize');\n\t});\n\tsetTimeout(function() {\n\t\t$main.flickity('resize');\n\t}, 100);\n});\n<\/script>\n\n<!-- slider start -->\n<div class=\"carousel-1 carousel-main-1 preset-1\">\n\t\t\t\t<div class=\"carousel-cell-1\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Tasty-Breakfast-Meal.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Tasty-Breakfast-Meal<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Vegetable-Meal-2.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Vegetable-Meal<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Mix-Vegetable-Meal.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Mix-Vegetable-Meal<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Delicious-Breakfast-Meal.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Delicious-Breakfast-Meal<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-1\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/03\/Homemade-Pizzas.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Homemade-Pizzas<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.carousel-main-1 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\tmargin-bottom: 25px;\n\tposition: relative;\n}\n\n.carousel-main-1 .flickity-viewport {\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n\ttransition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.carousel-main-1 .sf-1-slide-image {\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\theight: auto;\n}\n\n.carousel-main-1 .sf-1-slide-content {\n\tposition: absolute;\n\tcolor: white;\n\twidth: 100%;\n\tbottom: 0;\n\ttext-align: center;\n\tbackground: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);\n\tpadding: 45px 20px 20px 20px;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.carousel-main-1 .sf-1-slide-title {\n\tfont-size: 22px;\n\tfont-weight: 700;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\tmargin-bottom: 4px;\n\tpadding: 0;\n}\n\n.carousel-main-1 .sf-1-slide-desc {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\topacity: 0.9;\n\tpadding: 0;\n}\n\n\/* Preset Cell Width Rules *\/\n.carousel-main-1 .carousel-cell-1 {\n\twidth: 100% !important;\n\tmargin-right: 0 !important;\n}\n\n.carousel-main-1 .carousel-cell-1 {\n\theight: auto;\n}\n\n\/* Active Slide Visibility Rule *\/\n.carousel-main-1 .carousel-cell-1.is-selected {\n\tz-index: 2;\n}\n\n\/* Thumbnail Navigation Styling *\/\n.sf-1-thumb-nav {\n\tmargin-top: 12px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n}\n.sf-1-thumb-cell {\n\twidth: 80px;\n\theight: 55px;\n\tmargin-right: 8px;\n\tcursor: pointer;\n\topacity: 0.6;\n\ttransition: opacity 0.2s;\n\tborder-radius: 4px;\n\toverflow: hidden;\n}\n.sf-1-thumb-cell.is-nav-selected {\n\topacity: 1;\n\tborder: 2px solid #2563eb;\n}\n.sf-1-thumb-cell img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n\/* Premium Navigation Arrows *\/\n.carousel-main-1 .flickity-prev-next-button {\n\twidth: 44px;\n\theight: 60px;\n\tbackground: rgba(0, 0, 0, 0.2);\n\tborder-radius: 4px;\n\tborder: none;\n\tbox-shadow: none;\n\topacity: 0;\n\ttransition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.carousel-main-1 .flickity-prev-next-button.previous {\n\tleft: 15px;\n\ttransform: translateY(-50%) translateX(-15px);\n}\n.carousel-main-1 .flickity-prev-next-button.next {\n\tright: 15px;\n\ttransform: translateY(-50%) translateX(15px);\n}\n.carousel-main-1:hover .flickity-prev-next-button.previous {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-1:hover .flickity-prev-next-button.next {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-1 .flickity-prev-next-button:hover {\n\topacity: 1;\n\tbackground: rgba(0, 0, 0, 0.4);\n}\n.carousel-main-1 .flickity-prev-next-button .flickity-button-icon {\n\twidth: 45%;\n\theight: 45%;\n\tleft: 27.5%;\n\ttop: 27.5%;\n\tfill: #ffffff;\n}\n\n\/* Page Dots *\/\n.carousel-main-1 .flickity-page-dots {\n\tposition: relative;\n\tbottom: auto;\n\tmargin-top: 15px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 6px;\n}\n.carousel-main-1 .flickity-page-dots .dot {\n\twidth: 8px;\n\theight: 8px;\n\tbackground: #cbd5e1;\n\topacity: 1;\n\tborder-radius: 50%;\n\ttransition: all 0.3s ease;\n\tmargin: 0;\n\tborder: none;\n}\n.carousel-main-1 .flickity-page-dots .dot:hover {\n\tbackground: #94a3b8;\n}\n.carousel-main-1 .flickity-page-dots .dot.is-selected {\n\tbackground: #64748b;\n\twidth: 20px;\n\tborder-radius: 4px;\n\tbox-shadow: none;\n}\n\n<\/style>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][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;50px&#8221;][vc_column_text]\n<script>\njQuery( document ).ready(function($) {\n\tvar $main = $('.carousel-main-13');\n\n\tif ($main.data('flickity')) {\n\t\t$main.flickity('destroy');\n\t}\n\n\tvar mainCarousel = $main.flickity({\n\t\tcellSelector: '.carousel-cell-13',\n\t\timagesLoaded: true,\n\t\t\t\tautoPlay: 1500,\n\t\t\t\tpauseAutoPlayOnHover: false,\n\t\twrapAround: true,\n\t\tadaptiveHeight: true,\n\t\tprevNextButtons: true,\n\t\tpageDots: true,\n\t\t\t\tcellAlign: 'center',\n\t\t\t\trightToLeft: false,\n\t\t\tarrowShape: 'M 60,15 L 65,20 L 35,50 L 65,80 L 60,85 L 25,50 Z'\n\t});\n\n\t$main.find('img').on('load', function() {\n\t\t$main.flickity('resize');\n\t});\n\tsetTimeout(function() {\n\t\t$main.flickity('resize');\n\t}, 100);\n});\n<\/script>\n\n<!-- slider start -->\n<div class=\"carousel-13 carousel-main-13 preset-1\">\n\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-6-3.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture One<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-5-3.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture Two<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-4-4.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture Three<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-3-4.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture Four<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-1-4.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture Five<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-10-1.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture Six<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"carousel-cell-13\">\n\t\t\t\t<img class=\"sf-1-slide-image\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-content\/uploads\/sites\/7\/2021\/01\/Picture-9-1.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"100%\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-content\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-title\">Background Picture Seven<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"sf-1-slide-desc\">In 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.<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<!-- slider end-->\n\n<style>\n.carousel-main-13 {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n\tmargin-bottom: 25px;\n\tposition: relative;\n}\n\n.carousel-main-13 .flickity-viewport {\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\n\ttransition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.carousel-main-13 .sf-1-slide-image {\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\theight: auto;\n}\n\n.carousel-main-13 .sf-1-slide-content {\n\tposition: absolute;\n\tcolor: white;\n\twidth: 100%;\n\tbottom: 0;\n\ttext-align: center;\n\tbackground: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);\n\tpadding: 45px 20px 20px 20px;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.carousel-main-13 .sf-1-slide-title {\n\tfont-size: 22px;\n\tfont-weight: 700;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\tmargin-bottom: 4px;\n\tpadding: 0;\n}\n\n.carousel-main-13 .sf-1-slide-desc {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\ttext-shadow: 0 2px 8px rgba(0,0,0,0.5);\n\topacity: 0.9;\n\tpadding: 0;\n}\n\n\/* Preset Cell Width Rules *\/\n.carousel-main-13 .carousel-cell-13 {\n\twidth: 100% !important;\n\tmargin-right: 0 !important;\n}\n\n.carousel-main-13 .carousel-cell-13 {\n\theight: auto;\n}\n\n\/* Active Slide Visibility Rule *\/\n.carousel-main-13 .carousel-cell-13.is-selected {\n\tz-index: 2;\n}\n\n\/* Thumbnail Navigation Styling *\/\n.sf-1-thumb-nav {\n\tmargin-top: 12px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\twidth: 100%;\n}\n.sf-1-thumb-cell {\n\twidth: 80px;\n\theight: 55px;\n\tmargin-right: 8px;\n\tcursor: pointer;\n\topacity: 0.6;\n\ttransition: opacity 0.2s;\n\tborder-radius: 4px;\n\toverflow: hidden;\n}\n.sf-1-thumb-cell.is-nav-selected {\n\topacity: 1;\n\tborder: 2px solid #2563eb;\n}\n.sf-1-thumb-cell img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n\/* Premium Navigation Arrows *\/\n.carousel-main-13 .flickity-prev-next-button {\n\twidth: 44px;\n\theight: 60px;\n\tbackground: rgba(0, 0, 0, 0.2);\n\tborder-radius: 4px;\n\tborder: none;\n\tbox-shadow: none;\n\topacity: 0;\n\ttransition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.carousel-main-13 .flickity-prev-next-button.previous {\n\tleft: 15px;\n\ttransform: translateY(-50%) translateX(-15px);\n}\n.carousel-main-13 .flickity-prev-next-button.next {\n\tright: 15px;\n\ttransform: translateY(-50%) translateX(15px);\n}\n.carousel-main-13:hover .flickity-prev-next-button.previous {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-13:hover .flickity-prev-next-button.next {\n\topacity: 0.75;\n\ttransform: translateY(-50%) translateX(0);\n}\n.carousel-main-13 .flickity-prev-next-button:hover {\n\topacity: 1;\n\tbackground: rgba(0, 0, 0, 0.4);\n}\n.carousel-main-13 .flickity-prev-next-button .flickity-button-icon {\n\twidth: 45%;\n\theight: 45%;\n\tleft: 27.5%;\n\ttop: 27.5%;\n\tfill: #ffffff;\n}\n\n\/* Page Dots *\/\n.carousel-main-13 .flickity-page-dots {\n\tposition: relative;\n\tbottom: auto;\n\tmargin-top: 15px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 6px;\n}\n.carousel-main-13 .flickity-page-dots .dot {\n\twidth: 8px;\n\theight: 8px;\n\tbackground: #cbd5e1;\n\topacity: 1;\n\tborder-radius: 50%;\n\ttransition: all 0.3s ease;\n\tmargin: 0;\n\tborder: none;\n}\n.carousel-main-13 .flickity-page-dots .dot:hover {\n\tbackground: #94a3b8;\n}\n.carousel-main-13 .flickity-page-dots .dot.is-selected {\n\tbackground: #64748b;\n\twidth: 20px;\n\tborder-radius: 4px;\n\tbox-shadow: none;\n}\n\n<\/style>\n[\/vc_column_text][vc_empty_space height=&#8221;100px&#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;50px&#8221;][vc_column_text][\/vc_column_text][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Slider With Slide Title [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_column_text] Slider With Slide Title And Description [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text][\/vc_column_text][vc_empty_space height=&#8221;100px&#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-849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/849","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=849"}],"version-history":[{"count":7,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/849\/revisions"}],"predecessor-version":[{"id":891,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/pages\/849\/revisions\/891"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-free-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}