Website Design, Development & Ecommerce Services Agency in Vancouver

<!doctype html> <html lang="en"> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><title> Website Design, Development & Ecommerce Services Agency in Vancouver </title><link rel="shortcut icon" type="image/x-icon" href="/gs-fav.ico" /><meta name="description" content="Results driven agency specializing in B2B, B2C and government web initiatives. We are experts, creative, cost effective and quick. Check out our extensive portfolio." /><meta name="viewport" content="width=device-width, initial-scale=1" /><link href="/dist/css/main.css?v=2023051802" rel="stylesheet" type="text/css" /> <script src="//load.sumome.com/" data-sumo-site-id="5ea9953439f51b591c02e51eeaf8917409609155d329fbbcd1ffd366159d893a" async="async"></script> <script type='application/ld+json'> { "@context": "https://www.schema.org", "@type": "Organization", "name": "Graphically Speaking", "url": "https://www.graphicallyspeaking.ca/", "sameAs": [ "https://www.facebook.com/graphicallyspeaking", "https://www.linkedin.com/company/graphically-speaking-web-development-ecommerce-&-internet-marketing/", " https://twitter.com/g_speaking" ], "logo": "https://www.graphicallyspeaking.ca/dist/img/logo.png", "description": "Graphically Speaking is a digital agency that specializes in cost-effective web solutions for B2C and B2B companies. Our best-of-breed content management solutions (CMS) include Sitefinity.net, WordPress, Drupal and Microsoft SharePoint. We are proven ecommerce experts in Magento, Magento B2B, WooCommerce, Drupal Commerce and Shopify online shopping systems.", "address": { "@type": "PostalAddress", "streetAddress": "1140 W Pender St #840", "addressLocality": "Vancouver", "addressRegion": "BC", "postalCode": " V6E 4G1", "addressCountry": "Canada" }, "contactPoint": { "@type": "ContactPoint", "telephone": "+1.877.875.4337", "contactType": "Customer Service" } } </script> <meta name="robots" content="index,follow"><link href="App_Themes/Default/Global/default_old.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Default/Global/redesign_old.css" type="text/css" rel="stylesheet" /><script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1228289583901359'); fbq('track', 'PageView'); </script><script type="text/javascript">document.getElementById("home-banner-slider").style.display = "none";</script><style type="text/css" media="all">#formquote .form-field label.dom-hidden { display:none; }</style><meta name="Generator" content="Sitefinity 12.1.7131.0 PU" /><link rel="canonical" href="https://www.graphicallyspeaking.ca" /><script type="text/javascript"> (function(){ var metadataStr = '{\"Id\":\"92fe89ac-d348-69ff-9211-ff000009ee95\",\"ContentType\":\"Page\",\"Title\":\"Home\",\"CanonicalTitle\":\"Home\",\"CanonicalUrl\":\"https://www.graphicallyspeaking.ca\",\"CreatedOn\":\"2022-02-24T01:36:04.537Z\",\"ModifiedOn\":\"2023-03-08T01:30:26.583Z\",\"SiteName\":\"SF82_Blank\",\"PageId\":\"92fe89ac-d348-69ff-9211-ff000009ee95\"}'; window.decMetadata = window.decMetadata || {}; window.decMetadata.contentMetadata = JSON.parse(metadataStr); })(); </script><script type="text/javascript"> (function() { var jqueryXhrModified = false; var detectjs = false; var executeDataIntelligenceScript = function() { var source; if (!window.JSON) { source = '/WebResource.axd?d=tTNUeDtL8OsI39FmMLAdgAnji8wA-r92a3BT9PDEXkgTmhzQXyv1H4-wSg1u-tNOaSiNvlaS7SoSIZNU35MErF2Oq5Hd5GC5-Ls4rnIk6qISfCHi4BKcH1uuatsuz7NnusfYFjhTxvgMj-KgJ1Pwjex06dT6sy4k6QSzGa3H-ss1&t=638131936363036863'; } else if (!window.jQuery) { source = '/WebResource.axd?d=s7-zxpMGrfzFqvNoaI5niEBLcmWu8OWfG3nfH_50D6mqpBWD9c2Jqt2Gi4LXwG4WG1DF9HFH-ZRgW146WSej3eTSrud6rtWV_74XlOn3qGlEzUmf3XT-HZUKAedpGzZCx__mZkII2byeakISpIyheZei24n5ISYjEmQUL4G_tXo2sH58iIumbKIbqPlegfX00&t=638131936363036863'; } else if (!jqueryXhrModified) { source = '/WebResource.axd?d=OtDu8JfVYXvNVzEo1LSFcADxUnjzsqoZ7YVTQzbNTfApP0T35mUIR6V7pfiRCCaTDITl737eO8ps07o2HF4u0ifAdAmLs8hunX2PNRuYlY7S5eHnFKZ5uKv2n8ZlS2uYM8aMBTPiD3FYv32mZvErel9I9x8IkvhVIoBvqZpli2tzfDlnxNiRPaQplfOqYrSmP-e2qTvy9E8sPqVcVbOZW_Y5SiljwdHH91YpknSa9W7pZrT1JqTmvrf56OSKMb000&t=638131936205073227'; jqueryXhrModified = true; } else if (!detectjs) { source = '/WebResource.axd?d=6kZXgApsQ6ne3RX7gMeiNcnKO0SRefpn5Khr1wLzuOEDi_na1MDPK3wjNRKu9tmM1ENouNxKybTwqSJL3YTwck2tU7Sytm3P3ojhIj2CnzWpNc5e6WgUhYFBPhLjaWarsX748gpPwpU3L_ofBfrsENSZX0G-E1xXN_3U9OhiWUFZbufD3W1p6nHOm4ZFOHbC_YcoAymaNFCCTm6N1DgErMBsg3MgP1Onfm2yPgpM3-I1&t=638131936205073227'; detectjs = true; } else if (!window.DataIntelligenceSubmitScript) { source = '/WebResource.axd?d=svCNDiDihPX-0SS0GCW70CiMD6JVPJ7wy5AMaO42oZLbwW-TgvX1wIfzUxMzVki_kfZc--9WYSluK2dP0pWjL8hfLtNhH-Cva0kTNUm9e8PxqyZ4fnwdgl10WIRyzGqbSjbWEp3L9-dOIt_vNldW0HBWso9eQYr06MvVC26I7DhvkLlSVS2kyF2H7AS9y3Xv6NcRF_6XGHcJlK6UAwy-aGNQNhQsrUYduhq13Gu72dIafEiwqM3l3V2PFrXRero80&t=638131936205073227'; } else if (!window.sfDataIntell) { source = 'https://dec.azureedge.net/sdk/telerik-dec-client.min.3.0.5.js'; } else { return DataIntelligenceSubmitScript.load({"apiServerUrl":"https://api.dec.sitefinity.com","apiKey":"f9fa56ea-4b9c-691e-fb75-535c262798bb","applicationName":"Graphically_Speaking","trackingCookieDomain":"","keepDecTrackingCookieOnTrackingConsentRejection":false}); } var script = document.createElement('script'); script.type = 'text/javascript'; var callback = function() { if (!this.readyState || this.readyState === 'complete' || this.readyState === 'loaded') { executeDataIntelligenceScript(); } }; if(script.addEventListener) { script.addEventListener('load', callback, false); } else if(script.readyState) { script.onreadystatechange = callback; } script.src = source; return document.body.appendChild(script); }; if (window.addEventListener) { window.addEventListener('load', executeDataIntelligenceScript, false); } else if (window.attachEvent) { window.attachEvent('onload', executeDataIntelligenceScript); } })(); </script><link href="/Telerik.Web.UI.WebResource.axd?d=PMrIT5dOWaVYIcpFWUE4nOQkaiBMGgFpzWtLpEPMQlZnrrrRn4xxAItlkGU62kd-pLNmHG8nDI0xRYNh-ZnTybNwbGP1mE-wCjLKATlSUPWL68HSbsAV0WeDh5dnl5Nj0&t=638610619964891277&compress=0&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%2c+Version%3d12.1.7131.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3aen%3a2df0b15c-9c61-4318-b24f-0901f9a12da3%3a7a90d6a%3a83fa35c7%3a850288ef" type="text/css" rel="stylesheet" /><style type="text/css" media="all">#gsfooter-credit span{ font-size:7px !important; line-height:11px !important; display:block; } #gsfooter-credit span a{ color:#a4a4a4; }</style><link href="/dist/css/home.css?v=20230228" type="text/css" rel="stylesheet" media="all" /><style type="text/css" media="all"> .slide-new-bg { max-width: 1640px; margin: 0 auto; } @media (min-width: 1749px){ .home-block-top .sfContentBlock{ padding:60px 60px 60px 100px; } } @media (min-width: 960px){ #logo{ display:none } .headroom--unpinned #logo{ display:block; } } @media (max-width: 959px){ #logo{ display:none } .home-logo{ display:none } .headroom--not-top.headroom--pinned #logo{ display:block } }</style><style type="text/css" media="all">#formquote.footer-form .bannerflex-heading span{ color:#465560 }</style><style type="text/css" media="all"> .home-block-top .home-slider .slick-slide img, #main-block-2 #home-whatwedo li img, #mid-col img, .partner-logo img, .swap-img-block>li img { height: 100%; } .copyrights_base{display:none;} .white-color a{color: #a4a4a4 !important;font-size:12px !important;}</style><meta name="keywords" content="vancouver web design, vancouver ecommerce, seo vancouver, vancouver internet marketing, vancouver web development, web developer, digital agency, ecommerce development company, digital agency" /></head> <body id="bodyId">  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5DQQMB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push( { 'gtm.start': new Date().getTime(), event: 'gtm.js' } ); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5DQQMB');</script>  <form method="post" action="./" onsubmit="javascript:return WebForm_OnSubmit();" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="ctl10_TSM" id="ctl10_TSM" value="" /> <input type="hidden" name="ctl11_TSSM" id="ctl11_TSSM" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="5tV+A3EhHLQJsQhyK/whS6/hpb0TQhxUgM2N94dcGVltzxc+xNd9M6JWGxORXSy59YaZfYVX7Lel8TFbm22FocgNMoqsV00/h5VMM+AEZWD9iRUWCX7JZkR2Gb0z53pXSnnwoX4PEsRvpPREVR2mNUe3ZR0nojrlazrpHAZM91I4g2gF3P6CPxdZFv0r8n7biHcOqiFQEbB/O7JuU9jqCtq9QzmFkPM5uJv71sV71p7EsKW9BF7DeUXI4p1ddwabeIBSL+WBQddHjAaPHvI8YL2lVMeIoyPNLjTUjq4MzGtagDBKZxcAbHs2TX7YvfysqcgE2qMW6tINcezGZEL49spi+c/Zpra2LQrJ9AWyvUul4gx3i31JBEIr9rpdKwDtAuStIrpRN55WY6vvh6X6IpYxrdyabser1Hs4ZYK7VTG1qsRiXsvZWDBLWEk+baIeXWt4CJmX0HYery7d/Bmgxi6AFq5yWWXBlRZXmoyYXHRnGbTI97YI6u9xJgVjZWRVWFb3s5X64uzCgfQF0oLCkjmgjCCPWGfBD5RHwpruLZhsk4JDH1xcJlXXdCSnUNSzIStkFWd56lp8+9NHdSKq9+p7oqgST/4wmYUh4KYziMuUfbp8gL4grguYUXyeaZo5MlcxyjrgJGEXgNqfokESMEwmAdpwGKbanXah4boHQlXqvN3CUaED/KKAiVSvYvkUsAspB7Eu1rYO/h40OIvO3Ovm3lqJIkfigliIwrXjwgdzzmvxjU9Vf0HpGl0GHxvmxEox4ybkfUEmRdRN2ZWFkO/K77vSR8Vk5RkpqDzuYfX1rykqeNZpJ0PwDljMIRZIWAdJCUUspw947TNdVjAGEvmLukl16HD5K2deBT+IDQ8Ty7BhzVXwjoeAALKfLWfz/IR+zhs7pX0KOdEQKPEH7LrlBGftifvRVTLKnnqU0ay/g2ygxD/MTLK2ZBPcpfqI3VsUMIyqS5Wb57QHbv5UCvm7UpCuFZqBKhcLudGUH4xAUgrBEGJ4LjqiNDtiHX/fD+MilgeJCN8CHQ4H6Tni/5yiTQnw/OnIMCRmLzJBihLFoJAlIiUtqTPnNFHmaKPRcwHbQvmxuhLTyx4oBFC8/UOyi8dNjwtcUWmQasCw3i7qm2/FcA1LeijfDK0t4gCvxvtuQta85XD6NVZu2QiTursrJ4oeQN28z4ox80zH6efYpY3XL+2ro88IJ6RfpQHpdms1BtrNVI6JGJ7TqLHczqH8ETy+0bEiVjkhSgZgz8wyca8y0puoSXTWtXXEZCEs0N/w0SmiUcN6rm63LbG1iu6g1CIX9kaq4uRtNq0PWSje+SWqq6uF8Uo8HZSgNLiYvttF143DyjV3uBXmtisB6SMjrnl0kvySRJFHzvg7dmSRmrXOXc2nTd3VSDQxwf6QBHiLta+SzmKS7SaztnMGHv/IFsY1kfGS7d6bczctc3FmKcPLAsffJwXrBrafTdtjsCSs4/p4xmi3fNpt8Q5Sw0JbCFsiLctmZTy+pthvhh8+DnAhBg8G+oD8c3uJ6KzuFg3kB1G8dr+9hrsWQy3atCJGKgL+iLEE4nlOlGFVwYCtyet1dUD5XPrKVSQCtE7i5PNeRBgGMkKCrXKFuJfG+rmZzaWWVwhUxnBoE3bNCR3c0nC3u0LpbY/hao4/D24oNpDm9cJMXtKstDTd3SXGhJtdgZh7ZU7OTTkvSWE0KV/bPKX1s6ccxT0d8C9PdNKnIDo2lC+Cq3Q2W+SdpZCYgZN3n2DxG2oDZ4xb4ihNTmb6IlH2PyC+sYmgB2kbk1Pfx/H5IE2eMd8MI+BLDGxt+jwdqX7aX0IoNb0ubtEQwky/JDLxQ/LYllt6yVDzn/zUKnPstpUrUy+jZDfzz/65G5PXuzKL52qCxJ3KFRS5/rmTtN84YK71x9kHrxd5CCJiHOiqnDlTR8QMQ6gD7hYQsGU6FXrUlOXw9uLR1YFQfGgsB+oTyqXtg/E8Of78ppAdrg6ccOPI9lvOCeUeQ32JOmXp8xCgNSsD7HvfmrFeqP14j5S39sffQ8ohfi7H4gaBmizbRt5u3lpIeEypDOq0zzcjVVtXFVxDkjGghmwvYfEVcQrmxMMuBs3WYvzuu1hafOOy1Fl6633D+3J4F6I7CFaGsW7hqenzV5hO88mUsf1Jpt12XTBYK847eT5vEAlymHWkZhfvHKH6celKkAiAea58z+waZ9zCF2N+PXYG4Cs=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZAm8GIf3EYG89ykdCyGrFcPcbkfA0SmuR-EDlJo4dgayyALngCbksihb2-F5Kk1VNA2&t=638610619965203766"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebUIValidation.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var __cultureInfo = {"name":"en","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":".","IsReadOnly":true,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":",","CurrencySymbol":"$","NaNSymbol":"NaN","CurrencyNegativePattern":0,"NumberNegativePattern":1,"PercentPositivePattern":0,"PercentNegativePattern":0,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":".","NumberGroupSeparator":",","CurrencyPositivePattern":0,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":".","PercentGroupSeparator":",","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"AM","Calendar":{"MinSupportedDateTime":"\/Date(-62135568000000)\/","MaxSupportedDateTime":"\/Date(253402300799999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":true},"DateSeparator":"/","FirstDayOfWeek":0,"CalendarWeekRule":0,"FullDateTimePattern":"dddd, MMMM d, yyyy h:mm:ss tt","LongDatePattern":"dddd, MMMM d, yyyy","LongTimePattern":"h:mm:ss tt","MonthDayPattern":"MMMM d","PMDesignator":"PM","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"M/d/yyyy","ShortTimePattern":"h:mm tt","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM yyyy","AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"ShortestDayNames":["Su","Mo","Tu","We","Th","Fr","Sa"],"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"IsReadOnly":true,"NativeCalendarName":"Gregorian Calendar","AbbreviatedMonthGenitiveNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MonthGenitiveNames":["January","February","March","April","May","June","July","August","September","October","November","December",""]},"eras":[1,"A.D.",null,0]};//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvm67T4ruoE9ep3H6F5HsOfTw9gDHetsF7v95laL51ubvBBTr_wvl5nKImak3IxNHuyJibnF1N4ntxpW8kD2seu-zEUgl_7jPEORqIWQU0BLd2BnZb5tOfWsxYP249Re49tA3WBZhMVl57D_SZ09KiC01&t=ffffffffb201fd3f"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OPQpd4sbmhZRIq22Y7TarsRPyQDCH8v3qksZ70B4iSZowxEK1zxn5FtpYFlWuL6jpkX1gWJe1nIZixW6yHQ0-89UGTjNXla04i7S_8cmbdz9rCuPDyLEPuogdj1bdjAQGRPsuu_TvnRMiCSy0ZHtEII1&t=ffffffffb201fd3f"><\/script>');//]]> </script> <script src="https://code.jquery.com/jquery-1.12.1.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> <script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2019.2.514/Common/Core.js" type="text/javascript"></script> <script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2019.2.514/Common/jQuery.js" type="text/javascript"></script> <script src="https://d2i2wahzwrm1n5.cloudfront.net/ajaxz/2019.2.514/ListView/RadListViewScripts.js" type="text/javascript"></script> <script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl10_TSM&compress=2&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity%2c+Version%3d12.1.7131.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3aen%3a78ef41c6-eea6-4bbc-a1d7-47dcbac89fc7%3a721addc%3a41f6c3a7" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false; return true; } //]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B93D9E4A" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="fC2E1sPYgKgZ4e5UOBsq8X/7x/oC8hLosT1W0nnHGsG3TrS5nu9VlxTlOCgdzoYc79xRniw1LasmtIVyfYRGlSq5THFM0U4FJ+YcTbpUylfteEOjvR9ibucyBRlOzxF1r2vM9rn20bI8baggUTpENOXZIsnMtc9GMIz40EQnp2qDWYeXYfLk8nWcfcO4cdEzg2aBSR8E8Un5djxr3Tfs5ivNEgDHj4Yv9LeMYSRiGxRCZUzQ1ub9+/3kvP6z2XsEl3ZbpPMnpVIvELNXqdhMXW/AIBDQDc5XCkNMedFuhM8=" /> </div><script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ctl10', 'form1', [], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$ctl10" id="ctl10" /> <script type="text/javascript"> //<![CDATA[ Sys.Application.setServerId("ctl10", "ctl00$ctl10"); Sys.Application._enableHistoryInScriptManager(); //]]> </script> <div id="wrapper" > <header id="header" class="page-section allow-headroom"> <div class="h-w1 section-inner section-inner--mobilefull"> <a class="element-invisible" href="#content">Skip to Content</a> <a href="/" id="logo"> <img src="/dist/img/logo.png" alt="Graphically Speaking Logo" /></a> <div id="header-action"> <a class='mainnav-toggle' href='#'> <span class="mainnav-toggle-line"></span> </a> </div> <div id="sitenav"> <div class="sitenav-inner">  <nav id="mainnav" class="nav"> <div class='sfContentBlock'> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1228289583901359&ev=PageView&noscript=1" /></noscript>   </div> <ul id="CPH_Navigation_T51DF9C70004_ctl00_ctl00_navigationUl" class=""> <li> <a href="/services/website-design">Website Design</a> <span class="label">/services/website-design</span> </li> <li> <a href="/services/ecommerce-website-design-and-development">Ecommerce Services</a> <span class="label">/services/ecommerce-website-design-and-development</span> </li> <li> <a href="/services/digital-marketing">Digital Marketing</a> <span class="label">/services/digital-marketing</span> </li> <li> <a href="/portfolio">Portfolio</a> <span class="label">/portfolio<span>See what sets us apart</span></span> </li> <li> <a href="/blog">Blog</a> <span class="label">/blog</span> </li> <li> <a href="/our-digital-agency">About</a> <span class="label">/our-digital-agency<span>Find Out More About Us</span></span> </li> </ul> <div class="nav-addition appendto" data-destination="#navlevel-2-megamenu"> <div class="nav-addition-cell"> </div> <div class="nav-addition-cell"> </div> </div> <div id="ctanav" class="appendto" data-destination="#navlevel-2-megamenu"> <div id="ctanav-newwebsite" class="ctanav"> <div class='sfContentBlock'><div class="ctanav-heading">Ready for a New Website? </div> <a href="/book-a-consultation" class="primary btn">Get a Quote</a> </div> </div> </div> </nav>  <div id="util"> <div class='sfContentBlock'><ul> <li><a href="/lets-connect" class="small primary btn orangebtn"><span>Contact us</span></a></li> </ul> </div> </div> <div id="header-message"> <div class="inner"> <div class="header-message-content"> <div class="vcenter"> <div> <div class='sfContentBlock'><a href="/book-a-consultation" class="small primary btn orangebtn">get a quote</a> </div> </div> </div> </div> <div id="scrollup"> <a href="#wrapper" class="btn-direction up"><span>Up</span></a> </div> </div> </div> <div id="megadropdown"></div> </div> </div> </div> </header> <div id="main"> <div class="m-w1 section-inner section-inner--mobilefull cf"> <div id="content"> <div class="c-w1"> <div class='sfContentBlock'><div id="cities-overlay" class="overlay-page" style="display:none;"> <div class="cities-overlay-inner"> <div class="container"> <div class="textwidget custom-html-widget">  <div class="span-title"><span>Browse Cities</span></div>  <div class="clearfix"> <ul class="list-cities"> <li><a href="/all-locations/abbotsford">Website Design & Development in Abbotsford, Chilliwack and Mission, BC</a></li> <li><a href="/all-locations/alberta">Website Design & Development in Alberta</a></li> <li><a href="/all-locations/burnaby">Website Design & Development in Burnaby BC</a></li> <li><a href="/all-locations/coquitlam">Website Design & Development in Coquitlam, BC</a></li> <li><a href="/all-locations/delta">Website Design & Development in Delta, BC</a></li> <li><a href="/all-locations/kelowna">Website Design & Development in Kelowna, BC</a></li> <li><a href="/all-locations/langley">Website Design & Development in Langley, BC</a></li> <li><a href="/all-locations/maple-ridge">Website Design & Development in Maple Ridge, BC</a></li> <li><a href="/all-locations/north-shore">Website Design & Development in North Vancouver, BC</a></li> <li><a href="/all-locations/prince-george">Website Design & Development in Prince George, BC</a></li> <li><a href="/all-locations/richmond">Website Design & Development in Richmond, BC</a></li> <li><a href="/all-locations/saskatchewan">Website Design & Development in Saskatoon</a></li> <li><a href="/all-locations/surrey">Website Design & Development in Surrey, BC</a></li> <li><a href="/all-locations/victoria">Website Design & Development in Victoria, BC</a></li> <li><a href="/all-locations/whistler">Website Design & Development in Whistler, BC</a></li> </ul>  <ul class="list-cities"> <li><a href="/winnipeg-manitoba-ecommerce-website-design-and-development">Ecommerce Website Design for Winnipeg Manitoba </a></li> <li><a href="/calgary-edmonton-alberta-ecommerce-website-design-and-development">Ecommerce Website Design for Calgary & Edmonton Alberta </a></li> <li><a href="/saskatoon-regina-saskatchewan-ecommerce-website-design-and-development">Ecommerce Website Design for Saskatoon & Regina Saskatchewan </a></li> <li><a href="/magento-website-design-development-developer/magento-alberta/">Magento Ecommerce Website Design & Development in Calgary & Edmonton Alberta</a></li> <li><a href="/magento-website-design-development-developer/magento-manitoba">Magento Ecommerce Website Design & Development in Winnipeg Manitoba </a></li> <li><a href="/magento-website-design-development-developer/magento-saskatchewan">Magento Ecommerce Website Design & Development in Saskatoon & Regina Saskatchewan</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer/woocommerce-alberta">WordPress & WooCommerce Ecommerce Developers in Calgary & Edmonton Alberta</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer/woocommerce-manitoba">WordPress & WooCommerce Ecommerce Developers in Winnipeg Manitoba</a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer/woocommerce-saskatchewan">WordPress & WooCommerce Ecommerce Developers in Saskatoon & Regina Saskatchewan</a></li> </ul> </div> </div> </div> </div> </div> <style> #cities-overlay div.span-title { font-size: 22px; text-transform: uppercase; text-align: center; margin-bottom: 50px; font-weight: 400; color: #fff; } </style> </div> <div class="sf_cols home-block-top show slide-new-bg"> <div class="sf_colsOut sf_1col_1_100" style=""> <div id="CPH_ContentBlock1_C027_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><div class="inner"> <div class="home-logo"> <a href="/"><img src="/images/default-source/default-album/slider-logo.jpg?sfvrsn=e61ce5c6_0" data-displaymode="Original" alt="Graphically Speaking logo" title="slider-logo" width="430" height="117" /> </a> </div> <h1>Award Winning Digital Agency</h1> <ul class="blue-box"> <li>Website Design & Development</li> <li>B2B & B2C Ecommerce Services</li> <li>Digital Marketing & SEO experts</li> <li>E-commerce & Web Integration Services</li> </ul> </div> </div><div>  <ul class="home-slider home-slider-computer sfitemsList sfitemsListTitleDateTmb sflist" style="display:none" id="home-banner-slider"> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='82048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/ballard--slide.jpg?sfvrsn=c71ce5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/ballard--slide.jpg?sfvrsn=c71ce5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/ballard--slide.jpg?sfvrsn=c71ce5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/ballard--slide.jpg?sfvrsn=c71ce5c6_0' alt='ballard' title='ballard' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Ballard Power</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='45068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/lugaro.jpg?sfvrsn=241de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/lugaro.jpg?sfvrsn=241de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/lugaro.jpg?sfvrsn=241de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/lugaro.jpg?sfvrsn=241de5c6_0' alt='LUGARO' title='lugaro' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Ecommerce Project</div> <div class="sfitemTitle sftitle carousel-title"><span>LUGARO</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='3e048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/canfor.jpg?sfvrsn=81de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/canfor.jpg?sfvrsn=81de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/canfor.jpg?sfvrsn=81de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/canfor.jpg?sfvrsn=81de5c6_0' alt='canfor' title='canfor' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Canfor</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='94068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/weddingstar.jpg?sfvrsn=6c1de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/weddingstar.jpg?sfvrsn=6c1de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/weddingstar.jpg?sfvrsn=6c1de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/weddingstar.jpg?sfvrsn=6c1de5c6_0' alt='weddingstar' title='weddingstar' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Ecommerce Project</div> <div class="sfitemTitle sftitle carousel-title"><span>WEDDINGSTAR</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='ef058aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/easypark.jpg?sfvrsn=701de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/easypark.jpg?sfvrsn=701de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/easypark.jpg?sfvrsn=701de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/easypark.jpg?sfvrsn=701de5c6_0' alt='Easypark' title='Easypark' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Easy Park</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='ab058aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/bezdan78558cacd34869ff9211ff000009ee95.jpg?sfvrsn=541de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/bezdan78558cacd34869ff9211ff000009ee95.jpg?sfvrsn=541de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/bezdan78558cacd34869ff9211ff000009ee95.jpg?sfvrsn=541de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/bezdan78558cacd34869ff9211ff000009ee95.jpg?sfvrsn=541de5c6_0' alt='bezdan' title='bezdan' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Ecommerce Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Bezdan</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='ac038aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/sea-air.jpg?sfvrsn=ba1de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/sea-air.jpg?sfvrsn=ba1de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/sea-air.jpg?sfvrsn=ba1de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/sea-air.jpg?sfvrsn=ba1de5c6_0' alt='sea-air' title='sea-air' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Sea Air</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='33068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/rack-attack.jpg?sfvrsn=981de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/rack-attack.jpg?sfvrsn=981de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/rack-attack.jpg?sfvrsn=981de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/rack-attack.jpg?sfvrsn=981de5c6_0' alt='rack-attack' title='rack-attack' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Rack Attack</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='df068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/canadian-footwear.jpg?sfvrsn=fc1de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/canadian-footwear.jpg?sfvrsn=fc1de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/canadian-footwear.jpg?sfvrsn=fc1de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/canadian-footwear.jpg?sfvrsn=fc1de5c6_0' alt='canadian-footwear' title='canadian-footwear' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Ecommerce Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Canadian Footwear</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='60058aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/ladysmith.jpg?sfvrsn=51ee5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/ladysmith.jpg?sfvrsn=51ee5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/ladysmith.jpg?sfvrsn=51ee5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/ladysmith.jpg?sfvrsn=51ee5c6_0' alt='Town of LadySmith' title='Town of LadySmith' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Town of LadySmith</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='ec048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/coquitlam.jpg?sfvrsn=c01de5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/coquitlam.jpg?sfvrsn=c01de5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/coquitlam.jpg?sfvrsn=c01de5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/coquitlam.jpg?sfvrsn=c01de5c6_0' alt='Coquitlam Public Library' title='Coquitlam Public Library' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Coquitlam Public Library</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> <li class="sfitem sflistitem sfClearfix" data-sf-provider='OpenAccessProvider' data-sf-id='c6048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <picture> <source media="(min-width: 1921px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/convoy-supply08568cacd34869ff9211ff000009ee95.jpg?sfvrsn=241ee5c6_0'> <source media="(max-width: 1920px) and (min-width: 768px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/convoy-supply08568cacd34869ff9211ff000009ee95.jpg?sfvrsn=241ee5c6_0'> <source media="(max-width: 767px)" srcset='https://www.graphicallyspeaking.ca/images/default-source/default-album/convoy-supply08568cacd34869ff9211ff000009ee95.jpg?sfvrsn=241ee5c6_0'> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/convoy-supply08568cacd34869ff9211ff000009ee95.jpg?sfvrsn=241ee5c6_0' alt='Convoy Supply' title='Convoy Supply' width='1153' height='745' /> </picture> <div class='label-box'> <div class='text-left'> <div class="sfitemRichText">Featured Project</div> <div class="sfitemTitle sftitle carousel-title"><span>Convoy Supply</span></div> </div> <a class='small alternative btn' href='/portfolio'>View <span>Portfolio</span></a> </div> </li> </ul> <input id="ctl00_CPH_ContentBlock1_ctl02_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock1_ctl02_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock1_ctl02_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div><div> <ul class="home-slider-dots"> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='df068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='94068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='45068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='33068aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='ef058aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='ab058aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='60058aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='ec048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='c6048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='82048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='3e048aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='ac038aac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='3a7789ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='be8489ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='ad8489ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='9c8489ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='6f8489ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='179788ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='129788ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> <li class="sfitem sflistitem sfClearfix dots" data-sf-provider='OpenAccessProvider' data-sf-id='089788ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <a class="dot-a"></a> </li> </ul> <input id="ctl00_CPH_ContentBlock1_ctl03_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock1_ctl03_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock1_ctl03_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div> </div> </div> </div> <div id="main-block-2"> <div class="sf_cols overview-swap-container home-overview"> <div class="split"> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock2_C042_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><h2>What Can Our Web Agency Do <span>For You?</span></h2> </div><div> <ul class="swap-img-block"> <li data-sf-provider='OpenAccessProvider' data-sf-id='a19388ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/clip.jpg?sfvrsn=fbbbe3c6_0' width="690" height="450" alt='Ecommerce Website Design & Development Services' title='Ecommerce Website Design & Development Services' /> </div> <div class="swap-img-content"> <h3><span>Ecommerce</span> Website </br>Design & Development Services</h3> <p>You deserve an ecommerce company that provides a strategy and high-performance solutions to help increase revenue, reduce costs, and build customer loyalty. As Western Canada’s largest ecommerce agency our experienced designers and developers know how to cost effectively improve your performance.</p> <p><a href="/services/ecommerce-website-design-and-development" class="primary btn">Go to Ecommerce Services</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='919388ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/clip-1.jpg?sfvrsn=dcbbe3c6_0' width="690" height="450" alt='Vancouver Web Design & Development Agency' title='Vancouver Web Design & Development Agency' /> </div> <div class="swap-img-content"> <h3>Vancouver <span>Web Design</span> & <br />Development Agency</h3> <p>Get a great website from a company that strengthens your brand, improves the customer experience, and outperforms your competition. Our highly experienced Vancouver BC strategists, developers, designers and project managers allow us to excel in website design and development.  </p> <p><a href="/services/web-design-development" class="primary btn">View Website Services</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='f2928cac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/erp-integrations-inner.jpg?sfvrsn=8ce0e5c6_0' width="690" height="450" alt='erp integrations' title='erp integrations' /> </div> <div class="swap-img-content"> <h3> <span>E-commerce & Website</span> Integration Services</h3> <p> Automate business processes, improve customer service, and reduce costs by integrating your website or ecommerce system with your legacy business systems or 3rd party applications. </p> <p> With over 15 years of integration experience, you can trust Graphically Speaking with all your integration needs. </p> <p><a href="/services/integration-services" class="primary btn">View Services</a></p> </div> </li> <li data-sf-provider='OpenAccessProvider' data-sf-id='b09388ac-d348-69ff-9211-ff000009ee95' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent"> <div class="swap-img-thumb"> <img src='https://www.graphicallyspeaking.ca/images/default-source/default-album/clip-2.jpg?sfvrsn=3bbce3c6_0' width="690" height="450" alt='Vancouver Digital Marketing, SEO & PPC Experts' title='Vancouver Digital Marketing, SEO & PPC Experts' /> </div> <div class="swap-img-content"> <h3>Vancouver <span>Digital Marketing, </span><br />SEO & PPC Experts</h3> <p>Whether you are looking to increase your organic traffic, create PPC campaigns, or analyze your SEO performance our team of experts are here to help with the services you need. Discover our internet marketing services and achieve a much greater return on your investment.  </p> <p><a href="/services/digital-marketing" class="primary btn">View Services</a></p> </div> </li> </ul> <input id="ctl00_CPH_ContentBlock2_ctl06_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock2_ctl06_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock2_ctl06_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock2_C042_Col01" class="sf_colsIn sf_1col_1in_100"> </div> </div> </div> </div><div class="sf_cols why-with-us-wrapper"> <div class="sf_colsOut sf_1col_1_100" style="width: 100%;"> <div id="CPH_ContentBlock2_C073_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><h2> Why People Work With Us? </h2> </div><div class='sfContentBlock'><div id="why-people-work-with-us"> <div id="left-col"> <ul> <li> <div class="title"> <div class="why-numb"><span>1</span></div> <h3>Expertise/Trusted Advisors</h3> </div> <div class="content"> <p> We help guide our customers on their digital journey. We are a highly experienced team that understand our customers requirements, which allows us to provide solutions quickly and cost effectively. </p> </div> </li> <li> <div class="title"> <div class="why-numb"><span>2</span></div> <h3>Value/Price</h3> </div> <div class="content"> <p> We deliver the best products and services at a fair price. Our success is determined by our client’s success. We are always striving to deliver a ROI for our clients on any investment they make with us. </p> </div> </li> </ul> </div> <div id="mid-col"> <div id="img-item-desk"> <img src="/images/default-source/default-album/why-us-desk.png?sfvrsn=ca5ce3c6_0" data-displaymode="Original" alt="Vancouver Digital Experts" width="470" height="430" title="Vancouver Digital Experts" /> </div> <div id="img-item-mob"> <img src="/images/default-source/default-album/why-us-mobile.png?sfvrsn=d65ce3c6_0" data-displaymode="Original" alt="Vancouver Digital Experts" title="Vancouver Digital Experts" /> </div> </div> <div id="lright-col"> <ul> <li> <div class="title"> <div class="why-numb"><span>3</span></div> <h3>Speed/Rapid Delivery</h3> </div> <div class="content"> <p>eCommerce and web development projects often take too long. We have been developing our rapid development process for 3 years now and are a founding member of the Rapid Development Committee at Adobe Commerce.</p> </div> </li> <li> <div class="title"> <div class="why-numb"><span>4</span></div> <h3>Innovation</h3> </div> <div class="content"> <p>Our website designers and developers are certified experts in the tools and services we provide. We remain focused on improving our skills, processes, systems and software so we can deliver effective results for you.</p> </div> </li> </ul> </div> </div> </div> </div> </div> </div><div class="sf_cols ecom-services home-ecom"> <div class="sf_colsOut sf_1col_1_100" style=""> <div id="CPH_ContentBlock2_C057_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><h2>Our <span>eCommerce, Web and Digital Marketing </span> Services</h2> <h3 id="our-web-design"> We help you select the services that give you the best ROI </h3> </div><div class="sf_cols ecom-services-accord"> <div class="sf_colsOut sf_2cols_1_50" style=""> <div id="CPH_ContentBlock2_C059_Col00" class="sf_colsIn sf_2cols_1in_50"><div class="sf_cols accordions"> <div class="sf_colsOut sf_1cols_1_100 " data-placeholder-label="Strategy &amp; Planning" style=""> <div id="CPH_ContentBlock2_C060_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Business & site goals </li> <li> Requirements gathering </li> <li> Scope of work defined </li> <li> Technology review </li> <li> Digital marketing planning </li> <li> Analytics & KPI planning </li> <li> Conversion goals & ROI plan </li> <li> Competitive analysis </li> <li>Persona development</li> <li>Heuristic evaluations</li> <li>Usability testing</li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " style="" data-placeholder-label="Design &amp; UX"> <div id="CPH_ContentBlock2_C060_Col01" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> User interface design </li> <li> UX and customer journey development </li> <li> Prototyping </li> <li> Wireframing </li> <li> Concept development </li> <li>Professional Website design </li> <li> Mobile responsive design </li> <li> Web style guide </li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " style="" data-placeholder-label="Development &amp; Programming"> <div id="CPH_ContentBlock2_C060_Col02" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Technical requirements determination </li> <li> User stories </li> <li> Storyboards & prototyping </li> <li> Solutions architecture mapping </li> <li> Back-end programming </li> <li> Front-end programming </li> <li> App development </li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " style="" data-placeholder-label="eCommerce"> <div id="CPH_ContentBlock2_C060_Col03" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Setup & configuration </li> <li> B2C / B2B framework application </li> <li> Theme selection and installation </li> <li> Extension selection, setup & configuration </li> <li> Multi-store & warehouse setup </li> <li> Multi-catalogue & pricing setup </li> <li> Shipping, taxes & payment </li> <li> Integrations : ERP, POS, CRM, etc. </li> <li>Customer groups & accounts</li> <li>Portal development</li> <li>Omni-channel implementations</li> <li>Marketplace construction</li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " data-placeholder-label="Content"> <div id="CPH_ContentBlock2_C060_Col04" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Strategy </li> <li> Content hierarchy </li> <li> Migration </li> <li> Layout & design </li> <li> Governance </li> <li> Style guides </li> <li> On-page SEO </li> </ul> </div> </div> </div> </div> </div> </div> <div class="sf_colsOut sf_2cols_2_50" style=""> <div id="CPH_ContentBlock2_C059_Col01" class="sf_colsIn sf_2cols_2in_50"><div class="sf_cols accordions"> <div class="sf_colsOut sf_1cols_1_100 " data-placeholder-label="Product Data" style=""> <div id="CPH_ContentBlock2_C061_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Assessment & planning </li> <li> Information architecture & hierarchy </li> <li> Keyword research & optimization </li> <li> Establishing product attributes </li> <li> Set up of simple, configurable & related products </li> <li> Product pricing, tiered, multi-currency, by customer groups </li> <li> Product data testing & importing </li> <li> Product data support </li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " style="" data-placeholder-label="Project Management"> <div id="CPH_ContentBlock2_C061_Col01" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Client communications </li> <li> Project coordination </li> <li> Resource allocation </li> <li> Budget tracking </li> <li> Project timelines </li> <li> Status reports </li> <li> Risk management </li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " style="" data-placeholder-label="Digital Marketing"> <div id="CPH_ContentBlock2_C061_Col02" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Planning & strategy </li> <li> Keyword discovery </li> <li> On-page optimization </li> <li> Off-page optimization </li> <li> Campaign development </li> <li> Email marketing </li> <li> Conversion optimization </li> <li> Content marketing </li> <li>Digital advertising</li> <li>Social media marketing (SMM)</li> <li>Analytics & testing</li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " style="" data-placeholder-label="Quality Control"> <div id="CPH_ContentBlock2_C061_Col03" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> System testing </li> <li> Browser testing </li> <li> Accessibility & W3C testing </li> <li> SEO testing </li> <li> User acceptance testing </li> <li> Going live </li> </ul> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 " data-placeholder-label="Maintenance &amp; Updates"> <div id="CPH_ContentBlock2_C061_Col04" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><ul> <li> Review & optimization </li> <li> Conversion improvement </li> <li> Tech support </li> <li> Bug repairs </li> <li> Content and product data updates </li> <li> Security audits & upgrades </li> <li> Software upgrades </li> <li> System monitoring </li> <li>Backup setup & monitoring</li> <li>Repairing hacked sites</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="sf_cols sf_cols section-inner mobile-padding home-accordion-list"> <div class="sf_colsOut sf_1col_1_100" style=""> <div id="CPH_ContentBlock2_C072_Col00" class="sf_colsIn sf_1col_1in_100"> </div> </div> </div></div> <div class="sf_cols section-inner mobile-padding two-col-split web-solutions home-web-solutions"> <div class="split"> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock4_C048_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><h2><span>Best-of-Breed</span> Web Solutions</h2> <p>Choosing the best Ecommerce and Website Development tools is critical to your success. At Graphically Speaking we only use the world leading Ecommerce Companies and Content Management Solutions.</p> </div><div> <ul class="solution-list"> <li><a href="/services/website-design/cms/wordpress-developer"><img src="/images/default-source/default-album/wordpress.png?sfvrsn=b9c6e1c6_4" data-displaymode="Original" alt="WordPress CMS for Design & Development" width="303" height="170" /><span class="solution-title">WordPress CMS for Design & Development</span></a></li> <li><a href="/services/website-design/cms/sitefinity-developer"><img src="/images/default-source/default-album/sitefinity.png?sfvrsn=a1c6e1c6_4" data-displaymode="Original" alt="Progress Sitefinity, Microsoft .net Technology" width="303" height="170" /> <span class="solution-title">Progress Sitefinity, Microsoft .net Technology</span></a></li> <li><a href="/services/website-design"><img src="/images/default-source/default-album/drupal.png?sfvrsn=a9c6e1c6_4" data-displaymode="Original" alt="Drupal Content Management System" width="303" height="170" /> <span class="solution-title">Drupal Content Management System</span></a></li> <li><a href="/magento-website-design-development-developer"><img src="/images/default-source/default-album/magento.png?sfvrsn=89c6e1c6_4" data-displaymode="Adobe Magento Commerce & Community" alt="Adobe Magento Commerce & Community" width="303" height="170" /><span class="solution-title">Adobe Magento Commerce & Community</span></a></li> <li><a href="/services/ecommerce-website-design-and-development/woocommerce-developer"><img src="/images/default-source/default-album/woocommerce.png?sfvrsn=bdc6e1c6_4" data-displaymode="Original" alt="WordPress Ecommerce with WooCommerce" width="303" height="170" /><span class="solution-title">WordPress Ecommerce with WooCommerce</span></a></li> <li><a href="/services/ecommerce-website-design-and-development/shopify-developer"><img src="/images/default-source/default-album/shopify.png?sfvrsn=b1c6e1c6_4" data-displaymode="Original" alt="Shopify & Shopify+ for Designers & Developers" width="303" height="170" /><span class="solution-title">Shopify & Shopify+ for Designers & Developers</span></a></li> </ul> <input id="ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState" name="ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl" style="display:none;"></span> <input id="ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ClientState" name="ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl" style="display:none;"></span> <span></span> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock4_C048_Col01" class="sf_colsIn sf_1col_1in_100"> </div> </div> </div> </div><div> <div class="testi-con-wrap"> <div class="testi-head"> <h2>What People Are <span class="b-color">Saying About Us</span></h2> </div> <div class="testimonial-item-wrap" > <div class="testimonial-item"> <p>This is amazing and thank you again for all of your great work, we love it!</p> <p class="name"> - Mr. Lube - </p> </div> <div class="testimonial-item"> I am so happy with your company and your support, thank you. <p class="name"> - Zahra Acupuncture - </p> </div> <div class="testimonial-item"> Bottom line... I would not hesitate to endorse Graphically Speaking, without reservation. <p class="name"> - Thomas FX Group Inc. - </p> </div> <div class="testimonial-item"> You have completely impressed me with the depth of the work. <p class="name"> - Bezdan - </p> </div> <div class="testimonial-item"> Our customers love the ‘ease of use’ of the site as it’s simple and informative. I know the courier business and you know web site development. What an unbeatable combination! <p class="name"> - Swift Messenger Delivery Systems - </p> </div> <div class="testimonial-item"> On behalf of the Webtech team, we want to say thank you for your efforts in the launch of our new website, and for helping us meet our rushed deadline. <p class="name"> - Webtech - </p> </div> <div class="testimonial-item"> Graphically Speaking provides an expertise that never failed to impress. Their skillful team provided a level of direction that was both disciplined and creative. A very tough combination to find when collaborating in today's world. <p class="name"> - British Columbia Pharmacy Association - </p> </div> <div class="testimonial-item"> Your team has provided us with excellent support in the areas of website strategy, design, and search engine optimization, usability testing and general ongoing project management. <p class="name"> - The Jim Pattison Auto Group - </p> </div> <div class="testimonial-item"> I want to express my thanks for the amazing work you and your team put in. <p class="name"> - Absolute Software - </p> </div> <div class="testimonial-item"> <p>I am pleased with the design, UI and insights from the usability testing that has allowed us to develop an award-winning website. Job well done.</p> <p class="name"> - City of Richmond - </p> </div> </div> </div> <input id="ctl00_CPH_ContentBlock4_ctl04_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock4_ctl04_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock4_ctl04_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div> <div class="bannerflex bf-id-brands-trust"> <div class="section-inner">  <div class="fullscreen">  <label for="fullscreen-brandtrust"> <div class="secondary btn fullscreen-trigger fullscreen-trigger--brands">See More logos</div> </label> <input class="fullscreen-state" id="fullscreen-brandtrust" type="checkbox" />  <div class="fullscreen-fade-screen">  <div class="fullscreen-header"> <div class="fullscreen-close" for="fullscreen-brandtrust"></div> <div class="fullscreen-top" for="fullscreen-brandtrust"></div> </div>  <div id="fullscreen-inner--all" class="fullscreen-inner"> </div> </div> </div> </div> </div> <div id="formquote" class="footer-form"> <div class="footer-form-inner"> <div class="footer-form-content"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="CPH_Form_T51DF9C70041_Col00" class="sf_colsIn sf_1col_1in_100"><div> <div class="sfexpandedListWrp"> <h3 class="bannerflex-heading"><span>Contact Us</span> </h3> <input id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState" name="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState" type="hidden" /><span id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl" style="display:none;"></span> </div> <input id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ClientState" name="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ClientState" type="hidden" /><span id="ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl" style="display:none;"></span> <span></span> </div> </div> </div> </div><div class="sf_cols bottom-form"> <div class="sf_colsOut sf_2cols_1_75" style="width: 70%;"> <div id="CPH_Form_T51DF9C70040_Col00" class="sf_colsIn sf_2cols_1in_75"> <style> .google-captcha-error {text-align:left; color:red;} </style> <script src="https://www.google.com/recaptcha/api.js?render=6LeAVPYaAAAAAF8MODZxst9_xPKJPwt2FAIp3cfc"></script> <script> $(document).ready(function () { }); function resetReCAPTCHAv3(e) { e.preventDefault(); var isOkay = false; var tokenValue = ""; grecaptcha.ready(function () { grecaptcha.execute('6LeAVPYaAAAAAF8MODZxst9_xPKJPwt2FAIp3cfc', { action: 'Request_Quote_Form' }).then(function (token) { tokenValue = token; $.ajax({ url: "/Widgets/VerifyGoogleReCaptcha.ashx", method: "post", data: { CurrentToken: tokenValue }, dataType: "json", async: false, success: function (data) { //response(data); isOkay = data.Success; var score = data.score; if (score >= 0.5 && isOkay == true) { __doPostBack('btnSubmit', 'OnClick'); } else { $('#lblCaptchaError').text("Google reCAPTCHA verification failed."); } }, error: function (err) { console.log(err); } }); }); }); return false; } </script> <div id="CPH_Form_T51DF9C70039_formtemplate" class="new-request-form"> <div class='contactpageform'> <ul class="contact-fields "> <li class="firstname-field form-field leftfield sfFormBox sfTxtBoxMedium"> <label id="lblname" class="sfTxtLbl sfInlineBlock">Name<span class="required">*</span></label> <input name="ctl00$CPH_Form$T51DF9C70039$Name" type="text" id="CPH_Form_T51DF9C70039_Name" class="sfTxt" placeholder="John Smith" /> <span id="CPH_Form_T51DF9C70039_RequiredFieldValidator1" class="sfError" style="display:none;">Name is required</span> </li> <li class="email-field form-field leftfield sfFormBox sfTxtBoxMedium"> <label id="lblemail" class="sfTxtLbl sfInlineBlock">Email<span class="required">*</span></label> <input name="ctl00$CPH_Form$T51DF9C70039$Email" type="text" id="CPH_Form_T51DF9C70039_Email" class="sfTxt" placeholder="john@companyname.ca" /> <span id="CPH_Form_T51DF9C70039_RequiredFieldValidator3" class="sfError" style="display:none;">Email is required</span> <span id="CPH_Form_T51DF9C70039_regEmail" class="sfError" style="display:none;">Invalid email address</span> </li> <li class="phone-field form-field rightfield sfFormBox sfTxtBoxMedium"> <label id="lblphone" class="sfTxtLbl sfInlineBlock">Phone Number<span class="required">*</span></label> <input name="ctl00$CPH_Form$T51DF9C70039$Phone" type="text" id="CPH_Form_T51DF9C70039_Phone" class="sfTxt" placeholder="555-345-6789" /> <span id="CPH_Form_T51DF9C70039_RequiredFieldValidator2" class="sfError" style="display:none;">Phone is required</span> <span id="CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone" class="sfError" style="display:none;">Invalid phone number. Format: 555 555-5555</span> </li> <li class="lastname-field form-field rightfield sfFormBox sfTxtBoxMedium"> <label id="lblcompany" class="sfTxtLbl sfInlineBlock">Company</label> <input name="ctl00$CPH_Form$T51DF9C70039$Company" type="text" id="CPH_Form_T51DF9C70039_Company" class="sfTxt" placeholder="Company Name" /> </li> <li class="message-field form-field long sfFormBlock sfTxtBlockMedium"> <label id="lblmessage" class="sfTxtLbl sfInlineBlock">Message</label> <textarea name="ctl00$CPH_Form$T51DF9C70039$Message" rows="2" cols="20" id="CPH_Form_T51DF9C70039_Message" class="sfTxt" placeholder="Message"> </textarea> <input name="ctl00$CPH_Form$T51DF9C70039$Address" type="text" id="CPH_Form_T51DF9C70039_Address" class="sfTxt other-input" /> <input type="hidden" name="ctl00$CPH_Form$T51DF9C70039$PageURL" id="CPH_Form_T51DF9C70039_PageURL" value="https://www.graphicallyspeaking.ca/" /> </li> <li class="submit-button sfFormSubmit form-field sfSubmitBtnSmall" style="clear:both;"> <input type="submit" name="ctl00$CPH_Form$T51DF9C70039$btnSubmit" value="Send" onclick="if(Page_ClientValidate()) {return resetReCAPTCHAv3(event);}else { return false;};WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$CPH_Form$T51DF9C70039$btnSubmit", "", true, "contactform", "", false, false))" id="btnSubmit" class="form-field" /> </li> <li class="message-field form-field long sfFormBlock sfTxtBlockMedium"> <span id="lblCaptchaError" class="google-captcha-error"></span> </li> </ul> </div> <input type="hidden" name="ctl00$CPH_Form$T51DF9C70039$hf_token" id="hf_token" /> </div> </div> </div> <div class="sf_colsOut sf_2cols_2_25" style="width: 30%;"> <div id="CPH_Form_T51DF9C70040_Col01" class="sf_colsIn sf_2cols_2in_25"><div class='sfContentBlock'><div class="bottom-contact-info"> <ul> <li id="phone-image"> Phone Image </li> <li id="phone-number"> <span itemprop="telephone"><a href="tel:+16046825500">604.682.5500</a></span> </li> <li id="at-sign"> @ </li> <li id="team-address"> <a href="mailTo:team@graphicallyspeaking.ca"><span class="__cf_email__" data-cfemail="0f7b6a6e624f687d6e7f67666c6e6363767c7f6a6e64666168216c6e">[email protected]</span></a> </li> <li class="footer-social-links-new"> <ul> <li><a target="_blank" class="footer-facebook" href="https://www.facebook.com/graphicallyspeaking">Facebook</a></li> <li><a target="_blank" class="footer-twitter" href="https://twitter.com/g_speaking">Twitter</a></li> <li><a target="_blank" class="footer-linkedin" href="https://www.linkedin.com/company/graphically-speaking-web-development-ecommerce-&-internet-marketing">Linkedin</a></li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div id="extra-parts" class="extra-content"> </div> </div> </div> </div> </div> <footer id="footer" class="page-section"> <div id="ctas" class="aside"> <div class="section-inner"> </div> </div> <div class="gsfooter"> <div id="gsfooter-w-heading" class="gsfooter-w"> <h3>Some of Our Credentials</h3> </div> <div id="gsfooter-w-partners" class="gsfooter-w"> <div id="gsfooter-partners"> <div class="gspartner"> <div class='sfContentBlock'><ul> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Microsoft Gold Application Development Partner" alt="Microsoft Gold Application Development Partner" data-displaymode="Original" src="/images/default-source/default-album/partner-miscrosoft.png?sfvrsn=bf61e4c6_0" width="132" height="80" />  </div> Microsoft Gold<br /> Application<br /> Development<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Google Agency Partner" alt="Google Agency Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-google.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]0b8a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> Google<br /> Agency<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Adobe Magento Agency Partner" alt="Adobe Magento Agency Partner" data-displaymode="Original" src="/images/default-source/default-album/partner-adobe-magento3d298dacd34869ff9211ff000009ee95.png?sfvrsn=1161e4c6_0" width="132" height="80" /></div> Adobe Magento<br /> Agency<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Shopify Certified Partner" alt="Shopify Certified Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-shoppify.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]358a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> Shopify<br /> Certified<br /> Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Progress Sitefinity Medallion Elite Partner" alt="Progress Sitefinity Medallion Elite Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-sitefinity-platinum.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]3d8a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> Progress Sitefinity<br /> Medallion<br /> Elite Partner </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Project Management Professional PMP Certified" alt="Project Management Professional PMP Certified" data-displaymode="Original" src="/images/default-source/default-album/partner-pmp.png?sfvrsn=cb61e4c6_0" width="132" height="80" />  </div> Project<br /> Management<br /> Professional<br /> PMP Certified </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Certified UX & UI Specialists" alt="Certified UX & UI Specialists" data-displaymode="Original" src="/images/default-source/default-album/partner-nng022a8dacd34869ff9211ff000009ee95.png?sfvrsn=2e62e4c6_0" width="132" height="80" /></div> Certified UX & UI<br /> Specialists </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Certified Usability Analyst" alt="Certified Usability Analyst" data-displaymode="Original" src="/images/default-source/default-album/partner-cua.png?sfvrsn=f62e4c6_0" width="132" height="80" />  </div> Certified<br /> Usability<br /> Analyst </div> </li> <li> <div class="partner" href="https://amasty.com"> <div class="partner-logo"> <a href="https://amasty.com" target="_blank"><img title="Adobe Magento Technology Partner" alt="Adobe Magento Technology Partner" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/amasty.png?sfvrsn=4" sfref="[images|OpenAccessDataProvider]2d8a7eac-d348-69ff-9211-ff000009ee95" width="110" height="50" /></a> </div> <a href="https://amasty.com" style="color:#a4a4a4;" target="_blank">Adobe MAGENTO <br /> TECHNOLOGY <br /> PARTNER</a> </div> </li> <li> <div class="partner" href="#"> <div class="partner-logo"> <img title="Website Design & Digital Marketing" alt="Website Design & Digital Marketing" data-displaymode="Original" data-src="/images/default-source/footer-partner-logos/partner-webdesign.png?sfvrsn=2" sfref="[images|OpenAccessDataProvider]458a7eac-d348-69ff-9211-ff000009ee95" width="132" height="80" /> </div> WEBSITE DESIGN <br /> & DIGITAL MARKETING </div> </li> </ul> </div> </div> </div> </div> <div id="gsfooter-w-last" class="gsfooter-w"> <div class="gstable"> <div id="gsfooter-company" class="gstable_cell"> <div class="gstable"> <div class='sfContentBlock'><div class="gstable_cell"> <div class="gsadress"> <p class="gsadress_title">Graphically Speaking</p> <p> <span class="gsadress_unit">#840</span> - <span class="gsadress_address">1140 West Pender Street </span> <span class="gsadress_city">Vancouver</span>, <span class="gsadress_province">BC</span>, <span class="gsadress_country">Canada</span> <span class="gsadress_postalcode">V6E 4G1</span></p> </div> </div> <div class="gstable_cell"> <div class="gsphone"> <a id="location_we_server" data-src="#cities-overlay" href="javascript:;">Locations We Serve</a>  </div> </div> <div class="gstable_cell"> <div class="gssocial"> <span class="gssocial_title">Follow Us</span> <ul> <li><a target="_blank" class="gssocial_item gssocial_item--facebook" href="https://www.facebook.com/graphicallyspeaking">Facebook</a></li> <li><a target="_blank" class="gssocial_item gssocial_item--twitter" href="https://twitter.com/g_speaking">Twitter</a></li> <li><a target="_blank" class="gssocial_item gssocial_item--linkedin" href="https://www.linkedin.com/company/graphically-speaking-web-development-ecommerce-&-internet-marketing">Linkedin</a></li> </ul> </div> </div> </div> </div> </div> <div id="gsfooter-menu" class='gstable_cell'> <div class='sfContentBlock'><div class="gstable_cell"> <div class="gsphone"> <span class="gsphone_label">Call us</span> <span itemprop="telephone"><a href="tel:+16046825500">604.682.5500</a></span> </div> <div class="gsphone"> <span class="gsphone_label">Toll Free</span> <span itemprop="telephone"><a href="tel:+18778754337">1.877.875.4337</a></span> </div> </div> </div> </div> <div id="gsfooter-credit" class="gstable_cell foot-cop"> <div class='copyrights_home'><div class="foo-copy-year"> © <lable id="gssi-copyright-year">2024</lable> Graphically Speaking Services Inc.</div> <div class="foo-all-right"> All right reserved.</div> <div class="nav" id="bottomlinks"> <ul> <li><a href="/disclaimer">Disclaimer</a></li> <li><a href="/privacy-policy">Privacy</a></li> <li><a href="/sitemap">Sitemap</a></li> <li><a href="/lets-connect">Contact</a></li> </ul> </div> </div> </div> </div> <div id="gsfooter-extra" style="background: #373e46;padding: 30px 50px;font-size: 12px;text-align: center;color: #aaaaaa;"> Graphically Speaking acknowledges the territories of First Nations in Canada and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all indigenous Peoples – First Nations, Metis, and Inuit – respecting and acknowledging their distinct cultures, histories, rights, laws, and governments. </div> </div> </div> </footer> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> WebFontConfig = { google: { families: [ 'Open+Sans:400,600,700:latin' ] } }; (function(d) { var wf = d.createElement('script'), s = d.scripts[0]; wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js'; s.parentNode.insertBefore(wf, s); })(document); </script> <script src="https://kit.fontawesome.com/b096672edf.js" crossorigin="anonymous"></script> <script src='/dist/js/prescripts.min.js'></script> <script src="/dist/js/site-functions.min.js"></script>  <script type="text/javascript"> window.__lc = window.__lc || {}; window.__lc.license = 6795391; (function () { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script>  <script src="https://www.google.com/recaptcha/api.js"></script> <script type="text/javascript"> document.getElementById("home-banner-slider").style.display = "block"; </script> <script type="text/javascript"> //<![CDATA[ var Page_Validators = new Array(document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator1"), document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator3"), document.getElementById("CPH_Form_T51DF9C70039_regEmail"), document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator2"), document.getElementById("CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone")); //]]> </script> <script type="text/javascript"> //<![CDATA[ var CPH_Form_T51DF9C70039_RequiredFieldValidator1 = document.all ? document.all["CPH_Form_T51DF9C70039_RequiredFieldValidator1"] : document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator1"); CPH_Form_T51DF9C70039_RequiredFieldValidator1.controltovalidate = "CPH_Form_T51DF9C70039_Name"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.errormessage = "Name is required"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.display = "Dynamic"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RequiredFieldValidator1.initialvalue = ""; var CPH_Form_T51DF9C70039_RequiredFieldValidator3 = document.all ? document.all["CPH_Form_T51DF9C70039_RequiredFieldValidator3"] : document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator3"); CPH_Form_T51DF9C70039_RequiredFieldValidator3.controltovalidate = "CPH_Form_T51DF9C70039_Email"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.errormessage = "Email is required"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.display = "Dynamic"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RequiredFieldValidator3.initialvalue = ""; var CPH_Form_T51DF9C70039_regEmail = document.all ? document.all["CPH_Form_T51DF9C70039_regEmail"] : document.getElementById("CPH_Form_T51DF9C70039_regEmail"); CPH_Form_T51DF9C70039_regEmail.controltovalidate = "CPH_Form_T51DF9C70039_Email"; CPH_Form_T51DF9C70039_regEmail.errormessage = "Invalid email address"; CPH_Form_T51DF9C70039_regEmail.display = "Dynamic"; CPH_Form_T51DF9C70039_regEmail.validationGroup = "contactform"; CPH_Form_T51DF9C70039_regEmail.evaluationfunction = "RegularExpressionValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_regEmail.validationexpression = "\\w+([-+.\']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*"; var CPH_Form_T51DF9C70039_RequiredFieldValidator2 = document.all ? document.all["CPH_Form_T51DF9C70039_RequiredFieldValidator2"] : document.getElementById("CPH_Form_T51DF9C70039_RequiredFieldValidator2"); CPH_Form_T51DF9C70039_RequiredFieldValidator2.controltovalidate = "CPH_Form_T51DF9C70039_Phone"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.errormessage = "Phone is required"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.display = "Dynamic"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RequiredFieldValidator2.initialvalue = ""; var CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone = document.all ? document.all["CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone"] : document.getElementById("CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone"); CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.controltovalidate = "CPH_Form_T51DF9C70039_Phone"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.errormessage = "Invalid phone number. Format: 555 555-5555"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.display = "Dynamic"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.validationGroup = "contactform"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.evaluationfunction = "RegularExpressionValidatorEvaluateIsValid"; CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone.validationexpression = "^[0-9.()Xx\\-ext ]{7,}$"; //]]> </script> <script type="text/javascript"> //<![CDATA[ window.__TsmHiddenField = $get('ctl10_TSM');//]]> </script> <script type="text/javascript"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5DQQMB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </script><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-6743265-1', 'auto'); ga('send', 'pageview'); </script><script type="text/javascript">$(document).ready(function () { $('.testimonial-item-wrap').slick({ dots: false, infinite: true, autoplay: true, speed: 2000, slidesToShow: 1, autoplaySpeed: 7000, slidesToScroll: 1, responsive: [ { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: true, dots: true, arrows:false } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); });</script> <script type="text/javascript"> //<![CDATA[ var Page_ValidationActive = false; if (typeof(ValidatorOnLoad) == "function") { ValidatorOnLoad(); } function ValidatorOnSubmit() { if (Page_ValidationActive) { return ValidatorCommonOnSubmit(); } else { return true; } } //]]> </script> <script type="text/javascript">const copyrightEl = document.getElementById('gssi-copyright-year'); if (copyrightEl) { const currentYear = new Date().getFullYear(); const copyrightText = "" + currentYear; copyrightEl.innerHTML = copyrightText; }</script> <script type="text/javascript"> //<![CDATA[ ;(function() { function loadHandler() { var hf = $get('ctl11_TSSM'); if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; } hf.value += ';Telerik.Sitefinity.Resources, Version=12.1.7131.0, Culture=neutral, PublicKeyToken=b28c218413bdf563:en:2df0b15c-9c61-4318-b24f-0901f9a12da3:7a90d6a:83fa35c7:850288ef'; Sys.Application.remove_load(loadHandler); }; Sys.Application.add_load(loadHandler); })();Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock1$ctl02$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock1_ctl02_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":12,"clientStateFieldID":"ctl00_CPH_ContentBlock1_ctl02_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock1_ctl02_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock1$ctl03$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock1_ctl03_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":20,"clientStateFieldID":"ctl00_CPH_ContentBlock1_ctl03_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock1_ctl03_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock2$ctl06$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock2_ctl06_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":4,"clientStateFieldID":"ctl00_CPH_ContentBlock2_ctl06_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock2_ctl06_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock4$C050$ctl00$ctl00$ctl00$listsControl$ctrl0$listItemsControl","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ItemsContainer","DataService":{}}},"_virtualItemCount":6,"clientStateFieldID":"ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock4$C050$ctl00$ctl00$ctl00$listsControl","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ListContainer","DataService":{}}},"_virtualItemCount":1,"clientStateFieldID":"ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock4_C050_ctl00_ctl00_ctl00_listsControl")); }); Sys.Application.add_init(function() { $create(Telerik.Sitefinity.Web.UI.UserPreferences, {"_timeOffset":"-28800000","_userBrowserSettingsForCalculatingDates":true,"timeZoneDisplayName":"(UTC-08:00) Pacific Time (US \u0026 Canada)","timeZoneId":"Pacific Standard Time"}, null, null); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock4$ctl04$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock4_ctl04_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":10,"clientStateFieldID":"ctl00_CPH_ContentBlock4_ctl04_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock4_ctl04_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_Form$T51DF9C70015$ctl00$ctl00$ctl00$listsControl$ctrl0$listItemsControl","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ItemsContainer","DataService":{}}},"_virtualItemCount":1,"clientStateFieldID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ctrl0_listItemsControl")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_Form$T51DF9C70015$ctl00$ctl00$ctl00$listsControl","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ListContainer","DataService":{}}},"_virtualItemCount":1,"clientStateFieldID":"ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_Form_T51DF9C70015_ctl00_ctl00_ctl00_listsControl")); }); document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator1').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator1')); } document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator3').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator3')); } document.getElementById('CPH_Form_T51DF9C70039_regEmail').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_regEmail')); } document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator2').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RequiredFieldValidator2')); } document.getElementById('CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone').dispose = function() { Array.remove(Page_Validators, document.getElementById('CPH_Form_T51DF9C70039_RegularExpressionValidatorPhone')); } //]]> </script> </form> </body><script type="text/javascript"> let fnInputInFocus = function($obj) { $($obj).parent().find('label').addClass('dom-hidden'); }; let fnInputInLostFocus = function($obj) { let strVal = $($obj).val(); if(strVal.trim() == "") { $($obj).parent().find('label').removeClass('dom-hidden'); } }; let fnLabelInFocus = function($obj) { $($obj).parent().find('label').addClass('dom-hidden'); $($obj).next().focus(); }; jQuery('document').ready(function($){ $('.contact-fields input[type="text"],.contact-fields input[type="email"], .contact-fields textarea').each(function() { if($(this).val() != "") { fnInputInFocus(this); } }); $('.contact-fields input[type="text"],.contact-fields input[type="email"], .contact-fields textarea').bind({ 'keydown': function(){ fnInputInFocus(this); }, 'focus': function(){ fnInputInFocus(this); }, 'blur': function(){ fnInputInLostFocus(this); } }); $('.contact-fields .form-field label').bind({'click': function(){ fnLabelInFocus(this); }}); }); </script> </html>

CINXE.COM

Website Design, Development & Ecommerce Services Agency in Vancouver