Our latest Dribbble shots

Loading dribbble images...
Follow us

Latest Tweets

Follow us on Twitter
This is an expandable area.
It's fully widgetized, you can use any widget from all Nalleto's widgets here ...
Define expandable area globally in the Nalleto's Theme Options, or use per-page option and define unique expandable area for each page individually.
You can even choose if expandable area is closed or opened by default.
    Be neat, be fresh, be corporate

    Tabs

    Tabs come really in handy when more content needs to be displayed in a small area. Separate your content into several sections and display them with sleek animation.

    Horizontal tabs

    Horizontal tabs above the content

    Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend enim diam.
    Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque!
    Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e.
    [tabs_navigation pair=tab_set_1"]
    [tab_title pair="tab1" active="yes"]...[/tab_title]
    [tab_title pair="tab2"]...[/tab_title]
    [tab_title pair="tab3"]...[/tab_title]
    [/tabs_navigation]
    
    [tabs_content pair="tab_set_1"]
    [tab_content pair="tab1"]...[/tab_content]
    [tab_content pair="tab2"]...[/tab_content]
    [tab_content pair="tab3"]..[/tab_content]
    [/tabs_content]

    Horizontal tabs below the content

    Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend enim diam.
    Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque! In faucibus elementum orci, nec lacinia nunc egestas id imperdiet ultricies. Fusce eleifend malesuada erat content sed rhoncus magna quis ligula imperdiet ultricies? Fringilla nisi iaculis sit amet. Nullam sit amet neque leo. Proin nec nisi sem. Fusce posuere pretium dignissim amet neque leo!
    Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e imperdiet ultricies. Fusce eleifend malesuada erat. Eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo! Fusce eleifend malesuada erat content sed rhoperdiet ultricies? Bringilla nisi iaculis nullam neque.
    [tabs_content pair="tab_set_2"]
    [tab_content pair="tab1"]...[/tab_content]
    [tab_content pair="tab2"]...[/tab_content]
    [tab_content pair="tab3"]..[/tab_content]
    [/tabs_content]
    
    [tabs_navigation pair=tab_set_2" color="color1"]
    [tab_title pair="tab1" active="yes"]...[/tab_title]
    [tab_title pair="tab2"]...[/tab_title]
    [tab_title pair="tab3"]...[/tab_title]
    [/tabs_navigation]

    Vertical tabs

    Vertical tabs on left

    Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus.
    Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque!
    Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e.
    [one_fourth]
    [tabs_navigation pair="tab_set_3" vertical="yes" color="color3"]
    [tab_title pair="tab1" active="yes"]...[/tab_title]
    [tab_title pair="tab2"]...[/tab_title]
    [tab_title pair="tab3"]...[/tab_title]
    [/tabs_navigation]
    [/one_fourth]
    
    [three_fourths]
    [tabs_content pair="tab_set_3"]
    [tab_content pair="tab1"]...[/tab_content]
    [tab_content pair="tab2"]...[/tab_content]
    [tab_content pair="tab3"]...[/tab_content]
    [/tabs_content]
    [/three_fourths]

    Vertical tabs on right

    Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus.
    Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque!
    Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e.
    [three_fourths]
    [tabs_content pair="tab_set_4"]
    [tab_content pair="tab1"]...[/tab_content]
    [tab_content pair="tab2"]...[/tab_content]
    [tab_content pair="tab3"]...[/tab_content]
    [/tabs_content]
    [/three_fourths]
    
    [one_fourth]
    [tabs_navigation pair="tab_set_4" vertical="yes" color="color4"]
    [tab_title pair="tab1" active="yes"]...[/tab_title]
    [tab_title pair="tab2"]...[/tab_title]
    [tab_title pair="tab3"]...[/tab_title]
    [/tabs_navigation]
    [/one_fourth]