Question Answering - Jonathon Durno

</div></div></section></div><section id="section-2-86" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="new_columns-82-95" class="ct-new-columns" ><div id="div_block-84-95" class="ct-div-block" ><div id="div_block-97-95" class="ct-div-block" ><h2 id="headline-104-95" class="ct-headline">Connect with me&nbsp;</h2><a id="link-134-95" class="ct-link" href="https://www.linkedin.com/in/jonathon-durno-367197163/" target="_blank"  ><div id="fancy_icon-133-95" class="ct-fancy-icon" ><svg id="svg-fancy_icon-133-95"><use xlink:href="#FontAwesomeicon-linkedin-square"></use></svg></div></a></div><div id="div_block-113-95" class="ct-div-block" ><div id="div_block-125-95" class="ct-div-block" ></div><div id="code_block-106-95" class="ct-code-block" ><div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="dark" data-type="VERTICAL" data-vanity="jonathon-durno-367197163" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://za.linkedin.com/in/jonathon-durno-367197163?trk=profile-badge"></a></div>
              </div></div></div><div id="div_block-85-95" class="ct-div-block" ><a id="link-129-95" class="ct-link" href="https://www.linkedin.com/in/jonathon-durno-367197163/" target="_blank"  ><div id="fancy_icon-127-95" class="ct-fancy-icon" ><svg id="svg-fancy_icon-127-95"><use xlink:href="#FontAwesomeicon-linkedin-square"></use></svg></div></a><h2 id="headline-88-95" class="ct-headline">Contact Me</h2><div id="div_block-121-95" class="ct-div-block" ></div><div id="code_block-87-95" class="ct-code-block" ><!-- --></div><div id="shortcode-86-95" class="ct-shortcode contactFormShortcodeClass" >
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!-- Latest compiled and minified JavaScript -->

<style>
		#firstRowContact {
			flex-direction: row;
		}
	@media screen and (max-width: 768px) {
		
		#firstRowContact {
			flex-direction: column;
		}
	}
	.btn-primary {
		background-color: rgba(0,0,0,0.2);
		border: none;
		outline: none;
		color: black;
	}
	.btn-primary:hover {
		background-color: rgba(0,0,0,0.4);
		cursor: pointer;
		color: white;
	}
@keyframes spinner {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      #spin {
		  display: none;
		  z-index: 9999;
        animation: 1.5s linear infinite spinner;
        animation-play-state: inherit;
        border: solid 5px #cfd0d1;
        border-bottom-color: #1c87c9;
        border-radius: 50%;
        height: 32px;
		  opacity: 0.8;
        width: 32px;
        top: 10%;
        left: 10%;
        will-change: transform;
      }

</style>

<script>
    function submitCaptcha(token) {
        var sendButton = document.getElementById("submitButtonForm");
        sendButton.style.pointerEvents = "auto";
        sendButton.classList.add("btn-primary");
    }
    
    function submitForm() {  
var spinned = document.getElementById("spin");
		spinned.style.display = "block";
        var name = document.getElementById("JDC_F_name").value;
        var email = document.getElementById("JDC_F_email").value;
        var subject = document.getElementById("JDC_F_subject").value;
        var message = document.getElementById("JDC_F_message").value;
    
        // xmlhttp request to server
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open('POST', "https://jonathondurno.com/wp-admin/admin-ajax.php", true);
        xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

        xmlhttp.onreadystatechange = function () {
            if (this.readyState==4 && this.status==200) {
                // parse the json string into a javascript object
                var statusElements = document.getElementsByClassName("JDC_F_status");
                for (var el in statusElements) {
					spinned.style.display = "none";
                    statusElements[el].innerText =  JSON.parse(this.responseText)[0];
                }
                console.log(JSON.parse(this.responseText)[1]);
            }
        };
        // send the info to php
        var captchaResponse = grecaptcha.getResponse();
        var contactFormData = name + "/////" + email + "/////" + subject + "/////" + message + "/////" + captchaResponse;
        xmlhttp.send('action=contactFormFunction&contactFormData=' + contactFormData);
    }
    function recaptchaExpired() {
        var sendButton = document.getElementById("submitButtonForm");
        sendButton.style.pointerEvents = "none";
        sendButton.classList.remove("btn-primary");
    }
// })
</script>

