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://matic.agency/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://matic.agency/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://matic.agency/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://matic.agency/wp-content/uploads/2015/02/1690×1100.jpg” imageparallax=”true” textcolor=”text-light” csize=”split-full-content” valign=”false”]

[quoteslider]

As a designer there are not many other templates that comes close to this. This template really understands the main purposes of webdesign.
Clean, simple and so mighty.
Wow, just amazing. Made it very easy for me to get my website up and running.
[/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]