Deprecated: Creation of dynamic property ACF::$fields is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields.php on line 138

Deprecated: Creation of dynamic property acf_loop::$loops is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/loop.php on line 28

Deprecated: Creation of dynamic property ACF::$loop is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/loop.php on line 269

Deprecated: Creation of dynamic property ACF::$revisions is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/revisions.php on line 397

Deprecated: Creation of dynamic property acf_validation::$errors is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/validation.php on line 28

Deprecated: Creation of dynamic property ACF::$validation is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/validation.php on line 214

Deprecated: Creation of dynamic property acf_form_customizer::$preview_values is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 28

Deprecated: Creation of dynamic property acf_form_customizer::$preview_fields is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 29

Deprecated: Creation of dynamic property acf_form_customizer::$preview_errors is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 30

Deprecated: Creation of dynamic property ACF::$form_front is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-front.php on line 598

Deprecated: Creation of dynamic property acf_form_widget::$preview_values is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 34

Deprecated: Creation of dynamic property acf_form_widget::$preview_reference is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 35

Deprecated: Creation of dynamic property acf_form_widget::$preview_errors is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 36

Deprecated: Creation of dynamic property acf_field_oembed::$width is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-oembed.php on line 31

Deprecated: Creation of dynamic property acf_field_oembed::$height is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-oembed.php on line 32

Deprecated: Creation of dynamic property acf_field_google_map::$default_values is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-google-map.php on line 33

Deprecated: Creation of dynamic property acf_field__group::$have_rows is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-group.php on line 31

Deprecated: Creation of dynamic property acf_field_clone::$cloning is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-clone.php on line 34

Deprecated: Creation of dynamic property acf_field_clone::$have_rows is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-clone.php on line 35

Deprecated: Creation of dynamic property acf_field_font_awesome::$settings is deprecated in /var/www/html/wp-content/plugins/advanced-custom-fields-font-awesome/fields/acf-font-awesome-v5.php on line 21

Deprecated: Creation of dynamic property acf_field_ryancv_ui_google_font::$font is deprecated in /var/www/html/wp-content/plugins/ryancv-plugin/acf-ext/acf-ui-google-font/acf-ui-google-font-v5.php on line 57

Deprecated: Creation of dynamic property acf_field_ryancv_ionicons::$font is deprecated in /var/www/html/wp-content/plugins/ryancv-plugin/acf-ext/acf-ionicons/acf-ionicons-v5.php on line 1502
<!doctype html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	
	<link rel="profile" href="https://gmpg.org/xfn/11">
	
	<title>Jonathan Botha &#8211; Just another developer</title>

Deprecated: Using null as an array offset is deprecated, use an empty string instead in /var/www/html/wp-includes/class-wp-theme-json.php on line 2397
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Jonathan Botha &raquo; Feed" href="https://jonathanbotha.info/feed/" />
<link rel="alternate" type="application/rss+xml" title="Jonathan Botha &raquo; Comments Feed" href="https://jonathanbotha.info/comments/feed/" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/jonathanbotha.info\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.11"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://jonathanbotha.info/wp-includes/css/dist/block-library/style.min.css?ver=6.4.11' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='ryancv-fonts-css' href='//fonts.googleapis.com/css?family=Poppins%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i&#038;subset=latin%2Clatin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='ryancv-style-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/style.css?ver=6.4.11' type='text/css' media='all' />
<link rel='stylesheet' id='ionicons-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/assets/css/ionicons.css?ver=6.4.11' type='text/css' media='all' />
<link rel='stylesheet' id='magnific-popup-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/assets/css/magnific-popup.css?ver=6.4.11' type='text/css' media='all' />
<link rel='stylesheet' id='animate-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/assets/css/animate.css?ver=6.4.11' type='text/css' media='all' />
<link rel='stylesheet' id='swiper-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/assets/css/swiper.min.css?ver=6.4.11' type='text/css' media='all' />
<link rel='stylesheet' id='calendar-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/assets/css/calendar.css?ver=6.4.11' type='text/css' media='all' />
<link rel='stylesheet' id='fontawesome-css' href='https://jonathanbotha.info/wp-content/themes/ryancv/assets/css/fontawesome-4.css?ver=6.4.11' type='text/css' media='all' />
<script type="text/javascript" src="https://jonathanbotha.info/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://jonathanbotha.info/wp-json/" /><link rel="alternate" type="application/json" href="https://jonathanbotha.info/wp-json/wp/v2/pages/17" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://jonathanbotha.info/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.4.11" />
<link rel="canonical" href="https://jonathanbotha.info/" />
<link rel='shortlink' href='https://jonathanbotha.info/' />
<link rel="alternate" type="application/json+oembed" href="https://jonathanbotha.info/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjonathanbotha.info%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://jonathanbotha.info/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjonathanbotha.info%2F&#038;format=xml" />
	
