{"id":1068,"date":"2021-01-28T07:42:38","date_gmt":"2021-01-28T07:42:38","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=1068"},"modified":"2021-07-06T09:37:33","modified_gmt":"2021-07-06T09:37:33","slug":"festivals-slider","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/festivals-slider\/","title":{"rendered":"Festivals Slider"},"content":{"rendered":"<p>[vc_row][vc_column][vc_empty_space height=&#8221;300px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<style>\r\n.sf-18-container{\r\n\toverflow:hidden;\r\n\tfont-size:16px;\r\n\tfont-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n#wrap{\r\n\tposition:absolute;\r\n\tleft:0; top:0;\r\n\twidth:150%;\r\n\theight:100%;\r\n\tdisplay:flex;\r\n\talign-items:stretch;\r\n\tmargin:0 25%;\r\n}\r\n.sf-18-container .hb {\r\n\tposition:relative;\r\n\twidth:25%;\r\n\tz-index:1;\r\n\tdisplay:flex;\r\n\talign-items:center;\r\n\tz-index:2;\r\n\ttrasnform:scale(.97);\r\n}\r\n.sf-18-container .c{\r\n\tposition:relative;\r\n\tdisplay:block;\r\n\tmax-width:90%;\r\n}\r\n.sf-18-container .c img {\r\n\tposition:relative;\r\n\tdisplay:block;\r\n\twidth: 100% ! important;   \/\/default is 100% \r\n\theight: 720px ! important;  \/\/default is auto\r\n\tz-index:2;\r\n}\r\n.sf-18-container .txt {\r\n\tposition:absolute;\r\n\ttop:100%; left:10%;\r\n\twidth:80%;\r\n\topacity:0;\r\n\tpadding:1em 0 0 1em;\r\n\tborder-left:1px solid;\r\n\tz-index:1;\r\n\ttransform:scaleY(1) translateY(999px);\r\n\ttransition:transform .2s, opacity .5s;\r\n\tcolor: #ebe0e0 ! important;\r\n}\r\n.sf-18-container h1 {\r\n  color: #ebe0e0 ! important;\r\n  font-size:1.2em;\r\n  font-weight:700;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sf-18-container p {\r\n\tcolor: #ebe0e0 ! important;\r\n\tfont-size:1em;\r\n}\r\n\r\n.sf-18-container .hb:hover .txt {\r\n  opacity:1;\r\n  transform:scaleY(1) translateY(0);\r\n}\r\n.sf-18-container .fullBg {\r\n  position:fixed;top:0;left:0;width:100%;height:100%;\r\n  opacity:0;\r\n  transition:transform .5s, opacity .5s;\r\n  transform:scale(1);\r\n  z-index:-999;\r\n}\r\n.sf-18-container .fullBg img {\r\n  width:100%;height:100%;\r\n  object-fit:cover;object-position:center;\r\n  opacity: 1;\r\n}\r\n.sf-18-container .hb:hover + .fullBg {opacity:1;transform:scale(1.12);}\r\n\r\n\/* Additional CSS *\/\r\n\r\n.sf-18-slide-button-1, .sf-18-slide-button-2{\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-18-slide-button-1:hover, .sf-18-slide-button-2:hover { \r\n\tbackground-color: #3E3D3D; \r\n\tcolor: #eeebdd; \r\n}\r\n\r\n@media only screen and (min-width: 769px) and (max-width: 1024px) {\r\n\t.sf-18-container h1 {\r\n\t\tfont-size:1em;\r\n\t}\r\n\r\n\t.sf-18-container p {\r\n\t\tfont-size:0.8em;\r\n\t}\r\n\t.sf-18-slide-button-1, .sf-18-slide-button-2{\r\n\t\tfont-size:0.8em;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 568px) and (max-width: 769px) {\r\n\t.sf-18-container h1 {\r\n\t\tfont-size:0.8em;\r\n\t}\r\n\r\n\t.sf-18-container p {\r\n\t\tfont-size:0.6em;\r\n\t}\r\n\t.sf-18-slide-button-1, .sf-18-slide-button-2{\r\n\t\tfont-size:0.6em;\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 320px) and (max-width: 568px) {\r\n\t.sf-18-container h1 {\r\n\t\tfont-size:0.6em;\r\n\t}\r\n\r\n\t.sf-18-container p {\r\n\tdisplay:none;\r\n\t}\r\n\t.sf-18-slide-button-1, .sf-18-slide-button-2{\r\n\t\tfont-size:0.6em;\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 320px) {\r\n\t.sf-18-container h1 {\r\n\t\tfont-size:0.4em;\r\n\t}\r\n\r\n\t.sf-18-container p {\r\n\t\tdisplay:none;\r\n\t}\r\n\t.sf-18-slide-button-1, .sf-18-slide-button-2{\r\n\t\tfont-size:0.4em;\r\n\t}\r\n}\r\n\r\n\r\nbody { background-image: url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Christmas-1024x683-1.jpg) ; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}<\/style>\r\n<div class=\"sf-18-container\">\r\n\r\n\t <div id=\"wrap\">\r\n\t \t  <div class=\"hb\">\r\n\t\t<div class=\"c\">\r\n\t\t  <img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Christmas-1024x683-1.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tChristmas\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tThis is a festival celebrated almost across every corner of the world, by people of different religions, because of the joy-giving and happy atmosphere it creates.\t\t\t<\/p>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t<a class=\"sf-18-slide-button-link-1\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-1\">\r\n\t\t\t\t\tVisit \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t  <\/div>\r\n\t\t<\/div>\r\n\t  <\/div>\r\n\t  <div class=\"fullBg\">\r\n\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Christmas-1024x683-1.jpg\" alt=\"\"\/>\r\n\t  <\/div>\r\n\t\t\t\t\t  <div class=\"hb\">\r\n\t\t<div class=\"c\">\r\n\t\t  <img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/photo-1510673465470-18515a7168e2.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tLantern Festival\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tThis is one of the most beautiful and breath-taking views you would ever come across. The festival is celebrated in Taiwan and it is one of those experiences in life that will leave you awestruck and speechless. \t\t\t<\/p>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t<a class=\"sf-18-slide-button-link-1\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-1\">\r\n\t\t\t\t\tVisit \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t  <\/div>\r\n\t\t<\/div>\r\n\t  <\/div>\r\n\t  <div class=\"fullBg\">\r\n\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/photo-1510673465470-18515a7168e2.jpg\" alt=\"\"\/>\r\n\t  <\/div>\r\n\t\t\t\t\t  <div class=\"hb\">\r\n\t\t<div class=\"c\">\r\n\t\t  <img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Coachella-backdrop.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tCoachella\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tThis is like the king of all music festivals, which has gained so much popularity over the years of its celebration. It hosts lakhs of people from different corners of the world who gather to witness and be enthralled by the delights of music and dance and sway to the tunes of a vast variety of music and sounds.\t\t\t<\/p>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t<a class=\"sf-18-slide-button-link-1\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-1\">\r\n\t\t\t\t\tVisit \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t  <\/div>\r\n\t\t<\/div>\r\n\t  <\/div>\r\n\t  <div class=\"fullBg\">\r\n\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Coachella-backdrop.jpg\" alt=\"\"\/>\r\n\t  <\/div>\r\n\t\t\t\t\t  <div class=\"hb\">\r\n\t\t<div class=\"c\">\r\n\t\t  <img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Carnevale-di-Venezia-1024x683-1.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tCarnevale di Venezia\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tIt is celebrated in Venice and is a two-week-long event celebrated with high levels of grandeur and being a part of this festival will let you witness some of the marvels of the culture in Italy\t\t\t<\/p>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t<a class=\"sf-18-slide-button-link-1\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-1\">\r\n\t\t\t\t\tVisit \t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t  <\/div>\r\n\t\t<\/div>\r\n\t  <\/div>\r\n\t  <div class=\"fullBg\">\r\n\t\t<img decoding=\"async\" src=\"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/07\/Carnevale-di-Venezia-1024x683-1.jpg\" alt=\"\"\/>\r\n\t  <\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n<\/div> \r\n\r\n<script>\r\njQuery(document).ready(function(){\r\n\tvar docWidth = jQuery('body').width(),\r\n\t\t$wrap = jQuery('#wrap'),\r\n\t\t$images = jQuery('#wrap .hb'),\r\n\t\tslidesWidth = $wrap.width();\r\n  \r\n\tjQuery(window).on('resize', function(){\r\n\t\tdocWidth = jQuery('body').width();\r\n\t\tslidesWidth = $wrap.width();\r\n\t})\r\n  \r\n\tjQuery(document).mousemove(function(e) {\r\n\t\tvar mouseX = e.pageX,\r\n\t\t\toffset = mouseX \/ docWidth * slidesWidth - mouseX \/ 2;\r\n\t\t$images.css({\r\n\t\t'-webkit-transform': 'translate3d(' + -offset + 'px,0,0)',\r\n\t\t\t\t'transform': 'translate3d(' + -offset + 'px,0,0)'\r\n\t\t});\r\n\t});\r\n})\r\n<\/script>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;400px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space height=&#8221;300px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;400px&#8221;][\/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-1068","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/1068","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=1068"}],"version-history":[{"count":13,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/1068\/revisions"}],"predecessor-version":[{"id":3800,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/1068\/revisions\/3800"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=1068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}