Separator
Separator element is perfect for dividing a page into sections in a clear and nice looking way.
How Separator Works
Separator element offers various customization options to give you full control over its look and feel. Easy to customize its style, thickness, color and width to fit your overall page design. Insert text and icon in the separator as well as control their heading, alignment and color. And finally, freely choose your wanted icons from 2 libraries: Awesome 5 and Open Iconic.
Left Aligned
In this case, the separator title is on the left. The line color is red with solid style.
Center Aligned
Separators with title aligned center stand out and grab more attention. Use the solid type of line in order not to distract your visitors. Make sure the colors of title and line make a perfect match with your site’s look and feel.
Right Aligned
In this case, the separator title is on the right. The line color is orange with solid style.
Icon Before Text
Adding icon before the title is also a good way to decorate your site brightly. Be sure the colors of icon, title and line make a perfect match with your site’s look and feel.
Icon After Text
Adding icon after the title is also a good way to decorate your site brightly. Be sure the colors of icon, title and line make a perfect match with your site’s look and feel.