<style>
	
		/*
		Background Gradient
	*/

	body {
		background-color: #50a3a2;
	}

	.background.gradient {
		background: #50a3a2;
		background: -webkit-linear-gradient(top left, #50a3a2 0%, #78cc6d 100%);
		background: linear-gradient(to bottom right, #50a3a2 0%, #78cc6d 100%);
	}
	
	
		/*
		Primary Color
	*/

	.preloader .spinner .double-bounce1,
	.preloader .spinner .double-bounce2,
	.lnk:hover .arrow:before,
	.button:hover .arrow:before,
	.lnk:hover .arrow:after,
	.button:hover .arrow:after,
	.resume-items .resume-item.active .date:before,
	.skills-list ul li .progress .percentage,
	.single-post-text ul > li:before, 
	.comment-text ul > li:before,
	.content-sidebar .main-menu ul li.page_item_has_children.current_page_item > a:before, 
	.content-sidebar .main-menu ul li.page_item_has_children.current_page_item > a:after, 
	.content-sidebar .main-menu ul li.page_item_has_children:hover > a:before, 
	.content-sidebar .main-menu ul li.page_item_has_children:hover > a:after,
	.content-sidebar .main-menu ul li.page_item_has_children.current_page_parent > a:before, 
	.content-sidebar .main-menu ul li.page_item_has_children.current_page_parent > a:after,
	.content-sidebar .main-menu ul li.page_item_has_children.current_page_ancestor > a:before, 
	.content-sidebar .main-menu ul li.page_item_has_children.current_page_ancestor > a:after,
	.content-sidebar .close:hover:before, .content-sidebar .close:hover:after,
	.header .menu-btn:hover span, .header .menu-btn:hover span:before,
	.header .menu-btn:hover span:after,
	.info-list ul li strong,
	.profile .main-menu ul li.page_item_has_children.current_page_item > a:before,
	.profile .main-menu ul li.page_item_has_children.current_page_item > a:after,
	.profile .main-menu ul li.page_item_has_children:hover > a:before,
	.profile .main-menu ul li.page_item_has_children:hover > a:after,
	.profile .main-menu ul li.page_item_has_children.current_page_parent > a:before,
	.profile .main-menu ul li.page_item_has_children.current_page_parent > a:after,
	.profile .main-menu ul li.page_item_has_children.current_page_ancestor > a:before,
	.profile .main-menu ul li.page_item_has_children.current_page_ancestor > a:after,
	.service-items .service-item .icon,
	.revs-carousel .owl-dot.active,
	.custom-content-reveal span.custom-content-close,
	.fc-calendar .fc-row > div.fc-today,
	.fc-calendar .fc-content:hover span.fc-date,
	.fc-calendar .fc-row > div.fc-today span.fc-date,
	.skills-list.dotted ul li .progress .percentage .da span,
	.preloader .spinner.default-circle:before,
	.preloader .spinner.default-circle:after,
	.preloader .spinner.clock:before,
	.preloader .spinner.box-rotation:after,
	.header .cart-btn .cart-icon .cart-count,
	.woocommerce span.onsale,
	.woocommerce #respond input#submit.alt, 
	.woocommerce a.button.alt, 
	.woocommerce button.button.alt, 
	.woocommerce input.button.alt,
	.woocommerce #respond input#submit.alt:hover, 
	.woocommerce a.button.alt:hover, 
	.woocommerce button.button.alt:hover, 
	.woocommerce input.button.alt:hover,
	.woocommerce ul.products li.product .button.add_to_cart_button.added,
	.popup-box .preloader .spinner.default-circle:before,
	.popup-box .preloader .spinner.default-circle:after,
	.popup-box .preloader-popup .spinner.default-circle:before,
	.popup-box .preloader-popup .spinner.default-circle:after,
	.single-post-text ul > li:before,
	.comment-text ul > li:before,
	.blog-content ul > li:before,
	.revs-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #78cc6d;
	}

	.lnk:hover,
	.button:hover,
	.lnk:hover .ion,
	.button:hover .ion,
	a,
	a:hover,
	input:focus, 
	textarea:focus,
	.header .top-menu ul li:hover a,
	.header .top-menu ul li.active a,
	.header .top-menu ul li.current-menu-item a,
	.header .top-menu ul li:hover a .icon,
	.header .top-menu ul li.active a .icon,
	.header .top-menu ul li:hover a .link,
	.header .top-menu ul li.active a .link,
	.header .top-menu ul li.current-menu-item a .icon,
	.header .top-menu ul li.current-menu-item a .link,
	.header .profile .subtitle,
	.card-started .profile .subtitle,
	.content-sidebar .profile .subtitle,
	.card-started .profile .social a:hover .ion, 
	.card-started .profile .social a:hover .fab, 
	.card-started .profile .social a:hover .fas,
	.content-sidebar .profile .social a:hover .ion, 
	.content-sidebar .profile .social a:hover .fab, 
	.content-sidebar .profile .social a:hover .fas,
	.pricing-items .pricing-item .icon,
	.fuct-items .fuct-item .icon,
	.resume-title .icon,
	.skill-title .icon,
	.resume-items .resume-item.active .date,
	.content.works .filter-menu .f_btn.active,
	.box-item:hover .desc .name,
	.single-post-text p a, 
	.comment-text p a,
	.post-text-bottom span.cat-links a,
	.post-text-bottom .tags-links a, 
	.post-text-bottom .tags-links span,
	.page-numbers.current, 
	.page-links a,
	.post-comments .post-comment .desc .name,
	.post-comments .post-comment .desc span.comment-reply a:hover,
	.content-sidebar .main-menu ul li.current_page_item > a, 
	.content-sidebar .main-menu ul li:hover > a,
	.content-sidebar .main-menu ul li.current_page_parent > a,
	.content-sidebar .main-menu ul li.current_page_ancestor > a,
	.content-sidebar .widget ul li a:hover,
	.content-sidebar .tagcloud a,
	.card-started .profile .subtitle, 
	.content-sidebar .profile .subtitle, 
	.content-sidebar .profile .typed-cursor, 
	.card-started .profile .typed-cursor,
	.content .title .first-word,
	.content .title::first-letter,
	.content .title .first-letter::first-letter,
	.content-sidebar h2.widget-title .first-word,
	.content-sidebar h2.widget-title::first-letter,
	.content-sidebar h2.widget-title .first-letter::first-letter,
	.box-item .date,
	.profile .main-menu ul li.current-menu-item a,
	.profile .main-menu ul li.current_page_item > a,
	.profile .main-menu ul li:hover > a,
	.profile .main-menu ul li.current_page_parent > a,
	.profile .main-menu ul li.current_page_ancestor > a,
	.custom-header nav span:before,
	.fc-calendar .fc-row > div.fc-content:hover:after,
	.skills-list.list ul li .name:before,
	.preloader .spinner.recursive-circle,
	.woocommerce nav.woocommerce-pagination ul li a:focus, 
	.woocommerce nav.woocommerce-pagination ul li a:hover, 
	.woocommerce nav.woocommerce-pagination ul li span.current,
	.woocommerce .star-rating,
	strong.woocommerce-review__author,
	.woocommerce-message::before,
	.single-post-text p a,
	.comment-text p a,
	.blog-content p a {
		color: #78cc6d;
	}

	.content .title .first-word,
	.content .title:first-letter,
	.content-sidebar h2.widget-title .first-word,
	.content-sidebar h2.widget-title:first-letter {
		color: #78cc6d!important;
	}

	.card-started .profile .image:before,
	.content-sidebar .profile .image:before,
	.content .title:before,
	.box-item .image .info:before,
	.content-sidebar h2.widget-title:before {
		background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.15) 0%, rgba(120, 204, 109, 0.01) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.15) 0%, rgba(120, 204, 109, 0.01) 100%);
		background: linear-gradient(135deg, rgba(120, 204, 109, 0.15) 0%, rgba(120, 204, 109, 0.01) 100%);
	}

	.card-started:after {
		background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
		background: linear-gradient(135deg, rgba(120, 204, 109, 0.4) 0%, rgba(120, 204, 109, 0.01) 100%);
	}

	.box-item .image .info:before {
		background: -moz-linear-gradient(-45deg, rgba(120, 204, 109, 0.5) 0%, rgba(120, 204, 109, 0.01) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(120, 204, 109, 0.5) 0%, rgba(120, 204, 109, 0.01) 100%);
		background: linear-gradient(135deg, rgba(120, 204, 109, 0.5) 0%, rgba(120, 204, 109, 0.01) 100%);
	}

	.card-started .profile .slide,
	.content-sidebar .profile .slide {
		background-color: rgba(120, 204, 109, 0.1);
	}

	.pricing-items .pricing-item .feature-list ul li strong {
		background: rgba(120, 204, 109, 0.15);
	}

	input:focus, 
	textarea:focus,
	.revs-carousel .owl-dots .owl-dot,
	.custom-header,
	.post-text-bottom .tags-links a, 
	.post-text-bottom .tags-links span, 
	.content-sidebar .tagcloud a,
	.resume-items .resume-item.active .date,
	.box-item .date,
	.content.skills .skills-list.circles .progress .bar,
	.content.skills .skills-list.circles .progress .fill,
	.preloader .spinner.clock,
	.preloader .spinner.box-rotation,
	.skills-list.circles .progress .bar, .skills-list.circles .progress.p51 .fill, .skills-list.circles .progress.p52 .fill, .skills-list.circles .progress.p53 .fill, .skills-list.circles .progress.p54 .fill, .skills-list.circles .progress.p55 .fill, .skills-list.circles .progress.p56 .fill, .skills-list.circles .progress.p57 .fill, .skills-list.circles .progress.p58 .fill, .skills-list.circles .progress.p59 .fill, .skills-list.circles .progress.p60 .fill, .skills-list.circles .progress.p61 .fill, .skills-list.circles .progress.p62 .fill, .skills-list.circles .progress.p63 .fill, .skills-list.circles .progress.p64 .fill, .skills-list.circles .progress.p65 .fill, .skills-list.circles .progress.p66 .fill, .skills-list.circles .progress.p67 .fill, .skills-list.circles .progress.p68 .fill, .skills-list.circles .progress.p69 .fill, .skills-list.circles .progress.p70 .fill, .skills-list.circles .progress.p71 .fill, .skills-list.circles .progress.p72 .fill, .skills-list.circles .progress.p73 .fill, .skills-list.circles .progress.p74 .fill, .skills-list.circles .progress.p75 .fill, .skills-list.circles .progress.p76 .fill, .skills-list.circles .progress.p77 .fill, .skills-list.circles .progress.p78 .fill, .skills-list.circles .progress.p79 .fill, .skills-list.circles .progress.p80 .fill, .skills-list.circles .progress.p81 .fill, .skills-list.circles .progress.p82 .fill, .skills-list.circles .progress.p83 .fill, .skills-list.circles .progress.p84 .fill, .skills-list.circles .progress.p85 .fill, .skills-list.circles .progress.p86 .fill, .skills-list.circles .progress.p87 .fill, .skills-list.circles .progress.p88 .fill, .skills-list.circles .progress.p89 .fill, .skills-list.circles .progress.p90 .fill, .skills-list.circles .progress.p91 .fill, .skills-list.circles .progress.p92 .fill, .skills-list.circles .progress.p93 .fill, .skills-list.circles .progress.p94 .fill, .skills-list.circles .progress.p95 .fill, .skills-list.circles .progress.p96 .fill, .skills-list.circles .progress.p97 .fill, .skills-list.circles .progress.p98 .fill, .skills-list.circles .progress.p99 .fill, .skills-list.circles .progress.p100 .fill, .revs-carousel .swiper-pagination-bullet {
		border-color: #78cc6d;
	}

	.preloader .spinner.recursive-circle,
	.preloader .spinner.recursive-circle:after {
		border-color: #78cc6d;
		border-top-color: transparent;
	}

	blockquote {
		border-left-color: #78cc6d;
	}

	.preloader .spinner.simple-circle {
		border-right-color: #78cc6d;
	}

	.preloader .spinner.quantum-spinner,
	.preloader .spinner.quantum-spinner:before,
	.preloader .spinner.quantum-spinner:after {
		border-top-color: #78cc6d;
	}
	
		/*
		Heading Color
	*/

	.content .title {
		color: #323232;
	}
	
		/*
		Text Color
	*/

	body {
		color: #646464;
	}
	
	
	
	
	
	
	
	</style>
		
