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=”http://sarmeaux.com/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=”http://sarmeaux.com/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=”http://sarmeaux.com/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=”http://sarmeaux.com/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]