[animation effect=”fade-in-short-from-bottom” duration=”2s” trigger=”inview” delay=”0s” iteration=”1″ timing=”ease” fill_mode=”forwards”]

Unlimited Sections on Every Page

Having multiple sections in a page is good to make your content flows better. You can optionally divide your page into multiple sections. Each sections can be customized with some options as below:

Assign a color set to a section
Put a background image onto the section
Optionally disable content wrapper, in case you need a full width elements like full width image slider, or full width googlemaps, etc.
Choose a section separator from 6 available modes: None, Single border, Pressed Shadow, Triangle In, Triangle Out, and Gradient

[/animation]

Section with No Separator

This section uses “none” separator. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.

Pressed Shadow Separator

This section uses “pressed shadow” separator. Use this to make your section beveled down from the surface. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.

Triangle-in Separator

This section uses “triangle in” separator. Nice isn’t it? Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.

Triangle-out Separator

This section uses “triangle out” separator. There will be a small triangle which direct to the previous section. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.

Single Line Border Separator

This section uses “single border” separator. Use this separator when you need a nice line to distinct current section with previous one. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.

Center Wrapper Disabled

This section uses “pressed shadow” separator with the wrapper disabled. Use this separator when you have a section for full width google map, or full width image slider. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan.

Use Different Color Set to Bring more Contrast

Assign color sets you already defined on the admin options to sections. You can make your page colorful by assigning different color sets into each section on your page. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.

Gradient Separator

This section uses “gradient” separator. There is a triangle which direct into the section. Use this section to indicate content flow to the next section. Duis euismod tempus metus vel tempus. Proin a ultrices neque. Vivamus accumsan hendrerit dictum. Nullam nec rutrum enim. Nulla laoreet lorem eu facilisis accumsan. Maecenas eget turpis dapibus ante egestas vulputate quis id libero. Aliquam bibendum ante ac justo condimentum tincidunt. In diam purus, venenatis venenatis enim id, aliquam eleifend dolor.