1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Feb 04 2025 18:22:31 GMT+0000 (Coordinated Universal Time) --> 2<html data-wf-page="66fc2e982f2db7fa0f3b2fa0" data-wf-site="66fc2e982f2db7fa0f3b2fb0"> 3<head> 4 <meta charset="utf-8"> 5 <title>MPS Web</title> 6 <meta name="google-site-verification" content="google-site-verification=BnZB6PBPgS5tlZuyqlH6P-TXISmHNkWMAqcr53yl8hw" /> 7<meta http-equiv="Content-Security-Policy" 8content="frame-src 'self' https://www.google.com https://*.clarity.ms https://www.sophos.com;"> 9 <meta content="Providing technology solutions for all your small business needs" name="description"> 10 <meta content="MPS Web" property="og:title"> 11 <meta content="Providing technology solutions for all your small business needs" property="og:description"> 12 <meta content="MPS Web" property="twitter:title"> 13 <meta content="Providing technology solutions for all your small business needs" property="twitter:description"> 14 <meta property="og:type" content="website"> 15 <meta content="summary_large_image" name="twitter:card"> 16 <meta content="width=device-width, initial-scale=1" name="viewport"> 17 <meta content="Webflow" name="generator"> 18 <link href="css/normalize.css" rel="stylesheet" type="text/css"> 19 <link href="css/webflow.css" rel="stylesheet" type="text/css"> 20 <link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css"> 21 <link href="css/owl.theme.default.min.css" rel="stylesheet" type="text/css"> 22 <link href="css/mpsweb-b2c7b4cc1802c5c3eea3e2efeb4f8a06.webflow.css" rel="stylesheet" type="text/css"> 23 <link href="https://fonts.googleapis.com" rel="preconnect"> 24 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> 25
25<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
25 26
26<script type="text/javascript">WebFont.load({ google: { families: ["Inter:200,300,regular,500,600,700,800","Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Material Symbols Rounded:100,200,300,regular,500,600,700"] }});</script>
26 27
27<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
27 28 <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> 29 <link href="images/webclip.png" rel="apple-touch-icon"> 30 <style> 31 * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} 32</style> 33 <!-- Google tag (gtag.js) -->
vendor: 70 bytes, lines 33-34
33 34 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
34G-P623VZZ6EZ
vendor: 15 bytes, lines 34-35
34"></script> 35
35<script> 36
vendor: 136 bytes, lines 36-39
36window.dataLayer = window.dataLayer || []; 37 function gtag(){dataLayer.push(arguments);} 38 gtag('js', new Date()); 39 gtag('config', '
39G-P623VZZ6EZ
vendor: 5 bytes, line 39
39');
40</script>
vendor: 64 bytes, lines 40-41
40 41 <script src="https://www.google.com/recaptcha/api.js?render=
416Lep98cqAAAAADPxMaL0c-lNTNEk49FaoCBa1Zqs
vendor: 15 bytes, lines 41-42
41"></script> 42
42<script type="text/javascript"> 43 (function(c,l,a,r,i,t,y){ 44 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 45 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 46 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 47 })(window, document, "clarity", "script", "lg4ymkf9lc"); 48</script>
48 49</head> 50<body> 51 <div data-animation="default" class="navbar w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" role="banner" data-no-scroll="1" data-duration="500" data-doc-height="1"> 52 <div class="container nav-container"> 53 <div class="nav-menu-container"> 54 <a href="index.html" aria-current="page" class="brand-link w-nav-brand w--current"><img src="images/Blue-on-White-Horizontal-Logo1920-px.png" loading="lazy" width="270" sizes="(max-width: 767px) 180px, 200px" alt="" srcset="images/Blue-on-White-Horizontal-Logo1920-px-p-500.png 500w, images/Blue-on-White-Horizontal-Logo1920-px-p-800.png 800w, images/Blue-on-White-Horizontal-Logo1920-px-p-1080.png 1080w, images/Blue-on-White-Horizontal-Logo1920-px.png 1504w" class="brand-logo"></a> 55 <div class="nav-menu-holder"> 56 <nav role="navigation" class="nav-menu w-nav-menu"> 57 <div class="nav-links"> 58 <div class="nav-link-holder"> 59 <a href="#home" class="nav-link w-inline-block"> 60 <div>Home</div> 61 </a> 62 </div> 63 <div class="nav-link-holder"> 64 <a href="#about" class="nav-link w-inline-block"> 65 <div class="nav-text">About</div> 66 </a> 67 </div> 68 <div class="nav-link-holder"> 69 <a href="#services" class="nav-link w-inline-block"> 70 <div class="nav-text">Services</div> 71 </a> 72 </div> 73 <div class="nav-link-holder"> 74 <a href="careers.html" class="nav-link w-inline-block"> 75 <div class="nav-text">Careers</div> 76 </a> 77 </div> 78 <div class="nav-link-holder"> 79 <a href="#contact" class="nav-link w-inline-block"> 80 <div class="nav-text">Contact</div> 81 </a> 82 </div> 83 <div class="nav-link-holder desktop-condition"> 84 <a href="https://portal.mpsweb.net/login" target="_blank" class="nav-link w-inline-block"> 85 <div class="nav-text">Client Login</div> 86 </a> 87 </div> 88 </div> 89 </nav> 90 <div class="nav-link-buttons"> 91 <div data-node-type="commerce-cart-wrapper" data-open-product="" data-wf-cart-type="modal" data-wf-cart-query="" data-wf-page-link-href-prefix="" class="w-commerce-commercecartwrapper cart"> 92 <a href="#" data-node-type="commerce-cart-open-link" aria-haspopup="dialog" aria-label="Open cart" role="button" class="w-commerce-commercecartopenlink nav-link cart-nav-link hidden w-inline-block"><svg class="w-commerce-commercecartopenlinkicon icon" width="17px" height="17px" viewbox="0 0 17 17"> 93 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 94 <path d="M2.60592789,2 L0,2 L0,0 L4.39407211,0 L4.84288393,4 L16,4 L16,9.93844589 L3.76940945,12.3694378 L2.60592789,2 Z M15.5,17 C14.6715729,17 14,16.3284271 14,15.5 C14,14.6715729 14.6715729,14 15.5,14 C16.3284271,14 17,14.6715729 17,15.5 C17,16.3284271 16.3284271,17 15.5,17 Z M5.5,17 C4.67157288,17 4,16.3284271 4,15.5 C4,14.6715729 4.67157288,14 5.5,14 C6.32842712,14 7,14.6715729 7,15.5 C7,16.3284271 6.32842712,17 5.5,17 Z" fill="currentColor" fill-rule="nonzero"></path> 95 </g> 96 </svg><img src="images/shopping-cart-01-1.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="cart-image"> 97 <div class="cart-text">Cart</div> 98 <div style="display:none" data-count-hide-rule="empty" class="w-commerce-commercecartopenlinkcount cart-quantity-badge">0</div> 99 </a> 100 <div data-node-type="commerce-cart-container-wrapper" style="display:none" class="w-commerce-commercecartcontainerwrapper w-commerce-commercecartcontainerwrapper--cartType-modal"> 101 <div role="dialog" data-node-type="commerce-cart-container" class="w-commerce-commercecartcontainer cart-container"> 102 <div class="w-commerce-commercecartheader cart-header"> 103 <h4 class="w-commerce-commercecartheading"><span class="yellow-span-text">
103Your</span> Cart</h4> 104 <a href="#" data-node-type="commerce-cart-close-link" role="button" aria-label="Close cart" class="w-commerce-commercecartcloselink close-button w-inline-block"><img src="images/x.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="close-icon"></a> 105 </div> 106 <div class="w-commerce-commercecartformwrapper cart-form-wrapper"> 107 <form data-node-type="commerce-cart-form" style="display:none" class="w-commerce-commercecartform"> 108
108<script type="text/x-wf-template" id="wf-template-3c610bba-276b-0d95-3d48-031d9d9a9b01"></script>
108 109 <div class="w-commerce-commercecartlist cart-list" data-wf-collection="database.commerceOrder.userItems" data-wf-template-id="wf-template-3c610bba-276b-0d95-3d48-031d9d9a9b01"></div> 110 <div class="gradient-green-line"></div> 111 <div class="w-commerce-commercecartfooter cart-footer-black-color gray"> 112 <div aria-atomic="true" aria-live="polite" class="w-commerce-commercecartlineitem cart-line-item"> 113 <div class="subtotal-text">Subtotal</div> 114 <div class="w-commerce-commercecartordervalue product-price"></div> 115 </div> 116 <div class="checkout-actions"> 117 <a href="checkout.html" value="Continue to Checkout" data-node-type="cart-checkout-button" class="w-commerce-commercecartcheckoutbutton button" data-loading-text="Hang Tight...">Continue to Checkout</a> 118 </div> 119 </div> 120 </form> 121 <div class="w-commerce-commercecartemptystate empty-state"> 122 <div aria-live="polite" aria-label="This cart is empty">No items found.</div> 123 <a href="shop.html" class="button w-button">Let's do shopping -></a> 124 </div> 125 <div aria-live="assertive" style="display:none" data-node-type="commerce-cart-error" class="w-commerce-commercecarterrorstate error-message"> 126 <div class="error-text-message w-cart-error-msg" data-w-cart-quantity-error="Product is not available in this quantity." data-w-cart-general-error="Something went wrong when adding this item to the cart." data-w-cart-checkout-error="Checkout is disabled on this site." data-w-cart-cart_order_min-error="The order minimum was not met. Add more items to your cart to continue." data-w-cart-subscription_error-error="Before you purchase, please use your email invite to verify your address so we can send order updates.">Product is not available in this quantity.</div> 127 </div> 128 </div> 129 </div> 130 </div> 131 </div> 132 <a href="https://portal.mpsweb.net/login" target="_blank" class="button nav login w-button">Client Login</a> 133 <a href="#contact" class="button nav w-button">Contact Us</a> 134 </div> 135 </div> 136 <div class="menu-button w-nav-button"><img src="images/White-Menu.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="menu-icon"></div> 137 </div> 138 </div> 139 </div> 140 <div data-w-id="775cac5c-1aa2-262a-db52-01cc6bff5d44" class="hero-section"> 141 <div class="container hero-container"> 142 <div class="hero-wrapper"> 143 <div style="-webkit-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="animate-on-load-02"> 144 <div class="hero-text-holder"> 145 <div class="hero-text">Technology Solutions That Empower Your Business</div> 146 <div class="paragraph-holder"></div> 147 </div> 148 </div> 149 <div style="-webkit-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="animate-on-load-03"> 150 <div class="hero-button-holder"> 151 <a href="#contact" class="main-button w-button">Schedule Your Free Consultation</a> 152 </div> 153 </div> 154 </div> 155 </div> 156 <div style="-webkit-transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="animate-on-load-04 z-index"> 157 <div data-w-id="6cc8c1e9-560c-c43e-0dd3-afe69c33ea20" class="hero-app-container"> 158 <div class="ipad-wrapper"> 159 <div class="dashboard-wrapper"> 160 <div class="dashboard-image-wrap"><img src="images/Features-Hero-Dashboard-App_1Features-Hero-Dashboard-App.webp" loading="lazy" sizes="62vw" srcset="images/Features-Hero-Dashboard-App_1-p-500.png 500w, images/Features-Hero-Dashboard-App_1-p-800.png 800w, images/Features-Hero-Dashboard-App_1-p-1080.png 1080w, images/Features-Hero-Dashboard-App_1-p-1600.png 1600w, images/Features-Hero-Dashboard-App_1-p-2000.png 2000w, images/Features-Hero-Dashboard-App_1Features-Hero-Dashboard-App.webp 4676w" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="dashboard-inside-image"></div> 161 </div><img src="images/Ipad-In-Hand_1Ipad-In-Hand.webp" loading="lazy" sizes="90vw" srcset="images/Ipad-In-Hand_1-p-500.png 500w, images/Ipad-In-Hand_1-p-800.png 800w, images/Ipad-In-Hand_1-p-1080.png 1080w, images/Ipad-In-Hand_1-p-1600.png 1600w, images/Ipad-In-Hand_1-p-2000.png 2000w, images/Ipad-In-Hand_1Ipad-In-Hand.webp 2436w" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="ipad-in-hand-image"> 162 </div> 163 <div class="white-gradient-color-holder"></div> 164 </div> 165 </div> 166 <div class="hero-circles-holder"> 167 <div style="opacity:0;filter:blur(20px);-webkit-transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="circle _01"> 168 <div class="circle-stroke"></div> 169 </div> 170 <div style="opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.3, 0.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);filter:blur(20px)" class="circle _02"> 171 <div id="home" class="circle-stroke"></div> 172 </div> 173 </div> 174 </div> 175 <div class="home-trusted-by-holder hidden"> 176 <div class="trusted-by-wrapper"> 177 <div class="trusted-by-text">Trusted by the worldâs leading organizations â</div> 178 <div class="w-layout-grid trusted-by-grid"> 179 <div id="w-node-_65d7c6ee-eb04-6e16-0ced-cea38d0d58c9-8d0d58c5" class="logo-holder"><img src="images/Logo-1.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="logo-image"></div> 180 <div id="w-node-_65d7c6ee-eb04-6e16-0ced-cea38d0d58cb-8d0d58c5" class="logo-holder"><img src="images/Logo-2.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="logo-image"></div> 181 <div id="w-node-_65d7c6ee-eb04-6e16-0ced-cea38d0d58cd-8d0d58c5" class="logo-holder"><img src="images/Logo-4.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="logo-image"></div> 182 <div id="w-node-_65d7c6ee-eb04-6e16-0ced-cea38d0d58cf-8d0d58c5" class="logo-holder"><img src="images/Logo-4.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="logo-image"></div> 183 <div id="w-node-_65d7c6ee-eb04-6e16-0ced-cea38d0d58d1-8d0d58c5" class="logo-holder"><img src="images/Logo-5.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="logo-image"></div> 184 <div id="w-node-_65d7c6ee-eb04-6e16-0ced-cea38d0d58d3-8d0d58c5" class="logo-holder"><img src="images/Logo-6.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="logo-image"></div> 185 </div> 186 </div> 187 </div> 188 <div id="about" class="section"> 189 <div class="container"> 190 <div class="grid-section"> 191 <div id="w-node-f372f143-af3b-0e7f-2a6c-5c8883782c96-0f3b2fa0" class="grid-content"> 192 <div data-w-id="42e5e496-550b-898a-45b2-f198022ae0b2" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="grid-title-holder"> 193 <h1 class="about-text">We provide comprehensive IT Services, Modern Security Systems, and Development Services to help businesses like yours thrive. We're your trusted technology partner, dedicated to your success.</h1> 194 </div> 195 </div> 196 </div> 197 </div> 198 </div> 199 <div id="services" class="section"> 200 <div class="container"> 201 <div class="grid-section"> 202 <div id="w-node-_835106c9-ea08-7a76-1ba0-fc1734ce2709-0f3b2fa0" class="grid-content"> 203 <div data-w-id="835106c9-ea08-7a76-1ba0-fc1734ce270a" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="grid-title-holder"> 204 <h1 class="title"><span class="medium-black-text"><strong class="bold-text-3">Our Services</strong></span></h1> 205 <div data-current="Tab 4" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs"> 206 <div class="tab-menu-container w-tab-menu"> 207 <a data-w-tab="Tab 2" class="tab w-inline-block w-tab-link w--current"> 208 <div class="tab-icon-container"> 209 <div class="tab-icon-holder"> 210 <div class="tab-icon">devices</div> 211 </div> 212 <div class="tab-text">IT Services</div> 213 </div> 214 </a> 215 <a data-w-tab="Tab 6" class="tab w-inline-block w-tab-link"> 216 <div class="tab-icon-container"> 217 <div class="tab-icon-holder _06"> 218 <div class="tab-icon">vpn_lock</div> 219 </div> 220 <div class="tab-text">Cyber Security</div> 221 </div> 222 </a> 223 <a data-w-tab="Tab 4" class="tab w-inline-block w-tab-link"> 224 <div class="tab-icon-container"> 225 <div class="tab-icon-holder _03"> 226 <div class="tab-icon">
226encrypted</div> 227 </div> 228 <div class="tab-text">Security Systems and Infrastructure Services</div> 229 </div> 230 </a> 231 <a data-w-tab="Tab 5" class="tab w-inline-block w-tab-link"> 232 <div class="tab-icon-container"> 233 <div class="tab-icon-holder _04"> 234 <div class="tab-icon">tune</div> 235 </div> 236 <div class="tab-text">Development Services</div> 237 </div> 238 </a> 239 </div> 240 <div class="tabs-content-feature w-tab-content"> 241 <div data-w-tab="Tab 2" class="tab-pane-feature w-tab-pane w--tab-active"> 242 <div id="w-node-_835106c9-ea08-7a76-1ba0-fc1734ce272f-0f3b2fa0" class="extra-feature-holder"> 243 <div class="extra-feature-content"> 244 <div class="extra-feature-title"><span class="inline-icon">devices</span> IT Services</div> 245 <p class="extra-feature-summery">Focus on Your Core Business, while we manage your business technology needs. From supporting your teams' daily operations, to Strategic IT Consulting for the bigger picture, we're committed to your IT infrastructure reliability, stability, and scalability.<br></p> 246 <div class="rich-text-block w-richtext"> 247 <p></p> 248 <ul role="list" class="list"> 249 <li>Helpdesk Support</li> 250 <li>Strategic IT Consulting Services </li> 251 <li>Cloud Management, Monitoring, and Maintenance</li> 252 <li>Network Monitoring and Management</li> 253 <li><a href="#" class="cyber-link">Cyber Security Solutions</a></li> 254 <li>VoIP Solutions</li> 255 <li>Business Continuity and Disaster Recovery</li> 256 </ul> 257 </div> 258 </div> 259 </div> 260 </div> 261 <div data-w-tab="Tab 6" class="tab-pane-2 w-tab-pane"> 262 <div id="w-node-_835106c9-ea08-7a76-1ba0-fc1734ce2741-0f3b2fa0" class="extra-feature-holder"> 263 <div class="extra-feature-content"> 264 <div class="extra-feature-title"><span class="inline-icon">vpn_lock</span> Cyber Security</div> 265 <p class="extra-feature-summery">We help business and individuals with a set of processes, best practices and technology solutions that help protect Systems, data and networks from digital attacks.</p> 266 <div class="rich-text-block w-richtext"> 267 <ul role="list" class="list"> 268 <li>Identity Threat detection and Response</li> 269 <li>Security awareness training</li> 270 <li>Zero Trust Network Access (ZTNA)</li> 271 <li>Network Detection and Response (NDR)</li> 272 <li>Vulnerability Management</li> 273 <li>Emergency Incident Response</li> 274 <li>Endpoint Protection & Security (Mobile devices, desktops, servers, IOT appliances)</li> 275 <li>Firewall</li> 276 </ul> 277 </div> 278 <!-- <a href="#" class="learn-more-link">Learn More</a> --> 279 </div> 280 </div> 281 </div> 282 <div data-w-tab="Tab 4" class="tab-pane-2 w-tab-pane"> 283 <div id="w-node-_835106c9-ea08-7a76-1ba0-fc1734ce2741-0f3b2fa0" class="extra-feature-holder"> 284 <div class="extra-feature-content"> 285 <div class="extra-feature-title"><span class="inline-icon">encrypted</span> Security Systems and Infrastructure Services</div> 286 <p class="extra-feature-summery">Protect your business and your employees. We design, install, and maintain the best in Business Access Control Systems, 4k Surveillance Systems, Alarm Systems, and Environmental Monitoring Systems that's easy-to-use, accessible from anywhere, and enhanced with AI.</p> 287 <div class="rich-text-block w-richtext"> 288 <ul role="list" class="list"> 289 <li>Security Cameras (CCTV)</li> 290 <li>Access Control Systems</li> 291 <li>Alarm Systems</li> 292 <li>Environmental Sensors</li> 293 <li>Installation, Maintenance, and Inspections Services</li> 294 <li>
294Structured Cabling and Network Infrastructure Installation</li> 295 </ul> 296 </div> 297 </div> 298 </div> 299 </div> 300 <div data-w-tab="Tab 5" class="tab-pane-2 w-tab-pane"> 301 <div id="w-node-_835106c9-ea08-7a76-1ba0-fc1734ce274a-0f3b2fa0" class="extra-feature-holder"> 302 <div class="extra-feature-content"> 303 <div class="extra-feature-title"><span class="inline-icon">tune</span>Development Services</div> 304 <p class="extra-feature-summery">Bring your ideas to life with our custom development services. We create innovative Websites, Power Applications and custom software tailored to your unique business needs.</p> 305 <div class="rich-text-block w-richtext"> 306 <ul role="list" class="list"> 307 <li>Website Hosting, Development, and Maintenance</li> 308 <li>SEO & Data Analytics Services</li> 309 <li>Custom Application Development</li> 310 <li>Integration Development</li> 311 <li>Azure and Microsoft Power Platform Development</li> 312 </ul> 313 </div> 314 </div> 315 </div> 316 </div> 317 </div> 318 </div> 319 <div class="hero-button-holder"> 320 <a href="#contact" class="main-button w-button">Schedule Your Free Consultation</a> 321 </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 </div> 327 <div id="services" data-w-id="1b9ac617-82b9-54a3-bef9-92272a5e0b2b" class="section dark"> 328 <div class="container"> 329 <div data-w-id="721787d1-fbbd-c8e2-0b87-bff0d0556a56" style="opacity:0;filter:blur(5px)" class="why-us-title">Why Choose McCallum and Pinard Solutions Inc.?</div> 330 <div class="rich-text-block-2 w-richtext"> 331 <h5 class="light-heading"><strong class="light-bold">Genuine and Friendly</strong></h5> 332 <p class="light-paragraph">We believe in building strong relationships with our clients based on trust and open communication</p> 333 <h5 class="light-heading"><strong class="light-bold">Professional and Experienced</strong></h5> 334 <p class="light-paragraph">Our team of experts has the knowledge and skills to deliver high-quality solutions.</p> 335 <h5 class="light-heading"><strong class="light-bold">Customer-Focused</strong></h5> 336 <p class="light-paragraph">Bringing your vision to life is our priority. We're committed to understanding your needs and exceeding your expectations.</p> 337 </div> 338 <div class="call-to-action-container"> 339 <div class="black-tittle call-to-action"><strong class="call-to-action-title">Ready to take your business to the Next-Level?</strong></div> 340 <div class="paragraph-wrapper"></div> 341 <div class="button-wrapper"> 342 <a href="#" class="main-button w-button">Schedule Your Free Consultation</a> 343 </div> 344 </div> 345 </div> 346 </div> 347 <div id="contact" class="section"> 348 <div class="container"> 349 <div class="hero-wrapper-features contact"> 350 <div class="content"> 351 <div style="-webkit-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="animate-on-load-01"> 352 <h2 class="hero-text">How can we help?</h2> 353 </div> 354 <div class="contact-features"> 355 <div style="-webkit-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 45px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="animate-on-load-02"> 356 <div class="app-features"> 357 <div class="app-title"><img src="images/Calendar.svg" loading="lazy" alt="SaaS Webflow Template - Dortmund - Created by Wedoflow.com and Azwedo.com" class="app-features-icon"> 358 <div class="location-text">Sudbury Office:</div> 359 </div> 360 <p class="grey-text">1-196 Douglas Street<br>Greater Sudbury, ON<br>P3E 1G1<br><a class="ph" href="tel:7058050139">(705) 805-0139</a></p> 361 </div> 362 </div> 363 </div> 364 </div> 365 <div id="w-node-a67a4a12-b4ae-de58-9c54-f8100450f04a-0f3b2fa0" style="opacity:0;-webkit-transform:translate3d(0, 45px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 45px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 45px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 45px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="animate-on-load-05"> 366 <div id="w-node-a67a4a12-b4ae-de58-9c54-f8100450f04b-0f3b2fa0" class="contact-form"> 367 <div class="contant-title"><span class="green-text-span">Schedule Today</span>, for a Free Consultation!</div> 368 <div id="contactForm" class="contact-form-block w-form"> 369 <form id="wf-form-Contact-Form" name="wf-form-Contact-Form" data-name="Contact Form" method="post" class="form" data-wf-page-id="66fc2e982f2db7fa0f3b2fa0" data-wf-element-id="a67a4a12-b4ae-de58-9c54-f8100450f051"><input class="text-field w-input" maxlength="256" name="email" data-name="email" placeholder="Enter your email" type="email" id="email-4" required=""><input class="text-field w-input" maxlength="256" name="company" data-name="company" placeholder="Company Name" type="text" id="company-4" required=""><textarea id="message-4" name="message" maxlength="5000" data-name="message" placeholder="Message" required="" class="text-area w-input"></textarea> 370 <div class="form-button-holder div-block"><label class="w-checkbox checkbox-field no-margins hidden"> 371 <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input type="checkbox" name="Agree" id="Agree" data-name="Agree" required="" style="opacity:0;position:absolute;z-index:-1"><span class="checkbox-label w-form-label" for="Agree">I agree to the <a href="privacy-policy.html" class="simple-link">Privacy & Terms</a></span> 372 </label><input type="submit" data-wait="Sending" id="submitBtn" data-sitekey="6Lep98cqAAAAADPxMaL0c-lNTNEk49FaoCBa1Zqs" data-callback="onSubmit" data-action="submit" class="button w-button" value="Send"></div> 373 </form> 374 <div id="formSuccessBlock" class="success-message w-form-done"> 375 <div>Thank you! Your submission has been received!</div> 376 </div> 377 <div class="error-message w-form-fail"> 378 <div>Oops! Something went wrong while submitting the form.</div> 379 </div> 380 </div> 381 </div> 382 </div> 383 </div> 384 </div> 385 </div> 386 <!-- <div class="footer clients-logo"> 387 <div class="clients-logo-inner"> 388 <div class="container"> 389 <div class="clients-logo-title"><h3>Our Clients</h3></div> 390 <div class="owl-carousel owl-theme"> 391 <div class="item"> 392 <a href="#" class="client-link"> 393 <img src="images/sample_logo.png" class="clients-logo" /> 394 </a> 395 </div> 396 <div class="item"> 397 <a href="#" class="client-link"> 398 <img src="images/sample_logo.png" class="clients-logo" /> 399 </a> 400 </div> 401 <div class="item"> 402 <a href="#" class="client-link"> 403 <img src="images/sample_logo.png" class="clients-logo" /> 404 </a> 405 </div> 406 <div class="item"> 407 <a href="#" class="client-link"> 408 <img src="images/sample_logo.png" class="clients-logo" /> 409 </a> 410 </div> 411 <div class="item"> 412 <a href="#" class="client-link"> 413 <img src="images/sample_logo.png" class="clients-logo" /> 414 </a> 415 </div> 416 <div class="item"> 417 <a href="#" class="client-link"> 418 <img src="images/sample_logo.png" class="clients-logo" /> 419 </a> 420 </div> 421 <div class="item"> 422 <a href="#" class="client-link"> 423 <img src="images/sample_logo.png" class="clients-logo" /> 424 </a> 425 </div> 426 <div class="item"> 427 <a href="#" class="client-link"> 428 <img src="images/sample_logo.png" class="clients-logo" /> 429 </a> 430 </div> 431 <div class="item"> 432 <a href="#" class="client-link"> 433 <img src="images/sample_logo.png" class="clients-logo" /> 434 </a> 435 </div> 436 </div> 437 </div> 438 </div> 439 </div>--> 440 <div class="footer"> 441 <div class="container footer-container"> 442 <div class="mps-footer-content"> 443 <div class="fade-in-move-on-scroll footer"> 444 <div class="footer-brand-content"> 445 <a href="#" class="footer-logo-link"><img sizes="(max-width: 479px) 150px, (max-width: 767px) 69vw, 400px" srcset="images/White-Transparent-Horizontal-Logo1920-px---no-bleed-p-500.png 500w, images/White-Transparent-Horizontal-Logo1920-px---no-bleed-p-800.png 800w, images/White-Transparent-Horizontal-Logo1920-px---no-bleed-p-1080.png 1080w, images/White-Transparent-Horizontal-Logo1920-px---no-bleed.png 1483w" alt="" src="images/White-Transparent-Horizontal-Logo1920-px---no-bleed.png" class="mps-footer-image"></a> 446 </div> 447 <div> 448 <div class="copyright-text">1-196 Douglas Street<br>Greater Sudbury<br>ON, P3E 1G1</div> 449 <div class="copyright-text"> 450 <a href="tel:7058050139">(705) 805-0139</a> 451 </div> 452 </div> 453 </div> 454 <div class="footer-grid-content footer-logo-esa-main"> 455 <div class="fade-in-move-on-scroll"> 456 <a href="images/LICENCE-Certificate-25-26.pdf" target="_blank" class="footer-link w-inline-block"> 457 <div class="footer-logo-esa-div"><img src="images/ECRA-ESA-logo-color.png" class="footer-logo-esa" alt="ESA Logo" /></div> 458 <div class="footer-logo-esa-div-text">ECRA/ESA <br>License <br>7018093 </div> 459 </a> 460 </div> 461 </div> 462 <div class="footer-grid-content"> 463 <div class="footer-heading">Legal</div> 464 <div class="fade-in-move-on-scroll"> 465 <a href="privacy-policy.html" class="footer-link w-inline-block"> 466 <div>Privacy Policy</div> 467 <div class="link-block-underline"></div> 468 </a> 469 </div> 470 </div> 471 </div> 472 <div data-w-id="30cfdaff-da82-5a5b-a243-5c0183d26b69" class="made-by-section"> 473 <div class="copyright-text">© 2025 McCallum and Pinard Solutions Inc. All rights reserved.</div> 474 </div> 475 </div> 476 </div> 477 478<!-- Popup Overlay --> 479<div class="popup-overlay"> 480 <div class="popup-modal"> 481 <span class="popup-close">×</span>
482 <iframe src='https://www.sophos.com/en-us/site-in-a-box?partner_referral_id=001aJ00000ZdGNMQA3' frameborder='0'></iframe> 483 </div> 484</div> 485 486 487 <div data-w-id="23c154a7-49d6-ac85-5fd1-93018db87dbb" style="-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="buy-template-panel"> 488 <a href="https://webflow.com/templates/html/dortmund-saas-website-template" target="_blank" class="buy-template-link w-inline-block"></a> 489 </div> 490
490<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66fc2e982f2db7fa0f3b2fb0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
490 491
491<script src="js/owl.carousel.min.js" type="text/javascript"></script>
491 492
492<script src="js/webflow.js" type="text/javascript"></script>
492 493
493<script src="https://mpsweb.net/ms-clarity-consent/msClarityConsent.js"></script>
493 494
494<script> 495 const ms_clarity_div = document.querySelector(".ms_clarity_div"); 496 const ms_msg_text_bold = document.querySelector('.ms_clarity_msg strong'); 497 const ms_clarity_msg = document.querySelector(".ms_clarity_msg"); 498 const ms_yesBtn = document.querySelector("#clarity-yes-btn"); 499 const ms_noBtn = document.querySelector("#clarity-no-btn"); 500 // custom background color 501 const ms_bgColor = "#383E47"; 502 const ms_textColor = "white"; 503 // yes button colors 504 const ms_yesBtnBgColor = "#70C149"; 505 const ms_yesBtnColor = "white"; 506 // no button colors 507 const ms_noBtnBgColor = "gray"; 508 const ms_noBtnColor = "white"; 509 // pop up div style 510 if (ms_clarity_div) { 511 ms_clarity_div.style.color = ms_textColor; 512 ms_msg_text_bold.style.color = ms_textColor; 513 ms_clarity_div.style.backgroundColor = ms_bgColor; 514 ms_clarity_msg.style.color = ms_textColor; 515 } 516 // yes div style 517 if (ms_yesBtn) { 518 ms_yesBtn.style.backgroundColor = ms_yesBtnBgColor; 519 ms_yesBtn.style.color = ms_yesBtnColor; 520 } 521 // no div style 522 if (ms_noBtn) { 523 ms_noBtn.style.backgroundColor = ms_noBtnBgColor; 524 ms_noBtn.style.color = ms_noBtnColor; 525 } 526 // styling pop up div 527 ms_clarity_div.style.zIndex = 999; 528 ms_clarity_div.style.flexFlow = 'column'; 529 ms_clarity_div.style.justifyContent = 'center'; 530 ms_clarity_div.style.alignItems = 'center'; 531 ms_clarity_div.style.padding = '10px 10px'; 532 ms_clarity_div.style.display = 'flex'; 533 ms_clarity_div.style.position = 'fixed'; 534 ms_clarity_div.style.inset = 'auto 0% 0%'; 535</script>
535 536
536<script> 537 // Open Cyber Security tab when clicked from IT Services list 538 $('.cyber-link').on('click', function(e){ 539 e.preventDefault(); 540 541 // Trigger click on Cyber Security tab 542 $('.w-tab-link[data-w-tab="Tab 6"]').click(); 543 544 // Optional: scroll to services section 545 $('html, body').animate({ 546 scrollTop: $('#services').offset().top - 100 547 }, 500); 548 }); 549 550 jQuery(document).ready(function($){ 551 552 $('.learn-more-link').on('click', function(e){ 553 e.preventDefault(); 554 $('.popup-overlay').addClass('active'); 555 }); 556 557 $('.popup-close').on('click', function(){ 558 $('.popup-overlay').removeClass('active'); 559 }); 560 561 $('.popup-overlay').on('click', function(e){ 562 if($(e.target).is('.popup-overlay')){ 563 $('.popup-overlay').removeClass('active'); 564 } 565 }); 566 567 }); 568 569 570 $('#submitBtn').click(function(event) { 571 event.preventDefault(); 572 var email = $('#email').val(); 573 grecaptcha.ready(function() { 574 grecaptcha.execute('6Lep98cqAAAAADPxMaL0c-lNTNEk49FaoCBa1Zqs', {action: 'form_submit'}).then(function(token) { 575 var data = $("#wf-form-Contact-Form").serializeArray(); 576 data.push({ 577 name: 'token', 578 value: token 579 }) 580 console.log(data); 581 $.ajax({
582 type: 'POST', 583 url: './form/form.php', 584 data: $.param(data), 585 success: function(msg){ 586 console.log(msg) 587 } 588 }); 589 $("#formSuccessBlock").show(200); 590 $("#wf-form-Contact-Form").hide(200); 591 });; 592 }); 593 }); 594 $('.owl-carousel').owlCarousel({ 595 loop:true, 596 margin:30, 597 responsiveClass:true, 598 responsive:{ 599 0:{ 600 items:1, 601 nav:false 602 }, 603 600:{ 604 items:2, 605 nav:false 606 }, 607 1000:{ 608 items:4, 609 nav:false, 610 loop:false 611 } 612 } 613}) 614 </script>
614 615</body> 616</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.