</head>

<body class="home page-template page-template-template-layout-builder page-template-template-layout-builder-php page page-id-17">
		
	
	<div class="page page_wrap">

		<!-- Preloader -->
		<div class="preloader">
			<div class="centrize full-width">
				<div class="vertical-center">
					<div class="spinner default-circle"></div>
				</div>
			</div>
		</div>
		
		<!-- background -->
		<div class="background gradient">
						<ul class="bg-bubbles">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
					</div>

		<!--
			Container
		-->
		<div class="container opened" data-animation-in="fadeInLeft" data-animation-out="fadeOutLeft">
			
			<!--
				Header
			-->
			<header class="header">

				<!-- header profile -->
				<div class="profile">						
										<div class="image">
						<a href="https://jonathanbotha.info">
							<img src="https://jonathanbotha.info/wp-content/uploads/2020/01/Jonathan-Botha-Jonathan-Botha-140x140.jpg" alt="Jonathan Botha" /></a>
						</a>
					</div>
										
										<div class="title">Jonathan Botha</div>
					
																		<div class="subtitle subtitle-typed">
								<div class="typing-title">
																			<p>Computer Scientist</p>
																			<p>Coder</p>
																			<p>Web Designer</p>
																	</div>
							</div>
															</div>

				<!-- menu btn -->
				<a href="#" class="menu-btn"><span></span></a>

				<!-- Woocommerce cart -->
								
				<!-- menu -->
															<!-- menu -->
						<div class="top-menu top-menu-onepage">
							<div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li data-id="menu-item-111" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-17 current_page_item"><a href="" class="one-page-menu-item" ><span class="icon ion-ios-person"></span>About</a></li>
