{"id":275,"date":"2024-10-12T15:03:04","date_gmt":"2024-10-12T13:03:04","guid":{"rendered":"https:\/\/tredoux.online\/charl\/?page_id=275"},"modified":"2025-03-03T21:44:48","modified_gmt":"2025-03-03T19:44:48","slug":"homepage","status":"publish","type":"page","link":"https:\/\/tredoux.online\/charl\/","title":{"rendered":"Homepage"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; admin_label=&#8221;Header Section&#8221; module_id=&#8221;next-section&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#1c002b&#8221; overflow-x=&#8221;hidden&#8221; overflow-y=&#8221;hidden&#8221; custom_padding=&#8221;7rem||7rem||true|false&#8221; custom_padding_tablet=&#8221;5rem||5rem||true|false&#8221; custom_padding_phone=&#8221;5rem||5rem||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Scroll Text&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;absolute&#8221; position_origin_a=&#8221;bottom_center&#8221; vertical_offset=&#8221;3rem&#8221; z_index=&#8221;1&#8243; position_origin_a_tablet=&#8221;bottom_center&#8221; position_origin_a_phone=&#8221;bottom_center&#8221; position_origin_a_last_edited=&#8221;on|phone&#8221; position_origin_f_tablet=&#8221;&#8221; position_origin_f_phone=&#8221;&#8221; position_origin_f_last_edited=&#8221;on|phone&#8221; position_origin_r_tablet=&#8221;&#8221; position_origin_r_phone=&#8221;&#8221; position_origin_r_last_edited=&#8221;on|phone&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; overflow-x=&#8221;visible&#8221; overflow-y=&#8221;visible&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; positioning_tablet=&#8221;absolute&#8221; positioning_phone=&#8221;absolute&#8221; positioning_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; admin_label=&#8221;Column&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;rgba(255,255,255,0.16)&#8221; header_2_font_size=&#8221;6rem&#8221; transform_scale=&#8221;200%|200%&#8221; scroll_vertical_motion=&#8221;0|50|50|100|-0.5|0|0&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|4|2|0&#8243; motion_trigger_start=&#8221;top&#8221; header_2_font_size_tablet=&#8221;6rem&#8221; header_2_font_size_phone=&#8221;4rem&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; scroll_horizontal_motion_tablet=&#8221;0|50|50|100|4|2|0&#8243; scroll_horizontal_motion_phone=&#8221;0|50|50|100|3.5|1.5|-0.5&#8243; scroll_horizontal_motion_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Hi, I&#8217;m Charl<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/10\/Hello.png&#8221; title_text=&#8221;Hello&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; width=&#8221;75%&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;align-self:center;&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text content_tablet=&#8221;<\/p>\n<h1>Hi, my name is Charl,<br \/>and I am a web developer.<\/h1>\n<p>&#8221; content_phone=&#8221;<\/p>\n<h1>Hi, my name is Charl, and I am a web developer.<\/h1>\n<p>&#8221; content_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;ABeeZee||||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_tablet=&#8221;ABeeZee||||||||&#8221; header_font_phone=&#8221;ABeeZee||||||||&#8221; header_font_last_edited=&#8221;on|phone&#8221; header_text_align_tablet=&#8221;&#8221; header_text_align_phone=&#8221;center&#8221; header_text_align_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Hi, my name is Charl,<br \/>and I am a web developer.<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;About Me Section&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-6efae8a6-3175-4176-8d5d-f88a9725442d&#8221; overflow-x=&#8221;hidden&#8221; overflow-y=&#8221;hidden&#8221; custom_margin=&#8221;||||true|false&#8221; custom_padding=&#8221;6rem||6rem||true|false&#8221; custom_padding_tablet=&#8221;3rem||0rem||false|false&#8221; custom_padding_phone=&#8221;3rem||0rem||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-6efae8a6-3175-4176-8d5d-f88a9725442d%22:%91%22background_color%22%93}&#8221;][et_pb_row admin_label=&#8221;A little About Me Heading&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;ABeeZee||||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_2_font=&#8221;ABeeZee|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;gcid-3545159b-f667-47a7-ac9c-4f29493e90c5&#8243; header_2_font_size=&#8221;3rem&#8221; scroll_fade_enable=&#8221;on&#8221; scroll_fade=&#8221;0|10|90|100|50%|100|0%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; sticky_enabled=&#8221;0&#8243; header_2_font_size_phone=&#8221;2rem&#8221; header_2_font_size_tablet=&#8221;3rem&#8221;]<\/p>\n<h2>A Little About Me<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; disabled_on=&#8221;on|on|off&#8221; admin_label=&#8221;Desktop scroll images and text&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;2rem||2rem||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb disabled_on=&#8221;on|on|off&#8221; module_id=&#8221;site1&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/08\/Meridian-scaled-e1729711451590.jpg&#8221; background_position=&#8221;top_center&#8221; positioning=&#8221;absolute&#8221; vertical_offset=&#8221;0px&#8221; horizontal_offset=&#8221;65px&#8221; width=&#8221;75%&#8221; height=&#8221;400px&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|35|65|100|0.5|-0.6|0&#8243; border_radii=&#8221;on|10%|10%|10%|10%&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover=&#8221;102%|102%&#8221; filter_brightness__hover_enabled=&#8221;on|hover&#8221; filter_brightness__hover=&#8221;125%&#8221;][\/et_pb_blurb][et_pb_blurb disabled_on=&#8221;on|on|off&#8221; module_id=&#8221;site2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/08\/Richard-Minnitt.png&#8221; background_position=&#8221;top_center&#8221; transform_scale=&#8221;102%|102%&#8221; positioning=&#8221;absolute&#8221; vertical_offset=&#8221;20px&#8221; horizontal_offset=&#8221;65px&#8221; width=&#8221;75%&#8221; height=&#8221;400px&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|35|65|100|0.5|-0.3|0&#8243; border_radii=&#8221;on|10%|10%|10%|10%&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover=&#8221;104%|104%&#8221; filter_brightness__hover_enabled=&#8221;on|hover&#8221; filter_brightness__hover=&#8221;125%&#8221;][\/et_pb_blurb][et_pb_blurb disabled_on=&#8221;on|on|off&#8221; module_id=&#8221;site3&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/08\/CRC.png&#8221; background_position=&#8221;top_center&#8221; transform_scale=&#8221;104%|104%&#8221; positioning=&#8221;absolute&#8221; vertical_offset=&#8221;40px&#8221; horizontal_offset=&#8221;65px&#8221; width=&#8221;75%&#8221; height=&#8221;400px&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|35|65|100|0.5|0|0&#8243; border_radii=&#8221;on|10%|10%|10%|10%&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|hover&#8221; transform_scale__hover_enabled=&#8221;off|hover&#8221; transform_translate__hover_enabled=&#8221;off|hover&#8221; transform_rotate__hover_enabled=&#8221;off|hover&#8221; transform_skew__hover_enabled=&#8221;off|hover&#8221; transform_origin__hover_enabled=&#8221;off|hover&#8221; transform_scale__hover=&#8221;106%|106%&#8221; filter_brightness__hover_enabled=&#8221;on|hover&#8221; filter_brightness__hover=&#8221;125%&#8221;][\/et_pb_blurb][et_pb_blurb disabled_on=&#8221;on|on|off&#8221; module_id=&#8221;site4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/08\/TerraTill.png&#8221; background_position=&#8221;top_center&#8221; transform_scale=&#8221;106%|106%&#8221; positioning=&#8221;absolute&#8221; vertical_offset=&#8221;70px&#8221; horizontal_offset=&#8221;65px&#8221; width=&#8221;75%&#8221; height=&#8221;400px&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|35|65|100|0.5|0.3|0&#8243; border_radii=&#8221;on|10%|10%|10%|10%&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover=&#8221;108%|108%&#8221; filter_brightness__hover_enabled=&#8221;on|hover&#8221; filter_brightness__hover=&#8221;125%&#8221;][\/et_pb_blurb][et_pb_code raw_content_tablet=&#8221;&#8221; raw_content_phone=&#8221;<\/p>\n<style>\n<\/style>\n<p>&#8221; raw_content_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->  \/\/ Wait for the DOM to load<!-- [et_pb_line_break_holder] -->  document.addEventListener(\"DOMContentLoaded\", function () {<!-- [et_pb_line_break_holder] -->    \/\/ Function to handle the horizontal cursor movement<!-- [et_pb_line_break_holder] -->    function moveSection(event, elementId, direction = 1, intensity = 20) {<!-- [et_pb_line_break_holder] -->      const section = document.getElementById(elementId);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (section) {<!-- [et_pb_line_break_holder] -->        const xOffset = ((window.innerWidth \/ 2 - event.clientX) \/ window.innerWidth) * intensity * direction;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Apply CSS transform for horizontal movement only<!-- [et_pb_line_break_holder] -->        section.style.transform = `translateX(${xOffset}px)`;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Attach mousemove event listener to the document<!-- [et_pb_line_break_holder] -->    document.addEventListener(\"mousemove\", function (event) {<!-- [et_pb_line_break_holder] -->      \/\/ Horizontal movement for sections<!-- [et_pb_line_break_holder] -->      moveSection(event, \"site1\", -1, 100); \/\/ Moves left when the mouse moves left<!-- [et_pb_line_break_holder] -->      moveSection(event, \"site2\", 1, 80);  \/\/ Moves right when the mouse moves left<!-- [et_pb_line_break_holder] -->      moveSection(event, \"site3\", -1, 60); \/\/ Moves left when the mouse moves left<!-- [et_pb_line_break_holder] -->      moveSection(event, \"site4\", 1, 40);  \/\/ Moves right when the mouse moves left<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  \/* Optional: Add smooth transition for better effect *\/<!-- [et_pb_line_break_holder] -->  #site1,<!-- [et_pb_line_break_holder] -->  #site2,<!-- [et_pb_line_break_holder] -->  #site3,<!-- [et_pb_line_break_holder] -->  #site4 {<!-- [et_pb_line_break_holder] -->    transition: transform 0.2s ease;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;2rem||2rem||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Jost|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|50|50|100|0.1|0|0&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0.1|0|0&#8243; scroll_scaling_enable=&#8221;on&#8221; scroll_scaling=&#8221;0|50|50|100|95%|100|100&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>With over 5 years of experience as a WordPress developer, I specialize in crafting responsive, user-focused websites that bring brands to life online. Skilled in Divi, Elementor, and WooCommerce, I design and develop custom solutions for a range of clients, from small businesses to complex e-commerce platforms. Whether collaborating with teams or working independently, I\u2019m dedicated to delivering high-quality websites that balance creativity with functionality.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|off|on&#8221; admin_label=&#8221;Mobile Website Scroll&#8221; module_class=&#8221;four-columns&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||1rem||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; custom_css_main_element=&#8221;display:flex !important;||&#8221; custom_css_free_form=&#8221;@media only screen and (max-width: 980px) {||.four-columns .et_pb_column {||width: 25%!important;||}||}&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Meridian.jpg&#8221; title_text=&#8221;Meridian&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;relative&#8221; position_origin_a=&#8221;center_center&#8221; vertical_offset=&#8221;0px&#8221; horizontal_offset=&#8221;100%&#8221; z_index=&#8221;10&#8243; width_tablet=&#8221;&#8221; width_phone=&#8221;200%&#8221; width_last_edited=&#8221;on|phone&#8221; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0|0|-1&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Richard-Minnitt.png&#8221; title_text=&#8221;Richard Minnitt&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;relative&#8221; horizontal_offset=&#8221;0%&#8221; z_index=&#8221;8&#8243; width_tablet=&#8221;&#8221; width_phone=&#8221;200%&#8221; width_last_edited=&#8221;on|phone&#8221; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0|0|-0.3&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/TerraTill.png&#8221; title_text=&#8221;TerraTill&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;relative&#8221; horizontal_offset=&#8221;-100%&#8221; z_index=&#8221;6&#8243; width_tablet=&#8221;&#8221; width_phone=&#8221;200%&#8221; width_last_edited=&#8221;on|phone&#8221; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0|0|0.3&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/CRC.png&#8221; title_text=&#8221;CRC&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;relative&#8221; horizontal_offset=&#8221;-200%&#8221; z_index=&#8221;4&#8243; width_tablet=&#8221;&#8221; width_phone=&#8221;200%&#8221; width_last_edited=&#8221;on|phone&#8221; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0|0|1&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;4_4,&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|off|on&#8221; admin_label=&#8221;Mobile About Blurb&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_margin_tablet=&#8221;0px||||false|false&#8221; custom_margin_phone=&#8221;0px||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;0px||||false|false&#8221; custom_padding_tablet=&#8221;0px||||false|false&#8221; custom_padding_phone=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Jost|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|50|50|100|0.1|0|0&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0.1|0|0&#8243; scroll_scaling_enable=&#8221;on&#8221; scroll_scaling=&#8221;0|50|50|100|95%|100|100&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>With over 5 years of experience as a WordPress developer, I specialize in crafting responsive, user-focused websites that bring brands to life online. Skilled in Divi, Elementor, and WooCommerce, I design and develop custom solutions for a range of clients, from small businesses to complex e-commerce platforms. Whether collaborating with teams or working independently, I\u2019m dedicated to delivering high-quality websites that balance creativity with functionality.<\/p>\n<p>[\/et_pb_text][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Loop Text&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-3545159b-f667-47a7-ac9c-4f29493e90c5&#8243; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;2.2rem||2rem||false|false&#8221; custom_padding_tablet=&#8221;1.2rem||1rem||false|false&#8221; custom_padding_phone=&#8221;1.2rem||1rem||false|false&#8221; global_colors_info=&#8221;{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22background_color%22%93}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->  \/* Container to hold the scrolling text *\/<!-- [et_pb_line_break_holder] -->  .scrolling-text-container {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    overflow: hidden; \/* Hide the text that overflows the container *\/<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* The actual text to scroll *\/<!-- [et_pb_line_break_holder] -->  .scrolling-text {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    white-space: nowrap; \/* Prevent text from wrapping *\/<!-- [et_pb_line_break_holder] -->    animation: scroll-text 20s linear infinite; \/* Continuous scrolling *\/<!-- [et_pb_line_break_holder] -->    font-size: 2rem; \/* Adjust font size as needed *\/<!-- [et_pb_line_break_holder] -->    color: rgba(255, 255, 255, 0.6); \/* Adjust text color *\/<!-- [et_pb_line_break_holder] -->    font-weight: 900;<!-- [et_pb_line_break_holder] -->    padding-right: 1rem; \/* Optional padding for spacing *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Wrap the text with a duplicate for a seamless scroll *\/<!-- [et_pb_line_break_holder] -->  .scrolling-text-wrapper {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    padding-bottom:0.5rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Animation to move the text from right to left in a continuous loop *\/<!-- [et_pb_line_break_holder] -->  @keyframes scroll-text {<!-- [et_pb_line_break_holder] -->    0% {<!-- [et_pb_line_break_holder] -->      transform: translateX(0%);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    100% {<!-- [et_pb_line_break_holder] -->      transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- HTML structure for scrolling text --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"scrolling-text-container\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"scrolling-text-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"scrolling-text\"><!-- [et_pb_line_break_holder] -->      WordPress Expertise \u25cf Divi \u25cf Elementor \u25cf HTML \u25cf CSS \u25cf JavaScript \u25cf PHP \u25cf WooCommerce \u25cf Responsive Web Design \u25cf JotForm \u25cf Custom Form Creation \u25cf Custom Coding \u25cf WordPress Integrations \u25cf<!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"scrolling-text\"><!-- [et_pb_line_break_holder] -->      WordPress Expertise \u25cf Divi \u25cf Elementor \u25cf HTML \u25cf CSS \u25cf JavaScript \u25cf PHP \u25cf WooCommerce \u25cf Responsive Web Design \u25cf JotForm \u25cf Custom Form Creation \u25cf Custom Coding \u25cf WordPress Integrations \u25cf<!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Previous Projects&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-0961a93e-0885-45b2-a7c7-11373ffe6047&#8243; custom_padding=&#8221;5rem||5rem||true|false&#8221; custom_padding_tablet=&#8221;5rem||5rem||true|false&#8221; custom_padding_phone=&#8221;5rem||5rem||true|false&#8221; overflow-x_tablet=&#8221;&#8221; overflow-x_phone=&#8221;hidden&#8221; overflow-x_last_edited=&#8221;on|phone&#8221; overflow-y_tablet=&#8221;&#8221; overflow-y_phone=&#8221;hidden&#8221; overflow-y_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22background_color%22%93}&#8221;][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;ABeeZee||||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_2_font=&#8221;ABeeZee|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;gcid-3545159b-f667-47a7-ac9c-4f29493e90c5&#8243; header_2_font_size=&#8221;3rem&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; scroll_fade_enable=&#8221;on&#8221; scroll_fade=&#8221;0|10|90|100|50%|100|0%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}&#8221; sticky_enabled=&#8221;0&#8243; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_2_font_size_phone=&#8221;2rem&#8221; header_2_font_size_tablet=&#8221;3rem&#8221;]<\/p>\n<h2>Recent Project Highlight<\/h2>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2025\/03\/Better-Company-Website-e1741030601622-1024&#215;761.png&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;Better Company Website Screenshot&#8221; title_text=&#8221;Better Company Website&#8221; border_radii=&#8221;on|25px|25px|25px|25px&#8221; custom_padding=&#8221;2rem||4rem||false|false&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243; url=&#8221;bettercompany.global&#8221; align=&#8221;center&#8221; use_overlay=&#8221;on&#8221; overlay_icon_color=&#8221;gcid-0961a93e-0885-45b2-a7c7-11373ffe6047&#8243; global_colors_info=&#8221;{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22overlay_icon_color%22%93}&#8221; hover_overlay_color=&#8221;rgba(255,255,255,0.13)&#8221; hover_icon=&#8221;&#xf06e;||fa||400&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;ABeeZee||||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_2_font=&#8221;ABeeZee|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;gcid-3545159b-f667-47a7-ac9c-4f29493e90c5&#8243; header_2_font_size=&#8221;3rem&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; scroll_fade_enable=&#8221;on&#8221; scroll_fade=&#8221;0|10|90|100|50%|100|0%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}&#8221; sticky_enabled=&#8221;0&#8243; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_2_font_size_phone=&#8221;2rem&#8221; header_2_font_size_tablet=&#8221;3rem&#8221;]<\/p>\n<h2> Other Previous Projects<\/h2>\n<p>[\/et_pb_text][et_pb_text content_tablet=&#8221;<\/p>\n<p>Below is a list of previous projects with a snippet about why they are important to where I am and a little about what my role was for each.<br \/><em><strong>Currently Nava Apparel is being viewed. To view another website, click on the project name.<\/strong><\/em><br \/><strong><em><\/em><\/strong><\/p>\n<p>&#8221; content_phone=&#8221;<\/p>\n<p>Below is a list of previous projects with a snippet about why they are important to where I am and a little about what my role was for each.<br \/><em><strong>Currently Nava Apparel is being viewed. To view another website, click on the project name.<\/strong><\/em><br \/><strong><em><\/em><\/strong><\/p>\n<p>&#8221; content_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Jost|300|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;20px&#8221; text_orientation=&#8221;center&#8221; width=&#8221;80%&#8221; module_alignment=&#8221;center&#8221; scroll_vertical_motion_enable=&#8221;on&#8221; scroll_vertical_motion=&#8221;0|50|50|100|0.1|0|0&#8243; scroll_horizontal_motion_enable=&#8221;on&#8221; scroll_horizontal_motion=&#8221;0|50|50|100|0.1|0|0&#8243; scroll_scaling_enable=&#8221;on&#8221; scroll_scaling=&#8221;0|50|50|100|95%|100|100&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Below is a list of previous projects with a snippet about why they are important to where I am and a little about what my role was for each.<br \/><strong><em>Hover over the project you want to see, click it to go to the website.<\/em><\/strong><\/p>\n<p>[\/et_pb_text][et_pb_code raw_content_tablet=&#8221;<\/p>\n<style>\n\/* Initially display only .site1, hide the rest *\/\n.site1 {\n    display: block;\n}\n.site2, .site3, .site4, .site5, .site6, .site7, .site8 {\n    display: none;\n}<\/p>\n<p>\/* Optional: You can add a CSS transition on opacity if you prefer pure CSS transitions.\n   In that case, don't rely solely on fadeIn(), but for simplicity, fadeIn() suffices. *\/\n<\/style>\n<p><script>\njQuery(document).ready(function($) {\n    var isTouchDevice = ('ontouchstart' in window || navigator.maxTouchPoints > 0);<\/p>\n<p>    function hideAllSections() {\n        \/\/ Hide all sections without animation first\n        $('.site1, .site2, .site3, .site4, .site5, .site6, .site7, .site8').hide();\n    }<\/p>\n<p>    for (let i = 1; i <= 8; i++) {\n        let $display = $(`.display${i}`);\n        let $section = $(`.site${i}`);\n\n        if (isTouchDevice) {\n            \/\/ For mobile\/tablet: use click to toggle sections\n            $display.on('click', function(e) {\n                e.preventDefault();\n                \/\/ Hide all other sections\n                hideAllSections();\n                \/\/ Fade in the associated section\n                $section.fadeIn(300, function() {\n                    \/\/ After fade-in completes, scroll just below the button\n                    $('html, body').animate({\n                        scrollTop: $display.offset().top + $display.outerHeight()\n                    }, 500);\n                });\n            });\n        } else {\n            \/\/ For desktop: still use hover\n            $display.hover(function() {\n                hideAllSections();\n                $section.fadeIn(300, function() {\n                    \/\/ After fade-in completes, scroll just below the button\n                    \/\/ This might not be desired on hover for desktop, but if you want consistent behavior:\n                    $('html, body').animate({\n                        scrollTop: $display.offset().top + $display.outerHeight()\n                    }, 500);\n                });\n            });\n        }\n    }\n});\n<\/script><br \/>\n\" raw_content_phone=\"<\/p>\n<style>\n\/* Initially display only .site1, hide the rest *\/\n.site1 {\n    display: block;\n}\n.site2, .site3, .site4, .site5, .site6, .site7, .site8 {\n    display: none;\n}<\/p>\n<p>\/* Optional: You can add a CSS transition on opacity if you prefer pure CSS transitions.\n   In that case, don't rely solely on fadeIn(), but for simplicity, fadeIn() suffices. *\/\n<\/style>\n<p><script>\njQuery(document).ready(function($) {\n    var isTouchDevice = ('ontouchstart' in window || navigator.maxTouchPoints > 0);<\/p>\n<p>    function hideAllSections() {\n        \/\/ Hide all sections without animation first\n        $('.site1, .site2, .site3, .site4, .site5, .site6, .site7, .site8').hide();\n    }<\/p>\n<p>    for (let i = 1; i <= 8; i++) {\n        let $display = $(`.display${i}`);\n        let $section = $(`.site${i}`);\n\n        if (isTouchDevice) {\n            \/\/ For mobile\/tablet: use click to toggle sections\n            $display.on('click', function(e) {\n                e.preventDefault();\n                \/\/ Hide all other sections\n                hideAllSections();\n                \/\/ Fade in the associated section\n                $section.fadeIn(300, function() {\n                    \/\/ After fade-in completes, scroll just below the button\n                    $('html, body').animate({\n                        scrollTop: $display.offset().top + $display.outerHeight()\n                    }, 500);\n                });\n            });\n        } else {\n            \/\/ For desktop: still use hover\n            $display.hover(function() {\n                hideAllSections();\n                $section.fadeIn(300, function() {\n                    \/\/ After fade-in completes, scroll just below the button\n                    \/\/ This might not be desired on hover for desktop, but if you want consistent behavior:\n                    $('html, body').animate({\n                        scrollTop: $display.offset().top + $display.outerHeight()\n                    }, 500);\n                });\n            });\n        }\n    }\n});\n<\/script><br \/>\n\" raw_content_last_edited=\"off|desktop\" _builder_version=\"4.27.4\" _module_preset=\"default\" global_colors_info=\"{}\"]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* Initially display only .site1, hide the rest *\/<!-- [et_pb_line_break_holder] -->.site1 {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.site2, .site3, .site4, .site5, .site6, .site7, .site8 {<!-- [et_pb_line_break_holder] -->    display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function($) {<!-- [et_pb_line_break_holder] -->    var isTouchDevice = ('ontouchstart' in window || navigator.maxTouchPoints > 0);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function hideAllSections() {<!-- [et_pb_line_break_holder] -->        $('.site1, .site2, .site3, .site4, .site5, .site6, .site7, .site8').hide();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    for (let i = 1; i <= 8; i++) {<!-- [et_pb_line_break_holder] -->        \/\/ Select elements by class and ID<!-- [et_pb_line_break_holder] -->        let $displayClass = $(`.display${i}`);  \/\/ for hover\/click logic<!-- [et_pb_line_break_holder] -->        let $displayID = $(`#display${i}`);      \/\/ for scrolling<!-- [et_pb_line_break_holder] -->        let $section = $(`.site${i}`);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (isTouchDevice) {<!-- [et_pb_line_break_holder] -->            \/\/ On mobile\/tablet: click to show and scroll<!-- [et_pb_line_break_holder] -->            $displayClass.on('click', function(e) {<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                hideAllSections();<!-- [et_pb_line_break_holder] -->                $section.show();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Scroll to the element by its ID<!-- [et_pb_line_break_holder] -->                $('html, body').animate({<!-- [et_pb_line_break_holder] -->                    scrollTop: $displayID.offset().top<!-- [et_pb_line_break_holder] -->                }, 500);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                return false;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            \/\/ On desktop: hover to show (no scrolling)<!-- [et_pb_line_break_holder] -->            $displayClass.hover(function() {<!-- [et_pb_line_break_holder] -->                hideAllSections();<!-- [et_pb_line_break_holder] -->                $section.show();<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\"1_2,1_2\" make_equal=\"on\" disabled_on=\"on|on|off\" admin_label=\"Previous Projects Desktop\" _builder_version=\"4.27.4\" _module_preset=\"default\" max_width=\"100%\" global_colors_info=\"{}\" custom_css_main_element_last_edited=\"on|phone\" custom_css_main_element_tablet=\"display:flex;\" custom_css_main_element_phone=\"display:flex;\"][et_pb_column type=\"1_2\" _builder_version=\"4.27.4\" _module_preset=\"default\" global_colors_info=\"{}\" custom_css_main_element_last_edited=\"on|tablet\" custom_css_main_element_tablet=\"width:50% !important;\" custom_css_main_element_phone=\"width:50% !important;\"][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/NavaApparel.png\" title_text=\"NavaApparel\" force_fullwidth=\"on\" admin_label=\"Nava Img\" module_class=\"site1\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"Nava Text\" module_class=\"site1\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"15px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Nava Apparel was my entry point into web development. Initially working as a salesperson, I became involved in maintaining their WooCommerce site, handling design adjustments and other modifications, which sparked my passion for web development. While I didn\u2019t originally build or maintain their site, I recently contributed by implementing system integrations using REST APIs and other storefront software, enhancing their overall functionality and user experience.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/I-am-Youth.png\" title_text=\"I am Youth\" force_fullwidth=\"on\" admin_label=\"I am Img\" module_class=\"site2\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"I am Text\" module_class=\"site2\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Early in my career, I took on the challenge of creating a website for an online radio station. This project pushed me beyond my comfort zone, deepening my skills as I integrated features to expand functionality. While some integrations are no longer active, the experience marked a turning point where I truly began to enjoy using code to push boundaries. Though I don\u2019t maintain the site, I served as the lead developer and still provide support for unique technical issues as they arise.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/WhistleblowerHouse.png\" title_text=\"WhistleblowerHouse\" force_fullwidth=\"on\" admin_label=\"3 Img\" module_class=\"site3\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"3 Text\" module_class=\"site3\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>When approached by a colleague to join a team for a non-profit website project, I embraced the challenge\u2014my first experience working with Squarespace. Despite being new to the platform, I effectively used custom code where needed to enhance functionality and style. As one of the two primary developers on the project, I helped bring the organization\u2019s vision to life with a customized approach.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/CRC.png\" title_text=\"CRC\" force_fullwidth=\"on\" admin_label=\"4 Img\" module_class=\"site4\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"4 Text\" module_class=\"site4\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>While this project is credited to my employer, I was the sole developer behind the CRC Mooinooi and other CRC websites. Given a design concept inspired by similar sites, I translated the vision into a fully functional, polished website that met the client\u2019s goals and expectations.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/TerraTill.png\" title_text=\"TerraTill\" force_fullwidth=\"on\" admin_label=\"5 Img\" module_class=\"site5\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"5 Text\" module_class=\"site5\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Tasked with a comprehensive overhaul and revamp of the Terratill website, this project presented significant challenges due to its large scale. Throughout the process, troubleshooting and custom coding were essential to resolve existing issues and ensure seamless integration. While credited to my employer, this is a project I take great pride in, as it showcased my ability to tackle complex problems and improve functionality.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Growbridge.jpg\" title_text=\"Growbridge\" force_fullwidth=\"on\" admin_label=\"6 Img\" module_class=\"site6\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text disabled_on=\"on|on|off\" admin_label=\"6 Text\" module_class=\"site6\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Tasked with a near-complete website overhaul, I worked with another developer to bring a fresh look and feel to the site. While most pages were straightforward to update, the \"Sell Your Business\" page posed a unique challenge. The client had a specific vision, which he detailed in a spreadsheet. Transforming this concept into a functional page required extensive coding and troubleshooting, but ultimately, I was able to bring his vision to life with precision and creativity.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Richard-Minnitt.png\" title_text=\"Richard Minnitt\" force_fullwidth=\"on\" admin_label=\"7 Img\" module_class=\"site7\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"7 Text\" module_class=\"site7\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Sometimes, art speaks for itself. While working with my most recent employer, we were tasked by artist Richard Minnitt to create a website that would serve as both an online gallery and a means of establishing contact. With a minimalist, clean design, we successfully built a website that showcased the artist\u2019s work in an elegant, user-friendly way.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Covenant.jpg\" title_text=\"Covenant\" force_fullwidth=\"on\" admin_label=\"8 Img\" module_class=\"site8\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"8 Text\" module_class=\"site8\" _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" vertical_offset=\"50px\" horizontal_offset=\"-150px\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Collaborating closely with a designer from my team, it was clear from the outset that the Covenant Logistics website would stand out among other freight companies. With bold ideas and a design inspired by stacked shipping containers and building blocks, this project took considerable time and effort. The result is a visually striking and distinctive website that is truly one of the most impressive I\u2019ve had the pleasure of working on.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\"1_2\" _builder_version=\"4.27.4\" _module_preset=\"default\" custom_css_main_element=\"align-self:center;\" global_colors_info=\"{}\" custom_css_main_element_last_edited=\"on|tablet\" custom_css_main_element_tablet=\"width:50% !important;\" custom_css_main_element_phone=\"width:50% !important;\"][et_pb_text disabled_on=\"on|on|off\" admin_label=\"Nava Desktop\" module_class=\"display1\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" module_alignment=\"right\" link_option_url=\"www.navaapparel.co.za\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover_enabled=\"on|desktop\" header_3_letter_spacing__hover=\"2px\"]<\/p>\n<h3>Nava Apparel<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"Whistle Desktop\" module_class=\"display3\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/whistleblowerhouse.org\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>Whistleblower House<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"CRC Desktop\" module_class=\"display4\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/crcmooinooi.org.za\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>CRC Mooinooi and Others<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"Terra Desktop\" module_class=\"display5\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/terratill.co.za\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>Terratill<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"Growbridge Desktop\" module_class=\"display6\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/growbridge.co.za\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>Growbridge<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"Richard Desktop\" module_class=\"display7\" _builder_version=\"4.27.0\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/richardminnitt.com\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>Richard Minnitt<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"Covenant Desktop\" module_class=\"display8\" _builder_version=\"4.27.0\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/covenantlogistics.co.za\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|hover\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>Covenant Logistics<\/h3>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"on|on|off\" admin_label=\"I am Youth Desktop\" module_class=\"display2\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"#3a005b\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1.5rem\" width=\"70%\" module_alignment=\"right\" link_option_url=\"https:\/\/www.iamyouth.co.za\/\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"on|desktop\" header_3_font_size__hover=\"1.6rem\" header_3_letter_spacing__hover=\"2px\" header_3_letter_spacing__hover_enabled=\"on|hover\"]<\/p>\n<h3>I Am Youth<\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row make_equal=\"on\" disabled_on=\"off|off|on\" admin_label=\"Previous Projects Mobile\" _builder_version=\"4.27.4\" _module_preset=\"default\" max_width=\"100%\" custom_margin=\"0px||||false|false\" custom_padding=\"0px||||false|false\" global_colors_info=\"{}\" custom_css_main_element_last_edited=\"on|phone\" custom_css_main_element_tablet=\"display:flex;\" custom_css_main_element_phone=\"display:flex;\"][et_pb_column type=\"4_4\" admin_label=\"Toggles\" _builder_version=\"4.27.4\" _module_preset=\"default\" global_colors_info=\"{}\" custom_css_main_element_last_edited=\"on|tablet\" custom_css_main_element_tablet=\"width:100% !important;\" custom_css_main_element_phone=\"width:100% !important;\"][et_pb_text disabled_on=\"off|off|on\" admin_label=\"Nava mobile\" module_id=\"display1\" module_class=\"display1\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover_enabled=\"off|hover\" header_3_letter_spacing__hover=\"0px\"]<\/p>\n<h3>Nava Apparel<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/NavaApparel.png\" title_text=\"NavaApparel\" force_fullwidth=\"on\" admin_label=\"Nava Img\" module_class=\"site1\" _builder_version=\"4.27.4\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"Nava Text\" module_class=\"site1\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22%93}\"]<\/p>\n<p>Nava Apparel was my entry point into web development. Initially working as a salesperson, I became involved in maintaining their WooCommerce site, handling design adjustments and other modifications, which sparked my passion for web development. While I didn\u2019t originally build or maintain their site, I recently contributed by implementing system integrations using REST APIs and other storefront software, enhancing their overall functionality and user experience.<\/p>\n<p><a href=\"https:\/\/www.navaapparel.co.za\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"Whistle  Mobile\" module_id=\"display3\" module_class=\"display3\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>Whistle-blower House<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/WhistleblowerHouse.png\" title_text=\"WhistleblowerHouse\" force_fullwidth=\"on\" admin_label=\"3 Img\" module_class=\"site3\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"3 Text\" module_class=\"site3\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>When approached by a colleague to join a team for a non-profit website project, I embraced the challenge\u2014my first experience working with Squarespace. Despite being new to the platform, I effectively used custom code where needed to enhance functionality and style. As one of the two primary developers on the project, I helped bring the organization\u2019s vision to life with a customized approach.<\/p>\n<p><a href=\"https:\/\/whistleblowerhouse.org\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"CRC  Mobile\" module_id=\"display4\" module_class=\"display4\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>CRC Mooinooi and Others<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/CRC.png\" title_text=\"CRC\" force_fullwidth=\"on\" admin_label=\"4 Img\" module_class=\"site4\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"4 Text\" module_class=\"site4\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>While this project is credited to my employer, I was the sole developer behind the CRC Mooinooi and other CRC websites. Given a design concept inspired by similar sites, I translated the vision into a fully functional, polished website that met the client\u2019s goals and expectations.<\/p>\n<p><a href=\"https:\/\/crcmooinooi.org.za\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"Terra Mobile\" module_id=\"display5\" module_class=\"display5\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>Terratill<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/TerraTill.png\" title_text=\"TerraTill\" force_fullwidth=\"on\" admin_label=\"5 Img\" module_class=\"site5\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"5 Text\" module_class=\"site5\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>Tasked with a comprehensive overhaul and revamp of the Terratill website, this project presented significant challenges due to its large scale. Throughout the process, troubleshooting and custom coding were essential to resolve existing issues and ensure seamless integration. While credited to my employer, this is a project I take great pride in, as it showcased my ability to tackle complex problems and improve functionality.<\/p>\n<p><a href=\"https:\/\/terratill.co.za\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"Growbridge Mobile\" module_id=\"display6\" module_class=\"display6\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>Grow-bridge<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Growbridge.jpg\" title_text=\"Growbridge\" force_fullwidth=\"on\" admin_label=\"6 Img\" module_class=\"site6\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"6 Text\" module_class=\"site6\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>Tasked with a near-complete website overhaul, I worked with another developer to bring a fresh look and feel to the site. While most pages were straightforward to update, the \"Sell Your Business\" page posed a unique challenge. The client had a specific vision, which he detailed in a spreadsheet. Transforming this concept into a functional page required extensive coding and troubleshooting, but ultimately, I was able to bring his vision to life with precision and creativity.<\/p>\n<p><a href=\"https:\/\/growbridge.co.za\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"Richard  Mobile\" module_id=\"display7\" module_class=\"display7\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>Richard Minnitt<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Richard-Minnitt.png\" title_text=\"Richard Minnitt\" force_fullwidth=\"on\" admin_label=\"7 Img\" module_class=\"site7\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"7 Text\" module_class=\"site7\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>Sometimes, art speaks for itself. While working with my most recent employer, we were tasked by artist Richard Minnitt to create a website that would serve as both an online gallery and a means of establishing contact. With a minimalist, clean design, we successfully built a website that showcased the artist\u2019s work in an elegant, user-friendly way.<\/p>\n<p><a href=\"https:\/\/richardminnitt.com\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"Covenant  Mobile\" module_id=\"display8\" module_class=\"display8\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>Covenant Logistics<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/Covenant.jpg\" title_text=\"Covenant\" force_fullwidth=\"on\" admin_label=\"8 Img\" module_class=\"site8\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"8 Text\" module_class=\"site8\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" locked=\"off\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>Collaborating closely with a designer from my team, it was clear from the outset that the Covenant Logistics website would stand out among other freight companies. With bold ideas and a design inspired by stacked shipping containers and building blocks, this project took considerable time and effort. The result is a visually striking and distinctive website that is truly one of the most impressive I\u2019ve had the pleasure of working on.<\/p>\n<p><a href=\"https:\/\/covenantlogistics.co.za\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][et_pb_text disabled_on=\"off|off|on\" admin_label=\"I am Youth  Mobile\" module_id=\"display2\" module_class=\"display2\" _builder_version=\"4.27.4\" _module_preset=\"default\" header_2_text_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" header_2_font_size=\"1rem\" header_3_font=\"Inter|||on|||||\" header_3_text_align=\"right\" header_3_font_size=\"1rem\" module_alignment=\"right\" custom_margin=\"||1rem||false|false\" custom_padding=\"||0px|1rem|false|false\" link_option_url_new_window=\"on\" custom_css_main_element=\"width:fit-content;||margin-left:auto;||||||\" border_width_all=\"0px\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22header_2_text_color%22,%22header_2_text_color%22,%22header_2_text_color%22%93}\" header_3_font_size__hover_enabled=\"off|hover\" header_3_font_size__hover=\"1rem\" header_3_letter_spacing__hover=\"0px\" header_3_letter_spacing__hover_enabled=\"off|hover\"]<\/p>\n<h3>I Am Youth<\/h3>\n<p>[\/et_pb_text][et_pb_image src=\"https:\/\/tredoux.online\/charl\/wp-content\/uploads\/2024\/11\/I-am-Youth.png\" title_text=\"I am Youth\" force_fullwidth=\"on\" admin_label=\"I am Img\" module_class=\"site2\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][\/et_pb_image][et_pb_text admin_label=\"I am Text\" module_class=\"site2\" _builder_version=\"4.27.4\" _module_preset=\"default\" text_font=\"Jost||||||||\" text_text_color=\"#FFFFFF\" text_font_size=\"16px\" header_3_text_color=\"gcid-0961a93e-0885-45b2-a7c7-11373ffe6047\" background_color=\"RGBA(2,2,2,0.71)\" positioning=\"relative\" position_origin_a=\"bottom_right\" width=\"100%\" custom_padding=\"2rem|2rem|2rem|2rem|true|true\" global_colors_info=\"{%22gcid-0961a93e-0885-45b2-a7c7-11373ffe6047%22:%91%22header_3_text_color%22,%22header_3_text_color%22,%22header_3_text_color%22%93}\"]<\/p>\n<p>Early in my career, I took on the challenge of creating a website for an online radio station. This project pushed me beyond my comfort zone, deepening my skills as I integrated features to expand functionality. While some integrations are no longer active, the experience marked a turning point where I truly began to enjoy using code to push boundaries. Though I don\u2019t maintain the site, I served as the lead developer and still provide support for unique technical issues as they arise.<\/p>\n<p><a href=\"https:\/\/www.iamyouth.co.za\/\">View Website<\/a><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\"1\" _builder_version=\"4.27.0\" _module_preset=\"default\" custom_margin=\"0px||0px||false|false\" custom_padding=\"0px||0px||false|false\" global_colors_info=\"{}\"][et_pb_row custom_padding_last_edited=\"on|tablet\" _builder_version=\"4.27.4\" _module_preset=\"default\" background_color=\"gcid-3545159b-f667-47a7-ac9c-4f29493e90c5\" width=\"100%\" max_width=\"100%\" custom_margin=\"0px||0px||true|false\" custom_padding=\"2.2rem||2rem||false|false\" custom_padding_tablet=\"1.2rem||1rem||false|false\" custom_padding_phone=\"1.2rem||1rem||false|false\" global_colors_info=\"{%22gcid-3545159b-f667-47a7-ac9c-4f29493e90c5%22:%91%22background_color%22%93}\"][et_pb_column type=\"4_4\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_code _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"]<\/p>\n<div class=\"scrolling-text-container\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"scrolling-text-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"scrolling-text\"><!-- [et_pb_line_break_holder] -->This is not the end \u25cf\tMore and better coming soon \u25cf This is not the end \u25cf\tMore and better coming soon \u25cf This is not the end \u25cf\tMore and better coming soon \u25cf This is not the end \u25cf\tMore and better coming soon \u25cf<!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"scrolling-text\"><!-- [et_pb_line_break_holder] -->This is not the end \u25cf\tMore and better coming soon \u25cf This is not the end \u25cf\tMore and better coming soon \u25cf This is not the end \u25cf\tMore and better coming soon \u25cf This is not the end \u25cf\tMore and better coming soon \u25cf<!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\"1\" _builder_version=\"4.27.0\" _module_preset=\"default\" background_color=\"gcid-6efae8a6-3175-4176-8d5d-f88a9725442d\" custom_margin=\"||0px||false|false\" custom_padding=\"||||false|false\" global_colors_info=\"{%22gcid-6efae8a6-3175-4176-8d5d-f88a9725442d%22:%91%22background_color%22%93}\"][et_pb_row _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.27.0\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_text _builder_version=\"4.27.0\" _module_preset=\"default\" text_font=\"Jost|300|||||||\" text_text_color=\"#000000\" text_font_size=\"20px\" scroll_vertical_motion_enable=\"on\" scroll_vertical_motion=\"0|50|50|100|0.1|0|0\" scroll_horizontal_motion_enable=\"on\" scroll_horizontal_motion=\"0|50|50|100|0.1|0|0\" scroll_scaling_enable=\"on\" scroll_scaling=\"0|50|50|100|95%|100|100\" locked=\"off\" global_colors_info=\"{}\"]<\/p>\n<p>If you have any questions or would like to find out more, please contact me via email - charl@tredoux.online<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi, I&#8217;m CharlHi, my name is Charl,and I am a web developer.A Little About MeWith over 5 years of experience as a WordPress developer, I specialize in crafting responsive, user-focused websites that bring brands to life online. Skilled in Divi, Elementor, and WooCommerce, I design and develop custom solutions for a range of clients, from [&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-275","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/pages\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/comments?post=275"}],"version-history":[{"count":222,"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":25953353,"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/pages\/275\/revisions\/25953353"}],"wp:attachment":[{"href":"https:\/\/tredoux.online\/charl\/wp-json\/wp\/v2\/media?parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}