Highlights

[vc_row css=”.vc_custom_1436867994722{margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}” bg_type=”no_bg” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%);” parallax_style=”vcpb-default” bg_image_repeat=”repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” 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″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off”][vc_column css=”.vc_custom_1435668804576{margin-bottom: 0px !important;}”][oi_vc_heading oi_title=”HIGHLIGHTS” oi_title_size=”h2″ oi_title_color=”#000000″ oi_sub_title=”Simple way to bring attention” oi_sub_title_style=”italic” oi_sub_title_color=”#666666″ oi_align=”center” oi_border=”center” oi_border_w=”130px” oi_border_c=”#d1d1d1″ oi_border_s=”dotted” oi_icon=”fa-adjust” oi_icon_w=”32px” oi_icon_c=”#e83b23″][/vc_column][/vc_row][vc_row bg_type=”no_bg” parallax_style=”vcpb-default” bg_image_repeat=”repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” 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″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off” css=”.vc_custom_1436432123991{margin-top: 0px !important;margin-bottom: 0px !important;}” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%);”][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″ css=”.vc_custom_1435667478280{margin-bottom: 0px !important;padding-top: 40px !important;padding-right: 0px !important;padding-bottom: 40px !important;padding-left: 0px !important;}”][vc_column_text]

Highlighting text on a web page can help bring important information immediately to the readers attention e.g., “This text should is highlighted in yellow and probably caught your eye first.” To highlight text change the background-color style as shown in the example below using the <span> HTML tag.

[/vc_column_text][vc_separator][vc_column_text]

< span style="background-color: #ffff00;">Yellow text.< /span>

[/vc_column_text][/vc_column][vc_column width=”1/12″][/vc_column][/vc_row][vc_row bg_type=”no_bg” parallax_style=”vcpb-default” bg_image_repeat=”repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” 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″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off” css=”.vc_custom_1435669153022{margin-top: 0px !important;margin-bottom: 80px !important;}” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%);”][vc_column width=”1/4″][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1435668988847{margin-bottom: 0px !important;padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #000000 !important;}”][vc_column_text]

Hello This text should is highlighted in blue. To highlight text change the background-color style as shown in the example below using the HTML tag.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row]