Abbotsford, Mission & Chilliwack Website Design & Development

<!doctype html> <html lang="en"> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><title> Abbotsford, Mission & Chilliwack Website Design & Development </title><link rel="shortcut icon" type="image/x-icon" href="/gs-fav.ico" /><meta name="description" content="Results driven full service digital agency that is creative, fast and cost effective. Check out our extensive website design & development portfolio. Call today for a fast no obligation quote" /><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> <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><meta name="Generator" content="Sitefinity 12.1.7131.0 PU" /><link rel="canonical" href="https://www.graphicallyspeaking.ca/all-locations/abbotsford" /><script type="text/javascript"> (function(){ var metadataStr = '{\"Id\":\"8ea682ac-d348-69ff-9211-ff000009ee95\",\"ContentType\":\"Page\",\"Title\":\"Abbotsford\",\"CanonicalTitle\":\"Abbotsford\",\"CanonicalUrl\":\"https://www.graphicallyspeaking.ca/all-locations/abbotsford\",\"CreatedOn\":\"2017-02-08T23:41:18.25Z\",\"ModifiedOn\":\"2022-09-19T18:35:52.447Z\",\"SiteName\":\"SF82_Blank\",\"PageId\":\"8ea682ac-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><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></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="./abbotsford" 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="OUd+fdwZEJZQF1dsiqE+Wt531PdSJs8xZj2ixq5Oi/Lq61RVqMJ3bZVaTaPn5nziEN8ttJJodqSbu2Y5ZVQRlRQP4EVOZDqvWeFAQVr9oOfc/mopIdWRvCNbqjZJJLTsUFloVBosnQiIDSqnZ1/NaklATOkAi4VhuqljiiOsDCHyuYyesb7ylmAj29LJ9W8yJBPdvBN/PEPSL4mjITnIcRVzj3DG58pa7CEw09NsuGZjv4LFYXXdFFzR9aMCwcunx3INYiQj1A0/SCZpCXiscMRi1kpemscIcR2F208sOj9HBtQuSvIU/t9ysY0VJvfvAgnDyNxP0CoYzDFPh1alR43TcOVqVNtFD6iVLy35/uCMXSd+UHD4ovrgVpcL+FIfX4+3kN7duvTSbOMigGU+lLlQimSvw458WceHBdLhtBYoleAz3X+2QNnOUxrxhTy3zkO7g9Ykk6ceikLkKjja7eliGAmdhCyyh5GfVnXK5KnPhjeR+sMq8e15DYGnZmeoppD5+gw12a68CGxjRmOeMwfNLHxZluze0oDu7afeq3aSWVRFH5m9IZkhsl3rpNbjVxW+XxixsAi2rfEqIry0PZcAExvOV/J3VHhWm3ra0Xo+AqZHzGOoeVW2v6o2wIgDjPNrSwnxryeJeBhLjOnTHVagJ6JyH1g4VLFiTWaWE6aVaCcCUZqbXnZFF3e0gkZBEalb4wySCjFEIBkWfPxHYbIiopSvjNYQbY2YdHAMStvnADQ3kWE7UiESFU7G+qQXfrZ+jyoh/aU8+51rwZC2Lpmezg+RSQE+4GEsOEn8tAoWRCJGxH3P/yc2wWSLYckqxwN6h/UhATT6yIIZ0q9VGjg+Sw6UxvVFXBv/Yt9lRmpIU1Il/HxAtm6EsTYzLH8m7FZPwR3535wuufMfgZF5lhDtHB2X4eNQC5lRU6Y5A8RVWtUL2o9kHvD379J9eGoDW/tbXb0SSX+n6DrPwhZW8bD7uxlICweH9K+RwKTINF0Ml8sSk1yrcRTafyMrZWY3i3y6UwZ9eAFglX3H3p1XaJOqOdjM4LDFByc2E4BOBIMpQBbaA52nXi1lG6D8UmOADxOOkrvRC4+LShB52ZpW5LnvJ6UqapHImuELdbpOWuNN+rRroCHRi2XkRVcOsTjH9DCRGYUY23T8d0lZ3/kU7zYVnSXHQkk0YoiONPwSj5E=" /> </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="A1DF6E13" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="+85raXrvrjfNydipq7a0kZhghNj3FcdmiXREQi1NBD1TdvkDr+RUlQa5XInNEX/SEe0rOkaJN/tgFrOgDTTzC60/h8NPi7nkOjecbQAAG9VgmIl/91MpvJOwXGaneqTB6bcVWBjdgRCHyL2lZvD08JAwdvJkKDjrjODIr3rjYiFX9FB3BhqQ9IFeBMNGNmLaOrPrb3ZcPH9QXQheXAcHKchBWX6wUJd1yRv7fF1YLECbBPjHNYq4VCT+4K0I1n5JIOgAz2A7KvOVI8y1fScvU8TvMo8woXtUkRmD78vOMJk=" /> </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> <iframe id="__historyFrame" src="/ScriptResource.axd?d=RFO9_j67tIs8k22GodmqQ1DMd-YPDrnGT3V5_GQbTYgVEf5S2ffZfUrZ5siOO_cHhFbC2R3GLG4fME-mO-epUMLY1z1lu-gTZ3HB90rNCbTASyWMVg2-MhpQd6dndMy-8XpPU4IYrTO4VRIJ49YuJHt5Ch-9oAJOgyMMA-EHzMA1" style="display:none;"> </iframe> <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> <div id="CPH_ContentBlock1_ctl00_ctl00_ctl00_detailContainer"> <div class='ban-blue blue-location-banner' id="banner-wrapper"> <div class="ban-blue-inner">  <div class="ban-blue-inner-container"> <div class="ban-blue-inner-content"> <div class="category-parent">BC’s Most Experienced Digital Agency</div> <h1>Abbotsford, Mission & Chilliwack Website Design & Development Services </h1> <p> We design websites that attract audiences, build trust and fuel growth. Our experience means that you can count on us to create digital products that inspire audiences and lead to commercial success. </p> <div class="ban-blue-lists"> <div class="ban-blue-list"><ul> <li class="list-head-cont"> <h3>Website Development</h3> </li> <li>Strategy & Planning</li> <li>Design Services</li> <li>Programming Services</li> <li>Integration Services</li> <li>Maintenance & Support</li> </ul> <ul> <li class="list-head-cont"> <h3>Content Management Systems</h3> </li> <li>WordPress</li> <li>Sitefinity</li> <li>WooCommerce</li> <li>Magento Commerce</li> <li>Shopify</li> </ul> <ul> <li class="list-head-cont"> <h3>Digital Marketing Services</h3> </li> <li>Search Engine Optimization</li> <li>Online Advertising</li> <li>Social Media Marketing</li> <li>Email Marketing</li> <li>Conversion Optimization</li> </ul></div> </div> <div class="ban-blue-third-col"> </div> </div> </div> </div> <div class="an-blue-inner-content mobile-only"> <div class="ban-blue-lists"> <div class="ban-blue-list"> </div> </div> </div> </div> <div id="banner-bk-img" style="display:none;"> </div> </div> <script type="text/javascript"> $(document).ready(function(){ if($.trim( $('#banner-bk-img').html()).length ) { $('#banner-wrapper').css("background-image", "url(" + $('#banner-bk-img').html() + ")"); } }); </script> </div> <div id="main-block-2"> <div class="sf_cols new-two-col full-service"> <div class="split"> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock2_C013_Col00" class="sf_colsIn sf_1col_1in_100"><div class='sfContentBlock'><h2>Full Service <span>Digital Agency</span> for <br /> Abbotsford, Chilliwack & Mission </h2> </div> </div> </div> <div class="sf_colsOut sf_1cols_1_100 "> <div id="CPH_ContentBlock2_C013_Col01" class="sf_colsIn sf_1col_1in_100"><div class="sf_cols"> <div class="sf_colsOut sf_2cols_1_50"> <div id="CPH_ContentBlock2_C004_Col00" class="sf_colsIn sf_2cols_1in_50"><div class='sfContentBlock'><h3>Effective Web Design That Converts</h3> <p> Using web design best practices, every site created by Graphically Speaking is optimized for visitor engagement and audience conversion. Trust our award-winning design team to produce a great design that is effective and relevant to your Abbotsford, Chilliwack & Mission business. </p> <h3>Website Development Services</h3> <p> Our certified software engineers work with open source and proprietary licensed CMS systems, and they have lots of experience with customizations and integrating websites with 3rd party applications like ERP’s, CRM’s, portals, marketing automation and analytics. </p> </div> </div> </div> <div class="sf_colsOut sf_2cols_2_50"> <div id="CPH_ContentBlock2_C004_Col01" class="sf_colsIn sf_2cols_2in_50"><div class='sfContentBlock'><h3> Digital Marketing That Produces Results </h3> <p> Graphically Speaking offers a team of Google-certified digital marketers focused on delivering results. Whether it is content marketing, SEO, social media or PPC management, our team can devise custom marketing strategy for your Abbotsford business. </p> <h3>Ecommerce Website Design & Development Services</h3> <p> Our dedicated ecommerce experts develop online stores that attract qualified website traffic, improve conversions and increase online sales. Graphically Speaking has produced more ecommerce websites than any other digital agency in BC. </p> </div> </div> </div> </div><div class='sfContentBlock'><hr /> <h3 style="text-align: center;"> Have one of our experienced web strategists visit your office today! </h3> </div><div class='sfContentBlock'><div style="text-align: center;"> <a href="/lets-connect" class="primary btn">contact us today</a></div> <hr /> </div> </div> </div> </div> </div></div> <div class='sfContentBlock'><div class="location-acco-head"> <h2>Our<span> Website Design & Development</span> Services</h2> <h3 id="our-web-design"> We help you select the services that give you the best ROI </h3> </div> </div><div class="sf_cols ecom-services common-acco-head accord-location"> <div class="sf_colsOut sf_2cols_1_50" style="width: 50%;"> <div id="CPH_ContentBlock3_C044_Col00" class="sf_colsIn sf_2cols_1in_50"><div class="sf_cols accordions"> <div class="sf_colsOut sf_1cols_1_100 " style="width: 100%;" data-placeholder-label="Strategy &amp; Planning"> <div id="CPH_ContentBlock3_C045_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="width: 100%;" data-placeholder-label="Design &amp; UX"> <div id="CPH_ContentBlock3_C045_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="width: 100%;" data-placeholder-label="Development &amp; Programming"> <div id="CPH_ContentBlock3_C045_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="width: 100%;" data-placeholder-label="eCommerce"> <div id="CPH_ContentBlock3_C045_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_ContentBlock3_C045_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="width: 50%;"> <div id="CPH_ContentBlock3_C044_Col01" class="sf_colsIn sf_2cols_2in_50"><div class="sf_cols accordions"> <div class="sf_colsOut sf_1cols_1_100 " style="width: 100%;" data-placeholder-label="Product Data"> <div id="CPH_ContentBlock3_C046_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="width: 100%;" data-placeholder-label="Project Management"> <div id="CPH_ContentBlock3_C046_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="width: 100%;" data-placeholder-label="Digital Marketing"> <div id="CPH_ContentBlock3_C046_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="width: 100%;" data-placeholder-label="Quality Control"> <div id="CPH_ContentBlock3_C046_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_ContentBlock3_C046_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 class='sfContentBlock'><div class="magento-proj-title location-port-head"> <h2>Some of our Recent<span> Website and Ecommerce</span> Work</h2> </div> </div><div>  <div class="carousel-portfolio"> <div class="carousel-portfolio-cell"> <div class="flexart-grid-item"> <div class="flexart-grid-item_inner"> <a href="#" class="flexart-grid-item_content flexart-grid-item_content--slider"> <div class="flexart-grid-item_content-inner"> <div class="flexart-grid-item_logo"> <div class="flexart-grid-item_logo_inner"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/portfolios/logo---white/logo-w_cloverdale_paint.png?sfvrsn=221e9c6_0' alt="Logo-w_Vancity"> <div class="flexart-grid-item_logo_alt" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/portfolios/screenshots/cloverdale-paint.jpg?sfvrsn=7c21e9c6_2)'></div> </div> </div> <div class="flexart-grid-item_header"> <div class="flexart-grid-item_header-inner"> <div class="itemTitle">Cloverdale Paint</div> <div class="Industry"> <span>Retail</span> </div> <div class="cms"> <span>Abbotsford</span><span>Sitefinity</span> </div> </div> </div> </div> <div class="flexart-grid-item_bg"> <div class="flexart-grid-item_bg-inner"> <div class="flexart-grid-item_bg-small" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/portfolios/beauty-shot/b-cloverdale-paint.tmb-.jpg?sfvrsn=3721e9c6_2)'></div> <div class="flexart-grid-item_bg-large" data-bg='https://www.graphicallyspeaking.ca/images/default-source/portfolios/beauty-shot/b-cloverdale-paint.jpg?sfvrsn=3721e9c6_2'></div> </div> </div> </a> <div class="flexart-grid-item_detail flexart-grid-item_detail--slider"> <div class="flexart-grid-item_side flexart-grid-item_side-left"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/portfolios/screenshots/cloverdale-paint.jpg?sfvrsn=7c21e9c6_2' alt='Cloverdale Paint Ecommerce Website Design' title='b-Cloverdale Paint'> </div> <div class="flexart-grid-item_side flexart-grid-item_side-right"> <div class="rightup"> <a href="#" class="close-flexart-item"> <span></span> </a> <div class="itemTitle">Cloverdale Paint</div> <div class="itemCategory"> <div class="flexart-pop-typeindustry"> <span class="cms"><span>Abbotsford</span><span>Sitefinity</span> </span> </div> <span class="projecttype"><span>Website Design & Development</span><span>Ecommerce Website Design & Development</span></span> </div> <div class="itemGroupLinks"> <a href="#" class="itemDetailLink">Details</a> </div> </div> <div class="rightdown"> <ul> <li>Web strategy</li> <li>Information architecture</li> <li>System integration</li> <li>Content development</li> <li>Technical support</li> <li>Web design/creative</li> <li>Programming & database development</li> <li>Search engine optimization</li> </ul> <a class="rightdown_itemLink" target="_blank" href='https://www.cloverdalepaint.com/'>visit Website</a> </div> </div> </div> </div> </div> </div> <div class="carousel-portfolio-cell"> <div class="flexart-grid-item"> <div class="flexart-grid-item_inner"> <a href="#" class="flexart-grid-item_content flexart-grid-item_content--slider"> <div class="flexart-grid-item_content-inner"> <div class="flexart-grid-item_logo"> <div class="flexart-grid-item_logo_inner"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/portfolios/logo---color/logo_kf-aerospace-.png?sfvrsn=49b1e5c6_2' alt="Logo-w_Vancity"> <div class="flexart-grid-item_logo_alt" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/portfolios/screenshots/mock-small_kf-aerospace.jpg?sfvrsn=c949e4c6_2)'></div> </div> </div> <div class="flexart-grid-item_header"> <div class="flexart-grid-item_header-inner"> <div class="itemTitle">KF Aerospace </div> <div class="Industry"> <span>Tech, Science & Healthcare</span><span>Service & Education</span> </div> <div class="cms"> <span>WordPress</span><span>Web Development</span><span>Web Development</span><span>Abbotsford</span> </div> </div> </div> </div> <div class="flexart-grid-item_bg"> <div class="flexart-grid-item_bg-inner"> <div class="flexart-grid-item_bg-small" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/portfolios/beauty-shot/beauty-small_kf-aerospace.tmb-.jpg?sfvrsn=59b5e5c6_2)'></div> <div class="flexart-grid-item_bg-large" data-bg='https://www.graphicallyspeaking.ca/images/default-source/portfolios/beauty-shot/beauty-small_kf-aerospace.jpg?sfvrsn=59b5e5c6_2'></div> </div> </div> </a> <div class="flexart-grid-item_detail flexart-grid-item_detail--slider"> <div class="flexart-grid-item_side flexart-grid-item_side-left"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/portfolios/screenshots/mock-small_kf-aerospace.jpg?sfvrsn=c949e4c6_2' alt='mock-small_KF Aerospace ' title='beauty-small_KF Aerospace '> </div> <div class="flexart-grid-item_side flexart-grid-item_side-right"> <div class="rightup"> <a href="#" class="close-flexart-item"> <span></span> </a> <div class="itemTitle">KF Aerospace </div> <div class="itemCategory"> <div class="flexart-pop-typeindustry"> <span class="cms"><span>WordPress</span><span>Web Development</span><span>Web Development</span><span>Abbotsford</span> </span> </div> <span class="projecttype"><span>Website Design & Development</span></span> </div> <div class="itemGroupLinks"> <a href="#" class="itemDetailLink">Details</a> </div> </div> <div class="rightdown"> <ul> <li>WordPress development </li> <li>Responsive web design </li> <li>Web strategy </li> <li>Login area </li> <li>Search engine optimization</li> </ul> <a class="rightdown_itemLink" target="_blank" href='https://kfaero.ca/'>visit Website</a> </div> </div> </div> </div> </div> </div> <div class="carousel-portfolio-cell"> <div class="flexart-grid-item"> <div class="flexart-grid-item_inner"> <a href="#" class="flexart-grid-item_content flexart-grid-item_content--slider"> <div class="flexart-grid-item_content-inner"> <div class="flexart-grid-item_logo"> <div class="flexart-grid-item_logo_inner"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/default-album/logo_bezdan.png?sfvrsn=8c2dedc6_0' alt="Logo-w_Vancity"> <div class="flexart-grid-item_logo_alt" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/default-album/bezdan.jpg?sfvrsn=832dedc6_6)'></div> </div> </div> <div class="flexart-grid-item_header"> <div class="flexart-grid-item_header-inner"> <div class="itemTitle">Bezdan</div> <div class="Industry"> <span>Retail</span> </div> <div class="cms"> <span>Abbotsford</span><span>Magento Toronto</span><span>Magento</span><span>B2B</span> </div> </div> </div> </div> <div class="flexart-grid-item_bg"> <div class="flexart-grid-item_bg-inner"> <div class="flexart-grid-item_bg-small" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/default-album/beauty-lg_bezdan.tmb-.jpg?sfvrsn=dd2dedc6_0)'></div> <div class="flexart-grid-item_bg-large" data-bg='https://www.graphicallyspeaking.ca/images/default-source/default-album/beauty-lg_bezdan.jpg?sfvrsn=dd2dedc6_0'></div> </div> </div> </a> <div class="flexart-grid-item_detail flexart-grid-item_detail--slider"> <div class="flexart-grid-item_side flexart-grid-item_side-left"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/default-album/bezdan.jpg?sfvrsn=832dedc6_6' alt='ecommerce website - Bezdan' title='beauty-lg_bezdan'> </div> <div class="flexart-grid-item_side flexart-grid-item_side-right"> <div class="rightup"> <a href="#" class="close-flexart-item"> <span></span> </a> <div class="itemTitle">Bezdan</div> <div class="itemCategory"> <div class="flexart-pop-typeindustry"> <span class="cms"><span>Abbotsford</span><span>Magento Toronto</span><span>Magento</span><span>B2B</span> </span> </div> <span class="projecttype"><span>Ecommerce Website Design & Development</span><span>Ecommerce & Catalogues</span></span> </div> <div class="itemGroupLinks"> <a href="#" class="itemDetailLink">Details</a> </div> </div> <div class="rightdown"> <ul> <li>Web design/creative</li> <li>Online transaction processing and ordering on account</li> <li>3 tier customer class pricing</li> <li>Quantity discount purchasing</li> <li>1000’s of SKUs and SKU Groups</li> </ul> <a class="rightdown_itemLink" target="_blank" href='https://www.geobezdan.com/'>visit Website</a> </div> </div> </div> </div> </div> </div> <div class="carousel-portfolio-cell"> <div class="flexart-grid-item"> <div class="flexart-grid-item_inner"> <a href="#" class="flexart-grid-item_content flexart-grid-item_content--slider"> <div class="flexart-grid-item_content-inner"> <div class="flexart-grid-item_logo"> <div class="flexart-grid-item_logo_inner"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/portfolios/logo---white/logo_rickys.png?sfvrsn=6ad1edc6_2' alt="Logo-w_Vancity"> <div class="flexart-grid-item_logo_alt" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/portfolios/screenshots/rickys.jpg?sfvrsn=74d1edc6_2)'></div> </div> </div> <div class="flexart-grid-item_header"> <div class="flexart-grid-item_header-inner"> <div class="itemTitle">Ricky's</div> <div class="Industry"> <span>Service & Education</span> </div> <div class="cms"> <span>Abbotsford</span><span>Wordpress</span><span>WordPress</span> </div> </div> </div> </div> <div class="flexart-grid-item_bg"> <div class="flexart-grid-item_bg-inner"> <div class="flexart-grid-item_bg-small" style='background-image: url(https://www.graphicallyspeaking.ca/images/default-source/portfolios/beauty-shot/beauty-lg_rickys.tmb-.jpg?sfvrsn=18d1edc6_0)'></div> <div class="flexart-grid-item_bg-large" data-bg='https://www.graphicallyspeaking.ca/images/default-source/portfolios/beauty-shot/beauty-lg_rickys.jpg?sfvrsn=18d1edc6_0'></div> </div> </div> </a> <div class="flexart-grid-item_detail flexart-grid-item_detail--slider"> <div class="flexart-grid-item_side flexart-grid-item_side-left"> <img data-src='https://www.graphicallyspeaking.ca/images/default-source/portfolios/screenshots/rickys.jpg?sfvrsn=74d1edc6_2' alt='Rickys Website Design' title='b-Rickys'> </div> <div class="flexart-grid-item_side flexart-grid-item_side-right"> <div class="rightup"> <a href="#" class="close-flexart-item"> <span></span> </a> <div class="itemTitle">Ricky's</div> <div class="itemCategory"> <div class="flexart-pop-typeindustry"> <span class="cms"><span>Abbotsford</span><span>Wordpress</span><span>WordPress</span> </span> </div> <span class="projecttype"><span>Website Design & Development</span></span> </div> <div class="itemGroupLinks"> <a href="#" class="itemDetailLink">Details</a> </div> </div> <div class="rightdown"> <ul> <li>Responsive web design and development </li> <li>Custom WordPress design </li> <li>Custom plugins integrations</li> <li>Geolocation map with location saving</li> </ul> <a class="rightdown_itemLink" target="_blank" href='https://rickysrestaurants.ca/ '>visit Website</a> </div> </div> </div> </div> </div> </div> </div> <div class="flexart-backdrop"></div> <input id="ctl00_CPH_ContentBlock3_ctl15_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock3_ctl15_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock3_ctl15_ctl00_ctl00_dynamicContentListView" style="display:none;"></span> </div><div class='sfContentBlock'> </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’d like to take this opportunity to thank you for all your hard work on our new website. The website is excellent, and It’s been an absolute pleasure working with your team. We’ve really valued their professionalism, friendliness, creativity and excellent promptness. <p class="name"> - SSP Converged Solutions - </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"> 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 class="testimonial-item"> I wanted to reach out to you to let you know how happy we are with the results of the work your team has done on our new website. Your team has helped improve our site while supporting us during this process. <p class="name"> - IABC Calgary - </p> </div> </div> </div> <input id="ctl00_CPH_ContentBlock3_ctl16_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_CPH_ContentBlock3_ctl16_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_CPH_ContentBlock3_ctl16_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/all-locations/abbotsford" /> </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="bcc8d9ddd1fcdbceddccd4d5dfddd0d0c5cfccd9ddd7d5d2db92dfdd">[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_ContentBlock3$ctl15$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock3_ctl15_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":4,"clientStateFieldID":"ctl00_CPH_ContentBlock3_ctl15_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock3_ctl15_ctl00_ctl00_dynamicContentListView")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$CPH_ContentBlock3$ctl16$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_CPH_ContentBlock3_ctl16_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":10,"clientStateFieldID":"ctl00_CPH_ContentBlock3_ctl16_ctl00_ctl00_dynamicContentListView_ClientState","renderMode":1}, null, null, $get("ctl00_CPH_ContentBlock3_ctl16_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")); }); 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); }); 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

Abbotsford, Mission & Chilliwack Website Design & Development