{"id":3392,"date":"2021-05-28T12:27:45","date_gmt":"2021-05-28T12:27:45","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=3392"},"modified":"2021-07-15T10:13:13","modified_gmt":"2021-07-15T10:13:13","slug":"layout-18","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-18\/","title":{"rendered":"Layout 18"},"content":{"rendered":"<p>[vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text el_id=&#8221;#sf-position&#8221;]<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: 900px ! important;   \/\/default is 100% \r\n\theight: 200px ! 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: #ffffff ! important;\r\n}\r\n.sf-18-container h1 {\r\n  color: #ffffff ! 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: #ffffff ! 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\/05\/Blue-Car-on-Dirt-Road-Between-Green-Leaf-Trees.jpg) ; height : 100%; background-position: center center; background-attachment: fixed; 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\/05\/Blue-Car-on-Dirt-Road-Between-Green-Leaf-Trees.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tOff Road Safari\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tOff-roading is the activity of driving or riding a vehicle on unsurfaced roads or tracks, made of materials such as sand, gravel, riverbeds, mud, snow, rocks, and other natural terrain.\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\tMore\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\t\t<a class=\"sf-18-slide-button-link-2\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-2\">\r\n\t\t\t\t\t\tBook Now\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\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\/05\/Blue-Car-on-Dirt-Road-Between-Green-Leaf-Trees.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\/05\/Group-of-People-Walking-Beside-Train-Rail.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tHiking\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tFind the best Hiking trails. Discover the most beautiful places in the world, download GPS tracks and follow the top routes\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\tMore\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\t\t<a class=\"sf-18-slide-button-link-2\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-2\">\r\n\t\t\t\t\t\tBook Now\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\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\/05\/Group-of-People-Walking-Beside-Train-Rail.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\/05\/Man-Wearing-White-Shirt-Brown-Shorts-and-Green-Backpack-Standing-on-Hill.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tBeautiful Views\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tViews of natural features, especially in open country: enjoying the varied mountain scenery\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\tMore\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\t\t<a class=\"sf-18-slide-button-link-2\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-2\">\r\n\t\t\t\t\t\tBook Now\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\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\/05\/Man-Wearing-White-Shirt-Brown-Shorts-and-Green-Backpack-Standing-on-Hill.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\/05\/Photo-of-Man-Sitting-on-a-Cave.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tExplore\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tOne of the most popular reasons why people travel is to explore a place&#039;s history and culture. \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\tMore\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\t\t<a class=\"sf-18-slide-button-link-2\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-2\">\r\n\t\t\t\t\t\tBook Now\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\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\/05\/Photo-of-Man-Sitting-on-a-Cave.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\/05\/Photo-of-Pitched-Dome-Tents-Overlooking-Mountain-Ranges.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tCamping\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tCamping may be combined with hiking, as in backpacking, and is often enjoyed in conjunction with other outdoor activities\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\tMore\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\t\t<a class=\"sf-18-slide-button-link-2\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-2\">\r\n\t\t\t\t\t\tBook Now\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\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\/05\/Photo-of-Pitched-Dome-Tents-Overlooking-Mountain-Ranges.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\/05\/Red-Car-on-Muddy-Road-Near-Trees.jpg\" alt=\"\"\/>\r\n\t\t  <div class=\"txt\">\r\n\t\t\t<h1>\r\n\t\t\t\tOff Road Adventure\t\t\t<\/h1>\r\n\t\t\t<p>\r\n\t\t\t\tOff-roading is the activity of driving or riding a vehicle on unsurfaced roads or tracks, made of materials such as sand, gravel, riverbeds, mud, snow, rocks\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\tMore\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\t\t<a class=\"sf-18-slide-button-link-2\" href=\"#\" target=\"_blank\">\r\n\t\t\t\t\t<button type=\"button\" class=\"sf-18-slide-button-2\">\r\n\t\t\t\t\t\tBook Now\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/a>\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\/05\/Red-Car-on-Muddy-Road-Near-Trees.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;500px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1625649915394{background-color: #000000 !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\"><span style=\"color: #808080;\">Video Tutorial<\/span><\/h2>\n<p>[\/vc_column_text][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=q5pseAla4yY&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text el_id=&#8221;#sf-position&#8221;][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;500px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1625649915394{background-color: #000000 !important;}&#8221;][vc_column][vc_column_text] Video Tutorial [\/vc_column_text][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=q5pseAla4yY&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3392","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=3392"}],"version-history":[{"count":24,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3392\/revisions"}],"predecessor-version":[{"id":4131,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/3392\/revisions\/4131"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=3392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}