Tab

Collection of predefined components to use on your site
  • Sample Tabs I

    Lorem ipsum dolor sit amet consectetur adipiscing elit curabitur malesuada sapien urna ut porttitor ligula euismod eu. In consectetur accumsan mauris suspendisse ante nibh convall at luctus a mattis quis quam. Aliquam lacinia enim id pretium fermentum sed at odio.

    Suspendisse varius lorem nec tincidunt accumsan nulla purus vehicula metus sed vehicula ante quam id dui. Proin porttitor est ut augue bibendum in aliquet purus volutpat nulla aci placerat at quam in faucibus. Duis bibendum sit amet arcu in venenatis.

    Cras eu ante auctor dapibus augue at ullamcorper velit. Etiam lacinia in nulla at consequat aliquam at ullamcorper tortor quis tempor velit. Phasellus ut auctor massa donec conseqi elit id libero venenatis tincidunt. Mauris sapien erat facilisis vitae justo non sodales.

    Cras et tempor dolor vestibulum lacinia fringilla sapien vel sagittis sedis et molestie elit sed nec sem faucibus sodales nulla eget ultrices leo. Vestibulum non elementum libero. Nullam faucibus varius facilisis. Vestibulum ullamcorper quam eu ligula accumsan molestie.

    [pb_tab component_description="Sample Tabs I" header_font_size="0"]
    [pb_tab_navigation]
    [pb_tab_navigation_header]Tab 1[/pb_tab_navigation_header]
    [pb_tab_navigation_header]Tab 2[/pb_tab_navigation_header]
    [pb_tab_navigation_header]Tab 3[/pb_tab_navigation_header]
    [pb_tab_navigation_header]Tab 4[/pb_tab_navigation_header]
    [/pb_tab_navigation]
    [pb_tab_panel]
    [pb_tab_panel_content]Lorem ipsum dolor sit amet consectetur adipiscing elit curabitur malesuada sapien urna ut porttitor ligula euismod eu. In consectetur accumsan mauris suspendisse ante nibh convall at luctus a mattis quis quam. Aliquam lacinia enim id pretium fermentum sed at odio.[/pb_tab_panel_content]
    [pb_tab_panel_content]Suspendisse varius lorem nec tincidunt accumsan nulla purus vehicula metus sed vehicula ante quam id dui. Proin porttitor est ut augue bibendum in aliquet purus volutpat nulla aci placerat at quam in faucibus. Duis bibendum sit amet arcu in venenatis.[/pb_tab_panel_content]
    [pb_tab_panel_content]Cras eu ante auctor dapibus augue at ullamcorper velit. Etiam lacinia in nulla at consequat aliquam at ullamcorper tortor quis tempor velit. Phasellus ut auctor massa donec conseqi elit id libero venenatis tincidunt. Mauris sapien erat facilisis vitae justo non sodales.[/pb_tab_panel_content]
    [pb_tab_panel_content]Cras et tempor dolor vestibulum lacinia fringilla sapien vel sagittis sedis et molestie elit sed nec sem faucibus sodales nulla eget ultrices leo. Vestibulum non elementum libero. Nullam faucibus varius facilisis. Vestibulum ullamcorper quam eu ligula accumsan molestie.[/pb_tab_panel_content]
    [/pb_tab_panel]
    [/pb_tab]
  • Sample Tabs II - Animations

    Lorem ipsum dolor sit amet consectetur adipiscing elit curabitur malesuada sapien urna ut porttitor ligula euismod eu. In consectetur accumsan mauris suspendisse ante nibh convall at luctus a mattis quis quam. Aliquam lacinia enim id pretium fermentum sed at odio.

    Suspendisse varius lorem nec tincidunt accumsan nulla purus vehicula metus sed vehicula ante quam id dui. Proin porttitor est ut augue bibendum in aliquet purus volutpat nulla aci placerat at quam in faucibus. Duis bibendum sit amet arcu in venenatis.

    Cras eu ante auctor dapibus augue at ullamcorper velit. Etiam lacinia in nulla at consequat aliquam at ullamcorper tortor quis tempor velit. Phasellus ut auctor massa donec conseqi elit id libero venenatis tincidunt. Mauris sapien erat facilisis vitae justo non sodales.

    Cras et tempor dolor vestibulum lacinia fringilla sapien vel sagittis sedis et molestie elit sed nec sem faucibus sodales nulla eget ultrices leo. Vestibulum non elementum libero. Nullam faucibus varius facilisis. Vestibulum ullamcorper quam eu ligula accumsan molestie.

    [pb_tab component_description="Sample Tabs II - Animations" header_font_size="0" active="1" animation_show_enable="1" animation_show_duration="500" animation_show_easing="easeInQuad" animation_hide_enable="1" animation_hide_duration="100" animation_hide_easing="easeOutQuad"]
    [pb_tab_navigation]
    [pb_tab_navigation_header]Tab 1[/pb_tab_navigation_header]
    [pb_tab_navigation_header]Tab 2[/pb_tab_navigation_header]
    [pb_tab_navigation_header]Tab 3[/pb_tab_navigation_header]
    [pb_tab_navigation_header]Tab 4[/pb_tab_navigation_header]
    [/pb_tab_navigation]
    [pb_tab_panel]
    [pb_tab_panel_content]Lorem ipsum dolor sit amet consectetur adipiscing elit curabitur malesuada sapien urna ut porttitor ligula euismod eu. In consectetur accumsan mauris suspendisse ante nibh convall at luctus a mattis quis quam. Aliquam lacinia enim id pretium fermentum sed at odio.[/pb_tab_panel_content]
    [pb_tab_panel_content]Suspendisse varius lorem nec tincidunt accumsan nulla purus vehicula metus sed vehicula ante quam id dui. Proin porttitor est ut augue bibendum in aliquet purus volutpat nulla aci placerat at quam in faucibus. Duis bibendum sit amet arcu in venenatis.[/pb_tab_panel_content]
    [pb_tab_panel_content]Cras eu ante auctor dapibus augue at ullamcorper velit. Etiam lacinia in nulla at consequat aliquam at ullamcorper tortor quis tempor velit. Phasellus ut auctor massa donec conseqi elit id libero venenatis tincidunt. Mauris sapien erat facilisis vitae justo non sodales.[/pb_tab_panel_content]
    [pb_tab_panel_content]Cras et tempor dolor vestibulum lacinia fringilla sapien vel sagittis sedis et molestie elit sed nec sem faucibus sodales nulla eget ultrices leo. Vestibulum non elementum libero. Nullam faucibus varius facilisis. Vestibulum ullamcorper quam eu ligula accumsan molestie.[/pb_tab_panel_content]
    [/pb_tab_panel]
    [/pb_tab]

Leave Your Reply

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

error: Content is protected !!