';

First header example

Nunc sed massa sit amet nunc hendrerit commodo ut et lectus.
[ultimate_spacer height=”110″ height_on_tabs=”70″ height_on_mob=”50″][ultimate_heading heading_type=”default” main_heading=”customizing abilities” heading_tag=”h5″ heading_typography_type=”default” main_heading_default_style=”normal” main_heading_default_weight=”400″ subheading_type=”default” default_sub_heading=”New design offers” subheading_tag=”h3″ subheading_typography_type=”default” sub_heading_default_style=”normal” sub_heading_default_weight=”400″ alignment=”center” heading_configuration=”bottom” spacer=”line_only” spacer_position=”bottom” spacer_img_width=”534″ line_style=”dotted” line_height=”1″ line_color=”#cccccc” icon_type=”selector” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ line_icon_fixer=”10″ line_width=”550″ spacer_margin=”margin-top:20px;”][/ultimate_heading][ultimate_spacer height=”35″ height_on_tabs=”25″ height_on_mob=”20″]
[ultimate_icon_list icon_size=”20″ icon_margin=”15″][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-height” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Set the header to display at the top or bottom of the page.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-decrease_indent” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Select menu alignment – place it left, right or centered in the nab bar.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-right_indent” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Set whether you need to display Side area icon in the header.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-browser” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Type Top Address Panel text to display more info above header.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-palette” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Set the color for the background and text of the Top Panel.[/ultimate_icon_list_item][/ultimate_icon_list][ultimate_spacer height=”110″ height_on_tabs=”70″ height_on_mob=”13″]
[ultimate_icon_list icon_size=”20″ icon_margin=”15″][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-browser_website” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Pick the color for header background and set the color for menu.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-brouser_cursor” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Regulate the header logo size and menu height to combine them nicely.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-wifi” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Enable Wishlist button, social icons and select their hover style.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-browser_search” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Activate or disable search button for convenient search on site.[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”selector” icon=”dfd-icon-brouser_cursor” icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#303030″ icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″]Activate and style fixed header that will be displayed while scrolling.[/ultimate_icon_list_item][/ultimate_icon_list][ultimate_spacer height=”110″ height_on_tabs=”70″ height_on_mob=”50″]
[ultimate_spacer height=”110″ height_on_tabs=”70″ height_on_mob=”60″][ultimate_heading heading_type=”customizable” main_heading=”Pellentesque fermentum tincidunt” heading_tag=”h5″ subheading_type=”default” default_sub_heading=”8 default customizable styles” subheading_tag=”h3″ alignment=”left” heading_configuration=”bottom” spacer=”image_only” spacer_position=”top” spacer_img_width=”75″ line_style=”solid” line_height=”1″ line_color=”#333333″ icon_type=”selector” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ line_icon_fixer=”10″ heading_content=”headers overview” main_heading_style=”font-weight:bold;” heading_typography_type=”default” main_heading_default_style=”normal” main_heading_default_weight=”600″ subheading_typography_type=”default” sub_heading_default_style=”normal” sub_heading_default_weight=”400″ spacer_margin=”margin-bottom:20px;”][/ultimate_heading][ultimate_spacer height=”45″ height_on_tabs=”25″ height_on_mob=”20″][bsf-info-box icon_type=”selector” img_width=”48″ icon_size=”32″ icon_color=”#333333″ icon_style=”none” icon_color_bg=”#ffffff” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ enable_custom_title_typography=”yes” title=”Standard top header” read_more=”none” read_more_style=”dots” read_text=”Read More” hover_effect=”style_9″ pos=”left” title_font_color=”#948f79″ enable_custom_subtitle_typography=”no”]Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.[/bsf-info-box][bsf-info-box icon_type=”selector” img_width=”48″ icon_size=”32″ icon_color=”#333333″ icon_style=”none” icon_color_bg=”#ffffff” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ enable_custom_title_typography=”yes” title=”Side navigation header” read_more=”none” read_more_style=”dots” read_text=”Read More” hover_effect=”style_9″ pos=”left” title_font_color=”#948f79″ enable_custom_subtitle_typography=”no”]Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.[/bsf-info-box][bsf-info-box icon_type=”selector” img_width=”48″ icon_size=”32″ icon_color=”#333333″ icon_style=”none” icon_color_bg=”#ffffff” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ enable_custom_title_typography=”yes” title=”On click navigation” read_more=”none” read_more_style=”dots” read_text=”Read More” hover_effect=”style_9″ pos=”left” title_font_color=”#948f79″ enable_custom_subtitle_typography=”no”]Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.[/bsf-info-box][ultimate_spacer height=”90″ height_on_tabs=”70″ height_on_mob=”60″]
[ultimate_spacer height=”110″ height_on_tabs=”70″ height_on_mob=”50″][ultimate_heading heading_type=”default” main_heading=”OUR SERVICES” heading_tag=”h5″ heading_content=”” heading_typography_type=”default” main_heading_custom_family=”” main_heading_default_style=”normal” main_heading_default_weight=”400″ main_heading_color=”” main_heading_line_height=”” main_heading_letter_spacing=”” subheading_type=”default” default_sub_heading=”New design offers” subheading_tag=”h3″ subheading_typography_type=”default” main_subheading_custom_family=”” sub_heading_default_style=”normal” sub_heading_default_weight=”400″ sub_heading_color=”” sub_heading_line_height=”” sub_heading_letter_spacing=”” alignment=”center” heading_configuration=”bottom” spacer=”line_only” spacer_position=”bottom” spacer_img_width=”534″ line_style=”dotted” line_height=”1″ line_color=”#cccccc” icon_type=”selector” icon=”” icon_size=”32″ icon_color=”” icon_style=”none” icon_color_bg=”” icon_border_style=”” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_img=”” img_width=”48″ line_icon_fixer=”10″ module_animation=”” line_width=”550″ spacer_margin=”margin-top:20px;”][/ultimate_heading][ultimate_spacer height=”35″ height_on_tabs=”25″ height_on_mob=”20″]
[ultimate_heading heading_type=”customizable” main_heading=”01″ heading_tag=”h1″ heading_typography_type=”default” main_heading_default_style=”normal” main_heading_default_weight=”600″ subheading_type=”default” subheading_tag=”h3″ subheading_typography_type=”default” sub_heading_default_style=”normal” sub_heading_default_weight=”100″ alignment=”left” heading_configuration=”top” spacer=”no_spacer” spacer_position=”top” spacer_img_width=”48″ line_style=”solid” line_height=”1″ line_color=”#333333″ icon_type=”selector” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ line_icon_fixer=”10″ heading_content=”01″ main_heading_line_height=”1″ main_heading_color=”#948f79″][/ultimate_heading][ultimate_spacer height=”40″ height_on_tabs=”40″ height_on_mob=”30″][bsf-info-box icon_type=”selector” icon=”none” img_width=”48″ icon_color=”#ffffff” icon_style=”none” icon_color_bg=”#ffffff” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ enable_custom_title_typography=”yes” title=”Style the Header” read_more=”more” read_more_style=”dots” read_text=”Read More” hover_effect=”style_1″ pos=”default” icon_size=”32″ link=”url:%23|title:%23|” enable_custom_subtitle_typography=”no”]Style all the header variants in the corresponding section of theme options panel to make it fit your needs.[/bsf-info-box][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_mob=”20″]
[ultimate_heading heading_type=”customizable” main_heading=”01″ heading_tag=”h1″ heading_typography_type=”default” main_heading_default_style=”normal” main_heading_default_weight=”600″ subheading_type=”default” subheading_tag=”h3″ subheading_typography_type=”default” sub_heading_default_style=”normal” sub_heading_default_weight=”100″ alignment=”left” heading_configuration=”top” spacer=”no_spacer” spacer_position=”top” spacer_img_width=”48″ line_style=”solid” line_height=”1″ line_color=”#333333″ icon_type=”selector” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ line_icon_fixer=”10″ heading_content=”02″ main_heading_line_height=”1″ main_heading_color=”#948f79″][/ultimate_heading][ultimate_spacer height=”40″ height_on_tabs=”40″ height_on_mob=”30″][bsf-info-box icon_type=”selector” icon=”none” img_width=”48″ icon_color=”#ffffff” icon_style=”none” icon_color_bg=”#ffffff” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ enable_custom_title_typography=”yes” title=”Whole site Header” read_more=”more” read_more_style=”dots” read_text=”Read More” hover_effect=”style_1″ pos=”default” icon_size=”32″ link=”url:%23|title:%23|” enable_custom_subtitle_typography=”no”]You can select the header for the whole web site in the Layouts settings of theme options panel.[/bsf-info-box][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_mob=”20″]
[ultimate_heading heading_type=”customizable” main_heading=”01″ heading_tag=”h1″ heading_typography_type=”default” main_heading_default_style=”normal” main_heading_default_weight=”600″ subheading_type=”default” subheading_tag=”h3″ subheading_typography_type=”default” sub_heading_default_style=”normal” sub_heading_default_weight=”100″ alignment=”left” heading_configuration=”top” spacer=”no_spacer” spacer_position=”top” spacer_img_width=”48″ line_style=”solid” line_height=”1″ line_color=”#333333″ icon_type=”selector” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ line_icon_fixer=”10″ heading_content=”03″ main_heading_line_height=”1″ main_heading_color=”#948f79″][/ultimate_heading][ultimate_spacer height=”40″ height_on_tabs=”40″ height_on_mob=”30″][bsf-info-box icon_type=”selector” icon=”none” img_width=”48″ icon_color=”#ffffff” icon_style=”none” icon_color_bg=”#ffffff” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ enable_custom_title_typography=”yes” title=”Certain page Header” read_more=”more” read_more_style=”dots” read_text=”Read More” hover_effect=”style_1″ pos=”default” icon_size=”32″ link=”url:%23|title:%23|” enable_custom_subtitle_typography=”no”]Set specific header for every page from the edit page. It’ll override the header style selected in Layouts options.[/bsf-info-box][ultimate_spacer height=”0″ height_on_tabs=”0″ height_on_mob=”20″]
[ultimate_spacer height=”80″ height_on_tabs=”60″ height_on_mob=”40″]
[ultimate_spacer height=”180″ height_on_tabs=”120″ height_on_mob=”80″][ultimate_heading heading_type=”customizable” main_heading=”Pellentesque fermentum tincidunt” heading_tag=”h5″ heading_content=”testimonials” heading_typography_type=”default” main_heading_default_style=”normal” main_heading_default_weight=”600″ subheading_type=”default” default_sub_heading=”Our clients'” subheading_tag=”h3″ subheading_typography_type=”default” sub_heading_default_style=”normal” sub_heading_default_weight=”400″ alignment=”center” heading_configuration=”bottom” spacer=”line_only” spacer_position=”bottom” spacer_img_width=”75″ line_style=”dotted” line_height=”1″ line_color=”#5f5f5f” icon_type=”selector” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ line_icon_fixer=”10″ main_heading_style=”font-weight:bold;” spacer_margin=”margin-top:25px;” line_width=”550″][/ultimate_heading][ultimate_spacer height=”25″ height_on_tabs=”25″ height_on_mob=”20″][ultimate_carousel slider_type=”horizontal” slide_to_scroll=”single” slides_on_desk=”1″ slides_on_tabs=”1″ slides_on_mob=”1″ infinite_loop=”on” speed=”300″ autoplay=”on” autoplay_speed=”5000″ arrows=”show” arrow_style=”default” border_size=”2″ arrow_color=”#e8e8e8″ arrow_size=”24″ next_icon=”dfd-icon-right_2″ prev_icon=”dfd-icon-left_2″ dots=”show” dots_color=”#e5e5e5″ dots_icon=”dfd-circle-small-dots” draggable=”on” touch_move=”on” enable_counter=”yes”][dfd_testimonials testimonial_author_title=”Sarah Newman” testimonial_author_subtitle=”Journalist” testimonial_author_desc=”Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit. Duis nisl metus, porta non dignissim quis, lobortis at neque. Ut eros odio, facilisis pulvinar leo vehicula, sagittis fermentum magna. Vestibulum fringilla sem ut libero varius, vel bibendum sem placerat.” info_alignment=”text-center” image_position=”top-image” testimonial_author_image=”11428″][dfd_testimonials testimonial_author_title=”Jeremy Nixon” testimonial_author_subtitle=”Blogger” testimonial_author_desc=”Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit. Duis nisl metus, porta non dignissim quis, lobortis at neque. Ut eros odio, facilisis pulvinar leo vehicula, sagittis fermentum magna. Vestibulum fringilla sem ut libero varius, vel bibendum sem placerat.” info_alignment=”text-center” image_position=”top-image” testimonial_author_image=”11427″][dfd_testimonials testimonial_author_title=”Nicholas Jennings” testimonial_author_subtitle=”Programmer” testimonial_author_desc=”Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit. Duis nisl metus, porta non dignissim quis, lobortis at neque. Ut eros odio, facilisis pulvinar leo vehicula, sagittis fermentum magna. Vestibulum fringilla sem ut libero varius, vel bibendum sem placerat.” info_alignment=”text-center” image_position=”top-image” testimonial_author_image=”11426″][/ultimate_carousel][ultimate_spacer height=”180″ height_on_tabs=”120″ height_on_mob=”80″]
[dfd_service position=”icon-top” columns_width=”quarter-width-elements” icon_color=”#ffffff” font_size_icon=”23″ connector_color=”#adaa9b” connector_style=”dotted”][dfd_service_item list_title=”Innovative technologies.” list_subtitle=”Curabitur pulvinar, lacus in.” icon_type=”selector” list_icon=”dfd-icon-ribbon_star” dfd_service_link_apply=”no-link” title_font_size=”16″ title_font_line_height=”24″ desc_font_size=”13″ desc_font_line_height=”18″ desc_background=”#948f79″ desc_font_color=”#ffffff”]Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.[/dfd_service_item][dfd_service_item list_title=”Reasonable source usage.” list_subtitle=”Curabitur pulvinar, lacus in.” icon_type=”selector” list_icon=”dfd-icon-bar_graph_vertical” dfd_service_link_apply=”no-link” title_font_size=”16″ title_font_line_height=”24″ desc_font_size=”13″ desc_font_line_height=”18″ desc_background=”#948f79″ desc_font_color=”#ffffff”]Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.[/dfd_service_item][dfd_service_item list_title=”Breath taking solutions.” list_subtitle=”Curabitur pulvinar, lacus.” icon_type=”selector” list_icon=”dfd-icon-certificate” dfd_service_link_apply=”no-link” title_font_size=”16″ title_font_line_height=”24″ desc_font_size=”13″ desc_font_line_height=”18″ desc_background=”#948f79″ desc_font_color=”#ffffff”]Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.[/dfd_service_item][dfd_service_item list_title=”Premium customer support.” list_subtitle=”Curabitur pulvinar, lacus in.” icon_type=”selector” list_icon=”dfd-icon-comment_3″ dfd_service_link_apply=”no-link” title_font_size=”16″ title_font_line_height=”24″ desc_font_size=”13″ desc_font_line_height=”18″ desc_background=”#948f79″ desc_font_color=”#ffffff”]Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.[/dfd_service_item][/dfd_service]