[box type="custom-boxed-item" align="center" text_align="textcenter"]
[fancy_header tag="h4" size="medium" text_align="textcenter" bold="1"]What's this?[/fancy_header]
An Impact Header is our call-to-action style banner. Choose from a dark, light or primary colored box, and shout out your message! Check out some examples below.
[icon icon="fa-arrow-down" font_size="15" boxed="1" description="See examples below" position="center" margin_top="20px" margin_bottom="-40px" link="#content" class="infinite wobble"]
[/box]
[section_break type="blank" margin_bottom="30" /]
[tabs layout="vertical" convert="cvt-phone-ldsp"]
[tab title="Primary color"]
[fancy_header bold="1" type="style1"]Heading only[/fancy_header]
[impact_header convert="cvt-tablet-ptr"]100% Responsive[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header convert="cvt-tablet-ptr"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading and button[/fancy_header]
[impact_header type="heading-button" convert="cvt-tablet-ptr" button_text="Button" button_link="#"]Pixel perfect[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header type="heading-button" convert="cvt-tablet-ptr" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading and subheading[/fancy_header]
[impact_header type="heading-subheading" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]Unlimited possibilities[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header type="heading-subheading" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading, subheading and button[/fancy_header]
[impact_header type="heading-subheading-button" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]Unlimited possibilities[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header type="heading-subheading-button" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]With icon[/fancy_header]
[impact_header type="heading-subheading" convert="cvt-tablet-ptr" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]Discover React[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header type="heading-subheading" convert="cvt-tablet-ptr" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Always centered[/fancy_header]
[impact_header type="heading-subheading" convert="cvt-always" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]Discover React[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header type="heading-subheading" convert="cvt-always" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Light color"]
[fancy_header bold="1" type="style1"]Heading only[/fancy_header]
[impact_header style="light" convert="cvt-tablet-ptr"]100% Responsive[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="light" convert="cvt-tablet-ptr"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading and button[/fancy_header]
[impact_header style="light" type="heading-button" convert="cvt-tablet-ptr" button_text="Button" button_link="#"]Pixel perfect[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="light" type="heading-button" convert="cvt-tablet-ptr" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading and subheading[/fancy_header]
[impact_header style="light" type="heading-subheading" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]Unlimited possibilities[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="light" type="heading-subheading" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading, subheading and button[/fancy_header]
[impact_header style="light" type="heading-subheading-button" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]Unlimited possibilities[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="light" type="heading-subheading-button" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]With icon[/fancy_header]
[impact_header style="light" type="heading-subheading" convert="cvt-tablet-ptr" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]Discover React[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="light" type="heading-subheading" convert="cvt-tablet-ptr" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Always centered[/fancy_header]
[impact_header style="light" type="heading-subheading" convert="cvt-always" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]Discover React[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="light" type="heading-subheading" convert="cvt-always" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[/tab]
[tab title="Dark color"]
[fancy_header bold="1" type="style1"]Heading only[/fancy_header]
[impact_header style="dark" convert="cvt-tablet-ptr"]100% Responsive[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="dark" convert="cvt-tablet-ptr"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading and button[/fancy_header]
[impact_header style="dark" type="heading-button" convert="cvt-tablet-ptr" button_text="Button" button_link="#"]Pixel perfect[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="dark" type="heading-button" convert="cvt-tablet-ptr" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading and subheading[/fancy_header]
[impact_header style="dark" type="heading-subheading" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]Unlimited possibilities[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="dark" type="heading-subheading" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Heading, subheading and button[/fancy_header]
[impact_header style="dark" type="heading-subheading-button" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]Unlimited possibilities[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="dark" type="heading-subheading-button" convert="cvt-tablet-ptr" subheading="Only with React" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]With icon[/fancy_header]
[impact_header style="dark" type="heading-subheading" convert="cvt-tablet-ptr" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]Discover React[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="dark" type="heading-subheading" convert="cvt-tablet-ptr" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[fancy_header bold="1" type="style1" margin_top="50"]Always centered[/fancy_header]
[impact_header style="dark" type="heading-subheading" convert="cvt-always" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]Discover React[/impact_header]
[accordion style="plain"]
[accordion_toggle title="Get code"]
[impact_header style="dark" type="heading-subheading" convert="cvt-always" subheading="The ultimate theme creator" icon="fa-wordpress" button_text="Button" button_link="#"]...[/impact_header]
[/accordion_toggle]
[/accordion]
[/tab]
[/tabs]
