Tabs

/Tabs
Tabs 2014-09-30T10:13:08+00:00

[gr-columns][gr-column type=”1/3″]

Horizontal Tabs

[gr-hr type=”” width=”10″ align=”left”]

[/gr-column][gr-column type=”2/3″][gr-tabs pos=”top” active=”0″][gr-tab title=”First Item” icon=”fa fa-heart”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut lectus sapien. Fusce et gravida tellus. Fusce vel commodo est, a vulputate dui. Integer tortor augue, pretium eu euismod at, euismod ac ligula. Sed eleifend nisi nulla, ac convallis quam consequat ac. Donec a leo sem. Praesent pellentesque est et purus viverra facilisis. Mauris hendrerit orci vel nisi feugiat euismod. Integer sit amet tortor nec enim pretium ultrices ac quis ipsum.[/gr-tab][gr-tab title=”Second Item” icon=”fa fa-cloud”]Morbi nisl ipsum, ornare in leo id, pellentesque dictum sapien. Suspendisse convallis lorem diam, a lobortis odio ultricies id. Proin cursus massa ut dui rutrum, vel faucibus nibh suscipit. Nunc consequat purus at tincidunt sagittis. Nunc nec nisi ut turpis ultricies interdum id at dui. Nullam sed libero fermentum, ultricies nisi ac, molestie metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis id justo odio. Donec non massa laoreet, interdum massa pellentesque, semper erat. Sed porttitor, magna non placerat consequat, lorem magna vulputate metus, eget sodales quam enim nec massa. Integer adipiscing eu tellus id varius. Nunc ut ultrices diam. Aliquam ullamcorper nisl nec iaculis tempor. Aliquam sagittis dictum metus a congue. Nullam feugiat dictum massa eget dictum.[/gr-tab][gr-tab title=”Third Item” icon=”fa fa-comments”]Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis id justo odio. Donec non massa laoreet, interdum massa pellentesque, semper erat. Sed porttitor, magna non placerat consequat, lorem magna vulputate metus, eget sodales quam enim nec massa. Integer adipiscing eu tellus id varius. Nunc ut ultrices diam. Aliquam ullamcorper nisl nec iaculis tempor. Aliquam sagittis dictum metus a congue. Nullam feugiat dictum massa eget dictum.[/gr-tab][/gr-tabs][/gr-column][/gr-columns]

[gr-gap h=”40″]

[gr-columns][gr-column type=”1/3″]

Vertical tabs

[gr-hr type=”” width=”10″ align=”left”]

[/gr-column][gr-column type=”2/3″][gr-tabs position=”right” active=”1″][gr-tab title=”First Item”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut lectus sapien. Fusce et gravida tellus. Fusce vel commodo est, a vulputate dui. Integer tortor augue, pretium eu euismod at, euismod ac ligula. Sed eleifend nisi nulla, ac convallis quam consequat ac. Donec a leo sem. Praesent pellentesque est et purus viverra facilisis. Mauris hendrerit orci vel nisi feugiat euismod. Integer sit amet tortor nec enim pretium ultrices ac quis ipsum. Suspendisse egestas quis risus bibendum lobortis. Integer a faucibus neque. Morbi quis sem suscipit, consequat nunc malesuada, dictum leo. Integer non interdum nisl, ullamcorper pellentesque mi. Fusce tortor nisi, elementum at massa et, consectetur aliquam nulla.[/gr-tab][gr-tab title=”Second Item”]Morbi nisl ipsum, ornare in leo id, pellentesque dictum sapien. Suspendisse convallis lorem diam, a lobortis odio ultricies id. Proin cursus massa ut dui rutrum, vel faucibus nibh suscipit. Nunc consequat purus at tincidunt sagittis. Nunc nec nisi ut turpis ultricies interdum id at dui. Nullam sed libero fermentum, ultricies nisi ac, molestie metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis id justo odio. Donec non massa laoreet, interdum massa pellentesque, semper erat.[/gr-tab][gr-tab title=”Third Item”]Proin cursus massa ut dui rutrum, vel faucibus nibh suscipit. Nunc consequat purus at tincidunt sagittis. Nunc nec nisi ut turpis ultricies interdum id at dui. Nullam sed libero fermentum, ultricies nisi ac, molestie metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis id justo odio. Donec non massa laoreet, interdum massa pellentesque, semper erat. Sed porttitor, magna non placerat consequat, lorem magna vulputate metus, eget sodales quam enim nec massa. Integer adipiscing eu tellus id varius. Nunc ut ultrices diam. Aliquam ullamcorper nisl nec iaculis tempor. Aliquam sagittis dictum metus a congue. Nullam feugiat dictum massa eget dictum.[/gr-tab][/gr-tabs][/gr-column][/gr-columns]

[gr-gap h=”60″]