<li data-id="menu-item-110" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="#resume" class="one-page-menu-item" ><span class="icon ion-android-list"></span>Resume</a></li>
<li data-id="menu-item-109" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="#works" class="one-page-menu-item" ><span class="icon ion-paintbrush"></span>Works</a></li>
<li data-id="menu-item-107" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="#blog" class="one-page-menu-item" ><span class="icon ion-chatbox-working"></span>Blog</a></li>
<li data-id="menu-item-108" class=" menu-item menu-item-type-post_type menu-item-object-page"><a href="#contacts" class="one-page-menu-item" ><span class="icon ion-at"></span>Contact</a></li>
</ul></div>						</div>
									
			</header>

			<!--
				Card - Started
			-->
			<div class="card-started" id="home-card">

				<!--
					Profile
				-->
				<div class="profile ">
					<div class="profile-content">
						<!-- profile image -->
						<div class="slide" 
							style="background-image: url(https://jonathanbotha.info/wp-content/uploads/2020/01/graph_Neo.png);"						>
													</div>					

												<!-- profile photo -->
						<div class="image">
							<a href="https://jonathanbotha.info">
								<img src="https://jonathanbotha.info/wp-content/uploads/2020/01/Jonathan-Botha-Jonathan-Botha.jpg" alt="Jonathan Botha" />
							</a>
						</div>
						
						<!-- profile titles -->
												<div class="title">Jonathan Botha</div>
						
																					<div class="subtitle subtitle-typed">
									<div class="typing-title">
																					<p>Computer Scientist</p>
																					<p>Coder</p>
																					<p>Web Designer</p>
																			</div>
								</div>
													
												<!-- profile socials -->
						<div class="social">
														<a target="_blank" href="https://www.linkedin.com/in/jonathan-d-botha/">
								<span class="fab fab fa-linkedin"></span>
							</a>
														<a target="_blank" href="https://github.com/lDisciple">
								<span class="fab fab fa-github"></span>
							</a>
														<a target="_blank" href="https://stackoverflow.com/users/6791715/jonathan-botha">
								<span class="fab fab fa-stack-overflow"></span>
							</a>
													</div>
											
					</div>
					
										<!-- profile buttons -->
					<div class="lnks">
																		<a href="https://jonathanbotha.info/wp-content/uploads/2020/09/CV_092020.pdf" class="lnk" target="_blank">
							<span class="text">Download CV</span>
													</a>
																								<a href="https://jonathanbotha.info/#contacts" class="lnk" >
							<span class="text">Contact Me</span>
													</a>
																	</div>
					
				</div>

			</div>

			<div class="s_overlay"></div>
			<div class="content-sidebar">
				<div class="sidebar-wrap">
					
											
<aside id="secondary" class="widget-area">
	<section id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://jonathanbotha.info/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Search" />
			</form></section>
		<section id="recent-posts-2" class="widget widget_recent_entries">
		<h2 class="widget-title">Recent Posts</h2>
		<ul>
											<li>
					<a href="https://jonathanbotha.info/2020/03/17/memorising-pi/">Memorising π</a>
									</li>
											<li>
					<a href="https://jonathanbotha.info/2020/01/24/the-modpro-experience/">The ModPro experience</a>
									</li>
					</ul>

		</section><section id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2>
			<ul>
					<li class="cat-item cat-item-34"><a href="https://jonathanbotha.info/category/education/">Education</a>
</li>
	<li class="cat-item cat-item-29"><a href="https://jonathanbotha.info/category/event/">Event</a>
</li>
			</ul>

			</section><section id="archives-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2>
			<ul>
					<li><a href='https://jonathanbotha.info/2020/03/'>March 2020</a></li>
	<li><a href='https://jonathanbotha.info/2020/01/'>January 2020</a></li>
			</ul>

			</section></aside><!-- #secondary -->									</div>

				<span class="close"></span>
			</div>

	
					<div class="card-inner animated active" id="card-home">
						<div class="card-wrap">	
							
<!-- 
	About 
-->
<div class="content about">

		<!-- title -->
	<div class="title">About Me</div>
	
	<!-- content -->
	<div class="row">
		
				<div class="col col-d-6 col-t-12 col-m-12 border-line-v">
			<div class="text-box">
				<p><strong>Welcome! I am Jonathan Botha.<br />