<section style="display: flex; flex-direction: column; gap: 10px 10px;">

    
			<div id="firstRowContact" id="changeThisWidth" style="display: flex; gap: 10px 10px;">
				<input style="width: 100%;" type="text" placeholder="Your name" id="JDC_F_name" name="name" class="form-control formBack">
				<input style="width: 100%;" type="text" id="JDC_F_email" placeholder="Your email" name="email" class="form-control formBack">
			</div>
			
            
			
           <input type="text" placeholder="Subject" id="JDC_F_subject" name="subject" class="form-control formBack">
         	<textarea placeholder="Your message" type="text" id="JDC_F_message" name="message" rows="2" class="form-control md-textarea formBack"></textarea>
																																	
             <a style="width: 100%" class="g-recaptcha" data-sitekey=6Lf2oY4dAAAAAGsOQco_CXZ0tv9VggM2yxAUuQsY data-callback="submitCaptcha" data-expired-callback="recaptchaExpired"></a> 
																																	<div class="fifthRowContact" style="display: flex;">
				                <button class="btn" id="submitButtonForm" style="pointer-events: none; background-color; grey;" onclick="submitForm()">Send</button>
<div id="spin" style="margin-left: 10px;"></div><div class="JDC_F_status" style="margin-top: 7px; color: white; display: inline-block; margin-left: 10px; color: #A9A9A9;"></div>
</div>

		 
    
</section>

</div></div></div><div id="code_block-143-95" class="ct-code-block" >Copyright © Jonathon Durno 2025</div><a id="link-122-95" class="ct-link oxel_back_to_top_container" href="#top" target="_self"  ><div id="code_block-123-95" class="ct-code-block" ><!-- --></div><div id="fancy_icon-124-95" class="ct-fancy-icon oxel_back_to_top_icon" ><svg id="svg-fancy_icon-124-95"><use xlink:href="#FontAwesomeicon-angle-double-up"></use></svg></div></a></div></section>	<!-- WP_FOOTER -->
<script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#121212;border-color:#2a2a2a">  <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#d0d0d0">We value your privacy</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#d0d0d0"> <p style="color: white !important">We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Customize" data-cky-tag="settings-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0">Customize</button> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0">Reject All</button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color:#d0d0d0;background-color:#1863DC;border-color:#1863DC">Accept All</button>  </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#d0d0d0;background-color:#121212;border-color:#2A2A2A"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#d0d0d0">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://jonathondurno.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#d0d0d0"> <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. </p><p>We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p><p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#d0d0d0">Necessary</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#d0d0d0">Functional</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#d0d0d0">Analytics</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#d0d0d0">Performance</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#d0d0d0">Advertisement</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="detail-reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Reject All </button> <button class="cky-btn cky-btn-preferences" aria-label="Save My Preferences" data-cky-tag="detail-save-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Save My Preferences </button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="detail-accept-button" style="color:#d0d0d0;background-color:#1863DC;border-color:#1863DC"> Accept All </button> </div></div></div></div></script><style>.ct-FontAwesomeicon-linkedin-square{width:0.85714285714286em}</style>
<style>.ct-FontAwesomeicon-angle-double-up{width:0.64285714285714em}</style>
<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="FontAwesomeicon-linkedin-square" viewBox="0 0 24 28"><title>linkedin-square</title><path d="M3.703 22.094h3.609v-10.844h-3.609v10.844zM7.547 7.906c-0.016-1.062-0.781-1.875-2.016-1.875s-2.047 0.812-2.047 1.875c0 1.031 0.781 1.875 2 1.875h0.016c1.266 0 2.047-0.844 2.047-1.875zM16.688 22.094h3.609v-6.219c0-3.328-1.781-4.875-4.156-4.875-1.937 0-2.797 1.078-3.266 1.828h0.031v-1.578h-3.609s0.047 1.016 0 10.844v0h3.609v-6.062c0-0.313 0.016-0.641 0.109-0.875 0.266-0.641 0.859-1.313 1.859-1.313 1.297 0 1.813 0.984 1.813 2.453v5.797zM24 6.5v15c0 2.484-2.016 4.5-4.5 4.5h-15c-2.484 0-4.5-2.016-4.5-4.5v-15c0-2.484 2.016-4.5 4.5-4.5h15c2.484 0 4.5 2.016 4.5 4.5z"/></symbol><symbol id="FontAwesomeicon-angle-double-up" viewBox="0 0 18 28"><title>angle-double-up</title><path d="M16.797 20.5c0 0.125-0.063 0.266-0.156 0.359l-0.781 0.781c-0.094 0.094-0.219 0.156-0.359 0.156-0.125 0-0.266-0.063-0.359-0.156l-6.141-6.141-6.141 6.141c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l7.281-7.281c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l7.281 7.281c0.094 0.094 0.156 0.234 0.156 0.359zM16.797 14.5c0 0.125-0.063 0.266-0.156 0.359l-0.781 0.781c-0.094 0.094-0.219 0.156-0.359 0.156-0.125 0-0.266-0.063-0.359-0.156l-6.141-6.141-6.141 6.141c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l7.281-7.281c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l7.281 7.281c0.094 0.094 0.156 0.234 0.156 0.359z"/></symbol></defs></svg>
		<script type="text/javascript">
			jQuery(document).ready(function() {
				jQuery('body').on('click', '.oxy-menu-toggle', function() {
					jQuery(this).parent('.oxy-nav-menu').toggleClass('oxy-nav-menu-open');
					jQuery('body').toggleClass('oxy-nav-menu-prevent-overflow');
					jQuery('html').toggleClass('oxy-nav-menu-prevent-overflow');
				});
				var selector = '.oxy-nav-menu-open .menu-item a[href*="#"]';
				jQuery('body').on('click', selector, function(){
					jQuery('.oxy-nav-menu-open').removeClass('oxy-nav-menu-open');
					jQuery('body').removeClass('oxy-nav-menu-prevent-overflow');
					jQuery('html').removeClass('oxy-nav-menu-prevent-overflow');
					jQuery(this).click();
				});
			});
		</script>

	<script type="text/javascript" id="ct-footer-js">jQuery('.freelance-iconblock-3-column').attr({'data-aos-enable': 'true','data-aos': 'flip-down','data-aos-duration': '1000','data-aos-delay': '500',});
	  	AOS.init({
	  		  		  		  		  		  		  				  			})
		
				jQuery('body').addClass('oxygen-aos-enabled');
		
		
	</script><style type="text/css" id="ct_code_block_css_100075">
