{"id":4600,"date":"2021-08-13T06:38:18","date_gmt":"2021-08-13T06:38:18","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=4600"},"modified":"2021-08-13T09:16:20","modified_gmt":"2021-08-13T09:16:20","slug":"pest-control-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/pest-control-slider\/","title":{"rendered":"Pest Control Slider"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_column_text]<style>\r\n.sf-16-main-container-171 {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 850px;\r\n}\r\n\r\n.sf-16-main-container-171:before {\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\tpadding-top: 100%;\r\n}\r\n\r\n.sf-16-slide-content-171 {\r\n\t\/* position: absolute;\r\n\tfont-size: 18px;\r\n\tcolor: white;\r\n\tpointer-events: none !important;\r\n\twidth: 100%; *\/\r\n\tmargin-top: 15% !important;\r\n\ttext-align: center;\r\n\tpadding: 30px;\r\n}\r\n.sf-16-slide-title-171 {\r\n\tcolor: #ffffff;\r\n\tfont-size: 50px;\r\n}\r\n\r\n.sf-16-slide-desc-171 {\r\n\tcolor: #ffffff;\r\n\tfont-size: 18px;\r\n\t\r\n}\r\n\r\n.sf-16-slide-button-1-171, .sf-16-slide-button-2-171{\r\n\tbackground-color: #F1F1F1; \r\n\tcolor: black;\r\n\tborder: none; \r\n\tcursor: pointer; \r\n\tborder-radius: 0px; \r\n\ttext-align: center; \r\n\tpadding: 5px 15px; \r\n\ttransition: all .3s;\r\n\ttransition: all .3s;\r\n\tmargin-top: 25px !important;\r\n\tmargin-right: 6px;\r\n}\r\n\r\n.sf-16-slide-button-1-171:hover, .sf-16-slide-button-2-171:hover { \r\n\tbackground-color: #3E3D3D; \r\n\tcolor: #eeebdd; \r\n}\r\n\r\n.slider-panel__controls-171 {\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  width: 70%;\r\n  text-align: center;\r\n \/*  color: rgba(255, 255, 255, 0.7); *\/\r\n  color: #ffffff;\r\n}\r\n\r\n.slider-panel__controls-171 i {\r\n  margin: 0 4%;\r\n  font-size: 40px;\r\n}\r\n\r\n.slider-panel__controls-171 i:hover, .slider-panel__controls-171 i:active {\r\n  color: #666666;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* .main-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 950px;\r\n} *\/\r\n\r\n.slider-item-171 {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-position: 50% 50%;\r\n  z-index: 0;\r\n}\r\n\r\n.slider-panel-171 {\r\n  position: absolute;\r\n  bottom: 0;\r\n  display: none;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n\t  -ms-flex-direction: column;\r\n\t\t  flex-direction: column;\r\n  width: 100%;\r\n \/*  color: rgba(255, 255, 255, 0.7); *\/\r\n  z-index: 20;\r\n}\r\n\r\n.slider-panel__navigation-171 {\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  width: 70%;\r\n  text-align: center;\r\n}\r\n\r\n.slider-panel__navigation-171 i {\r\n  margin: 0 3%;\r\n  font-size: 15px;\r\n}\r\n\r\n.slider-panel__navigation-171 i:hover, .slider-panel__navigation-171 i:active {\r\n  color: white;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* .slider-panel__controls {\r\n  margin: 0 auto;\r\n  padding: 10px;\r\n  width: 70%;\r\n  text-align: center;\r\n}\r\n\r\n.slider-panel__controls i {\r\n  margin: 0 4%;\r\n  font-size: 40px;\r\n}\r\n\r\n.slider-panel__controls i:hover, .slider-panel__controls i:active {\r\n  color: white;\r\n  cursor: pointer;\r\n} *\/\r\n\r\n.active-171 {\r\n  z-index: 10;\r\n  -webkit-animation: 0.6s blur ease-in;\r\n\t\t  animation: 0.6s blur ease-in;\r\n}\r\n\r\n@-webkit-keyframes circle {\r\n  0% {\r\n\t-webkit-clip-path: circle(75%);\r\n\t\t\tclip-path: circle(75%);\r\n  }\r\n  100% {\r\n\t-webkit-clip-path: circle(0%);\r\n\t\t\tclip-path: circle(0%);\r\n  }\r\n}\r\n\r\n@keyframes circle {\r\n  0% {\r\n\t-webkit-clip-path: circle(75%);\r\n\t\t\tclip-path: circle(75%);\r\n  }\r\n  100% {\r\n\t-webkit-clip-path: circle(0%);\r\n\t\t\tclip-path: circle(0%);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes blur {\r\n  0% {\r\n\t-webkit-filter: blur(10px);\r\n\t\t\tfilter: blur(10px);\r\n  }\r\n  100% {\r\n\t-webkit-filter: blur(0);\r\n\t\t\tfilter: blur(0);\r\n  }\r\n}\r\n\r\n@keyframes blur {\r\n  0% {\r\n\t-webkit-filter: blur(10px);\r\n\t\t\tfilter: blur(10px);\r\n  }\r\n  100% {\r\n\t-webkit-filter: blur(0);\r\n\t\t\tfilter: blur(0);\r\n  }\r\n}\r\n\r\n#section { padding: 0rem 0; padding-top: 0rem; padding-right: 0px; padding-bottom:0rem; padding-left: 0px; } .sf-16-slide-content-171 { background: #007bff47; margin-left: 36%;margin-right: 32%; } .sf-16-slide-button-1-171:hover, .sf-16-slide-button-2-171:hover { background-color: #007bffba; }\r\n<\/style>\r\n\r\n<div id=\"slider-171\" class=\"sf-16-main-container-171\">\r\n\r\n\t\t<div class=\"slider-item-171\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/slide.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-171\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-171\">\r\n\t\t\t\tWITH ONE CALL\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-171\">\r\n\t\t\t\tWE WHACK &#039;EM ALL!\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-171\">\r\n\t\t\t\t\tOur Services \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-171\">\r\n\t\t\t\t\t\tCall us \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-171\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/slide-1.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-171\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-171\">\r\n\t\t\t\tWE CARE ABOUT\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-171\">\r\n\t\t\t\tYOUR PEST INFESTATION\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-171\">\r\n\t\t\t\t\tOur Services \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-171\">\r\n\t\t\t\t\t\tCall us \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-171\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/pest-control_40.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-171\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-171\">\r\n\t\t\t\tWE ARE THE EXPERTS\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-171\">\r\n\t\t\t\tIN PEST CONTROL\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-171\">\r\n\t\t\t\t\tOur Services \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-171\">\r\n\t\t\t\t\t\tCall us \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<div class=\"slider-item-171\" style=\"background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/https___specials-images.forbesimg.com_imageserve_5f99e185a4e483edcec6968b_Man-Spraying-Pesticide-In-Kitchen_960x0.jpg);\">\r\n\t\t\t<div class=\"sf-16-slide-content-171\">\r\n\t\t\t\t<div class=\"sf-16-slide-title-171\">\r\n\t\t\t\tOUR PRIORITY IS\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"sf-16-slide-desc-171\">\r\n\t\t\t\tYOUR PEST INFESTATION\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-1-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-1-171\">\r\n\t\t\t\t\tOur Services \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<a class=\"sf-16-slide-button-link-2-171\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-16-slide-button-2-171\">\r\n\t\t\t\t\t\tCall us\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\r\n\t\r\n\t<div class=\"slider-panel-171\">\r\n\t\t<\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet $slider171 = jQuery('.slider-item-171');\r\nlet currentSliderItem171 = -1;\r\nlet sliderInterval171 = setInterval(nextSlide171, 4900);\r\n\r\nlet playing171 = true;\r\nlet $pausePlayButton171 = jQuery('#pause-play-171');\r\nlet $nextButton171 = jQuery('#next-171');\r\nlet $previousButton171 = jQuery('#previous-171');\r\n\r\nlet $sliderPanel171 = jQuery('.slider-panel-171');\r\nlet $indContainer171 = jQuery('.slider-panel__navigation-171');\r\nlet $indItem171 = jQuery('.indicator');\r\n\r\nfunction nextSlide171() {\r\n\tgoToSlide171(currentSliderItem171 + 1);\r\n}\r\n\r\nfunction prevSlide171() {\r\n\tgoToSlide171(currentSliderItem171 - 1);\r\n}\r\n\r\nfunction goToSlide171(n) {\r\n\tjQuery($slider171[currentSliderItem171]).toggleClass('active-171');\r\n\tjQuery($indItem171[currentSliderItem171]).attr('class', 'far fa-circle indicator');\r\n\r\n\tcurrentSliderItem171 = ($slider171.length + n) % $slider171.length;\r\n\r\n\tjQuery($slider171[currentSliderItem171]).toggleClass('active-171');\r\n\tjQuery($indItem171[currentSliderItem171]).attr('class', 'fas fa-circle indicator');\r\n}\r\n\r\nfunction pauseSlideShow171() {\r\n\t$pausePlayButton171.attr('class', 'far fa-play-circle');\r\n\tplaying171 = false;\r\n\tclearInterval(sliderInterval171);\r\n}\r\n\r\nfunction playSlideShow171() {\r\n\t$pausePlayButton171.attr('class', 'far fa-pause-circle');\r\n\tplaying171 = true;\r\n\tsliderInterval171 = setInterval(nextSlide171, 4900);\r\n}\r\n\r\n$sliderPanel171.css('display', 'flex');\r\n\r\n$pausePlayButton171.on('click', () => {\r\n\tif (playing171) pauseSlideShow171();\r\n\telse playSlideShow171();\r\n});\r\n\r\n$nextButton171.on('click', () => {\r\n\tpauseSlideShow171();\r\n\tnextSlide171();\r\n});\r\n\r\n$previousButton171.on('click', () => {\r\n\tpauseSlideShow171();\r\n\tprevSlide171();\r\n});\r\n\r\n$indContainer171.on('click', (event) => {\r\n\tlet target = event.target;\r\n\r\n\tif (target.classList.contains('indicator')) {\r\n\t\tpauseSlideShow171();\r\n\t\tgoToSlide171(+target.getAttribute('data-slide-to'));\r\n\t}\r\n});\r\n\r\n\/\/---------------------------------------------------------------------\r\njQuery(document).on('keydown', keyNavigation171);\r\n\r\nfunction keyNavigation171(event) {\r\n\r\n\tif (event.code === 'ArrowLeft') { \/\/left arrow\r\n\t\tpauseSlideShow171();\r\n\t\tprevSlide171();\r\n\t}\r\n\tif (event.code === 'ArrowRight') { \/\/right arrow\r\n\t\tpauseSlideShow171();\r\n\t\tnextSlide171();\r\n\t}\r\n\tif (event.code === 'Space') { \/\/space\r\n\t\tif (playing171) pauseSlideShow171();\r\n\t\telse playSlideShow171();\r\n\t}\r\n}\r\n\r\n\/\/---------------------------------------------------------------------\r\n<\/script>\r\n\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<script type=\"text\/javascript\">\r\njQuery(document).ready(function() {\r\n\t\tjQuery(function(){\r\n\t\t\tjQuery('.sf-8-172').infiniteslide({\r\n\t\t\t\t'speed': 0, \/\/speed this is px\/min.\r\n\t\t\t\t'direction': 'left', \/\/choose  up\/down\/left\/right.\r\n\t\t\t\t'pauseonhover': false, \/\/if true,stop onmouseover.\r\n\t\t\t\t'responsive': false, \/\/width\/height recalculation on window resize. child element's .width\/height define %\/vw\/vh,this set true.\r\n\t\t\t\t'clone': 1 \/\/if child elements are too few (elements can't \"infinite\"), set 2 or over.\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tjQuery('.scroll_item').on('mouseenter',function(){\r\n\t\t\t\tjQuery(this).find('.descdiv').css({\r\n\t\t\t\t\t\topacity:1\r\n\t\t\t\t});\r\n\t\t\t\t}).on('mouseleave',function(){\r\n\t\t\t\tjQuery(this).find('.descdiv').css({\r\n\t\t\t\t\topacity:0\r\n\t\t\t\t});\r\n\t\t\t});\r\n});\t\t\t\r\n<\/script>\r\n<div class=\"infiniteslide sf-8-172\">\r\n\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-172\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-172\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/Commercial.jpg\" alt=\"\">\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-172\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-172\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/pests.jpg\" alt=\"\">\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"scroll_item sf_8_margin-172\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<img decoding=\"async\" class=\"sf_8_img-172\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/08\/PestPrevention.jpg\" alt=\"\">\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\t\t<\/div>\r\n<style>\r\n.sf_8_margin-172 {\r\n\t\tmargin-right: 1.4%;\r\n\t}\r\n\r\n.infiniteslide .scroll_item {\r\n\t\tposition: relative;\r\n}\r\n\r\n.descdiv {\r\n\t\tposition: absolute;\r\n\t\topacity:0;\r\n\t\tbottom: 5%;\r\n\t\tcolor: #fff;\r\n\t\tpadding:5%;\r\n\t\tbackground: rgba(0,0,0,0.5);\r\n\t\twidth: 100%;\r\n\t\ttransition:all 1s;\r\n\t\tbox-sizing: border-box;}\r\n\r\n\r\n.infiniteslide .scroll_item .descdiv .sf-8-desc {\r\n\tmargin-top: 3%;\r\n\tmargin-bottom: 3%;\r\n}\r\n.sf_8_img-172 {\r\n\twidth: 360px;\r\n\theight: 300px;\r\n}\r\n\r\n.sf-8-title { text-align: center; } .descdiv { background: #007bff47; } .scroll_item img { transition: transform .5s, filter 1.5s ease-in-out; } .scroll_item:hover img { transform: scale(1.1); }\t\r\n<\/style>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><strong><span style=\"color: #000000;\">COMMERCIAL PEST CONTROL<\/span><\/strong><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>PEST PREVENTION<\/strong><\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>RESIDENTIAL PEST CONTROL<\/strong><\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text] COMMERCIAL PEST CONTROL [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text] PEST PREVENTION [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text] RESIDENTIAL PEST CONTROL [\/vc_column_text][\/vc_column][\/vc_row]<\/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-4600","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4600","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=4600"}],"version-history":[{"count":9,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4600\/revisions"}],"predecessor-version":[{"id":4617,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/4600\/revisions\/4617"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=4600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}