</strong><span class="lt-line-clamp__line">Computer Science honours graduate of Stellenbosch University that has been working on enterprise systems for the last few years. I have a passion for pursuing understanding and creating unique and useful systems.</span></p>
			</div>
		</div>
		
				<div class="col col-d-6 col-t-12 col-m-12 border-line-v">
			<div class="info-list">
				<ul>
										<li><strong>Age:</strong> 25</li>
										<li><strong>Residence:</strong> South Africa</li>
										<li><strong>Status:</strong> Employed (Locstat)</li>
										<li><strong>Address:</strong> Durbanville, Western Cape, South Africa</li>
									</ul>
			</div>
		</div>
				
		<div class="clear"></div>
	</div>

</div>
<!--
	Services
-->
<div class="content services">

		<!-- title -->
	<div class="title">My skills</div>
	
		<!-- content -->
	<div class="row service-items border-line-v">

				<!-- service item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h">
			<div class="service-item">
									<div class="icon"><span class="ion ion-code"></span></div>
													<div class="name">Programming</div>
													<p>Programming is where everything started and this skill has been a pillar of my success.</p>
							</div>
		</div>
				<!-- service item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h">
			<div class="service-item">
									<div class="icon"><span class="ion ion-android-lock"></span></div>
													<div class="name">Cryptography</div>
													<p>From pure curiosity I partook in competitions that developed my skill in cryptography.</p>
							</div>
		</div>
				<!-- service item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h">
			<div class="service-item">
									<div class="icon"><span class="ion ion-android-globe"></span></div>
													<div class="name">Web Development</div>
													<p>Side jobs and internships taught me the skills that enable me to create state of the art web applications.</p>
							</div>
		</div>
				<!-- service item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h">
			<div class="service-item">
									<div class="icon"><span class="ion ion-calculator"></span></div>
													<div class="name">Mathematics</div>
													<p>Advanced knowledge of Mathematics empowers me to do more.</p>
							</div>
		</div>
			</div>
	
	<div class="clear"></div>

	
</div>
<!--
	Fun Fact
-->
<div class="content fuct">

		<!-- title -->
	<div class="title">Fun Facts</div>
	
		<!-- content -->
	<div class="row fuct-items">

				<!-- fuct item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="fuct-item">
									<div class="icon"><span class="ion ion-music-note"></span></div>
													<div class="name">Social dancer</div>
							</div>
		</div>
				<!-- fuct item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="fuct-item">
									<div class="icon"><span class="ion ion-ios-paw"></span></div>
													<div class="name">Dog person</div>
							</div>
		</div>
				<!-- fuct item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="fuct-item">
									<div class="icon"><span class="ion ion-cube"></span></div>
													<div class="name">Minecraft fanatic</div>
							</div>
		</div>
				<!-- fuct item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="fuct-item">
									<div class="icon"><span class="ion ion-bonfire"></span></div>
													<div class="name">Mesmerized by fire</div>
							</div>
		</div>
		
		<div class="clear"></div>
	</div>
	
</div>
<!--
	Clients
-->
<div class="content clients">

		<!-- title -->
	<div class="title">Employers &amp; clients</div>
	
	<!-- content -->
	<div class="row client-items">

				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://www.instagram.com/sujustkidding">
												<img src="https://jonathanbotha.info/wp-content/uploads/2020/01/sujustkidding-92x92.png" alt="Client" />
											</a>
				</div>
			</div>
		</div>
				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://www.matiesdance.co.za">
												<img src="https://jonathanbotha.info/wp-content/uploads/2020/01/matiesdance-92x92.png" alt="Client" />
											</a>
				</div>
			</div>
		</div>
				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://umadbrah.co.za/">
												<img src="https://jonathanbotha.info/wp-content/uploads/2020/01/umadbruh-92x92.png" alt="Client" />
											</a>
				</div>
			</div>
		</div>
				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://www.entelect.co.za/">
												<img src="https://jonathanbotha.info/wp-content/uploads/2021/03/jy3uknbk4zjvytk44jsm-92x92.png" alt="Client" />
											</a>
				</div>
			</div>
		</div>
				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://www.standardbank.co.za/">
												<img src="https://jonathanbotha.info/wp-content/uploads/2021/11/SB-fc-stacked-1-92x92.jpg" alt="Client" />
											</a>
				</div>
			</div>
		</div>
				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://roomguard.co.za/">
												<img src="https://jonathanbotha.info/wp-content/uploads/2021/11/Updated-Logo-Jan-21-92x92.png" alt="Client" />
											</a>
				</div>
			</div>
		</div>
				<!-- client item -->
		<div class="col col-d-3 col-t-3 col-m-6 border-line-v">
			<div class="client-item">
				<div class="image">
					<a target="_blank" href="https://www.locstat.co.za">
												<img src="https://jonathanbotha.info/wp-content/uploads/2023/06/thumbnail_image003-184x49.png" alt="Client" />
											</a>
				</div>
			</div>
		</div>
		
		<div class="clear"></div>
	</div>

</div>						</div>
					</div>

				
					<div class="card-inner" id="card-resume">
						<div class="card-wrap">	
							
<!--
	Resume
-->
<div class="content resume">

		<!-- title -->
	<div class="title">Resume</div>
	
		<!-- content -->
	<div class="row">
		
				<!-- experience -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-v">
						<div class="resume-title border-line-h">
								<div class="icon"><i class="ion ion-briefcase"></i></div>
												<div class="name">Experience</div>
							</div>
			
						<div class="resume-items">
								<div class="resume-item border-line-h active">
										<div class="date">2023-current</div>
					<div class="name">Software Engineer</div>
					<div class="company">Locstat</div>
					<div class="single-post-text"><p>Locstat hired me to assist them with expanding their Graph-centric systems. I play an active role on the team as a software engineer and get to play with lots of cutting edge technologies.</p>
</div>
				</div>
								<div class="resume-item border-line-h ">
										<div class="date">2021-2023</div>
					<div class="name">Intermediate Software Engineer</div>
					<div class="company">Entelect Software</div>
					<div class="single-post-text"><p>As a software engineer at Entelect I have had experience in enterprise-level solutions with an Agile development methodology.</p>
