Information
Tabs allows you to logically divide information into sections. With the use of color, you can separate different subject and give a unique touch to your page.
You can even set the layout of tabs in all four directions.
Default Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Tabs with Icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Color based Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ante massa. Sed tincidunt sodales ante nec scelerisque. Integer quis tincidunt mauris. Etiam neque velit, dapibus in eleifend eu, malesuada ut felis. Vivamus sed nulla ut nisl porttitor pretium.
Tabs Layout
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa turpis, tristique a convallis accumsan, sodales et sapien. Nam vestibulum interdum sodales. Fusce et facilisis sem. Pellentesque gravida ornare velit, ac mollis nisi fringilla eget. Vivamus eget malesuada sapien.