[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.9.4″ _module_preset=”default”][et_pb_fullwidth_header title=”CHRIS BROOKS” _builder_version=”4.9.6″ _module_preset=”default” title_font=”Poppins|700|||||||” title_text_align=”center” title_font_size=”60px” title_letter_spacing=”1px” content_font=”Poppins||||||||” content_text_align=”center” content_font_size=”28px” background_color=”#999999″ background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/brandon-jean-o1Bxf1tX9t0-unsplash-scaled.jpg” background_position=”top_center” background_blend=”multiply” min_height=”650px” custom_margin=”-2px|||||” content_font_size_tablet=”” content_font_size_phone=”22px” content_font_size_last_edited=”on|phone”]

Nashville Based Front End Web Developer

[/et_pb_fullwidth_header][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.4″ _module_preset=”default” custom_padding=”4px||3px|||”][et_pb_row _builder_version=”4.9.6″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.9.6″ _module_preset=”default”][et_pb_text _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_text_align=”center” header_text_color=”#1b8ea3″ header_font_size=”50px”]

Projects

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.4″ _module_preset=”default” min_height=”415px” custom_padding=”3px||3px|||”][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”|auto|-1px|auto||”][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Film Score Seminar” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.63)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/09/new-filmscore-screenshot.jpg” background_blend=”overlay” min_height=”315px” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A WORDPRESS site that integrates WOOCOMMERCE and LEARNDASH LMS

[/et_pb_cta][et_pb_button button_url=”https://filmscoreseminar.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Chris Ayden Music Site” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/09/final-chris-ayden-screenshot.jpg” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A WORDPRESS musician site

[/et_pb_cta][et_pb_button button_url=”https://chrisayden.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Code South Creative” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.53)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/09/code-south-screenshot.jpg” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A WORDPRESS web design company site

[/et_pb_cta][et_pb_button button_url=”https://codesouthcreative.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”|auto|-1px|auto||”][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”ILLUMINATION ROAD SITE” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.63)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/09/final-illumination-screenshot.jpg” background_blend=”overlay” min_height=”315px” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A rock band website made with HTML, CSS, and JAVASCRIPT

[/et_pb_cta][et_pb_button button_url=”https://www.illumination-road.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Zenith Studios” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/zenith-studios.png” background_blend=”overlay” min_height=”315px” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A ficticious music studio website. Built with REACT

[/et_pb_cta][et_pb_button button_url=”https://main.d16tp9n3pzv6as.amplifyapp.com/home” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][et_pb_button button_url=”https://github.com/chrisbrooksla/React_Zenith_Studios_New” url_new_window=”on” button_text=”Code” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_padding=”0px|46px|0px|46px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Vacation Tours Menu” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/vacation-tours.jpg” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

Display a variety of vacation tours using an external API. Built with REACT

[/et_pb_cta][et_pb_button button_url=”https://main.d3fjjhc1lverp0.amplifyapp.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][et_pb_button button_url=”https://github.com/chrisbrooksla/React_Vacation_Tour_Menu” url_new_window=”on” button_text=”Code” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_padding=”0px|46px|0px|46px|false|true”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.4″ _module_preset=”default” min_height=”415px” custom_padding=”4px||3px|||”][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”|auto|-1px|auto||”][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Whack-A-Jagger” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/whack-a-jagger.jpg” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A Whack-A-Mole game, except with Mick Jagger. Built with REACT

[/et_pb_cta][et_pb_button button_url=”https://main.d1rbdnq8fdan8t.amplifyapp.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][et_pb_button button_url=”https://github.com/chrisbrooksla/Vanilla_JavaScript_Whack_A_Jagger” url_new_window=”on” button_text=”Code” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_padding=”0px|46px|0px|46px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Dynamic Grocery List” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/grocery-bud.jpg” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

Add and remove items to the grocery list. Built with REACT

[/et_pb_cta][et_pb_button button_url=”https://main.d3q2g2ejogf4o6.amplifyapp.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][et_pb_button button_url=”https://github.com/chrisbrooksla/React_Grocery_List” url_new_window=”on” button_text=”Code” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_padding=”0px|46px|0px|46px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”Filterable Menu” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/filterable-menu.png” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

A restaurant menu, filterable by category. Built with JAVASCRIPT

[/et_pb_cta][et_pb_button button_url=”https://main.d2irz13rmtej4g.amplifyapp.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][et_pb_button button_url=”https://github.com/chrisbrooksla/Vanilla_JavaScript_Filterable_Menu” url_new_window=”on” button_text=”Code” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_padding=”0px|46px|0px|46px|false|true” locked=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”|auto|-1px|auto||”][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_cta title=”COVID Tracker” button_text=”Click Here” _builder_version=”4.9.6″ _module_preset=”default” header_font=”Poppins|700||on|||||” header_font_size=”27px” body_font=”Poppins|700|||||||” body_font_size=”19px” background_color=”rgba(0,0,0,0.4)” background_image=”https://chrisbrooksdev.com/wp-content/uploads/2021/06/covid-tracker.jpg” background_blend=”overlay” min_height=”315px” custom_margin_tablet=”30px||||false|false” custom_margin_phone=”” custom_margin_last_edited=”on|phone” border_radii=”on|5px|5px|5px|5px” border_width_all=”3px” border_color_all=”#000000″]

Track COVID stats using an external API. Built with REACT

[/et_pb_cta][et_pb_button button_url=”https://main.deo4yvo5quz7x.amplifyapp.com/” url_new_window=”on” button_text=”Live ” button_alignment=”center” _builder_version=”4.9.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_margin=”||7px||false|false” custom_padding=”0px|53px|0px|53px|false|true”][/et_pb_button][et_pb_button button_url=”https://github.com/chrisbrooksla/React_Covid_Tracker” url_new_window=”on” button_text=”Code” button_alignment=”center” _builder_version=”4.9.6″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#1b8ea3″ button_border_radius=”5px” button_font=”Poppins|700||on|||||” custom_padding=”0px|46px|0px|46px|false|true”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.4″ _module_preset=”default”][/et_pb_column][/et_pb_row][/et_pb_section]