</div>
				</div>
								<div class="resume-item border-line-h ">
										<div class="date">2018 - 2019</div>
					<div class="name">Web Developer</div>
					<div class="company">Textrader</div>
					<div class="single-post-text"><p>Design, create and maintain the Textrader website using PHP, MySQL and Bootstrap.</p>
</div>
				</div>
								<div class="resume-item border-line-h ">
										<div class="date">2017 - 2019</div>
					<div class="name">Web Developer</div>
					<div class="company">Maties Ballroom and Lating-American Society</div>
					<div class="single-post-text"><p>Design, create and maintained a website as well as an Ionic-based NFC authorization mobile app.</p>
</div>
				</div>
								<div class="resume-item border-line-h active">
										<div class="date"></div>
					<div class="name">Internships</div>
					<div class="company">3 completed</div>
					<div class="single-post-text"><p><strong>Entersekt</strong> &#8211; 2019<br />
<strong>Fintech Labs</strong> &#8211; 2018<br />
<strong>ZenAptix</strong> &#8211; 2017</p>
<p>&nbsp;</p>
</div>
				</div>
							</div>
					</div>
				<!-- experience -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-v">
						<div class="resume-title border-line-h">
								<div class="icon"><i class="ion ion-university"></i></div>
												<div class="name">EDUCATION</div>
							</div>
			
						<div class="resume-items">
								<div class="resume-item border-line-h active">
										<div class="date">2019 - current</div>
					<div class="name">Computer Science Honours</div>
					<div class="company">Stellenbosch University</div>
					<div class="single-post-text"><p>Honours Degree in Computer Science Stellenbosch University, Western Cape, South Africa</p>
</div>
				</div>
								<div class="resume-item border-line-h ">
										<div class="date">2020</div>
					<div class="name">ModPro Summer School</div>
					<div class="company">Software modelling summer school</div>
					<div class="single-post-text"><p>Completed the course with a &#8216;Honourable mention&#8217; for the feature modelling project.</p>
</div>
				</div>
								<div class="resume-item border-line-h ">
										<div class="date">2017 - 2019</div>
					<div class="name">Mathematical Sciences (Computer Science)</div>
					<div class="company">Stellenbosch University</div>
					<div class="single-post-text"><p>Bachelor&#8217;s Degree <em>(cum laude)</em> in Mathematical Sciences with Computer Science Stellenbosch University, Western Cape, South Africa</p>
</div>
				</div>
							</div>
					</div>
		
		<div class="clear"></div>
	</div>
	
</div>
<!--
	Skills
-->
<div class="content skills">

		<!-- title -->
	<div class="title">My Skills</div>
	
		<!-- content -->
	<div class="row">
		
				<!-- skill item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-v">
			<div class="skills-list percent">
				<div class="skill-title border-line-h">
										<div class="icon"><i class="ion ion-code"></i></div>
															<div class="name">Coding</div>
									</div>

								<ul>
										<li class="border-line-h"> 
						<div class="name">Python</div>
						<div class="progress ">
							<div class="percentage" style="width:95%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">Java</div>
						<div class="progress ">
							<div class="percentage" style="width:90%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">NodeJS</div>
						<div class="progress ">
							<div class="percentage" style="width:85%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">C</div>
						<div class="progress ">
							<div class="percentage" style="width:70%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">.NET</div>
						<div class="progress ">
							<div class="percentage" style="width:95%;"></div>
													</div>
					</li>
									</ul>
							</div>
		</div>
				<!-- skill item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-v">
			<div class="skills-list percent">
				<div class="skill-title border-line-h">
										<div class="icon"><i class="ion ion-calculator"></i></div>
															<div class="name">Mathematics</div>
									</div>

								<ul>
										<li class="border-line-h"> 
						<div class="name">Graph Theory</div>
						<div class="progress ">
							<div class="percentage" style="width:90%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">Applied Mathematics</div>
						<div class="progress ">
							<div class="percentage" style="width:87%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">Calculus</div>
						<div class="progress ">
							<div class="percentage" style="width:80%;"></div>
													</div>
					</li>
										<li class="border-line-h"> 
						<div class="name">Algebra</div>
						<div class="progress ">
							<div class="percentage" style="width:75%;"></div>
													</div>
					</li>
									</ul>
							</div>
		</div>
		
		<div class="clear"></div>
	</div>
	
</div>						</div>
					</div>

				
					<div class="card-inner" id="card-works">
						<div class="card-wrap">	
							
<!--
	Works
-->
<div class="content works">

	
	<!-- title -->
	<div class="title ">Recent Works</div>

			<!-- filters -->
		<div class="filter-menu filter-button-group">
			<div class="f_btn active">
				<label><input type="radio" name="fl_radio" value=".grid-item" />All</label>
			</div>
						<div class="f_btn">
				<label><input type="radio" name="fl_radio" value=".f-website" />Website</label>
			</div>
						<div class="f_btn">
				<label><input type="radio" name="fl_radio" value=".f-video" />Video</label>
			</div>
						<div class="f_btn">
				<label><input type="radio" name="fl_radio" value=".f-academic" />Academic</label>
			</div>
					</div>
	
		<!-- content -->
	<div class="row grid-items border-line-v">

				
