1<!DOCTYPE html> 2<!--[if lt IE 9]><html class="no-js lt-ie9" lang="en" dir="ltr"><![endif]--> 3<!--[if gt IE 8]> 4<!--> 5<html class="no-js" dir="ltr" lang="en"> 6<!--<![endif]--> 7<head> 8 <meta charset="utf-8"> 9 10 <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) 11 wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> 12 13 14 <title>Contact Us | Instrux Media</title> 15 <meta content="width=device-width,initial-scale=1" name="viewport"><!-- Meta data --> 16 17 <!-- Meta data--> 18 <meta name="description" content="Got a question? Get in touch with our experts 613-482-6553 or contact us using the online form."/> 19 <!-- Our Office is located 1280 Baseline Road in Ottawa.--> 20 <meta property="og:locale" content="en_US" /> 21 <meta property="og:type" content="article" /> 22 <meta property="og:title" content="Contact Us | Instrux Media" /> 23 <meta property="og:description" content="Got a question? Get in touch with our experts 613-482-6553 or contact us using the online form." /> 24 <!-- Our Office is located 1280 Baseline Road in Ottawa.--> 25 26 <!--[if gte IE 9 | !IE ]> 27 <!--> 28 <link rel="shortcut icon" type="image/x-icon" href="assets/images/theme_logo.png"> 29 <link rel="apple-touch-icon" href="assets/images/theme_logo.png"/> 30 <link href="./theme-wet-boew/css/theme.css" rel="stylesheet"><!--<![endif]--> 31 <!--[if lt IE 9]> 32 <link href="./theme-wet-boew/assets/favicon.ico" rel="shortcut icon" /> 33 <link rel="stylesheet" href="./theme-wet-boew/css/ie8-theme.min.css" /> 34
34<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
34 35
35<script src="./wet-boew/js/ie8-wet-boew.min.js"></script>
35 36 <![endif]--> 37 <noscript> 38 <link href="./wet-boew/css/noscript.min.css" rel="stylesheet"> 39 </noscript> 40 41 <!-- jQuery --> 42
42<script src="wet-boew/js/jquery/2.1.4/jquery.min.js"> 43 </script>
43 44 45 <!-- Use FontAwesome --> 46 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 47 48 <!-- Use Google Font --> 49 <link href="//fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900" rel="stylesheet"> 50 <link href='//fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700&subset=latin%2Clatin-ext' id='ls-google-fonts-css' media='all' rel='stylesheet' type='text/css'> 51 52 <!-- JS Timeline --> 53
53<script src="js/timeline/modernizr.js"></script>
53 54
54<script src="js/timeline/main.js"></script>
54 55 <link href="css/timeline.css" rel="stylesheet"> 56 57 <!-- Custom Styles --> 58 <link href="./css/custom.css" rel="stylesheet"> 59 60 <!-- Slide in Animations JS / Sticky Header --> 61
61<script src="js/animate.js"></script>
61 62 63<!-- Google Analytics -->
64<script>
vendor: 345 bytes, lines 64-70
64 65 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 66 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 67 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 68 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 69 70 ga('create', '
70UA-57055511-1
vendor: 42 bytes, lines 70-72
70', 'auto'); 71 ga('send', 'pageview'); 72
73</script>
73 74 75 <!-- Custom Validation allowing AJAX submit --> 76
76<script src="js/customValidationOptions.js"></script>
76 77 78 <style> 79 .clients img { 80 display: inline-block; 81 width: 24%; 82 } 83 </style> 84 <style> 85 #map { 86 height: 300px; 87 /*width: 100%;*/ 88 } 89 </style> 90 91</head> 92 93<body typeof="WebPage" vocab="//schema.org/"> 94 <div data-ajax-replace="ajax/skiplinks.html"></div> 95 <header role="banner" data-ajax-replace="ajax/header-include-en.html"></header> 96 97 <main property="mainContentOfPage" role="main"> 98 <section> 99 <h1 id="wb-cont" class="wb-inv">Contact Us</h1> 100 <!--<div class="container-fluid fullwidth"> 101 <div class="row"> 102 <div class="col-xs-12"> 103 <div id="map"></div> 104
104<script> 105 function initMap() { 106 var uluru = {lat: 45.3640718, lng: -75.7326978}; 107 var map = new google.maps.Map(document.getElementById('map'), { 108 zoom: 15, 109 center: uluru, 110 111 }); 112 var marker = new google.maps.Marker({ 113 position: uluru, 114 map: map, 115 icon: 'assets/mapicon.png', 116 117 }); 118 } 119 </script>
119 120
120<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDmhvgsG-cSqwlUTXn4W26hpHBL8crptXA&callback=initMap"></script>
120 121 </div> 122 </div> 123 </div>--> 124 </section> 125 <section> 126 <div class="container-fluid"> 127 <div class="container"> 128 <div class="row mrgn-tp-xl mrgn-bttm-xl"> 129 <h2 class="text-center mrgn-bttm-xl">Contact Us</h2> 130 <div class="col-xs-12"> 131 <p>At Instrux Media, we are committed to designing, developing and delivering engaging and interactive end-to-end e-learning and blended learning products that deliver an effective learning experience and a strong return on investment for our clients.</p> 132 <p>We use smart design and cutting-edge technologies to develop the best learning solutions for every budget and training objective, and are constantly pursuing technological excellence. Our Research and Development focus is on improving user experience and achieving innovation in key areas like learner interaction, simulation, gamification, accessibility, and current web/app technologies.</p> 133 <p>Contact us via email by simply filling out the form below. Please provide us with as much information as possible, but please ensure you have at least included your first name, last name, email address and a message. This helps us properly respond to your request, question or comment fast and efficiently.</p> 134 <p>Thank you for your interest in Instrux Media and we look forward to hearing from you.</p> 135 </div> 136 <div class="col-xs-12 col-md-2"> 137 <h3>Head Office</h3> 138 <!--<address> 139 1280 Baseline Road, Suite 200 Ottawa, Ontario K2C 0A9 Canada 140 </address>--><i class="menu_icon fa-phone fa"></i><a class="phone" href="tel:+16134826553" title="Ottawa Office phone number"><span>(613) 799-7976</span></a> 141 <!--<h3>Edmonton Office</h3> 142 <address> 143 10180-101st Street, Suite 3400, Edmonton Alberta T5J 3S4 Canada 144 </address><i class="menu_icon fa-phone fa"></i><a class="phone" href="tel:+17806282312" title="Edmonton Office phone number"><span>(780) 628-2312</span></a>--> 145 <div class="mrgn-bttm-lg"></div> 146 147 <!-- 148 <span class='social_icon'> 149 <a href='//twitter.com/InstruxMedia' target='_blank'> 150 <span class="wb-inv">Twitter</span> 151 <span class="fa fa-twitter fa-lg text-center" aria-hidden="true"></span> 152 </a> 153 </span> 154 155 <span class='social_icon'> 156 <a href='//www.linkedin.com/company/instrux-media' target='_blank'> 157 <span class="wb-inv">LinkedIn</span> 158 <span class="fa fa-linkedin fa-lg text-center" aria-hidden="true"></span> 159 </a> 160 </span> 161 162 <span class='social_icon'> 163 <a href='//www.youtube.com/channel/UCrH0ZNVwNnw7oLvLmZDIiLw/videos' target='_blank'> 164 <span class="wb-inv">YouTube</span> 165 <span class="fa fa-youtube fa-lg text-center" aria-hidden="true"></span> 166 </a> 167 </span> 168 169 <span class='social_icon'> 170 <a href='//www.facebook.com/pages/Instrux-Media/834610886595398' target='_blank'> 171 <span class="wb-inv">Facebook</span> 172 <span class="fa fa-facebook fa-lg text-center" aria-hidden="true"></span> 173 </a> 174 </span> 175 --> 176 </div> 177 <div class="col-xs-12 col-md-9 col-md-offset-1 mrgn-tp-lg"> 178 <div class="panel panel-default rounded-brdr-blue"> 179 <div class="panel-body"> 180 <h3 class="mrgn-tp-0">Interested in learning more about this service?</h3> 181 <p>Leave your name and email with us and we will be happy to contact you.</p> 182 <div id="contact_form" class="wb-frmvld"> 183 <form name="contact"> 184 <input id="token" name="token" type="hidden" value="13b6ac898bf37eb0b8f6cbf1bc97100e"> 185 186 <div class="form-group"> 187 <label for="first-name">First Name<strong class="required"> (required)</strong></label> 188 <input class="form-control" id="first-name" name="first-name" placeholder="Enter first name" type="text" required="required" /> 189 </div> 190 191 <div class="form-group"> 192 <label for="family-name">Family Name<strong class="required"> (required)</strong></label> 193 <input class="form-control" id="family-name" name="family-name" placeholder="Enter family name" type="text" required="required" /> 194 </div> 195 196 <div class="form-group"> 197 <label for="email">Email<strong class="required"> (required)</strong></label> 198 <input class="form-control" id="email" name="email" placeholder="Enter email" type="email" required="required" /> 199 </div> 200 201 <div class="form-group"> 202 <label for="telephone">Telephone</label> 203 <input class="form-control" id="telephone" name="telephone" placeholder="Enter telep
203hone number" type="tel" /> 204 </div> 205 206 <div class="form-group wb-inv"> 207 <label for="url">Please leave this field blank</label> 208 <input type="url" class="form-control" id="url" name="url" tabindex="-1" > 209 </div> 210 211 <div class="form-group"> 212 <label for="subject">Subject</label> 213 <input class="form-control" id="subject" name="subject" placeholder="Enter a subject" type="text" /> 214 </div> 215 216 <div class="form-group"> 217 <label for="message">Message</label> 218 <textarea class="form-control" id="message" name="message" placeholder="Enter a message" rows="10"></textarea> 219 </div> 220 221 <div class="checkbox"> 222 <label for="privacyAgree"><input type="checkbox" name="privacyAgree" id="privacyAgree" required="required" /> I have read and understand the <a class="wb-lbx" href="#privacyModal">Instrux Media privacy policy</a>.</label> 223 </div> 224 225 <section id="privacyModal" class="wb-lbx mfp-hide modal-dialog modal-content"> 226 <header class="modal-header"> 227 <h3 class="modal-title">Instrux Media Privacy Policy</h3> 228 </header> 229 <div class="modal-body col-xs-12 privacyContent"></div> 230 </section> 231 232 <button class="btn btn-primary btn-lg submit" id="load" data-loading-text=" Processing" type="submit">Send</button> 233 234 </form> 235 236
236<script type="text/javascript"> 237 238 // Catch the submit after successful validation and run our AJAX submit instead 239 $( "#contact_form" ).submit(function( event ) { 240 event.preventDefault(); 241 $('.submit').html("Sending <i class='fa fa-spinner fa-spin '></i>"); 242 processData(); 243 }); 244 245 function processData() { 246 247 $('.error').hide(); 248 249 var token = $("input#token").val(); 250 var name = encodeURIComponent($("input#first-name").val() + " " + $("input#family-name").val()); 251 var email = encodeURIComponent($("input#email").val()); 252 var telephone = encodeURIComponent($("input#telephone").val()); 253 var url = encodeURIComponent($("input#url").val()); 254 var subject = encodeURIComponent($("input#subject").val()); 255 var message = encodeURIComponent($("textarea#message").val()); 256 257 var dataString = 'token='+ token + '&name='+ name + '&email=' + email + '&telephone=' + telephone + '&url=' + url + '&subject=' + subject + "&message=" + message; 258 // console.log(dataString); 259 260 $.ajax({
261 type: "POST", 262 url: "mail/form_send.php?form=contact_form", 263 data: dataString, 264 timeout: 3000 265 }) 266 .fail(function(jqXHR, textStatus) { 267 // console.log("failed"); 268 // console.log('FAILURE: ' + textStatus); 269 // console.log(jqXHR); 270 271 $('.panel-body h3, .panel-body p').remove(); 272 $('#contact_form').html("<div id='message'></div>"); 273 $('#message').html('<h2 class="mrgn-tp-0">An Error Was Encountered</h2>') 274 .append("<p>There was a problem submitting the form. Our team has been notified.</p>") 275 .append("<img src='assets/images/favicon_instrux.png' class='img-responsive' alt='Instrux Media Logo'></a>") 276 .hide() 277 .fadeIn(1500, function() { 278 // $('#message').append("<img src='assets/images/favicon_instrux.png' class='img-responsive' alt='Instrux Media Logo'></a>"); 279 }); 280 var $window = $(window), 281 $element = $('.panel'), 282 elementTop = $element.offset().top, 283 elementHeight = $element.height(), 284 viewportHeight = $window.height(), 285 scrollIt = elementTop - ((viewportHeight - elementHeight) / 2); 286 287 $window.scrollTop(scrollIt); 288 }) 289 .done(function() { 290 // console.log("success"); 291 $('.panel-body h3, .panel-body p').remove(); 292 $('#contact_form').html("<div id='message'></div>"); 293 $('#message').html('<h2 class="mrgn-tp-0">Contact Form Submitted!</h2>') 294 .append("<p>We will be in touch soon.</p>") 295 .append("<img src='assets/images/favicon_instrux.png' class='img-responsive' alt='Instrux Media Logo'></a>") 296 .hide() 297 .fadeIn(1500, function() { 298 // $('#message').append("<img src='assets/images/favicon_instrux.png' class='img-responsive' alt='Instrux Media Logo'></a>"); 299 }); 300 var $window = $(window), 301 $element = $('.panel'), 302 elementTop = $element.offset().top, 303 elementHeight = $element.height(), 304 viewportHeight = $window.height(), 305 scrollIt = elementTop - ((viewportHeight - elementHeight) / 2); 306 307 $window.scrollTop(scrollIt); 308 }); 309 310 return false; 311 312 } 313 314 </script>
314 315 316 </div> 317 </div> 318 </div> 319 </div> 320 </div> 321 </div> 322 </div> 323 </section> 324 </main> 325 326 <div id="back-to-top-link" data-ajax-replace="ajax/back-to-top-link.html"></div> 327 328 <footer id="wb-info" role="contentinfo" data-ajax-replace="ajax/footer-include-en.html"></footer> 329
329<script type="text/javascript"> 330 // Load the privacy agreement modal with the current Privacy page content 331 $(".privacyContent").load("privacy-en.html #mainContent"); 332 </script>
332 333 <!--[if gte IE 9 | !IE ]> 334 335<!--> 336 <!--
336<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
336 --> 337
337<script src="./wet-boew/js/wet-boew.min.js"> 338 </script>
338 <!--<![endif]--> 339 <!--[if lt IE 9]>
340<script src="./wet-boew/js/ie8-wet-boew2.min.js"></script>
340 341 342<![endif]--> 343</body> 344</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.