[et_pb_section fb_built="1" admin_label="Header" _builder_version="4.16.0" custom_padding="87px||0px|||" custom_width_px__hover="1080px" custom_width_px__hover_enabled="1080px" custom_width_percent__hover="80%" custom_width_percent__hover_enabled="80%" locked="off" global_colors_info="{}" parallax_1__hover="off" parallax_1__hover_enabled="off" parallax_2__hover="off" parallax_2__hover_enabled="off" parallax_3__hover="off" parallax_3__hover_enabled="off" parallax_method_1__hover="on" parallax_method_1__hover_enabled="on" parallax_method_2__hover="on" parallax_method_2__hover_enabled="on" parallax_method_3__hover="on" parallax_method_3__hover_enabled="on" use_background_color_gradient__hover="off" use_background_color_gradient__hover_enabled="off" background_color_gradient_start__hover="#2b87da" background_color_gradient_start__hover_enabled="#2b87da" background_color_gradient_end__hover="#29c4a9" background_color_gradient_end__hover_enabled="#29c4a9" background_color_gradient_type__hover="linear" background_color_gradient_type__hover_enabled="linear" background_color_gradient_direction__hover="180deg" background_color_gradient_direction__hover_enabled="180deg" background_color_gradient_direction_radial__hover="center" background_color_gradient_direction_radial__hover_enabled="center" background_color_gradient_start_position__hover="0%" background_color_gradient_start_position__hover_enabled="0%" background_color_gradient_end_position__hover="100%" background_color_gradient_end_position__hover_enabled="100%" background_color_gradient_overlays_image__hover="off" background_color_gradient_overlays_image__hover_enabled="off" parallax__hover="off" parallax__hover_enabled="off" parallax_method__hover="on" parallax_method__hover_enabled="on" background_size__hover="cover" background_size__hover_enabled="cover" background_position__hover="center" background_position__hover_enabled="center" background_repeat__hover="no-repeat" background_repeat__hover_enabled="no-repeat" background_blend__hover="normal" background_blend__hover_enabled="normal" allow_player_pause__hover="off" allow_player_pause__hover_enabled="off" background_video_pause_outside_viewport__hover="on" background_video_pause_outside_viewport__hover_enabled="on" inner_shadow__hover="off" inner_shadow__hover_enabled="off" make_fullwidth__hover="off" make_fullwidth__hover_enabled="off" use_custom_width__hover="off" use_custom_width__hover_enabled="off" width_unit__hover="on" width_unit__hover_enabled="on" make_equal__hover="off" make_equal__hover_enabled="off" use_custom_gutter__hover="off" use_custom_gutter__hover_enabled="off" border_radii__hover="on||||" border_radii__hover_enabled="on||||" box_shadow_style__hover="none" box_shadow_style__hover_enabled="none" box_shadow_color__hover="rgba(0,0,0,0.3)" box_shadow_color__hover_enabled="rgba(0,0,0,0.3)" max_width__hover="100%" max_width__hover_enabled="100%" filter_hue_rotate__hover="0deg" filter_hue_rotate__hover_enabled="0deg" filter_saturate__hover="100%" filter_saturate__hover_enabled="100%" filter_brightness__hover="100%" filter_brightness__hover_enabled="100%" filter_contrast__hover="100%" filter_contrast__hover_enabled="100%" filter_invert__hover="0%" filter_invert__hover_enabled="0%" filter_sepia__hover="0%" filter_sepia__hover_enabled="0%" filter_opacity__hover="100%" filter_opacity__hover_enabled="100%" filter_blur__hover="0px" filter_blur__hover_enabled="0px" mix_blend_mode__hover="normal" mix_blend_mode__hover_enabled="normal" animation_style__hover="none" animation_style__hover_enabled="none" animation_repeat__hover="once" animation_repeat__hover_enabled="once" animation_direction__hover="center" animation_direction__hover_enabled="center" animation_duration__hover="1000ms" animation_duration__hover_enabled="1000ms" animation_delay__hover="0ms" animation_delay__hover_enabled="0ms" animation_intensity_slide__hover="50%" animation_intensity_slide__hover_enabled="50%" animation_intensity_zoom__hover="50%" animation_intensity_zoom__hover_enabled="50%" animation_intensity_flip__hover="50%" animation_intensity_flip__hover_enabled="50%" animation_intensity_fold__hover="50%" animation_intensity_fold__hover_enabled="50%" animation_intensity_roll__hover="50%" animation_intensity_roll__hover_enabled="50%" animation_starting_opacity__hover="0%" animation_starting_opacity__hover_enabled="0%" animation_speed_curve__hover="ease-in-out" animation_speed_curve__hover_enabled="ease-in-out" hover_transition_duration__hover="300ms" hover_transition_duration__hover_enabled="300ms" hover_transition_delay__hover="0ms" hover_transition_delay__hover_enabled="0ms" hover_transition_speed_curve__hover="ease" hover_transition_speed_curve__hover_enabled="ease" background_color_gradient_stops__hover="#2b87da 0%|#29c4a9 100%"][et_pb_row _builder_version="4.16" custom_padding="||0px|||" locked="off" global_colors_info="{}"][et_pb_column type="4_4" saved_specialty_column_type="1_2" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" parallax__hover="off" parallax_method__hover="on" custom_padding__hover="|||"][et_pb_text _builder_version="4.16.0" text_font="||||||||" text_line_height="2em" header_font="DM Serif Display|600|||||||" header_text_color="#09494a" header_font_size="120px" header_line_height="1.3em" text_orientation="center" min_height="84px" custom_margin="-111px||0px|||" custom_padding="0px|0px|0px|||" header_font_size_tablet="30px" header_font_size_phone="24px" header_font_size_last_edited="on|desktop" global_colors_info="{}"]
Heartland Travels
[/et_pb_text][et_pb_text _builder_version="4.16.0" text_font="DM Serif Display||||||||" text_font_size="18px" text_line_height="2em" link_font="|700|on||||||" link_text_color="#6500ff" header_font="||||||||" header_3_font="Poppins|600|||||||" header_3_font_size="20px" header_3_line_height="1.6em" text_orientation="center" custom_margin="-14px||10px|||" header_3_font_size_tablet="" header_3_font_size_phone="16px" header_3_font_size_last_edited="on|phone" locked="off" global_colors_info="{}" link_text_color__hover_enabled="on" link_text_color__hover="#9400ff"]
Solo project | Maaz Gundagi
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.16.0" _module_preset="default" custom_padding="9px||75px|||" global_colors_info="{}"][et_pb_row _builder_version="4.16.0" _module_preset="default" custom_margin="1px|auto||auto||" custom_padding="6px||23px|||" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16.0" _module_preset="default" global_colors_info="{}"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-1.png" title_text="Web 1920 – 1" align="center" _builder_version="4.16.0" _module_preset="default" width="76%" custom_margin="-5px|||||" border_radii="on|2rem|2rem|2rem|2rem" global_colors_info="{}"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.16.0" _module_preset="default" custom_margin="-67px|||||" custom_padding="49px||48px|||" global_colors_info="{}"][et_pb_row _builder_version="4.16.0" _module_preset="default" custom_margin="-35px|auto||auto||" custom_padding="||36px|||" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16.0" _module_preset="default" global_colors_info="{}"][et_pb_text _builder_version="4.16.0" text_font="DM Serif Text||||||||" text_text_color="#000000" text_font_size="18px" text_line_height="2em" link_font="||||||||" link_text_color="#3fd3ce" header_font="||||||||" header_text_align="center" header_2_font="DM Serif Display|600|||||||" header_2_text_align="center" header_2_font_size="80px" header_2_line_height="1.6em" header_3_font="Poppins|600|||||||" header_3_font_size="20px" header_3_line_height="1.6em" background_layout="dark" custom_margin="-47px|||||" custom_padding="||1px|||" scroll_vertical_motion_enable="on" scroll_vertical_motion="0|50|50|100|0.25|0|-0.25" scroll_horizontal_motion="0|50|50|100|-2|0|0" header_2_font_size_tablet="24px" header_2_font_size_phone="18px" header_2_font_size_last_edited="on|phone" header_3_font_size_tablet="" header_3_font_size_phone="16px" header_3_font_size_last_edited="on|phone" locked="off" global_colors_info="{}"]
Summary
Heartland Travel Website as the name suggests is a travels website. This is a phone first responsive design created by me for one of my Web Design projects at Red River College Polytech. It was a 3 screen project designed for mobile and desktop.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" admin_label="Details" _builder_version="4.16.0" background_color="#FFFFFF" background_enable_image="off" parallax="on" custom_margin="-52px|40px||40px||true" custom_margin_tablet="" custom_margin_phone="|10px||10px||true" custom_margin_last_edited="on|desktop" custom_padding="25px||28px|||" locked="off" global_colors_info="{}"][et_pb_row _builder_version="4.16.0" _module_preset="default" width="100%" custom_margin="-30px|auto||auto||" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16.0" _module_preset="default" global_colors_info="{}"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/GD0069.png" title_text="GD0069" align="center" _builder_version="4.16.0" _module_preset="default" width="78.3%" scroll_vertical_motion_enable="on" scroll_vertical_motion="0|50|50|100|-0.5|0|0.25" scroll_fade_enable="on" scroll_fade="0|26|26|100|0|100|100" scroll_vertical_motion_tablet="0|50|50|100|-0.5|0|0.25" scroll_vertical_motion_phone="0|50|50|100|-0.5|0|0.25" scroll_vertical_motion_last_edited="on|phone" border_radii="on|2rem|2rem|2rem|2rem" global_colors_info="{}"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.16.0" _module_preset="default" custom_padding="0px|||||" global_colors_info="{}"][et_pb_row _builder_version="4.16.0" _module_preset="default" custom_margin="-16px|auto||auto||" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16.0" _module_preset="default" global_colors_info="{}"][et_pb_text _builder_version="4.16.0" text_font="DM Serif Display||||||||" text_text_color="#000000" text_font_size="18px" text_line_height="2em" link_font="||||||||" link_text_color="#3fd3ce" header_font="DM Serif Display||||||||" header_text_color="#FFFFFF" header_font_size="31px" header_2_font="DM Serif Text|600|||||||" header_2_text_color="#FFFFFF" header_2_font_size="80px" header_2_line_height="1.4em" header_3_font="Poppins|600|||||||" header_3_text_color="#FFFFFF" header_3_font_size="20px" header_3_line_height="1.6em" background_layout="dark" custom_margin="-17px|||||" custom_padding="0px||0px|4px||" scroll_horizontal_motion_enable="on" scroll_horizontal_motion="0|70|70|100|-1|0|0" motion_trigger_start="top" header_2_font_size_tablet="24px" header_2_font_size_phone="18px" header_2_font_size_last_edited="on|phone" header_3_font_size_tablet="" header_3_font_size_phone="16px" header_3_font_size_last_edited="on|phone" locked="off" global_colors_info="{}"]
Visuals
Color scheme can be described as vibrant, energetic, dark and luxurious. A rich contrast of shades of orange, yellows, turquoise and dark shades of blues can be seen throughout design. There is a constant suggestion of exploration and travel in the images and background overlays across different sections.
[/et_pb_text][et_pb_text _builder_version="4.16.0" text_font="DM Serif Display||||||||" text_text_color="#000000" text_font_size="18px" text_line_height="2em" link_font="||||||||" link_text_color="#3fd3ce" header_font="DM Serif Display||||||||" header_text_color="#FFFFFF" header_font_size="31px" header_2_font="DM Serif Text|600|||||||" header_2_text_color="#FFFFFF" header_2_font_size="80px" header_2_line_height="1.4em" header_3_font="Poppins|600|||||||" header_3_text_color="#FFFFFF" header_3_font_size="20px" header_3_line_height="1.6em" background_layout="dark" custom_margin="-17px|||||" custom_padding="0px|||||" scroll_horizontal_motion_enable="on" scroll_horizontal_motion="0|37|37|100|2|0|0" header_2_font_size_tablet="24px" header_2_font_size_phone="18px" header_2_font_size_last_edited="on|phone" header_3_font_size_tablet="" header_3_font_size_phone="16px" header_3_font_size_last_edited="on|phone" locked="off" global_colors_info="{}"]
Screens
There are 3 screens in the design which are further divided in sections. Screen 1 is the landing screen with information about the travel agency. Screen 2 is the flight information screen with a filter form and a data table that displays information about flights. Screen three is a contact form with a more elaborate form. There is a fixed newsletter subscription section in every page that display graphics related to travel.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" theme_builder_area="post_content" _builder_version="4.16.0" _module_preset="default" custom_padding="76px|||||" custom_margin="-106px|||||"][et_pb_row _builder_version="4.16.0" _module_preset="default" column_structure="1_3,1_3,1_3" theme_builder_area="post_content"][et_pb_column _builder_version="4.16.0" _module_preset="default" type="1_3" theme_builder_area="post_content"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-1-2.png" _builder_version="4.16.0" _module_preset="default" theme_builder_area="post_content" title_text="Web 1920 – 1" hover_enabled="0" sticky_enabled="0"][/et_pb_image][/et_pb_column][et_pb_column _builder_version="4.16.0" _module_preset="default" type="1_3" theme_builder_area="post_content"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-3.png" _builder_version="4.16.0" _module_preset="default" theme_builder_area="post_content" title_text="Web 1920 – 3" hover_enabled="0" sticky_enabled="0"][/et_pb_image][/et_pb_column][et_pb_column _builder_version="4.16.0" _module_preset="default" type="1_3" theme_builder_area="post_content"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-5.png" _builder_version="4.16.0" _module_preset="default" theme_builder_area="post_content" title_text="Web 1920 – 5" hover_enabled="0" sticky_enabled="0"][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.16.0" _module_preset="default" column_structure="1_3,1_3,1_3" theme_builder_area="post_content"][et_pb_column _builder_version="4.16.0" _module_preset="default" type="1_3" theme_builder_area="post_content"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-2-1.png" _builder_version="4.16.0" _module_preset="default" theme_builder_area="post_content" title_text="Web 1920 – 2" hover_enabled="0" sticky_enabled="0"][/et_pb_image][/et_pb_column][et_pb_column _builder_version="4.16.0" _module_preset="default" type="1_3" theme_builder_area="post_content"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-4-1.png" _builder_version="4.16.0" _module_preset="default" theme_builder_area="post_content" title_text="Web 1920 – 4" hover_enabled="0" sticky_enabled="0"][/et_pb_image][/et_pb_column][et_pb_column _builder_version="4.16.0" _module_preset="default" type="1_3" theme_builder_area="post_content"][et_pb_image src="https://www.maazgundagi.com/wp-content/uploads/2022/04/Web-1920-–-6.png" _builder_version="4.16.0" _module_preset="default" theme_builder_area="post_content" title_text="Web 1920 – 6" hover_enabled="0" sticky_enabled="0"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section]
No comments.