{"id":258,"date":"2021-11-29T15:27:42","date_gmt":"2021-11-29T15:27:42","guid":{"rendered":"https:\/\/www.kethorne.com\/?page_id=258"},"modified":"2022-10-04T20:28:49","modified_gmt":"2022-10-04T20:28:49","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/www.kethorne.com\/?page_id=258","title":{"rendered":"Portfolio"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#dbdbdb&#8221; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; animation_style=&#8221;fade&#8221; border_width_bottom=&#8221;1px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;My Work&#8221; text_orientation=&#8221;center&#8221; content_max_width=&#8221;640px&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Lato|900|||||||&#8221; title_font_size=&#8221;40px&#8221; title_line_height=&#8221;1.5em&#8221; content_font=&#8221;||||||||&#8221; content_font_size=&#8221;16px&#8221; content_line_height=&#8221;2em&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;14px&#8221; button_one_text_color=&#8221;#ffffff&#8221; button_one_bg_color=&#8221;#0054ff&#8221; button_one_border_width=&#8221;14px&#8221; button_one_border_color=&#8221;rgba(0,0,0,0)&#8221; button_one_border_radius=&#8221;0px&#8221; button_one_letter_spacing=&#8221;2px&#8221; button_one_font=&#8221;|600||on|||||&#8221; button_one_icon=&#8221;&#x39;||divi||400&#8243; button_one_on_hover=&#8221;off&#8221; custom_button_two=&#8221;on&#8221; button_two_text_size=&#8221;14px&#8221; button_two_text_color=&#8221;#0054ff&#8221; button_two_bg_color=&#8221;rgba(255,255,255,0)&#8221; button_two_border_width=&#8221;12px&#8221; button_two_border_color=&#8221;rgba(0,0,0,0)&#8221; button_two_border_radius=&#8221;0px&#8221; button_two_letter_spacing=&#8221;2px&#8221; button_two_font=&#8221;|600||on|||||&#8221; button_two_icon=&#8221;&#x39;||divi||400&#8243; button_two_on_hover=&#8221;off&#8221; background_layout=&#8221;light&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;6vw||6vw||true&#8221; animation_style=&#8221;zoom&#8221; animation_intensity_zoom=&#8221;-5%&#8221; title_font_size_tablet=&#8221;&#8221; title_font_size_phone=&#8221;25px&#8221; title_font_size_last_edited=&#8221;on|desktop&#8221; box_shadow_style_button_two=&#8221;preset1&#8243; box_shadow_vertical_button_two=&#8221;0px&#8221; box_shadow_blur_button_two=&#8221;0px&#8221; box_shadow_spread_button_two=&#8221;2px&#8221; box_shadow_color_button_two=&#8221;#0054ff&#8221; button_one_letter_spacing_hover=&#8221;2px&#8221; button_two_letter_spacing_hover=&#8221;2px&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;2px&#8221; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;2px&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;]\n<p>Click on the link to see the working project. Click on View Full Project to see the code on GitHub<\/p>\n[\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Projects&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;54px|0px|0|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;2_5,3_5&#8243; make_equal=&#8221;on&#8221; padding_top_bottom_link_1=&#8221;false&#8221; padding_top_bottom_link_2=&#8221;true&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;40px||80px||false&#8221; custom_padding=&#8221;0|0px|0|0px|true|false&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;1%&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;780px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_color=&#8221;#f5f6f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;80px||40px|&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;0px|||&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221; padding_phone=&#8221;0px|||&#8221;][et_pb_text _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|900|||||||&#8221; header_3_font_size=&#8221;35px&#8221; header_3_line_height=&#8221;1.5em&#8221; header_4_font=&#8221;Lato|700||on|||||&#8221; header_4_text_color=&#8221;rgba(12,12,12,0.27)&#8221; header_4_font_size=&#8221;13px&#8221; header_4_letter_spacing=&#8221;3px&#8221; header_4_line_height=&#8221;1.8em&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;25px&#8221; header_3_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;]\n<h4>Featured Project<\/h4>\n<h3>Movie Seat Booking App<\/h3>\n<h5>Summary<\/h5>\n<p>Book one or more seats for the selected movie.<\/p>\n<h5><\/h5>\n<h5>Objectives<\/h5>\n<ul>\n<li>Practice Javascript<\/li>\n<li>Practice with creating objects and arrays and then accessing the data from the objects and arrays<\/li>\n<\/ul>\n[\/et_pb_text][et_pb_blurb title=&#8221;Live Website&#8221; url=&#8221;#&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe00e;||divi||400&#8243; icon_color=&#8221;#ff454e&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;24px&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;14px&#8221; header_letter_spacing=&#8221;2px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;1.8em&#8221; icon_font_size=&#8221;24px&#8221; global_colors_info=&#8221;{}&#8221;]\n<p><a href=\"https:\/\/codesandbox.io\/s\/movie-seat-booking-e2201m\" target=\"_blank\" rel=\"noopener\" title=\"Movie Seat Booking App\">https:\/\/codesandbox.io\/s\/movie-seat-booking-e2201m<\/a><\/p>\n[\/et_pb_blurb][et_pb_button button_url=&#8221;https:\/\/github.com\/kethorne\/movie-seat-booking&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;View Full Project&#8221; button_alignment=&#8221;right&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#0054ff&#8221; button_bg_color=&#8221;#ffffff&#8221; button_border_width=&#8221;14px&#8221; button_border_color=&#8221;rgba(0,0,0,0)&#8221; button_border_radius=&#8221;0px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;|600||on|||||&#8221; button_icon=&#8221;&#x39;||divi||400&#8243; button_on_hover=&#8221;off&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_vertical=&#8221;0px&#8221; box_shadow_blur=&#8221;0px&#8221; box_shadow_spread=&#8221;2px&#8221; box_shadow_color=&#8221;#0054ff&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_color_gradient_stops=&#8221;rgba(245,246,249,0) 50%|#f5f6f9 50%&#8221; background_color_gradient_start=&#8221;rgba(245,246,249,0)&#8221; background_color_gradient_start_position=&#8221;50%&#8221; background_color_gradient_end=&#8221;#f5f6f9&#8243; background_color_gradient_end_position=&#8221;0%&#8221; custom_padding=&#8221;60px||60px|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/06\/D45A0F9D-696D-42AD-A196-258A33FFA329.png&#8221; title_text=&#8221;D45A0F9D-696D-42AD-A196-258A33FFA329&#8243; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|-20%||&#8221; custom_margin_tablet=&#8221;|-10%||&#8221; custom_margin_phone=&#8221;|||&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;5%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; make_equal=&#8221;on&#8221; padding_top_bottom_link_1=&#8221;true&#8221; padding_top_bottom_link_2=&#8221;false&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;40px|auto|11px|auto|false|&#8221; custom_padding=&#8221;0|0px|0|0px|true|false&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_intensity_slide=&#8221;1%&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;-780px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_color=&#8221;#f5f6f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_color_gradient_stops=&#8221;#f5f6f9 50%|rgba(245,246,249,0) 50%&#8221; background_color_gradient_start=&#8221;#f5f6f9&#8243; background_color_gradient_start_position=&#8221;50%&#8221; background_color_gradient_end=&#8221;rgba(245,246,249,0)&#8221; background_color_gradient_end_position=&#8221;0%&#8221; custom_padding=&#8221;60px||60px|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-05-at-15.13.25-scaled.jpeg&#8221; title_text=&#8221;Screen Shot 2022-07-05 at 15.13.25&#8243; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|||-20%&#8221; custom_margin_tablet=&#8221;|||-10%&#8221; custom_margin_phone=&#8221;|||&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;80px||40px|&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;0px|||&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221; padding_phone=&#8221;0px|||&#8221;][et_pb_text _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|900|||||||&#8221; header_3_font_size=&#8221;35px&#8221; header_3_line_height=&#8221;1.5em&#8221; header_4_font=&#8221;Lato|700||on|||||&#8221; header_4_text_color=&#8221;rgba(12,12,12,0.27)&#8221; header_4_font_size=&#8221;13px&#8221; header_4_letter_spacing=&#8221;3px&#8221; header_4_line_height=&#8221;1.8em&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;25px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<h4>Featured Project<\/h4>\n<h3>Website Landing Page<\/h3>\n<h5>Summary<\/h5>\n<p>A basic landing page for a website<\/p>\n<h5><\/h5>\n<h5>Objectives<\/h5>\n<ul>\n<li>Practice HTML &amp; CSS<\/li>\n<li>Practice implementing Bootstrap into a static page<\/li>\n<li>Practice taking a mockup and delivering the end result requested<\/li>\n<\/ul>\n[\/et_pb_text][et_pb_blurb title=&#8221;Live Website&#8221; url=&#8221;#&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe00e;||divi||400&#8243; icon_color=&#8221;#ff454e&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;24px&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;14px&#8221; header_letter_spacing=&#8221;2px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;1.8em&#8221; icon_font_size=&#8221;24px&#8221; global_colors_info=&#8221;{}&#8221;]\n<p><a href=\"https:\/\/codesandbox.io\/s\/movie-seat-booking-e2201m\" target=\"_blank\" rel=\"noopener\" title=\"Movie Seat Booking App\">https:\/\/codesandbox.io\/s\/website-landing-page-v341po<\/a><\/p>\n[\/et_pb_blurb][et_pb_button button_url=&#8221;https:\/\/github.com\/kethorne\/landing-page&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;View Full Project&#8221; button_alignment=&#8221;right&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#0054ff&#8221; button_bg_color=&#8221;#ffffff&#8221; button_border_width=&#8221;14px&#8221; button_border_color=&#8221;rgba(0,0,0,0)&#8221; button_border_radius=&#8221;0px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;|600||on|||||&#8221; button_icon=&#8221;&#x39;||divi||400&#8243; button_on_hover=&#8221;off&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;|||&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_vertical=&#8221;0px&#8221; box_shadow_blur=&#8221;0px&#8221; box_shadow_spread=&#8221;2px&#8221; box_shadow_color=&#8221;#0054ff&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#dbdbdb&#8221; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; animation_style=&#8221;fade&#8221; border_width_bottom=&#8221;1px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Additional Projects&#8221; text_orientation=&#8221;center&#8221; content_max_width=&#8221;640px&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Lato|900|||||||&#8221; title_font_size=&#8221;40px&#8221; title_line_height=&#8221;1.5em&#8221; content_font=&#8221;||||||||&#8221; content_font_size=&#8221;16px&#8221; content_line_height=&#8221;2em&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;14px&#8221; button_one_text_color=&#8221;#ffffff&#8221; button_one_bg_color=&#8221;#0054ff&#8221; button_one_border_width=&#8221;14px&#8221; button_one_border_color=&#8221;rgba(0,0,0,0)&#8221; button_one_border_radius=&#8221;0px&#8221; button_one_letter_spacing=&#8221;2px&#8221; button_one_font=&#8221;|600||on|||||&#8221; button_one_icon=&#8221;&#x39;||divi||400&#8243; button_one_on_hover=&#8221;off&#8221; custom_button_two=&#8221;on&#8221; button_two_text_size=&#8221;14px&#8221; button_two_text_color=&#8221;#0054ff&#8221; button_two_bg_color=&#8221;rgba(255,255,255,0)&#8221; button_two_border_width=&#8221;12px&#8221; button_two_border_color=&#8221;rgba(0,0,0,0)&#8221; button_two_border_radius=&#8221;0px&#8221; button_two_letter_spacing=&#8221;2px&#8221; button_two_font=&#8221;|600||on|||||&#8221; button_two_icon=&#8221;&#x39;||divi||400&#8243; button_two_on_hover=&#8221;off&#8221; background_layout=&#8221;light&#8221; max_height=&#8221;1000px&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;0vw||0vw||true|false&#8221; animation_style=&#8221;zoom&#8221; animation_intensity_zoom=&#8221;-5%&#8221; title_font_size_tablet=&#8221;&#8221; title_font_size_phone=&#8221;25px&#8221; title_font_size_last_edited=&#8221;on|desktop&#8221; box_shadow_style_button_two=&#8221;preset1&#8243; box_shadow_vertical_button_two=&#8221;0px&#8221; box_shadow_blur_button_two=&#8221;0px&#8221; box_shadow_spread_button_two=&#8221;2px&#8221; box_shadow_color_button_two=&#8221;#0054ff&#8221; button_one_letter_spacing_hover=&#8221;2px&#8221; button_two_letter_spacing_hover=&#8221;2px&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;2px&#8221; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;2px&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;]\n<p>Click on any card to see the project live or click on the title to see the GitHub repository<\/p>\n[\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Projects&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;54px|0px|100px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/07\/257DA7B5-60BA-43F6-9803-F6BB7A2244D8_1_201_a-scaled.jpeg&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; link_option_url=&#8221;https:\/\/codesandbox.io\/s\/lyrics-search-jge631&#8243; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<p><a href=\"https:\/\/github.com\/kethorne\/lyric-search\" target=\"_blank\" rel=\"noopener\">Lyrics Search<\/a><\/p>\n[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/07\/382C61A2-7EFA-4B87-A9EB-622CB3921B3E_1_201_a-scaled.jpeg&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; link_option_url=&#8221;https:\/\/codesandbox.io\/s\/meal-finder-93901o&#8221; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; url_new_window=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;]\n<p><a href=\"https:\/\/github.com\/kethorne\/meal-finder\" target=\"_blank\" rel=\"noopener\">Meal Finder<\/a><\/p>\n[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/07\/55BFF210-C102-4819-9A48-B3C538B0B6E2_1_201_a-scaled.jpeg&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; link_option_url=&#8221;https:\/\/codesandbox.io\/s\/exchange-rate-calculator-j2vhvh&#8221; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; url_new_window=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;]\n<p><a href=\"https:\/\/github.com\/kethorne\/exchange-rate-calculator\" target=\"_blank\" rel=\"noopener\">Exchange Rate Calculator<\/a><\/p>\n[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/07\/DA821F92-0013-4EC9-A8D9-37F86809494F_1_201_a-scaled.jpeg&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; link_option_url=&#8221;https:\/\/codesandbox.io\/s\/determined-marco-bp3m32?file=\/index.html&#8221; link_option_url_new_window=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;]\n<p><a href=\"https:\/\/github.com\/kethorne\/cic-my-netflix\" target=\"_blank\" rel=\"noopener\">Netflix Clone<\/a><\/p>\n[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/07\/AE9661B1-630E-4CDF-B7B1-8A77B42E3A1D_1_201_a-scaled.jpeg&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; link_option_url=&#8221;https:\/\/codesandbox.io\/s\/infinite-blog-scroll-lm1bre&#8221; link_option_url_new_window=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; title_text=&#8221;AE9661B1-630E-4CDF-B7B1-8A77B42E3A1D_1_201_a&#8221; url_new_window=&#8221;on&#8221;]\n<p><a href=\"https:\/\/github.com\/kethorne\/infinite-scroll\" target=\"_blank\" rel=\"noopener\">Infinite Scroll Blog<\/a><\/p>\n[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb url=&#8221;#&#8221; image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-04-at-16.17.44-1.png&#8221; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;12px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Screen Shot 2022-10-04 at 16.17.44&#8243; sticky_enabled=&#8221;0&#8243;]\n<p><a href=\"https:\/\/github.com\/kethorne\/chat-app\" target=\"_blank\" rel=\"noopener\">Chat App<\/a><\/p>\n[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Footer&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0054ff&#8221; background_image=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/06\/web-dev-06.png&#8221; parallax=&#8221;on&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; disabled_on=&#8221;on|on|on&#8221; disabled=&#8221;on&#8221;][et_pb_fullwidth_header title=&#8221;Ready to Start a Project?&#8221; subhead=&#8221;I&#8217;m Available for Hire or Freelance&#8221; text_orientation=&#8221;center&#8221; button_one_text=&#8221;Get In Touch&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; title_level=&#8221;h2&#8243; title_font=&#8221;Lato|900|||||||&#8221; title_font_size=&#8221;50px&#8221; title_line_height=&#8221;1.5em&#8221; content_font=&#8221;||||||||&#8221; content_font_size=&#8221;16px&#8221; content_line_height=&#8221;2em&#8221; subhead_font=&#8221;|700||on|||||&#8221; subhead_text_color=&#8221;rgba(255,255,255,0.5)&#8221; subhead_font_size=&#8221;14px&#8221; subhead_letter_spacing=&#8221;2px&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;14px&#8221; button_one_text_color=&#8221;#ffffff&#8221; button_one_bg_color=&#8221;rgba(0,84,255,0)&#8221; button_one_border_width=&#8221;14px&#8221; button_one_border_color=&#8221;rgba(0,0,0,0)&#8221; button_one_border_radius=&#8221;0px&#8221; button_one_letter_spacing=&#8221;2px&#8221; button_one_font=&#8221;|600||on|||||&#8221; button_one_icon=&#8221;&#x39;||divi||400&#8243; button_one_on_hover=&#8221;off&#8221; custom_button_two=&#8221;on&#8221; button_two_text_size=&#8221;14px&#8221; button_two_text_color=&#8221;#ffffff&#8221; button_two_bg_color=&#8221;rgba(255,255,255,0)&#8221; button_two_border_width=&#8221;12px&#8221; button_two_border_color=&#8221;rgba(0,0,0,0)&#8221; button_two_border_radius=&#8221;0px&#8221; button_two_letter_spacing=&#8221;2px&#8221; button_two_font=&#8221;|600||on|||||&#8221; button_two_icon=&#8221;&#x39;||divi||400&#8243; button_two_on_hover=&#8221;off&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;6vw|||&#8221; animation_style=&#8221;zoom&#8221; animation_intensity_zoom=&#8221;-5%&#8221; title_font_size_tablet=&#8221;40px&#8221; title_font_size_phone=&#8221;25px&#8221; title_font_size_last_edited=&#8221;on|tablet&#8221; box_shadow_style_button_one=&#8221;preset1&#8243; box_shadow_vertical_button_one=&#8221;0px&#8221; box_shadow_blur_button_one=&#8221;0px&#8221; box_shadow_spread_button_one=&#8221;2px&#8221; box_shadow_color_button_one=&#8221;#ffffff&#8221; box_shadow_style_button_two=&#8221;preset1&#8243; box_shadow_vertical_button_two=&#8221;0px&#8221; box_shadow_blur_button_two=&#8221;0px&#8221; box_shadow_spread_button_two=&#8221;2px&#8221; box_shadow_color_button_two=&#8221;#0054ff&#8221; button_one_letter_spacing_hover=&#8221;2px&#8221; button_two_letter_spacing_hover=&#8221;2px&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;2px&#8221; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;2px&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;]\n<p>&nbsp;<\/p>\n[\/et_pb_fullwidth_header][et_pb_fullwidth_image src=&#8221;https:\/\/www.kethorne.com\/wp-content\/uploads\/2022\/06\/web-dev-23.png&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-10%|||&#8221; animation_style=&#8221;zoom&#8221; animation_direction=&#8221;bottom&#8221; animation_duration=&#8221;1400ms&#8221; animation_intensity_zoom=&#8221;5%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_image][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Social&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0054ff&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_social_media_follow _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_social_media_follow_network social_network=&#8221;facebook&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;6px|6px|6px|6px|true|true&#8221; custom_padding=&#8221;12px|12px|12px|12px|true|true&#8221; border_radii=&#8221;on|100px|100px|100px|100px&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;rgba(255,255,255,0.12)&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;twitter&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;6px|6px|6px|6px|true|true&#8221; custom_padding=&#8221;12px|12px|12px|12px|true|true&#8221; border_radii=&#8221;on|100px|100px|100px|100px&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;rgba(255,255,255,0.12)&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]twitter[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;instagram&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;6px|6px|6px|6px|true|true&#8221; custom_padding=&#8221;12px|12px|12px|12px|true|true&#8221; border_radii=&#8221;on|100px|100px|100px|100px&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;rgba(255,255,255,0.12)&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]instagram[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;dribbble&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;6px|6px|6px|6px|true|true&#8221; custom_padding=&#8221;12px|12px|12px|12px|true|true&#8221; border_radii=&#8221;on|100px|100px|100px|100px&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;rgba(255,255,255,0.12)&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]dribbble[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Click on the link to see the working project. Click on View Full Project to see the code on GitHubFeatured Project Movie Seat Booking App Summary Book one or more seats for the selected movie. Objectives Practice Javascript Practice with creating objects and arrays and then accessing the data from the objects and arrays https:\/\/codesandbox.io\/s\/movie-seat-booking-e2201mFeatured [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PaU3RN-4a","_links":{"self":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=258"}],"version-history":[{"count":33,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":223027,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions\/223027"}],"wp:attachment":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}