PageSourceSearch

https://mpsweb.net/

html mpsweb.net collected 2026-10-08 12:05:26 UTC 42,314 bytes, 616 lines download raw bytes

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&#x27;s do shopping -&gt;</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&#x27;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&#x27; daily operations, to Strategic IT Consulting for the bigger picture, we&#x27;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&#x27;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 &amp; 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&#x27;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 &amp; 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">&times;</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.