{"id":16862,"date":"2016-02-27T12:14:21","date_gmt":"2016-02-27T12:14:21","guid":{"rendered":"http:\/\/rnbtheme.com\/shortcodes\/?page_id=16862"},"modified":"2021-11-22T11:56:14","modified_gmt":"2021-11-22T11:56:14","slug":"side-by-side","status":"publish","type":"page","link":"https:\/\/rnbtheme.com\/elements\/side-by-side\/","title":{"rendered":"Side by side"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row dfd_row_config=&#8221;full_width_content&#8221; dfd_row_responsive_enable=&#8221;dfd-row-responsive-enable&#8221; css=&#8221;.vc_custom_1523001617430{padding-right: 10px !important;padding-left: 10px !important;}&#8221; responsive_styles=&#8221;padding_left_mobile:0|padding_right_mobile:0&#8243;][vc_column dfd_column_responsive_enable=&#8221;dfd-column-responsive-enable&#8221; responsive_styles=&#8221;padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0&#8243;][dfd_side_by_side_slider][dfd_side_by_side_right][dfd_side_by_side_slide slide_bg_check=&#8221;column-background-dark&#8221; dfd_sbs_responsive_enable=&#8221;dfd-sbs-responsive-enable&#8221; css=&#8221;.vc_custom_1637582015179{padding-right: 6% !important;padding-left: 6% !important;background: #ffffff url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/right.jpg?id=17120) !important;}&#8221; sbs_responsive_styles=&#8221;padding_left_mobile:30|padding_right_mobile:30&#8243;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"250\" data-normal_resolution=\"1024\" data-normal_size=\"200\" data-tablet_resolution=\"800\" data-tablet_size=\"130\" data-mobile_resolution=\"480\" data-mobile_size=\"100\" style=\"height: 250px;\"><\/div><div class=\"dfd-heading-shortcode\"><div class=\"dfd-heading-module-wrap  text-center style_01 dfd-heading-69d75e0c386b2 dfd-disable-resposive-headings\" id=\"dfd-heading-69d75e0c386b2\" ><div class=\"inline-block\"><div class=\"dfd-heading-module\"><h1 class=\"widget-title dfd-title \" style=\"font-size: 80px; color: #ffffff !important; line-height: 80px; letter-spacing: -6px; font-weight:bold; \">Side by Side<\/h1><h3 class=\"widget-sub-title dfd-sub-title \" style=\"font-family:Satisfy; font-weight:400; font-style:normal; font-size: 20px; color: #fdf3e7 !important; line-height: 30px; \">Awesome vertical sliding presentation.<\/h3><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t\t\t\t$(\"head\").append(\"<style>.dfd-heading-69d75e0c386b2.dfd-heading-module-wrap .dfd-heading-module .dfd-heading-delimiter {margin-top:10px;margin-bottom:10px;}@media (max-width: 799px){.dfd-heading-69d75e0c386b2 .dfd-title{font-size: 50px !important;letter-spacing: -3px !important;line-height: 50px !important;}}<\/style>\");\r\n\t\t\t\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t\t\t\t<\/script><\/div><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"250\" data-normal_resolution=\"1024\" data-normal_size=\"200\" data-tablet_resolution=\"800\" data-tablet_size=\"130\" data-mobile_resolution=\"480\" data-mobile_size=\"100\" style=\"height: 250px;\"><\/div>[\/dfd_side_by_side_slide][dfd_side_by_side_slide dfd_sbs_responsive_enable=&#8221;dfd-sbs-responsive-enable&#8221; css=&#8221;.vc_custom_1637582081355{padding-right: 6% !important;padding-left: 6% !important;background: #ffffff url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/rightside_white.jpg?id=17112) !important;}&#8221; sbs_responsive_styles=&#8221;padding_left_mobile:30|padding_right_mobile:30&#8243;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"0\" data-normal_resolution=\"1024\" data-normal_size=\"150\" data-tablet_resolution=\"800\" data-tablet_size=\"130\" data-mobile_resolution=\"480\" data-mobile_size=\"100\" style=\"height: 0px;\"><\/div><div id=\"dfd-single-image-module69d75e0c38a83-8539\" class=\"dfd-single-image-module  image-center \" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/side_by_side.png\" width=\"608\" height=\"337\"  alt=\"Image module\" \/><\/div><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"40\" data-normal_resolution=\"1024\" data-normal_size=\"40\" data-tablet_resolution=\"800\" data-tablet_size=\"25\" data-mobile_resolution=\"480\" data-mobile_size=\"20\" style=\"height: 40px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;\">Create awesome vertical side by side scroll efect on the page. Select Side by Side page template and add the same module to the page. Distinguish left and right containers of the module to divide viewport into columns, and add side by side slider\u00a0items that will represent one half slide on the page. Then fill them with VC elements and check the page.<br \/>\nNote, there has to be the same number of elements in left and right columns to make the module work properly.<\/p>\n<p>[\/vc_column_text]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"25\" data-normal_resolution=\"1024\" data-normal_size=\"25\" data-tablet_resolution=\"800\" data-tablet_size=\"20\" data-mobile_resolution=\"480\" data-mobile_size=\"20\" style=\"height: 25px;\"><\/div><div id=\"dfd-announce-69d75e0c38b1e-5569\" class=\"dfd-announce-module-wrap align-center no_full_bg_class  style-1 layout-3\" ><div class=\"dfd-announce-module\"><div class=\"module-icon\" style=\"font-size:19px; color:#262626;\"><i class = \"dfd-icon-code\"><\/i><\/div><div class=\"module-text\" style=\"font-family:Lora; font-weight:400; font-style:italic; font-size: 15px; \">Style \u2014 Side by Side; Layout \u2014 n\/a; Inside options \u2014 defaults;<\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t$(\"head\").append(\"<style>#dfd-announce-69d75e0c38b1e-5569.dfd-announce-module-wrap.full_bg_class .dfd-announce-module:before {top:19px; }#dfd-announce-69d75e0c38b1e-5569.dfd-announce-module-wrap .dfd-announce-module {style=&quot;margin-top:19px; &quot;}#dfd-announce-69d75e0c38b1e-5569.dfd-announce-module-wrap .dfd-announce-module:before {style=&quot;&quot;}<\/style>\");\r\n\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t<\/script><\/div><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"25\" data-normal_resolution=\"1024\" data-normal_size=\"25\" data-tablet_resolution=\"800\" data-tablet_size=\"20\" data-mobile_resolution=\"480\" data-mobile_size=\"20\" style=\"height: 25px;\"><\/div><div class=\"animation-container \" ><div id=\"video-player-69d75e0c38c24-8317\" class=\"dfd-videoplayer style-2 layout-4 text-center \"><div class=\"button-wrap\"><div class=\"dfd-video-button  \" ><span class=\"mask-for-hover\"><\/span><span class=\"play\" style=\"border-left-color:#ffffff\"><\/span><\/div><div class=\"title-wrap\"><div class=\"feature-title\" style=\"font-size: 15px; \">Watch module video<\/div><div class=\"delimiter\" ><\/div><div class=\"subtitle\" style=\"\">Use 1080p for better quality.<\/div><\/div><a href=\"#module_video_69d75e0c38c33\" class=\"dfd-video-link \" data-animation=\"\"><\/a><\/div><div  style=\"display:none;\" class=\"\" id=\"module_video_69d75e0c38c33\" data-animation=\"\"><iframe loading=\"lazy\" title=\"Side By Side Customization\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/v_Bf6Yd8utE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t\t$(\"head\").append(\"<style>#video-player-69d75e0c38c24-8317 .dfd-video-button {border-radius:8px; } #video-player-69d75e0c38c24-8317.style-2 .dfd-video-button .mask-for-hover {border: none; border-radius:8px; background: linear-gradient(to right, #e52c27 0%,#c2171d 100%); }<\/style>\");\r\n\t\t\t\t\t\t\t\t$(document).ready(function(){\r\n\t\t\t\t\t\t\t\t\tDFD_VideoModule.init(\"module_video_69d75e0c38c33\",\"video-player-69d75e0c38c24-8317\");\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t\t<\/script><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"0\" data-normal_resolution=\"1024\" data-normal_size=\"200\" data-tablet_resolution=\"800\" data-tablet_size=\"130\" data-mobile_resolution=\"480\" data-mobile_size=\"100\" style=\"height: 0px;\"><\/div>[\/dfd_side_by_side_slide][dfd_side_by_side_slide slide_bg_check=&#8221;column-background-dark&#8221; css=&#8221;.vc_custom_1637582111278{background-image: url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/rightside.jpg?id=17062) !important;}&#8221;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"0\" data-normal_resolution=\"1024\" data-normal_size=\"600\" data-tablet_resolution=\"800\" data-tablet_size=\"500\" data-mobile_resolution=\"480\" data-mobile_size=\"500\" style=\"height: 0px;\"><\/div>[\/dfd_side_by_side_slide][\/dfd_side_by_side_right][dfd_side_by_side_left][dfd_side_by_side_slide slide_bg_check=&#8221;column-background-dark&#8221; css=&#8221;.vc_custom_1637582133165{background: #ffffff url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/left.jpg?id=17121) !important;}&#8221;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"0\" data-normal_resolution=\"1024\" data-normal_size=\"600\" data-tablet_resolution=\"800\" data-tablet_size=\"500\" data-mobile_resolution=\"480\" data-mobile_size=\"500\" style=\"height: 0px;\"><\/div>[\/dfd_side_by_side_slide][dfd_side_by_side_slide slide_bg_check=&#8221;column-background-dark&#8221; css=&#8221;.vc_custom_1637582154270{background-image: url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/leftside.jpg?id=17063) !important;}&#8221;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"0\" data-normal_resolution=\"1024\" data-normal_size=\"600\" data-tablet_resolution=\"800\" data-tablet_size=\"500\" data-mobile_resolution=\"480\" data-mobile_size=\"500\" style=\"height: 0px;\"><\/div>[\/dfd_side_by_side_slide][dfd_side_by_side_slide dfd_sbs_responsive_enable=&#8221;dfd-sbs-responsive-enable&#8221; css=&#8221;.vc_custom_1637582171792{background: #ffffff url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/left_white_1.jpg?id=17110) !important;}&#8221; sbs_responsive_styles=&#8221;padding_left_mobile:30|padding_right_mobile:30&#8243;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"250\" data-normal_resolution=\"1024\" data-normal_size=\"200\" data-tablet_resolution=\"800\" data-tablet_size=\"130\" data-mobile_resolution=\"480\" data-mobile_size=\"100\" style=\"height: 250px;\"><\/div><div class=\"dfd-heading-shortcode\"><div class=\"dfd-heading-module-wrap  text-center style_01 dfd-heading-69d75e0c38edf dfd-disable-resposive-headings\" id=\"dfd-heading-69d75e0c38edf\" ><div class=\"inline-block\"><div class=\"dfd-heading-module\"><h1 class=\"widget-title dfd-title \" style=\"font-size: 80px; line-height: 80px; letter-spacing: -6px; font-weight:bold; \"><span style=\"text-align: right;\">Just <span style=\"color: #c39f76;\">Ronneby<\/span><\/span><\/h1><h3 class=\"widget-sub-title dfd-sub-title \" style=\"font-family:Satisfy; font-weight:400; font-style:normal; font-size: 20px; color: #333333 !important; line-height: 30px; \">One and only theme for your website.<\/h3><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t\t\t\t$(\"head\").append(\"<style>.dfd-heading-69d75e0c38edf.dfd-heading-module-wrap .dfd-heading-module .dfd-heading-delimiter {margin-top:10px;margin-bottom:10px;}@media (max-width: 799px){.dfd-heading-69d75e0c38edf .dfd-title{font-size: 45px !important;letter-spacing: -3px !important;line-height: 50px !important;}}<\/style>\");\r\n\t\t\t\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t\t\t\t<\/script><\/div><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"250\" data-normal_resolution=\"1024\" data-normal_size=\"200\" data-tablet_resolution=\"800\" data-tablet_size=\"130\" data-mobile_resolution=\"480\" data-mobile_size=\"100\" style=\"height: 250px;\"><\/div>[\/dfd_side_by_side_slide][\/dfd_side_by_side_left][\/dfd_side_by_side_slider][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row dfd_row_config=&#8221;full_width_content&#8221; dfd_row_responsive_enable=&#8221;dfd-row-responsive-enable&#8221; css=&#8221;.vc_custom_1523001617430{padding-right: 10px !important;padding-left: 10px !important;}&#8221; responsive_styles=&#8221;padding_left_mobile:0|padding_right_mobile:0&#8243;][vc_column dfd_column_responsive_enable=&#8221;dfd-column-responsive-enable&#8221; responsive_styles=&#8221;padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0&#8243;][dfd_side_by_side_slider][dfd_side_by_side_right][dfd_side_by_side_slide slide_bg_check=&#8221;column-background-dark&#8221; dfd_sbs_responsive_enable=&#8221;dfd-sbs-responsive-enable&#8221; css=&#8221;.vc_custom_1637582015179{padding-right: 6% !important;padding-left: 6% !important;background: #ffffff url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/right.jpg?id=17120) !important;}&#8221; sbs_responsive_styles=&#8221;padding_left_mobile:30|padding_right_mobile:30&#8243;][\/dfd_side_by_side_slide][dfd_side_by_side_slide dfd_sbs_responsive_enable=&#8221;dfd-sbs-responsive-enable&#8221; css=&#8221;.vc_custom_1637582081355{padding-right: 6% !important;padding-left: 6% !important;background: #ffffff url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/rightside_white.jpg?id=17112)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-custom.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16862","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages\/16862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/comments?post=16862"}],"version-history":[{"count":2,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages\/16862\/revisions"}],"predecessor-version":[{"id":20497,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages\/16862\/revisions\/20497"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/media?parent=16862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}