Split Sections
[splitsection position=”left” background=”false” textcolor=”text-dark” size=”split-onethird” csize=”split-wrapped-content” valign=”false”]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”left”]Split small/big[/title]
[separator size=”separator-small” align=”left”]
Split sections will automatically adapt to the width of the browser which you can devide into 2 parts.
Thes 2 parts can contain any type of content or just a background image/video.
[/splitsection][splitsection position=”right” background=”image” textcolor=”text-light” size=”split-twothird” csize=”split-wrapped-content” valign=”false” imagebg=”https://multiherbal.co/wp-content/uploads/2015/02/1690×1100.jpg” imageparallax=”false”][/splitsection][splitsection position=”left” background=”image” textcolor=”text-light” size=”split-twothird” csize=”split-wrapped-content” valign=”false” imagebg=”https://multiherbal.co/wp-content/uploads/2015/02/1690×1100.jpg” imageparallax=”true”][/splitsection][splitsection position=”right” background=”false” textcolor=”text-dark” size=”split-onethird” csize=”split-wrapped-content” valign=”false”]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”left”]Split big/small[/title]
[separator size=”separator-small” align=”left”]
Split sections with parallax section.
[/splitsection][splitsection position=”left” background=”false” textcolor=”text-dark” size=”split-half” csize=”split-wrapped-content” valign=”true”]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”left”]Split half/half[/title]
[separator size=”separator-small” align=”left”]
Split section with embedded video
[/splitsection][splitsection position=”right” background=”false” textcolor=”text-light” size=”split-half” csize=”split-fullsize-content” valign=”false”]
[/splitsection][splitsection position=”left” background=”video” textcolor=”text-light” size=”split-half” csize=”split-mini-content” valign=”true” videomp4=”http://www.spab-rice.com/wordpress/demo/pond-demo/wp-content/uploads/2015/02/coffee4.mp4″ videowebm=”http://www.spab-rice.com/wordpress/demo/pond-demo/wp-content/uploads/2015/02/coffee.webm” videoogv=”http://www.spab-rice.com/wordpress/demo/pond-demo/wp-content/uploads/2015/02/coffee4.ogv” videowidth=”1280″ videoheight=”720″ videoposter=”https://multiherbal.co/wp-content/uploads/2015/02/1690×1100.jpg” videoparallax=”true” videooverlay=”#020202″ videooverlayopacity=”6″]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”center”]Background Video[/title]
[separator size=”separator-small” align=”center”]
[/splitsection][splitsection position=”right” background=”false” textcolor=”text-dark” size=”split-half” csize=”split-mini-content” valign=”false”]
[spacer size=”small”]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”center”]Split half/half[/title]
[separator size=”separator-small” align=”center”]
[spacer size=”small”]
[/splitsection][splitsection position=”left” size=”split-half” csize=”split-wrapped-content” valign=”true”]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”left”]Slider[/title]
[separator size=”separator-small” align=”left”]
Add a slider to your split section.
[/splitsection][splitsection position=”right” size=”split-half” background=”image” imagebg=”https://multiherbal.co/wp-content/uploads/2015/02/1690×1100.jpg” imageparallax=”true” textcolor=”text-light” csize=”split-full-content” valign=”false”]
[quoteslider][quote name=”Patrick Hamilton” sub=”Rip Curl”]As a designer there are not many other templates that comes close to this. This template really understands the main purposes of webdesign.[/quote][quote name=”Andy Smith” sub=”Quicksilver”]Clean, simple and so mighty.[/quote][quote name=”Semantha Garro” sub=”Billabong”]Wow, just amazing. Made it very easy for me to get my website up and running.[/quote][/quoteslider]
[/splitsection][splitsection position=”left” background=”false” textcolor=”text-light” size=”split-half” csize=”split-fullsize-content” valign=”false”]
[sr_gallery type=”gallery” lightbox=”no” columns=”2″ fullwidth=”yes” crop=”yes”][sr_gitem id=”4″][sr_gitem id=”4″][sr_gitem id=”4″][sr_gitem id=”4″][/sr_gallery]
[/splitsection][splitsection position=”right” background=”false” textcolor=”text-dark” size=”split-half” csize=”split-wrapped-content” valign=”true”]
[title type=”” size=”h4″ style=”” bigletter=”” alignment=”left”]Gallery[/title]
[separator size=”separator-small” align=”left”]
You see, you can place any content in these sections. It will automatically adapt to the width & height.
[/splitsection]