Deprecated: Using null as an array offset is deprecated, use an empty string instead in /var/www/html/wp-includes/class-wp-block-type-registry.php on line 168
		<!-- work item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h grid-item f-video ">
			<div class="box-item">
				<div class="image">
											<a href="https://www.youtube.com/watch?v=t1gi2RrdrSo" class="has-popup-video">
							<img width="600" height="338" src="https://jonathanbotha.info/wp-content/uploads/2020/01/maxresdefault-600x338.jpg" class="attachment-ryancv_600xauto size-ryancv_600xauto wp-post-image" alt="Fragments title" decoding="async" fetchpriority="high" srcset="https://jonathanbotha.info/wp-content/uploads/2020/01/maxresdefault-600x338.jpg 600w, https://jonathanbotha.info/wp-content/uploads/2020/01/maxresdefault-300x169.jpg 300w, https://jonathanbotha.info/wp-content/uploads/2020/01/maxresdefault-1024x576.jpg 1024w, https://jonathanbotha.info/wp-content/uploads/2020/01/maxresdefault-768x432.jpg 768w, https://jonathanbotha.info/wp-content/uploads/2020/01/maxresdefault.jpg 1280w" sizes="(max-width: 600px) 100vw, 600px" />							<span class="info">
								<span class="ion ion-videocamera"></span>
							</span>
						</a>
															</div>
				<div class="desc">
											<a href="https://jonathanbotha.info/portfolio-archive/fragments/" class="name">Fragments</a>
					
											<div class="category">Video </div>
									</div>

							</div>
		</div>
						<!-- work item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h grid-item f-website ">
			<div class="box-item">
				<div class="image">
											<a href="#popup-44" class="has-popup-media">
							<img width="600" height="400" src="https://jonathanbotha.info/wp-content/uploads/2018/11/laptop-3539656_1280-600x400.jpg" class="attachment-ryancv_600xauto size-ryancv_600xauto wp-post-image" alt="Textrader site display" decoding="async" srcset="https://jonathanbotha.info/wp-content/uploads/2018/11/laptop-3539656_1280-600x400.jpg 600w, https://jonathanbotha.info/wp-content/uploads/2018/11/laptop-3539656_1280-300x200.jpg 300w, https://jonathanbotha.info/wp-content/uploads/2018/11/laptop-3539656_1280-1024x682.jpg 1024w, https://jonathanbotha.info/wp-content/uploads/2018/11/laptop-3539656_1280-768x512.jpg 768w, https://jonathanbotha.info/wp-content/uploads/2018/11/laptop-3539656_1280.jpg 1280w" sizes="(max-width: 600px) 100vw, 600px" />							<span class="info">
								<span class="ion ion-search"></span>
							</span>
						</a>
															</div>
				<div class="desc">
											<a href="https://jonathanbotha.info/portfolio-archive/mobile-application/" class="name">Textrader</a>
					
											<div class="category">Website </div>
									</div>

								<div id="popup-44" class="popup-box mfp-fade mfp-hide">
					<div class="content">
						<div class="preloader-popup">
							<div class="centrize full-width">
								<div class="vertical-center">
									<div class="spinner default-circle"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
							</div>
		</div>
						<!-- work item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h grid-item f-academic ">
			<div class="box-item">
				<div class="image">
											<a href="#gallery-495" class="has-popup-gallery">
							<img width="600" height="360" src="https://jonathanbotha.info/wp-content/uploads/2021/03/plat2-600x360.png" class="attachment-ryancv_600xauto size-ryancv_600xauto wp-post-image" alt="" decoding="async" srcset="https://jonathanbotha.info/wp-content/uploads/2021/03/plat2-600x360.png 600w, https://jonathanbotha.info/wp-content/uploads/2021/03/plat2-300x180.png 300w, https://jonathanbotha.info/wp-content/uploads/2021/03/plat2-768x461.png 768w, https://jonathanbotha.info/wp-content/uploads/2021/03/plat2.png 826w" sizes="(max-width: 600px) 100vw, 600px" />							<span class="info">
								<span class="ion ion-images"></span>
							</span>
						</a>
													<div id="gallery-495" class="mfp-hide">
																								<a href="https://jonathanbotha.info/wp-content/uploads/2021/03/plat2.png"></a>
																								<a href="https://jonathanbotha.info/wp-content/uploads/2021/03/plat1.png"></a>
															</div>
															</div>
				<div class="desc">
											<a href="https://jonathanbotha.info/portfolio-archive/a-cape-platanna-re-identification-pipeline/" class="name">A Cape Platanna Re-identification Pipeline</a>
					
											<div class="category">Academic </div>
									</div>

							</div>
		</div>
						<!-- work item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h grid-item f-website ">
			<div class="box-item">
				<div class="image">
											<a href="https://cpdpod.co.za/" class="has-popup-link" target="_blank">
							<img width="316" height="114" src="https://jonathanbotha.info/wp-content/uploads/2021/03/cpd.png" class="attachment-ryancv_600xauto size-ryancv_600xauto wp-post-image" alt="" decoding="async" srcset="https://jonathanbotha.info/wp-content/uploads/2021/03/cpd.png 316w, https://jonathanbotha.info/wp-content/uploads/2021/03/cpd-300x108.png 300w" sizes="(max-width: 316px) 100vw, 316px" />							<span class="info">
								<span class="ion ion-link"></span>
							</span>
						</a>
															</div>
				<div class="desc">
											<a href="https://jonathanbotha.info/portfolio-archive/cpdpod/" class="name">CPDPod</a>
					
											<div class="category">Website </div>
									</div>

							</div>
		</div>
						<!-- work item -->
		<div class="col col-d-6 col-t-6 col-m-12 border-line-h grid-item f-website ">
			<div class="box-item">
				<div class="image">
											<a href="https://jonathanbotha.info/wp-content/uploads/2021/03/rg.png" class="has-popup-image">
							<img width="600" height="294" src="https://jonathanbotha.info/wp-content/uploads/2021/03/rg-600x294.png" class="attachment-ryancv_600xauto size-ryancv_600xauto wp-post-image" alt="" decoding="async" srcset="https://jonathanbotha.info/wp-content/uploads/2021/03/rg-600x294.png 600w, https://jonathanbotha.info/wp-content/uploads/2021/03/rg-300x147.png 300w, https://jonathanbotha.info/wp-content/uploads/2021/03/rg-1024x502.png 1024w, https://jonathanbotha.info/wp-content/uploads/2021/03/rg-768x377.png 768w, https://jonathanbotha.info/wp-content/uploads/2021/03/rg-1536x753.png 1536w, https://jonathanbotha.info/wp-content/uploads/2021/03/rg.png 1906w" sizes="(max-width: 600px) 100vw, 600px" />							<span class="info">
								<span class="ion ion-image"></span>
							</span>
						</a>
															</div>
				<div class="desc">
											<a href="https://jonathanbotha.info/portfolio-archive/roomguard/" class="name">RoomGuard</a>
					
											<div class="category">Website </div>
									</div>

							</div>
		</div>
		
		<div class="clear"></div>
	</div>
	
