SuperTabs Demo Copy

[et_pb_section fb_built=”1″ next_background_color=”#d4f8f8″ _builder_version=”4.7.3″ _module_preset=”default” background_color=”rgba(236,0,140,0.55)” background_image=”https://superfly-storage.s3.us-east-2.amazonaws.com/wp-content/uploads/2020/12/01081525/4545000.jpg” parallax=”on” min_height=”691px” custom_padding=”||59px|||” bottom_divider_style=”waves2″ bottom_divider_repeat=”2x”][et_pb_row column_structure=”1_4,1_2,1_4″ _builder_version=”4.7.3″ _module_preset=”default” custom_margin=”40px|auto||auto||”][et_pb_column type=”1_4″ _builder_version=”4.7.3″ _module_preset=”default”][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.7.3″ _module_preset=”default”][et_pb_image src=”https://superfly-storage.s3.us-east-2.amazonaws.com/wp-content/uploads/2020/11/30140337/DST-Light.png” title_text=”DST-Light” align=”center” _builder_version=”4.7.3″ _module_preset=”default” width=”85%” module_alignment=”center” animation_style=”zoom” animation_intensity_zoom=”25%”][/et_pb_image][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.7.3″ _module_preset=”default”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ next_background_color=”#0f2f56″ admin_label=”demo 1 – left and right” _builder_version=”4.7.3″ _module_preset=”default” background_color=”#d4f8f8″ bottom_divider_style=”waves2″][et_pb_row _builder_version=”4.7.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.7.3″ _module_preset=”default”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” header_2_font=”Montserrat|800|||||||” header_2_letter_spacing=”-1px” text_orientation=”center”]

Choose from Multiple Tab Styles

Add animations, icons, your own layouts and more to make your tabs super!

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ admin_label=”row” _builder_version=”4.7.4″ custom_padding=”||100px|||”][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” header_3_font=”||||||||” header_3_font_size=”28px”]

Left Vertical Tabs

[/et_pb_text][bsf_advanced_tabs nav_placement=”left” inset_nav=”on” nav_margin=”5px||5px|5px|false|false” nav_padding=”15px|15px|15px|15px|false|false” include_arrow=”on” active_tab_background_color=”#cc0065″ inactive_tab_background_color=”#ffffff” icon_placement=”left” tabs_alignment=”left” nav_background_color=”#ff3366″ arrow_color=”#ff3366″ tab_gutter=”15″ content_padding=”30px|30px|30px|36%|false|false” _builder_version=”4.7.3″ _module_preset=”default” active_tab_text_color=”#ffffff” background_color=”#ffffff” animation_style=”slide” animation_direction=”left” animation_delay=”100ms” animation_intensity_slide=”5%” hover_enabled=”0″ box_shadow_style=”preset3″ box_shadow_horizontal=”10px” box_shadow_vertical=”40px” box_shadow_blur=”80px” box_shadow_color=”#9cc0d1″ sticky_enabled=”0″][bsf_advanced_tab bsf_title=”1
Tab 1″ _builder_version=”4.7.3″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 2″ _builder_version=”4.7.4″ _module_preset=”default”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 3″ _builder_version=”4.7.3″ _module_preset=”default”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_align=”left” header_text_align=”center” module_alignment=”center” custom_padding=”||||false|false”]

Add Arrow => Yes
Nav Settings

  • Nav Placement => Left
  • Nav Padding=> 15px, 15px, 15px, 15px
  • Navigation Bar Background Color: #ec008c
  • Tab Gutter => 15

Tab Settings

  • Active Tab Background Color => #b20065
  • Tab Text/Icon Alignment=> Left

Arrow Settings

  • Arrow Color => #ec008c

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” header_3_font=”||||||||” header_3_text_align=”right” header_3_font_size=”28px”]

Right Vertical Tabs

