Buttons

[pb_button size=”small” title=”Small Square” style=”squared” url=”http://” target=”_self” bg_color=”#1e73be” txt_color=”#FFFFFF” nofollow=”0″][pb_button size=”medium” title=”Medium Square” style=”squared” url=”http://” target=”_self” bg_color=”#1e73be” txt_color=”#FFFFFF” nofollow=”0″][pb_button size=”large” title=”Large Square” style=”squared” url=”http://” target=”_self” bg_color=”#1e73be” txt_color=”#FFFFFF” nofollow=”0″][pb_button size=”small” title=”Small Round” style=”rounded” url=”http://” target=”_self” bg_color=”#1e73be” txt_color=”#FFFFFF” nofollow=”0″][pb_button size=”medium” title=”Medium Round” style=”rounded” url=”http://” target=”_self” bg_color=”#1e73be” txt_color=”#FFFFFF” nofollow=”0″][pb_button size=”large” title=”Large Round” style=”rounded” url=”http://” target=”_self” bg_color=”#1e73be” txt_color=”#FFFFFF” nofollow=”0″]

Horizontal Tabs

[pb_tabs nav=”horizontal”]
[pb_tab_item title=”Title 1″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[pb_tab_item title=”Title 2″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[pb_tab_item title=”Title 3″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[/pb_tabs]

Vertical Tabs

[pb_tabs nav=”vertical”]
[pb_tab_item title=”Title 1″]
Tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[pb_tab_item title=”Title 2″]
Tab 2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[pb_tab_item title=”Title 3″]
Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[/pb_tabs]

Vertical Tabs

[pb_tabs nav=”vertical” layout=”image_tabs”]
[pb_tab_item title=”Title 1″ image=”http://site.janeta-bg.com/wp-content/uploads/2017/01/phoca_thumb_l_016_018-01.png” image_shape=”circle”]

Tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[pb_tab_item title=”Title 2″ image=”http://site.janeta-bg.com/wp-content/uploads/2017/01/bananova-tartaleta-cmyk-za-web-01-1.jpg” image_shape=”square”]
Tab 2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[pb_tab_item title=”Title 3″ image=”http://site.janeta-bg.com/wp-content/uploads/2017/01/Rul1-01.png” image_shape=”round”]
Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_tab_item]
[/pb_tabs]

Toggles

[pb_toggle title=”Example Title” state=”open”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.[/pb_toggle]

[pb_toggle title=”Example Title” state=”close “]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.[/pb_toggle]

Accordion

[pb_accordion]
[pb_accordion_item title=”Title 1″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_accordion_item]
[pb_accordion_item title=”Title 2″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_accordion_item]
[pb_accordion_item title=”Title 3″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac nisl a metus mattis mattis sed sit amet dolor. Curabitur neque arcu, lobortis eu dapibus et, facilisis in nisl. Fusce dictum viverra velit vel maximus. In mattis lorem tellus, sed blandit sem imperdiet a. Donec a auctor augue. Nunc eget malesuada lectus. Sed sit amet quam et ex imperdiet finibus ut eu ligula. Aenean nulla velit, convallis ut ultricies nec, convallis ac sapien.
[/pb_accordion_item]
[/pb_accordion]

Progress Bars

[pb_progressbar name=”Square” level=”Progress” value=”80″ height=”20″ color=”#000000″ style=”squared”]

[pb_progressbar name=”Rounded” level=”Progress” value=”50″ height=”40″ color=”#1e73be” style=”rounded”][pb_progressbar name=”Rounded” level=”Progress” value=”95″ height=”40″ color=”#dd9933″ style=”rounded”]

[pb_progressbar name=”Rounded” level=”Progress” value=”15″ height=”40″ color=”#8224e3″ style=”rounded”]