
<!DOCTYPE html> 
<html lang="en">
   <head>
   		<!-- Meta Data -->
   		<meta charset="utf-8">
   		<meta name="robots" content="index,follow">
   		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="Send an email message or schedule an appointment with Mark T. Johnson.">
		<meta name="keywords" content="Mark Johnson, Mark T. Johnson, Account, Contact, Email, Message, Schedule an Appointment, Schedule a Meeting">	
		<meta name="document-type" content="Public">
		<meta name="copyright" content="Mark Johnson Professional Corporation">
		<meta name="author" content="TecStratus Inc.">
		<meta name="date" content="Apr. 20, 2018">
		<title>Mark Johnson Professional Corporation</title>
		
		<!-- CSS -->
		<link rel="stylesheet" media="all" type="text/css" href="../css/style-01.css" />
		
		<!-- Lightview -->
		<link rel="stylesheet" media="all" type="text/css" href="../css/lightview.css" />
	
		<!-- Fav Icon -->
			<link rel="apple-touch-icon" sizes="57x57" href="../images/icons/favicon/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="../images/icons/favicon/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="../images/icons/favicon/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="../images/icons/favicon/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="../images/icons/favicon/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="../images/icons/favicon/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="../images/icons/favicon/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="../images/icons/favicon/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="../images/icons/favicon/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="../images/icons/favicon/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="../images/icons/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="../images/icons/favicon/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="../images/icons/favicon/favicon-16x16.png">
	<link rel="manifest" href="../images/icons/favicon/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="../images/icons/favicon/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">

		<!-- JAVASCRIPT -->
		<script type="text/javascript" src="../js/imagerollover.js"></script>
		
		<!-- Lightview -->
		<script type="text/javascript" src="../js/jquery/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script>
		<script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js"></script>
		<script type="text/javascript" src="../js/lightview.js"></script>
	
		<!-- Send Email -->
		<script type="text/javascript" src="../js/sendemail.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>

		<!-- Directions -->
		<script type="text/javascript" src="../js/directions.js"></script>

		
		<script>
			function loadDirections(jvSSLStatus,jvFromAddress) {
			
				location.assign('http://markjohnson.ca/contact/directions/?ssl='+jvSSLStatus+'&from='+jvFromAddress);
				
			}
				
		</script>
		
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-48991070-11"></script>
		<script>
  			window.dataLayer = window.dataLayer || [];
  				function gtag(){dataLayer.push(arguments);}
  				gtag('js', new Date());

  				gtag('config', 'UA-48991070-11');
		</script>


		
		<!-- No Script -->
		<noscript>Please enable JavaScript on your web browser to ensure that the markjohnson.ca web pages load correctly.</noscript>

	</head>
	<body>
		
		<!-- Section: Header -->
				<div id="div-header" class="div-header">
			<div id="div-header-centered" class="div-centered">
				<div id="div-header-containter" class="div-header-container">
					<div id="div-header-logo" class="div-header-logo">
						<a href="http://markjohnson.ca"><img id="img-header-logo" alt="" src="../images/logos/logo_navy_v2_205x62.png"></a>
						<table id="table-header-mobile-logo" style="margin: 0px 0px 0px auto; border-collapse:collapse;">
							<tbody>
								<tr>
									<td><img id="img-header-mobile-logo" alt="" src="../images/logos/logo_mobile_152x43.jpg"></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div id="div-header-search" class="div-header-search" style="vertical-align:top; text-align:right;">
						<table id="table-header-search" style="margin-right: 0px; margin-left:auto;">
							<tbody>
								<tr>
									<td style="font-family:Verdana, Geneva, Tahoma, sans-serif; font-size: 0.8em;">
										<img alt="" style="vertical-align:bottom" src="../images/icons/icon_login_18x18.png"> 
										<a href="../accounts/" class="a-header-link">My Account</a> | 
										<a href="tel:+1-780-986-8600" class="a-header-link">780-986-8600</a> | 
										<strong><a href="http://markjohnson.ca" class="a-header-link">Home</a></strong>
									</td>								
								</tr>
								<tr>
									<td >
										<form id="form-site-search" method="get" action="https://www.google.com/search">
											<input id="text-header-search" class="text-header-search" name="textHeaderSearch" type="text" placeholder="Search Site" />
											<button id="button-header-search" class="button-header-search" type="submit"><img alt="" src="../images/icons/icon_search_18x18.png"></button>
											<input type="hidden" name="sitesearch" value="markjohnson.ca" checked />
										</form>
									</td>
								</tr>
							</tbody>
						</table>
						<table id="table-header-mobile-menu" style="min-width:148px; max-width:348px; margin: 0px 0px 0px auto; border-collapse:collapse;">
							<tbody>
								<tr>
									<td style="margin-right:5px;">
										<img id="img-header-mobile-menu-text" alt="" src="../images/mobile/logo_mobile_menu_55x43.jpg">
										<img id="img-header-mobile-menu-button" alt="Menu" src="../images/mobile/button_mobile_menu_close_43x43.jpg" onclick="showMobileDropMenu('true',this.src)">										
									</td>
								</tr>
							</tbody>
						</table>						
					</div>
				</div>		
			</div>
		</div>
		<div id="div-menu-drop-down-mobile" class="div-menu-drop-down-mobile" onmouseout="hideDropMenu('div-menu-drop-down-about')">
			<table style="width:100%; border-collapse:collapse;">
				<tbody>
					<tr>
						<td class="td-menu-drop-down-mobile-search">
							<form id="form-site-search" method="get" action="https://www.google.com/search">
								<input id="text-header-search" class="text-header-search" name="textHeaderSearch" type="text" placeholder="Search Site" />
								<button id="button-header-search" class="button-header-search" type="submit"><img alt="" src="../images/icons/icon_search_18x18.png"></button>
								<input type="hidden" name="sitesearch" value="markjohnson.ca" checked />
							</form>
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('http://markjohnson.ca')">
							Home
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('../accounts/')">
							My Account
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('../about/')">
							About
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('../legalservices/')">
							Legal Services
						</td>
					</tr>
					<tr>
						<td class="td-menu-drop-down-mobile" onclick="navigateSite('../contact/')">
							Contact
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		
		<!-- Section: Menu  -->
				<!--
		
			if the website requires drop-down menus 
			
			(1) add the following line:
			
				onmouseover="showDropMenu('div-menu-drop-down-xxx','div-menu-drop-down')"
			
				where 'xxx' corresponds to the drop-down div id within the td tag;
			
				to each td tag with the following classes:
				-td-menu-cell-first
				-td-menu-cell
				-td-menu-cell-last
			
			(2) Uncomment the drop-down div within each td tag
			
			(3) If the parent td menu item needs to link add the following line inside the td tag:
			
			(4) Adjust the width of the drop-down menus by modifying 'style=min-width:40px;' within the drop-down div
				
		-->
		
		<div id="div-menu" class="div-menu">
			<div id="div-menu-centered" class="div-centered">
				<table style="margin: 0px 0px 0px 0px; border-collapse:collapse;">
					<tbody>
						<tr>
							<td class="td-menu-cell-first" style="min-width:auto;">
								<a href="../about/" class="a-menu-link">About</a>
								<!--
								<div id="div-menu-drop-down-about" class="div-menu-drop-down" onmouseout="hideDropMenu('div-menu-drop-down-about')" style="min-width:40px;">
									<table style="width:100%;">
										<tbody>
											<tr>
												<td class="div-menu-drop-down-td">Test 1</td>
											</tr>
											<tr>
												<td class="div-menu-drop-down-td">Test 2</td>
											</tr>
										</tbody>
									</table>
								</div>
								-->
							</td>
							<td class="td-menu-cell" style="width:auto;">
								<a href="../legalservices/" class="a-menu-link">Legal Services</a>
								<!--
								<div id="div-menu-drop-down-legal-services" class="div-menu-drop-down" onmouseout="hideDropMenu('div-menu-drop-down-legal-services')" style="min-width:105px;">
									<table style="width:100%;">
										<tbody>
											<tr>
												<td class="div-menu-drop-down-td">Test 1</td>
											</tr>
											<tr>
												<td class="div-menu-drop-down-td">Test 2</td>
											</tr>
										</tbody>
									</table>
								</div>
								-->
							</td>
							<td class="td-menu-cell-last" style="min-width:60px;">
								<a href="../contact/" class="a-menu-link">Contact</a>
								<!--
								<div id="div-menu-drop-down-contact" class="div-menu-drop-down" onmouseout="hideDropMenu('div-menu-drop-down-contact')" style="min-width:60px;">
									<table style="width:100%;">
										<tbody>
											<tr>
												<td class="div-menu-drop-down-td">Test 1</td>
											</tr>
											<tr>
												<td class="div-menu-drop-down-td">Test 2</td>
											</tr>
										</tbody>
									</table>
								</div>
								-->
							</td>
						</tr> 
					</tbody>
				</table>
			</div>
		</div>

		<div id="div-contact" class="div-centered">
			<br />
			<h1>Contact Mark Johnson</h1>
			<div id="div-contact-email" class="div-contact-email">
				<h2>Email</h2>
				<form id="fm-send-email">
					<div id="dv-send-email-message" style="margin: 0px 0px 10px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em; width:100%;">
						Please complete the form to send an email message.  If you would like to schedule an appointment please provide details in the message.  <span style="font-style:italic">* Indicates required.</span> 
					</div>
					<div>
						<input id="tx-name" name="txtName" class="text-contact" style="width:200px;" type="text" placeholder="Your Name" onclick="resetForm()" />&nbsp;*
					</div>
					<div style="margin: 10px 0px 0px 0px;">
						<input id="tx-email" name="txtEmail" class="text-contact" style="width:200px;" type="text" placeholder="Your Email Address" onclick="resetForm()" />&nbsp;*
					</div>
					<div style="margin: 10px 0px 0px 0px;">
						<input id="tx-subject" name="txtSubject" class="text-contact" style="width:200px;" type="text" placeholder="Your Subject" onclick="resetForm()" />&nbsp;*
					</div>
					<div style="margin: 10px 0px 0px 0px; vertical-align:top">
						<textarea id="tx-message" name="txtMessage" class="text-contact" style="width:90%; min-height:100px;" placeholder="Your Message" onclick="resetForm()"></textarea>&nbsp;*
					</div>
						<div style="margin: 10px 0px 0px 0px;">
						<h3>Captcha SPAM Protection</h3><br />
						<img alt="Captcha" src="captcha/captcha.asp?code=FE5FQX8" id="imgCaptcha" />
					</div>
					<div style="margin: 10px 0px 0px 0px;">
						<div style="margin: 0px 0px 10px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
							Please type the characters you see in the image above.
						</div>
						<input id="tx-captcha-response" name="txtCaptchaResponse" class="text-contact" size="22" type="text" onclick="resetForm()" />
						<input id="tx-captcha-answer" name="txtCaptchaAnswer" type="hidden" value="FE5FQX8" />*<br />
					</div>
					<div style="margin: 10px 0px 20px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
						<a href="javascript:void(0)" class="a-contact-link" onclick="sendEmail()">Send Message &raquo;</a>	
					</div>
				</form>
			</div>
			<div id="div-contact-location">
				<h2>Location</h2>
				<div style="margin: 0px 0px 10px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
						Our location and mailing address is:<br />
						Suite 217, 5906 - 50th Street<br />
						Leduc, Alberta, T9E 0R6.
				</div>
				<div>
					<div style="margin: 10px 0px 0px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.8em;">
						<img alt="" height="250" src="../images/maps/map_office_location_300x225.jpg"><br />
						<div style="margin:5px 0px 0px 0px;">
							<a id="a-location-map-enlarge-icon" href="map/" rel="iframe" title="Map ::  :: width: 800, height: 600" class="lightview"><img alt="" src="../images/buttons/button_enlarge_grey_16x16.png"></a>
							<a id="a-location-map-enlarge-text" href="map/" rel="iframe" title="Map ::  :: width: 800, height: 600" class="lightview a-contact-link">Enlarge</a>
							&nbsp;
							<a id="a-location-map-print-icon" href="map/"><img alt="" src="../images/buttons/button_print_grey_16x16.png"></a>
							<a id="a-location-map-print-text" href="map/" class="a-contact-link">Print</a>
						</div>
					</div>
					<div style="margin: 20px 0px 0px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
						<table>
							<tr>
								<td>Enter an address to obtain directions.</td>
							</tr>
							<tr>
								<td><input id="text-contact-directions-start" name="textContactDirectionsStart" class="text-contact" type="text" style="width:260px;" placeholder="5204 50 Ave, Beaumont, AB" />&nbsp;<img alt="" src="../images/buttons/button_get_directions_green_18x18.png" style="vertical-align:middle; cursor:pointer; cursor:hand;" onclick="getDirections('true')"></td>
							</tr>
						</table>
					</div>
					<div style="margin: 20px 0px 0px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
						<a href="tel:+1-780-986-8600" class="a-contact-location-telephone">780-986-8600</a>
					</div>
					
					<h3>Office Hours:</h3>
					<div style="margin: 10px 0px 20px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:0.9em;">
						By Appointment only.  Please call or send an email to schedule.<br />
					</div>
				</div>
			</div>
		</div>		
		<!-- Section: Footer -->
				<div id="div-footer" class="div-footer">
			<div id="div-footer-centered" class="div-centered">
				<hr />
				<div id="div-footer-containter" class="div-footer-container">				
					<div id="div-footer-left" class="div-footer-left">
						<a id="a-location-directions" href="../privacy/" rel="iframe" title="Privacy Statement ::  :: width: 800, height: 200" class="lightview a-footer-link">Privacy</a>
					</div>
					<div id="div-footer-right" class="div-footer-right">
						&copy; 2026 Mark T. Johnson
					</div>
				</div>
			</div>
		</div>
	</body>
</html>