[/et_pb_text][bsf_advanced_tabs nav_placement=”right” nav_padding=”15px|15px|15px|15px|false|false” include_arrow=”on” active_tab_background_color=”#cc0065″ inactive_tab_background_color=”#ffffff” icon_placement=”right” tabs_alignment=”right” hide_title=”both” nav_background_color=”#ff3366″ arrow_color=”#ff3366″ tab_gutter=”15″ content_padding=”30px|30px|30px|30px|false|false” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_text_color=”#ec008c” active_tab_text_color=”#ffffff” background_color=”#ffffff” animation_style=”slide” animation_direction=”right” animation_delay=”100ms” animation_intensity_slide=”5%” box_shadow_style=”preset3″ box_shadow_horizontal=”10px” box_shadow_vertical=”40px” box_shadow_blur=”80px” box_shadow_color=”#9cc0d1″][bsf_advanced_tab bsf_title=”Tab 1″ _builder_version=”4.7.4″ _module_preset=”default”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 2″ _builder_version=”4.7.4″ _module_preset=”default”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 3″ _builder_version=”4.7.4″ _module_preset=”default”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_align=”left”]

Add Arrow => Yes
Nav Settings

  • Nav Placement => Right
  • Nav Padding=> 15px, 15px, 15px, 15px
  • Navigation Bar Background Color: #ec008c
  • Tab Gutter => 15

Tab Settings

  • Active Tab Background Color => #b20065
  • Tab Text/Icon Alignment=> Right

Arrow Settings

  • Arrow Color => #ec008c

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ admin_label=”row” _builder_version=”4.7.4″ custom_padding=”||100px|||”][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” header_3_font=”||||||||” header_3_font_size=”28px”]

Top Tabs

[/et_pb_text][bsf_advanced_tabs nav_padding=”15px|15px|15px|15px|false|false” include_arrow=”on” active_tab_background_color=”#cc0065″ inactive_tab_background_color=”#ffffff” icon_placement=”left” icon_size=”20px” hide_title=”both” nav_background_color=”#ff3366″ arrow_color=”#ff3366″ tabs_width=”fullwidth” tab_gutter=”15″ content_padding=”30px|30px|30px|30px|false|false” _builder_version=”4.7.3″ _module_preset=”default” active_tab_text_color=”#ffffff” background_color=”#ffffff” animation_style=”slide” animation_direction=”left” animation_delay=”100ms” animation_intensity_slide=”5%” box_shadow_style=”preset3″ box_shadow_horizontal=”10px” box_shadow_vertical=”40px” box_shadow_blur=”80px” box_shadow_color=”#9cc0d1″][bsf_advanced_tab use_icon=”on” font_icon=”%%262%%” _builder_version=”4.7.3″ _module_preset=”default”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%103%%” _builder_version=”4.7.3″ _module_preset=”default”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%108%%” _builder_version=”4.7.3″ _module_preset=”default”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_align=”left” header_text_align=”center” module_alignment=”center” custom_padding=”||||false|false”]

Add Arrow => Yes
Nav Settings

  • Nav Placement => Left
  • Nav Padding=> 15px, 15px, 15px, 15px
  • Navigation Bar Background Color: #ec008c
  • Tab Gutter => 15

Tab Settings

  • Active Tab Background Color => #b20065
  • Tab Text/Icon Alignment=> Left

Arrow Settings

  • Arrow Color => #ec008c

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” header_3_font=”||||||||” header_3_text_align=”right” header_3_font_size=”28px”]

Bottom Tabs