</div>						</div>
					</div>

				
					<div class="card-inner" id="card-blog">
						<div class="card-wrap">	
							

<!--
	Blog
-->
<div class="content blog">
			<!-- title -->
		<div class="title">Latest Posts</div>

		<!-- content -->
		<div class="row border-line-v">

			

<!-- blog item -->
<div class="col col-d-6 col-t-6 col-m-12">
	<div class="box-item">
		<div id="post-472" class="post-472 post type-post status-publish format-standard has-post-thumbnail hentry category-education tag-mathematics tag-pi">
			<div class="image">
						
						<a class="post-thumbnail" href="https://jonathanbotha.info/2020/03/17/memorising-pi/" aria-hidden="true" tabindex="-1">
				<img width="590" height="330" src="https://jonathanbotha.info/wp-content/uploads/2020/03/download-590x330.png" class="attachment-ryancv_590x330 size-ryancv_590x330 wp-post-image" alt="Memorising π" decoding="async" loading="lazy" />				<span class="info">
					<span class="ion ion-document-text"></span>
				</span>
			</a>
			
					</div>
			<div class="desc">
									<a href="https://jonathanbotha.info/2020/03/17/memorising-pi/">
						<span class="date">
							March 17, 2020						</span>
					</a>
				
				<a href="https://jonathanbotha.info/2020/03/17/memorising-pi/" class="name">Memorising π</a>
				
				
								<div class="text">
					<p>I celebrated Pi Day for the first time this year and learnt 37 digits of pi along the way.</p>
				</div>
							</div>
		</div>
	</div>
</div>

<!-- blog item -->
<div class="col col-d-6 col-t-6 col-m-12">
	<div class="box-item">
		<div id="post-462" class="post-462 post type-post status-publish format-standard has-post-thumbnail hentry category-event tag-features tag-modelling tag-programming tag-summer-school">
			<div class="image">
						
						<a class="post-thumbnail" href="https://jonathanbotha.info/2020/01/24/the-modpro-experience/" aria-hidden="true" tabindex="-1">
				<img width="590" height="330" src="https://jonathanbotha.info/wp-content/uploads/2020/01/MODPRO_Digital_curves-CroppedLongSmall-590x330.jpg" class="attachment-ryancv_590x330 size-ryancv_590x330 wp-post-image" alt="The ModPro experience" decoding="async" loading="lazy" />				<span class="info">
					<span class="ion ion-document-text"></span>
				</span>
			</a>
			
					</div>
			<div class="desc">
									<a href="https://jonathanbotha.info/2020/01/24/the-modpro-experience/">
						<span class="date">
							January 24, 2020						</span>
					</a>
				
				<a href="https://jonathanbotha.info/2020/01/24/the-modpro-experience/" class="name">The ModPro experience</a>
				
				
								<div class="text">
					<p>In January I started at the ModPro Summer School, which consisted of many speakers of whom are experts in the&#8230;</p>
				</div>
							</div>
		</div>
	</div>
</div>
			<div class="clear"></div>
		</div>

				<div class="pager">
					</div>
		
		
	</div>						</div>
					</div>

				
					<div class="card-inner" id="card-contacts">
						<div class="card-wrap">	
							
<!--
	Conacts Info
-->
<div class="content contacts">

		<!-- title -->
	<div class="title">Get in Touch</div>
	
	<!-- content -->
	<div class="row">
		<div class="col col-d-12 col-t-12 col-m-12 border-line-v">
						<div class="map acf-map hide-map">
				<div class="marker" data-lat="36.778261" data-lng="-119.41793239999998"></div>
			</div>
			
						<div class="info-list">
				<ul>
										<li>
						<strong>Address:</strong> 
						Stellenbosch, Western Cape, South Africa					</li>
										<li>
						<strong>Email:</strong> 
						jonathan.botha.com@gmail.com					</li>
									</ul>
			</div>
					</div>
		<div class="clear"></div>
	</div>

</div>						</div>
					</div>

					

		</div>
	</div>

	<link rel='stylesheet' id='font-awesome-css' href='https://use.fontawesome.com/releases/v5.15.4/css/all.css?ver=6.4.11' type='text/css' media='all' />
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/skip-link-focus-fix.js?ver=20151215" id="ryancv-skip-link-focus-fix-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/modernizr.custom.js?ver=1.0.0" id="modernizr-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/magnific-popup.js?ver=1.0.0" id="magnific-popup-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/jquery.validate.js?ver=1.0.0" id="jquery-validate-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/jquery.cookie.js?ver=1.0.0" id="jquery-cookie-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/imagesloaded.pkgd.js?ver=1.0.0" id="imagesloaded-pkgd-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/isotope.pkgd.js?ver=1.0.0" id="ryancv-isotope-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/typed.js?ver=1.0.0" id="ryancv-typed-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/swiper.js?ver=1.0.0" id="swiper-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/rrssb.js?ver=1.0.0" id="rrssb-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/jquery.calendario.js?ver=1.0.0" id="calendario-js"></script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/ryan-scripts.js?ver=1.0.0" id="ryancv-scripts-js"></script>
<script type="text/javascript" id="ajax-portfolio-content-js-extra">
/* <![CDATA[ */
var portfolio_ajax_loading_data = {"url":"https:\/\/jonathanbotha.info\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://jonathanbotha.info/wp-content/themes/ryancv/assets/js/ajax-portfolio-content.js?ver=1.0" id="ajax-portfolio-content-js"></script>
	
</body>
</html>