Maestro Health


[et_pb_section bb_built=”1″ fullwidth=”on” specialty=”off” transparent_background=”off” background_color=”#ffffff” allow_player_pause=”off” inner_shadow=”off” parallax=”off” parallax_method=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” make_equal=”off” use_custom_gutter=”off” custom_padding_tablet=”50px|0|50px|0″ custom_padding_last_edited=”on|desktop” inner_width=”auto” inner_max_width=”1080px” next_background_color=”#fff200″][et_pb_fullwidth_header title=” Maestro Health” subhead=”HTML/CSS/Bootstrap” background_layout=”dark” text_orientation=”center” header_fullscreen=”on” header_scroll_down=”on” background_url=”http://dannymaller.com/wp-content/uploads/2017/06/header-02.jpg” parallax=”off” parallax_method=”on” content_orientation=”center” image_orientation=”center” custom_button_one=”on” button_one_use_icon=”off” button_one_icon_placement=”right” button_one_on_hover=”on” button_one_letter_spacing_hover=”4″ custom_button_two=”off” button_two_letter_spacing=”0″ button_two_use_icon=”default” button_two_icon_placement=”right” button_two_on_hover=”on” button_two_letter_spacing_hover=”0″ module_class=”page-header-bg” title_font=”Oswald|||on|” title_font_size=”80px” subhead_font=”Montserrat|||on|” subhead_font_size=”30px” title_font_size_tablet=”70px” title_font_size_phone=”50px” title_font_size_last_edited=”on|phone” subhead_font_size_tablet=”25px” subhead_font_size_phone=”22px” subhead_font_size_last_edited=”on|phone” custom_css_subtitle=”letter-spacing: 4px;||margin-top: 5px;” button_one_border_radius=”0″ button_two_border_radius=”0″ background_overlay_color=”rgba(0,0,0,0)” button_one_text=”Live Site” button_one_url=”http://www.byebenadmin.com/” button_one_text_color=”#ffffff” button_one_border_color=”#ffffff” button_one_text_color_hover=”#000000″ button_one_bg_color_hover=”#fff200″ button_one_border_color_hover=”#fff200″ button_one_border_radius_hover=”0″ subhead_font_color=”#fff200″ background_image=”http://dannymaller.com/wp-content/uploads/2017/06/header-02.jpg” content_max_width=”none” subhead_text_color=”#fff200″ background_color=”rgba(255, 255, 255, 0)” button_one_text_size__hover_enabled=”off” button_one_text_size__hover=”null” button_two_text_size__hover_enabled=”off” button_two_text_size__hover=”null” button_one_text_color__hover_enabled=”on” button_one_text_color__hover=”#000000″ button_two_text_color__hover_enabled=”off” button_two_text_color__hover=”null” button_one_border_width__hover_enabled=”off” button_one_border_width__hover=”null” button_two_border_width__hover_enabled=”off” button_two_border_width__hover=”null” button_one_border_color__hover_enabled=”on” button_one_border_color__hover=”#fff200″ button_two_border_color__hover_enabled=”off” button_two_border_color__hover=”null” button_one_border_radius__hover_enabled=”on” button_one_border_radius__hover=”0″ button_two_border_radius__hover_enabled=”off” button_two_border_radius__hover=”null” button_one_letter_spacing__hover_enabled=”on” button_one_letter_spacing__hover=”4″ button_two_letter_spacing__hover_enabled=”on” button_two_letter_spacing__hover=”0″ button_one_bg_color__hover_enabled=”on” button_one_bg_color__hover=”#fff200″ button_two_bg_color__hover_enabled=”off” button_two_bg_color__hover=”null”]

[/et_pb_fullwidth_header][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” transparent_background=”off” background_color=”#fff200″ allow_player_pause=”off” inner_shadow=”off” parallax=”off” parallax_method=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” make_equal=”off” use_custom_gutter=”off” custom_padding_tablet=”50px|0|50px|0″ custom_padding_last_edited=”on|desktop” inner_width=”auto” inner_max_width=”1080px” prev_background_color=”#ffffff” next_background_color=”#FFFFFF”][et_pb_row background_position=”top_left” background_repeat=”repeat” background_size=”initial” width=”80%” max_width=”1080px”][et_pb_column type=”4_4″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_text admin_label=”Intro Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” module_class=”intro-text” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

Maestro Health is a healthcare provider located in downtown Chicago that believes employee benefits should be more than just another headache. Their technology and services simplify, personalize and optimize the benefits experience – not just during enrollment, but throughout the entire year.

I was hired as a freelancer to build out a one-page promotion to celebrate their previous system being replaced with a new more easy to use one. After Maestro Health provided me with static mockups of what the site should look like, I worked with the Senior Marketing Specialist and Chief Marketing Officer to ensure the provided designs would work on both desktop and mobile screens. I built the whole page using the Bootstrap 3 framework as the project initially only called for experience in HTML and CSS. Later on, a new functionality was requested that the video play when a mouse hovered over the video. I have some Javascript knowledge as well and was able to accommodate the feature that you can see below in a CodePen, or by visiting the live site here.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”section” inner_width=”auto” inner_max_width=”1080px” prev_background_color=”#fff200″ next_background_color=”#282828″][et_pb_row admin_label=”row” background_position=”top_left” background_repeat=”repeat” background_size=”initial” width=”80%” max_width=”1080px”][et_pb_column type=”4_4″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_code]

See the Pen QgvOJo by Danny (@djmaller) on CodePen.

[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” transparent_background=”off” background_color=”#282828″ allow_player_pause=”off” inner_shadow=”off” parallax=”off” parallax_method=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” make_equal=”off” use_custom_gutter=”off” custom_padding_tablet=”50px|0|50px|0″ custom_padding_last_edited=”on|desktop” inner_width=”auto” inner_max_width=”1080px” prev_background_color=”#FFFFFF” next_background_color=”rgba(249,177,118,0)”][et_pb_row background_position=”top_left” background_repeat=”repeat” background_size=”initial” width=”80%” max_width=”1080px”][et_pb_column type=”1_3″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_image admin_label=”01″ src=”http://dannymaller.com/wp-content/uploads/2017/06/01.jpg” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” animation=”off” sticky=”off” align=”center” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”none” animation_duration=”1000ms” animation_intensity_slide=”50%” show_bottom_space=”on” align_last_edited=”on|desktop” align_tablet=”center”]

[/et_pb_image][et_pb_image admin_label=”04″ src=”http://dannymaller.com/wp-content/uploads/2017/06/04.jpg” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” animation=”off” sticky=”off” align=”center” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”none” animation_duration=”1000ms” animation_intensity_slide=”50%” show_bottom_space=”on” align_last_edited=”on|desktop” align_tablet=”center”]

[/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_image admin_label=”02″ src=”http://dannymaller.com/wp-content/uploads/2017/06/02.jpg” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” animation=”off” sticky=”off” align=”center” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”none” animation_duration=”1000ms” animation_intensity_slide=”50%” show_bottom_space=”on” align_last_edited=”on|desktop” align_tablet=”center”]

[/et_pb_image][et_pb_image admin_label=”05″ src=”http://dannymaller.com/wp-content/uploads/2017/06/05.jpg” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” animation=”off” sticky=”off” align=”center” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”none” animation_duration=”1000ms” animation_intensity_slide=”50%” show_bottom_space=”on” align_last_edited=”on|desktop” align_tablet=”center”]

[/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_image admin_label=”03″ src=”http://dannymaller.com/wp-content/uploads/2017/06/03.jpg” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” animation=”off” sticky=”off” align=”center” force_fullwidth=”off” always_center_on_mobile=”on” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation_style=”none” animation_duration=”1000ms” animation_intensity_slide=”50%” show_bottom_space=”on” align_last_edited=”on|desktop” align_tablet=”center”]

[/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ specialty=”off” background_color=”rgba(249,177,118,0)” parallax_method=”off” module_class=”next-project-container” custom_padding_last_edited=”off|phone” background_image=”http://dannymaller.com/wp-content/uploads/2021/09/Tastebuds-Cover-03.jpg” custom_padding_tablet=”50px|0|50px|0″ prev_background_color=”#282828″ _builder_version=”4.10.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″][et_pb_row make_fullwidth=”off” use_custom_width=”off” width_unit=”on” use_custom_gutter=”off” custom_padding_last_edited=”on|phone” padding_mobile=”off” allow_player_pause=”off” parallax=”off” parallax_method=”off” make_equal=”off” column_padding_mobile=”on” background_position=”top_left” background_repeat=”repeat” background_size=”initial” width=”80%” max_width=”1080px”][et_pb_column type=”4_4″ custom_padding__hover=”|||” custom_padding=”|||” parallax_method=”off”][et_pb_button admin_label=”Next Project: TasteBuds” button_url=”http://dannymaller.com/tastebuds/” button_text=”Next Project: TasteBuds” button_alignment=”center” background_layout=”dark” custom_button=”on” button_use_icon=”off” button_text_color=”#af8f5f” button_border_color=”#af8f5f” button_text_size__hover_enabled=”off” button_text_size__hover=”null” button_one_text_size__hover_enabled=”off” button_one_text_size__hover=”null” button_two_text_size__hover_enabled=”off” button_two_text_size__hover=”null” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_one_text_color__hover=”null” button_two_text_color__hover_enabled=”off” button_two_text_color__hover=”null” button_border_width__hover_enabled=”off” button_border_width__hover=”null” button_one_border_width__hover_enabled=”off” button_one_border_width__hover=”null” button_two_border_width__hover_enabled=”off” button_two_border_width__hover=”null” button_border_color__hover_enabled=”on” button_border_color__hover=”#af8f5f” button_one_border_color__hover_enabled=”off” button_one_border_color__hover=”null” button_two_border_color__hover_enabled=”off” button_two_border_color__hover=”null” button_border_radius__hover_enabled=”on” button_border_radius__hover=”0″ button_one_border_radius__hover_enabled=”off” button_one_border_radius__hover=”null” button_two_border_radius__hover_enabled=”off” button_two_border_radius__hover=”null” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”4″ button_one_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover=”null” button_two_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover=”null” button_bg_color__hover_enabled=”on” button_bg_color__hover=”#af8f5f” button_one_bg_color__hover_enabled=”off” button_one_bg_color__hover=”null” button_two_bg_color__hover_enabled=”off” button_two_bg_color__hover=”null” _builder_version=”4.10.6″ button_text_shadow_horizontal_length=”button_text_shadow_style,%91object Object%93″ button_text_shadow_horizontal_length_tablet=”0px” button_text_shadow_vertical_length=”button_text_shadow_style,%91object Object%93″ button_text_shadow_vertical_length_tablet=”0px” button_text_shadow_blur_strength=”button_text_shadow_style,%91object Object%93″ button_text_shadow_blur_strength_tablet=”1px” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]

[/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]