[/et_pb_text][bsf_advanced_tabs nav_placement=”bottom” inset_nav=”on” nav_margin=”0px|2%|2%|2%|false|false” nav_padding=”15px|15px|15px|15px|false|false” include_arrow=”on” active_tab_background_color=”#cc0065″ inactive_tab_background_color=”#ffffff” icon_placement=”left” icon_size=”20px” hide_title=”both” nav_background_color=”#ff3366″ arrow_color=”#ff3366″ tabs_width=”fullwidth” tab_gutter=”15″ content_padding=”30px|30px|18%|30px|false|false” _builder_version=”4.7.3″ _module_preset=”default” active_tab_text_color=”#ffffff” background_color=”#ffffff” animation_style=”slide” animation_direction=”left” animation_delay=”100ms” animation_intensity_slide=”5%” box_shadow_style=”preset3″ box_shadow_horizontal=”10px” box_shadow_vertical=”40px” box_shadow_blur=”80px” box_shadow_color=”#9cc0d1″][bsf_advanced_tab use_icon=”on” font_icon=”%%262%%” _builder_version=”4.7.3″ _module_preset=”default” background_color=”rgba(0,0,0,0.05)” background_enable_color=”on”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.
Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%103%%” _builder_version=”4.7.3″ _module_preset=”default” background_color=”rgba(224,153,0,0.25)” background_enable_color=”on”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%108%%” _builder_version=”4.7.3″ _module_preset=”default”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_align=”left” header_text_align=”center” background_color=”rgba(131,0,233,0.26)” background_enable_color=”on” module_alignment=”center” custom_padding=”||||false|false”]

Add Arrow => Yes
Nav Settings

  • Nav Placement => Left
  • Nav Padding=> 15px, 15px, 15px, 15px
  • Navigation Bar Background Color: #ec008c
  • Tab Gutter => 15

Tab Settings

  • Active Tab Background Color => #b20065
  • Tab Text/Icon Alignment=> Left

Arrow Settings

  • Arrow Color => #ec008c

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”demo 2 – animations” _builder_version=”4.7.3″ background_color=”#0f2f56″ background_enable_video_mp4=”off”][et_pb_row _builder_version=”4.7.4″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.7.4″ _module_preset=”default”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#ffffff” text_font_size=”18px” header_2_font=”|800|||||||” header_2_text_color=”#ff3366″ header_2_letter_spacing=”-1px” text_orientation=”center”]

Super Animations