#_search_form-73-95 input{
	background-color: #242732;
	outline: none;
	border: none;
	height: 50px;
}

#_search_form-73-95 input[type='text'] {
	width: 200px;
}
@media (max-width: 992px) and (min-width: 480px) {
	#_search_form-73-95 input[type='text'] {
	width: 200px;
}
}

@media screen and (max-width: 1120px and min-width: 768px) {
	#_search_form-73-95 input {
		width: 50%;
	}
	
}




@media (max-width: 1120px){
	#_search_form-73-95 input[type='text'] {
	width: 160px;
		
}
}

@media (max-width: 768px){
	#_search_form-73-95 input[type='text'] {
	width: 280px;
}
}</style>
<style type="text/css" id="ct_code_block_css_100087">.contactFormShortcodeClass input, .contactFormShortcodeClass textarea {
	color: white;
	background-color: rgba(255,255,255,0.12);
	outline: none;
	border: none;
	border-radius: 8px;
	padding: 10px 10px 10px 15px;
	font-family: ubuntu;
	font-size: 16px;
}
.contactFormShortcodeClass button {
	background-color: rgba(255,255,255,0.45);
	color: black; 
	border: none;
	border-radius: 25px;
	padding: 8px;
	width: 65px;
}
@media screen and (max-width: 768px) {
	#submitButtonForm {
		float: left;
	}
} 
@media screen and (max-width: 387px) {
	.g-recaptcha iframe {
		    float: left;
    width: 165px;
		border-radius: 8px;
		border: none;
		outline: none;
	}
}</style>
<script type="text/javascript" id="ct_code_block_js_100123">//** Oxygen Composite Elements Settings Section **//
//** Edit the variables below to change the behavior of the element. **//

var scrollDistance = 300; // Set this to the scroll distance at which you want the button to appear.

//** That's it, stop editing! **/

jQuery(document).ready( function() {
  
  // If we're in the builder, do not execute.
  var url_string = window.location.href;
  var url = new URL(url_string);
  var param = url.searchParams.get("ct_builder");
  
  if( param ) { return; }
  
  jQuery('.oxel_back_to_top_container').addClass('oxel_back_to_top_container--hidden');
  
})

jQuery(window).on('scroll', function() {
  
  var topPos = jQuery(window).scrollTop();
  
  if( topPos > scrollDistance ) {
   jQuery('.oxel_back_to_top_container').removeClass('oxel_back_to_top_container--hidden'); 
  } else {
   jQuery('.oxel_back_to_top_container').addClass('oxel_back_to_top_container--hidden');
  }
  
})</script>
<style type="text/css" id="ct_code_block_css_100123">.oxel_back_to_top_container--hidden {
 bottom: -64px; 
}</style>
<!-- /WP_FOOTER --> 
</body>
</html>