More animations coming soon!

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_4,1_2,1_4″ admin_label=”row” _builder_version=”4.7.4″][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][bsf_advanced_tabs active_tab_background_color=”rgba(255,255,255,0)” active_animations=”moving_border” accent_color=”#ff3366″ nav_background_color=”rgba(40,44,42,0)” tabs_width=”fullwidth” content_padding=”30px|30px|30px|30px|true|false” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_text_color=”#ffffff” active_tab_text_color=”#ffffff” animation_style=”fade” animation_delay=”50ms”][bsf_advanced_tab bsf_title=”Tab 1″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 2″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 3″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]

Nav Settings

  • Navigation Bar Background Color => rgba(0,0,0,0)
  • Tabs Width => Fullwidth (Mandatory for moving border)

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

Animation

  • Active Item Animations => Moving Border
  • Accent Color => #ec008c

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_4,1_2,1_4″ admin_label=”row” _builder_version=”4.7.4″][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][bsf_advanced_tabs active_tab_background_color=”rgba(255,255,255,0)” active_animations=”slide_up_background” accent_color=”#ff3366″ nav_background_color=”rgba(40,44,42,0)” tabs_width=”fullwidth” content_padding=”30px|30px|30px|30px|true|false” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_text_color=”#ffffff” active_tab_text_color=”#ffffff” animation_style=”fade” animation_delay=”150ms”][bsf_advanced_tab bsf_title=”Tab 1″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 2″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 3″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]

Nav Settings

  • Tabs Width => Fullwidth

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

Animation

  • Active Item Animations => Slide Up Background
  • Accent Color => #ec008c

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_4,1_2,1_4″ admin_label=”row” _builder_version=”4.7.4″][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][bsf_advanced_tabs active_tab_background_color=”rgba(255,255,255,0)” active_animations=”flip_up_background” accent_color=”#ff3366″ nav_background_color=”rgba(40,44,42,0)” tabs_width=”fullwidth” content_padding=”30px|30px|30px|30px|true|false” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_text_color=”#ffffff” active_tab_text_color=”#ffffff” animation_style=”fade” animation_delay=”250ms”][bsf_advanced_tab bsf_title=”Tab 1″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 2″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 3″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]

Nav Settings

  • Navigation Bar Background Color => rgba(0,0,0,0)
  • Tabs Width => Fullwidth

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

Animation

  • Active Item Animations => Flip Up Background
  • Accent Color => #ec008c

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_4,1_2,1_4″ admin_label=”row” _builder_version=”4.7.4″][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][bsf_advanced_tabs active_tab_background_color=”rgba(255,255,255,0)” active_animations=”slide_up_border” accent_color=”#ff3366″ nav_background_color=”rgba(40,44,42,0)” tabs_width=”fullwidth” content_padding=”30px|30px|30px|30px|true|false” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_text_color=”#ffffff” active_tab_text_color=”#ffffff” animation_style=”fade” animation_delay=”350ms”][bsf_advanced_tab bsf_title=”Tab 1″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 2″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Tab 3″ _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]Donec porta, nibh rhoncus volutpat lacinia, nibh libero semper mi, nec porta sem tellus vel urna. Proin vestibulum erat sapien, a pellentesque arcu euismod eget. Quisque id vestibulum justo. Suspendisse congue tortor eget sem faucibus laoreet. Nulla luctus volutpat nulla, ac gravida ipsum elementum ut. Etiam ac purus quam. Nam molestie ac enim et feugiat. Sed dictum sit amet tortor quis convallis. Pellentesque molestie ut mi eget gravida. Vestibulum a tortor cursus, suscipit dui ac, pharetra diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tincidunt blandit rutrum. Morbi sed gravida odio, at vulputate metus.[/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff”]

Nav Settings

  • Navigation Bar Background Color => rgba(0,0,0,0)
  • Tabs Width => Fullwidth

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

Animation

  • Active Item Animations => Slide Up Border
  • Accent Color => #ec008c

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ prev_background_color=”#0f2f56″ admin_label=”demo 3 – layouts” _builder_version=”4.7.3″ _module_preset=”default” background_color=”#d4f8f8″ custom_padding=”||0px||false|false” top_divider_style=”waves2″ top_divider_flip=”horizontal” top_divider_arrangement=”above_content”][et_pb_row admin_label=”row” _builder_version=”4.7.3″ width=”100%” max_width=”2560px” custom_padding=”100px||0px||false|false”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Layouts” _builder_version=”4.7.3″ _module_preset=”default” text_font=”|600|||||||” text_font_size=”18px” header_2_font=”|800|||||||” header_2_letter_spacing=”-1px” text_orientation=”center”]

Use Library Layouts For Your Content!

Use this option to display a restaurant menu…[/et_pb_text][bsf_advanced_tabs tab_padding=”18px|36px|18px|36px|true|true” tab_text_animations=”press” content_padding=”||||false|true” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_text_color=”#333″ active_tab_text_color=”#ffffff”][bsf_advanced_tab bsf_title=”Sweet Tooth” tab_layout=”library” library_item=”2855″ _builder_version=”4.7.3″ _module_preset=”default”]Nunc viverra eros ut metus vehicula sollicitudin. Curabitur sed viverra sapien. Sed pharetra risus libero, pretium aliquam ante blandit ac. Duis lobortis, elit in euismod congue, dui massa suscipit elit, sit amet finibus nulla lacus venenatis magna. Donec nec tristique metus. Phasellus consectetur eleifend cursus. Maecenas vitae egestas velit. Ut ac pretium risus. Etiam sit amet fermentum ipsum. Suspendisse quis elit bibendum, pharetra est viverra, vehicula massa. Donec a elit ac leo dapibus ultricies. Donec dui tellus, consequat ac elit nec, rutrum finibus ipsum. Duis in malesuada augue. Vivamus pretium pellentesque massa sed ullamcorper. Suspendisse mattis dapibus bibendum. Praesent tincidunt sagittis feugiat.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Bagels/Loaves” tab_layout=”library” library_item=”2904″ _builder_version=”4.7.3″ _module_preset=”default”]Pellentesque et elementum velit. Duis luctus euismod neque, quis malesuada urna vestibulum non. Vivamus molestie velit at ante sollicitudin imperdiet. Duis at sem sodales, scelerisque leo eget, faucibus velit. Maecenas eros orci, bibendum sit amet cursus a, aliquet at nunc. Donec congue mauris in felis egestas malesuada. Donec diam nisi, volutpat ut justo sed, semper rutrum velit. Etiam sed tempor massa. Cras iaculis, leo ac convallis venenatis, turpis ligula auctor justo, nec rutrum leo elit lacinia purus.[/bsf_advanced_tab][bsf_advanced_tab tab_layout=”library” library_item=”508420″ use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default”][/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ next_background_color=”#f8d360″ admin_label=”premade layouts” _builder_version=”4.7.3″ _module_preset=”default” background_color=”#d4f8f8″ background_enable_image=”off” custom_padding=”||125px|||” bottom_divider_style=”waves2″][et_pb_row _builder_version=”4.7.4″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.7.4″ _module_preset=”default”][et_pb_text admin_label=”Layouts” _builder_version=”4.7.3″ _module_preset=”default” text_font=”|600|||||||” text_font_size=”18px” header_2_font=”|800|||||||” header_2_letter_spacing=”-1px” text_orientation=”center”]

Or use this option to display a dynamic pricing table…

[/et_pb_text][bsf_advanced_tabs tab_padding=”16px|36px|16px|36px|true|true” nav_padding=”8px|8px|8px|8px|true|true” active_tab_background_color=”#194c72″ inactive_tab_background_color=”#ffffff” tabs_alignment=”left” icon_margin=”0px” nav_background_color=”rgba(0,0,0,0)” tabs_width=”auto” tab_gutter=”8″ _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_font=”|700||on|||||” inactive_tab_text_color=”#194c72″ active_tab_text_color=”#ffffff” background_enable_color=”off” animation_style=”fade” border_color_all=”#194c72″][bsf_advanced_tab bsf_title=”Annual” tab_layout=”library” library_item=”508703″ _builder_version=”4.7.3″ _module_preset=”default” header_level=”h4″ header_text_color=”#ffffff” background_color=”#000000″ background_enable_color=”on” primary_button_bg_color__hover_enabled=”on|desktop”][/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Monthly” tab_layout=”library” library_item=”508711″ _builder_version=”4.7.3″ _module_preset=”default” header_level=”h4″ header_text_color=”#ffffff” background_color=”#000000″ background_enable_color=”on” primary_button_bg_color__hover_enabled=”on|hover” primary_button_bg_color__hover=”rgba(142,0,123,0.66)” primary_button_bg_enable_color__hover=”on”][/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”premade layouts” _builder_version=”4.7.3″ _module_preset=”default” background_color=”#f8d360″ background_enable_image=”off”][et_pb_row _builder_version=”4.7.4″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.7.4″ _module_preset=”default”][et_pb_text admin_label=”Layouts” _builder_version=”4.7.3″ _module_preset=”default” text_font=”|600|||||||” text_font_size=”18px” header_2_font=”|800|||||||” header_2_letter_spacing=”-1px” text_orientation=”center”]

Or Use One Of Our Premade Layouts

Pre-formatted Elements with no need to load a library item
More layouts coming![/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.7.4″ _module_preset=”default” custom_padding=”0px|||||”][et_pb_column type=”4_4″ _builder_version=”4.7.4″ _module_preset=”default”][bsf_advanced_tabs tab_padding=”16px|36px|16px|36px|true|true” nav_padding=”8px|8px|8px|8px|true|true” active_tab_background_color=”#ffffff” inactive_tab_background_color=”#ffffff” icon_margin=”0px” nav_background_color=”#194c72″ tabs_width=”fullwidth” tab_gutter=”8″ content_padding=”30px|0px|30px|0px|true|true” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_font=”|700||on|||||” inactive_tab_text_color=”#194c72″ active_tab_text_color=”#194c72″ background_enable_color=”off” animation_style=”fade” border_color_all=”#194c72″][bsf_advanced_tab bsf_title=”March 20″ tab_layout=”itb” src=”https://superfly-storage.s3.us-east-2.amazonaws.com/wp-content/uploads/2020/11/30115839/yannis-papanastasopoulos-yWF2LLan-_o-unsplash.jpg” button_url=”#” button_text=”Buy Tickets Now” button_position=”center” _builder_version=”4.7.3″ _module_preset=”default” text_font=”||||||||” text_text_color=”#ffffff” header_level=”h4″ header_font=”|700|||||||” header_text_color=”#ffffff” background_color=”#000000″ background_enable_color=”on” custom_primary_button=”on” primary_button_text_size=”18px” primary_button_text_color=”#ffffff” primary_button_bg_color=”rgba(32,193,129,0.63)” primary_button_border_width=”0px” primary_button_border_radius=”5px” primary_button_use_icon=”off” primary_button_bg_color__hover_enabled=”on|desktop”]

Cool Band

8pm – Concert Hall[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”March 30th” tab_layout=”tib” src=”https://superfly-storage.s3.us-east-2.amazonaws.com/wp-content/uploads/2020/11/30120010/rocco-dipoppa-_uDj_lyPVpA-unsplash.jpg” button_url=”#” button_text=”Buy Tickets Now” button_position=”center” _builder_version=”4.7.3″ _module_preset=”default” text_text_color=”#ffffff” text_line_height=”1.6em” header_level=”h4″ header_font=”|700|||||||” header_text_color=”#ffffff” background_color=”#000000″ background_enable_color=”on” custom_primary_button=”on” primary_button_text_size=”18px” primary_button_text_color=”#ffffff” primary_button_bg_color=”#8e007b” primary_button_border_width=”0px” primary_button_border_radius=”10px” primary_button_use_icon=”off” primary_button_bg_color__hover_enabled=”on|hover” primary_button_bg_color__hover=”rgba(142,0,123,0.66)” primary_button_bg_enable_color__hover=”on”]

Famous Cover Band

6:30pm – Massive Stadium

 

[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”See Event Site” tab_link=”on” tab_url=”https://besuperfly.com” tab_url_new_window=”on” _builder_version=”4.7.3″ _module_preset=”default”][/bsf_advanced_tab][bsf_advanced_tab use_icon=”on” font_icon=”%%175%%” _builder_version=”4.7.3″ _module_preset=”default”]

Nav Settings

  • Navigation Padding => 8px, 8px, 8px, 8px
  • Navigation Bar Background Color => #194c72
  • Tabs Width => Fullwidth
  • Tabs Gutter => 8px

Nav Settings

  • Tab Padding => 16px, 16px, 36px, 36px
  • Active Tab Background => #ffffff
  • Inactive Tab Background => #ffffff

Content Settings

  • Content Padding => 30px, 30px, 30px, 30px

Animation

  • Active Item Animations => Slide Up Border
  • Accent Color => #f9d271

[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ prev_background_color=”#f8d360″ admin_label=”Demo 4 – Icons” _builder_version=”4.7.3″ _module_preset=”default” background_color=”#b5f1f1″ background_enable_image=”off” background_blend=”overlay” custom_padding=”||160px|||” top_divider_style=”waves2″ bottom_divider_style=”waves2″ bottom_divider_color=”#194c72″ bottom_divider_height=”120px” bottom_divider_repeat=”0x” bottom_divider_flip=”horizontal”][et_pb_row _builder_version=”4.7.4″ _module_preset=”default” custom_padding=”100px|||||”][et_pb_column type=”4_4″ _builder_version=”4.7.4″ _module_preset=”default”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” text_font=”|600|||||||” text_font_size=”18px” header_2_font=”|800|||||||” header_2_letter_spacing=”-1px” text_orientation=”center”]

Add Some Icons!

Font Awesome support coming soon.

[/et_pb_text][bsf_advanced_tabs tab_padding=”20px|55px|20px|55px|true|true” active_tab_background_color=”#f6676a” inactive_tab_background_color=”#194c72″ nav_background_color=”#194c72″ content_padding=”30px|30px|30px|30px|true|true” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_font=”|700|||||||” inactive_tab_text_color=”#ffffff” active_tab_font=”|700|||||||” active_tab_text_color=”#ffffff” background_color=”#ffffff” animation_style=”fade” box_shadow_style=”preset3″ box_shadow_horizontal=”10px” box_shadow_vertical=”40px” box_shadow_blur=”80px” box_shadow_color=”#9cc0d1″][bsf_advanced_tab bsf_title=”Cloud Storage” use_icon=”on” font_icon=”%%96%%” _builder_version=”4.7.4″ _module_preset=”default”]Vivamus viverra neque purus, sit amet lobortis sapien varius et. Integer rhoncus dolor ex, at cursus purus maximus non. Nullam blandit, turpis eu facilisis mattis, diam felis hendrerit odio, et hendrerit diam velit efficitur augue. Proin ac bibendum justo. Maecenas feugiat malesuada nibh, id sollicitudin nibh interdum eget. Ut dui nisi, eleifend quis gravida non, fringilla a arcu. Suspendisse eu tellus posuere, hendrerit magna vitae, faucibus lectus. Donec mi mi, pretium condimentum est ac, sodales efficitur purus. Quisque dignissim turpis sem, eu ornare metus fringilla at. Integer sed nulla vitae risus lacinia sollicitudin. Ut erat est, finibus ac volutpat in, semper in diam. Curabitur porttitor quam sapien, vel porta turpis eleifend blandit. In iaculis ipsum lectus, ac convallis velit molestie fringilla.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Website Security” use_icon=”on” font_icon=”%%93%%” _builder_version=”4.7.4″ _module_preset=”default”]Praesent ligula neque, gravida non neque iaculis, laoreet sodales nisl. Suspendisse potenti. Mauris lacinia nisl in sem blandit, vel eleifend turpis maximus. Praesent auctor sapien vitae lectus porta, id facilisis sapien venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla faucibus laoreet dapibus. Proin a metus posuere, efficitur lorem non, maximus nibh. Praesent mattis ipsum a sodales varius. Cras varius faucibus leo id consectetur.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Network Setup” use_icon=”on” font_icon=”%%159%%” _builder_version=”4.7.4″ _module_preset=”default”]Nulla odio lorem, feugiat in vehicula sed, mattis et massa. Pellentesque et ligula nec lacus egestas malesuada in a tellus. Donec pulvinar sed ipsum et ultrices. Praesent id mauris lacinia, luctus mi ut, pellentesque diam. Vivamus non dui tempus, congue urna id, iaculis mauris. In commodo augue sed tempor luctus. Etiam sed efficitur turpis, sed dapibus augue. Sed ut vestibulum dolor. Duis vel finibus magna. Nullam odio arcu, elementum nec nulla eget, vestibulum congue libero. Proin luctus mattis libero vitae venenatis. Donec pharetra massa ut massa faucibus, eget aliquam turpis pellentesque. Curabitur turpis nunc, congue sed enim vitae, tincidunt ultrices dolor.[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.7.4″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.7.4″ _module_preset=”default”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” text_font=”|600|||||||” text_font_size=”18px” text_orientation=”center”]

Want to change the icon placement? No problem! Move them to the top, bottom, left, or right!

[/et_pb_text][bsf_advanced_tabs tab_padding=”20px|55px|20px|55px|true|true” active_tab_background_color=”#f6676a” inactive_tab_background_color=”#194c72″ icon_placement=”bottom” hide_icon=”none” hide_title=”none” nav_background_color=”#194c72″ content_padding=”30px|30px|30px|30px|true|true” _builder_version=”4.7.3″ _module_preset=”default” inactive_tab_font=”|700|||||||” inactive_tab_text_color=”#ffffff” active_tab_font=”|700|||||||” active_tab_text_color=”#ffffff” background_color=”#ffffff” animation_style=”fade” border_color_all=”rgba(25,76,114,0.43)” box_shadow_style=”preset3″ box_shadow_horizontal=”10px” box_shadow_vertical=”40px” box_shadow_blur=”80px” box_shadow_color=”#9cc0d1″][bsf_advanced_tab bsf_title=”Cloud Storage” use_icon=”on” font_icon=”%%96%%” _builder_version=”4.7.4″ _module_preset=”default”]Vivamus viverra neque purus, sit amet lobortis sapien varius et. Integer rhoncus dolor ex, at cursus purus maximus non. Nullam blandit, turpis eu facilisis mattis, diam felis hendrerit odio, et hendrerit diam velit efficitur augue. Proin ac bibendum justo. Maecenas feugiat malesuada nibh, id sollicitudin nibh interdum eget. Ut dui nisi, eleifend quis gravida non, fringilla a arcu. Suspendisse eu tellus posuere, hendrerit magna vitae, faucibus lectus. Donec mi mi, pretium condimentum est ac, sodales efficitur purus. Quisque dignissim turpis sem, eu ornare metus fringilla at. Integer sed nulla vitae risus lacinia sollicitudin. Ut erat est, finibus ac volutpat in, semper in diam. Curabitur porttitor quam sapien, vel porta turpis eleifend blandit. In iaculis ipsum lectus, ac convallis velit molestie fringilla.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Website Security” use_icon=”on” font_icon=”%%93%%” _builder_version=”4.7.4″ _module_preset=”default”]Praesent ligula neque, gravida non neque iaculis, laoreet sodales nisl. Suspendisse potenti. Mauris lacinia nisl in sem blandit, vel eleifend turpis maximus. Praesent auctor sapien vitae lectus porta, id facilisis sapien venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla faucibus laoreet dapibus. Proin a metus posuere, efficitur lorem non, maximus nibh. Praesent mattis ipsum a sodales varius. Cras varius faucibus leo id consectetur.[/bsf_advanced_tab][bsf_advanced_tab bsf_title=”Network Setup” use_icon=”on” font_icon=”%%159%%” _builder_version=”4.7.4″ _module_preset=”default”]Nulla odio lorem, feugiat in vehicula sed, mattis et massa. Pellentesque et ligula nec lacus egestas malesuada in a tellus. Donec pulvinar sed ipsum et ultrices. Praesent id mauris lacinia, luctus mi ut, pellentesque diam. Vivamus non dui tempus, congue urna id, iaculis mauris. In commodo augue sed tempor luctus. Etiam sed efficitur turpis, sed dapibus augue. Sed ut vestibulum dolor. Duis vel finibus magna. Nullam odio arcu, elementum nec nulla eget, vestibulum congue libero. Proin luctus mattis libero vitae venenatis. Donec pharetra massa ut massa faucibus, eget aliquam turpis pellentesque. Curabitur turpis nunc, congue sed enim vitae, tincidunt ultrices dolor.[/bsf_advanced_tab][/bsf_advanced_tabs][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.7.3″ _module_preset=”default” background_color=”#194c72″][et_pb_row _builder_version=”4.7.3″ _module_preset=”default” custom_padding=”14px|||||”][et_pb_column type=”4_4″ _builder_version=”4.7.3″ _module_preset=”default”][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”#ffffff” text_font_size=”14px” text_orientation=”center” custom_margin=”||32px|||”]Unlimited Sites[/et_pb_text][et_pb_text _builder_version=”4.7.3″ _module_preset=”default” text_font=”|800|||||||” text_text_color=”#ffffff” text_font_size=”85px” text_orientation=”center”]$29[/et_pb_text][et_pb_button button_url=”https://besuperfly.com/product/divi-supertabs/” button_text=”Buy Now” button_alignment=”center” _builder_version=”4.7.3″ _module_preset=”default” custom_button=”on” button_bg_color=”#f9d271″ button_border_color=”#f9d271″ button_use_icon=”off” custom_margin=”43px|||||” button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#ffffff”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]