PageSourceSearch

https://moneypex.com/select-login

html moneypex.com collected 2026-10-04 00:19:26 UTC 68,761 bytes, 1,170 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6    <meta name="viewport" content="width=device-width, initial-scale=0.9, shrink-to-fit=no, viewport-fit=cover" />
7
8    <!-- Microsoft Clarity - UK project (the PK site uses its own in _PkLayout.cshtml) -->
9    
9<script type="text/javascript">
10        (function(c,l,a,r,i,t,y){
11            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
12            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
13            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
14        })(window, document, "clarity", "script", "ygmnbh1jzr");
15    </script>
15
16
17    
17<script>
18    (function(w, d, t, u, o) {
19        w[u] = w[u] || [], o.ts = (new Date).getTime();
20        var n = d.createElement(t);
21        n.src = "https://bat.bing.net/bat.js?ti=" + o.ti + ("uetq" != u ? "&q=" + u : ""),
22        n.async = 1, n.onload = n.onreadystatechange = function() {
23            var s = this.readyState;
24            s && "loaded" !== s && "complete" !== s ||
25            (o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad"),
26            n.onload = n.onreadystatechange = null)
27        };
28        var i = d.getElementsByTagName(t)[0];
29        i.parentNode.insertBefore(n, i);
30    })(window, document, "script", "uetq", {
31        ti: "97272826",
32        enableAutoSpaTracking: true
33    });
34</script>
34
35
36
37    <title>Select Your App to Login | Moneypex UK</title>
38    <link rel="icon" type="image/x-icon" href="/img/icon.png">
39    <meta name="description" content="Choose your Moneypex app to log in - access accounting, POS, restaurant, property management and more. Secure login for UK businesses, all in one place." />
40    
41    <!--------------------Open Graph Start-------------------->
42    <meta property="og:site_name" content="Moneypex">
43    <meta property="og:type" content="website">
44    <meta property="og:url" content="https://moneypex.com/select-login">
45    <meta property="og:title" content="Select Your App to Login | Moneypex UK">
46    <meta property="og:description" content="Choose your Moneypex app to log in - access accounting, POS, restaurant, property management and more. Secure login for UK businesses, all in one place.">
47    <meta property="og:image" content="https://moneypex.com">
48    <!--------------------Open Graph End---------------------->
49    <!------------Twitter Card Start------------->
50    <meta name="twitter:card" content="summary_large_image">
51    <meta name="twitter:site" content="@moneypex">
52    <meta name="twitter:title" content="Select Your App to Login | Moneypex UK">
53    <meta name="twitter:description" content="Choose your Moneypex app to log in - access accounting, POS, restaurant, property management and more. Secure login for UK businesses, all in one place.">
54    <meta name="twitter:image" content="https://moneypex.com">
55    <!------------Twitter Card End------------->
56    <!-------------Canonical & Alternate Start------->
57    <link rel="canonical" href="https://moneypex.com/select-login" />
58    <link rel="alternate" hreflang="en-gb" href="https://moneypex.com/select-login" />
59    <link rel="alternate" hreflang="x-default" href="https://moneypex.com/select-login">
60    <link rel="alternate" hreflang="en-pk" href="https://moneypex.com/select-login" />
61    <!---------------Canonical & Alternate End------->
62
63    <!-- Tawk.to Integration Script -->
64
65    <!-- CSS Files - Load in correct order -->
66    <link rel="stylesheet" href="/css/bootstrap.min.css?v=IRmqyEfQmwBelG-DWTohpbupEe-dvJ9VpscR1sTGiUs&amp;v=IRmqyEfQmwBelG-DWTohpbupEe-dvJ9VpscR1sTGiUs" href="/css/bootstrap.min.css" />
67    <link rel="stylesheet" href="/css/design-system.css?v=gSg1-T1hPIxfx71qbWriCDDKmYTut0eTT78zk-m9v98&amp;v=gSg1-T1hPIxfx71qbWriCDDKmYTut0eTT78zk-m9v98" href="/css/design-system.css" />
68    <link rel="stylesheet" href="/css/home.css?v=j9CtD0ZKNabSmJLuAu5PgASztBjDCWpLPmCIloMmwlA&amp;v=j9CtD0ZKNabSmJLuAu5PgASztBjDCWpLPmCIloMmwlA" href="/css/home.css" />
69    <link rel="stylesheet" href="/css/toastr.min.css?v=8zWNqCgDOUez8mqM-4ibv-cQEzzP_8BxX2_N36JqVNg&amp;v=8zWNqCgDOUez8mqM-4ibv-cQEzzP_8BxX2_N36JqVNg" href="/css/toastr.min.css" />
70    <!-- External Assets -->
71    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
72    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
73    
74    <link rel="stylesheet" href="/css/home.css" />
75    <style>
76        .select-app-section {
77            padding-top: 50px !important;
78            padding-bottom: 50px !important;
79            min-height: auto !important;
80            position: relative !important;
81            z-index: 2 !important;
82        }
83        
84        .hero-container-wrapper {
85            margin-top: 0 !important;
86        }
87
88        .select-app-page-bg {
89            position: fixed !important;
90            top: 0;
91            left: 0;
92            width: 100%;
93            height: 100%;
94            background: #f8fafc !important;
95            z-index: 1 !important;
96            pointer-events: none;
97        }
98
99        .app-selection-card {
100            padding: 1.5rem !important;
101            display: flex !important;
102            flex-direction: column !important;
103            justify-content: space-between !important;
104            transition: all 0.3s ease !important;
105            background: white !important;
106            border-radius: 16px !important;
107            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
108            height: 100% !important;
109        }
110
111        .modern-card-title {
112            font-size: 1.15rem !important;
113            margin-top: 0.5rem !important;
114            margin-bottom: 0.75rem !important;
115            font-weight: 700 !important;
116            color: #1e293b !important;
117        }
118
119        .modern-card-text {
120            font-size: 0.9rem !important;
121            margin-bottom: 1.25rem !important;
122            line-height: 1.5 !important;
123            color: #64748b !important;
124        }
125
126        .hero-row-wrapper {
127            row-gap: 1.5rem !important;
128        }
129
130        .section-title {
131            font-size: 2.5rem !important;
132            font-weight: 800 !important;
133            color: #0f172a !important;
134            margin-bottom: 1rem !important;
135        }
136
137        .section-subtitle {
138            font-size: 1.1rem !important;
139            color: #64748b !important;
140            max-width: 600px !important;
141            margin: 0 auto 3rem !important;
142        }
143
144        @media (min-width: 992px) {
145            .select-app-section {
146                padding-top: 80px !important;
147                padding-bottom: 80px !important;
148            }
149        }
150        
151        .fade-in-up {
152            opacity: 1 !important;
153            transform: none !important;
154            animation: none !important;
155        }
156    </style>
157
158    <link rel="stylesheet" href="/css/app.css?v=oNah0UmmruCUXTGPZUmtVGita_g" />
159    <link rel="stylesheet" href="/css/site.css" href="/css/site.css" />
160    <link rel="stylesheet" href="/css/tailwind.css?v=prD0Ak7mfOSb2
160SW0b5BWswArmS6rpId50u1Zdevko-8&amp;v=prD0Ak7mfOSb2SW0b5BWswArmS6rpId50u1Zdevko-8" href="/css/tailwind.css" />
161    <link rel="stylesheet" href="/Content/tailwind.min.css?v=NBJPUmVMzNrUjau6KdVD7wDaykEMKjzdm8knxocrw8Q&amp;v=NBJPUmVMzNrUjau6KdVD7wDaykEMKjzdm8knxocrw8Q" href="/Content/tailwind.min.css" />
162    <!-- All fix styles bundled into one file -->
163    <link rel="stylesheet" href="/css/fixes-bundle.css?v=VCh3BPiGjChi7z06s9a6I9NuvQfY97xp3BPl8ELtJyY&amp;v=VCh3BPiGjChi7z06s9a6I9NuvQfY97xp3BPl8ELtJyY" href="/css/fixes-bundle.css" />
164    <link rel="stylesheet" href="/css/fbr.css" />
165    <link rel="stylesheet" href="/css/footer-fix.css?v=deCBeX1QuJosla3ssZxFkuhWWRooXwjdo0Ap0NBg6zg&amp;v=deCBeX1QuJosla3ssZxFkuhWWRooXwjdo0Ap0NBg6zg" href="/css/footer-fix.css" />
166    <!-- Hero animation layer - must load LAST so animations are never overridden -->
167    <link rel="stylesheet" href="/css/hero-live.css?v=wlCCVVN1Q6dM-orXgGo03FvvbQYGzg5VFs9KBbFs6yE&amp;v=wlCCVVN1Q6dM-orXgGo03FvvbQYGzg5VFs9KBbFs6yE" href="/css/hero-live.css" />
168
169    <!------------------Head Scripts Start----------------------->
170    
171    <!------------------Head Scripts End----------------------->
172</head>
173<body data-pm-url="https://practicemanager.moneypex.com" data-pm-web-base-url="https://practicemanager.moneypex.com">
174    <!-- Mobile Debug Script - Only in development/staging -->
175        
175<script src="/js/mobile-debug.js"></script>
175
176    <!-- Global Background Elements -->
177    <!-- Animated Lines -->
178
179
180    <!-- Gradient Orbs -->
181
182
183    <div class="modal fade modern-cookie-modal" id="cookieConsentModal" tabindex="-1" role="dialog" aria-labelledby="cookieConsentModalLabel" aria-hidden="true">
184        <div class="modal-dialog modal-lg" role="document">
185            <div class="modal-content">
186                <div class="modal-header">
187                    <p class="modal-title" id="cookieConsentModalLabel">Pick your cookie preferences</p>
188                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
189                </div>
190                <div class="modal-body">
191                    <p class="cookie-intro-text">
192                        Some cookies are required for the functionality of our website and cannot be disabled. However, we need your permission to use optional cookies. You can change your cookie settings using the 'Manage Cookies' link. To learn more, visit our Cookies Policy.
193                    </p>
194
195                    <div class="cookie-option-card essential">
196                        <div class="cookie-option-header">
197                            <div class="cookie-checkbox-wrapper">
198                                <input type="checkbox" class="cookie-checkbox" required disabled checked name="essential" id="essentialCookie">
199                            </div>
200                            <label for="essentialCookie" class="cookie-option-title">Essential</label>
201                        </div>
202                        <p class="cookie-option-description">
203                            These cookies are required for the website to function properly. They protect your data.
204                        </p>
205                    </div>
206
207                    <div class="cookie-option-card">
208                        <div class="cookie-option-header">
209                            <div class="cookie-checkbox-wrapper">
210                                <input type="checkbox" class="cookie-checkbox" id="functionalCookie" name="functional">
211                            </div>
212                            <label for="functionalCookie" class="cookie-option-title">Functional</label>
213                        </div>
214                        <p class="cookie-option-description">
215                            These cookies enable us to personalize your experience by remembering your preferences, region or country, language, and accessibility settings.
216                        </p>
217                    </div>
218
219                    <div class="cookie-option-card">
220                        <div class="cookie-option-header">
221                            <div class="cookie-checkbox-wrapper">
222                                <input type="checkbox" class="cookie-checkbox" id="performanceCookie" name="performance">
223                            </div>
224                            <label for="performanceCookie" class="cookie-option-title">Performance Enhancements</label>
225                        </div>
226                        <p class="cookie-option-description">
227                            These cookies inform us of how visitors utilize our website. This data helps us optimize our content and personalize your experience.
228                        </p>
229                    </div>
230
231                    <div class="cookie-option-card">
232                        <div class="cookie-option-header">
233                            <div class="cookie-checkbox-wrapper">
234                                <input type="checkbox" class="cookie-checkbox" id="advertisingCookie" name="advertising">
235                            </div>
236                            <label for="advertisingCookie" class="cookie-option-title">Advertising</label>
237                        </div>
238                        <p class="cookie-option-description">
239                            These cookies allow us to provide you with relevant communications and advertisements within our products and on third-party websites.
240                        </p>
241                    </div>
242                </div>
243                <div class="modal-footer">
244                    <button type="button" class="btn-save-cookies" onclick="saveCookieConsentSettings()">Save changes</button>
245                </div>
246            </div>
247        </div>
248    </div>
249    <!-- All styles moved to /css/app.css for theme consistency -->
250    <nav class="modern-navbar fixed-top">
251        <div class="container-fluid container-md mp-navbar-container">
252            <div class="d-flex justify-content-between align-items-center mp-navbar-row">
253                <div class="d-flex align-items-center">
254                <a class="navbar-brand header-logo-animated" href="/">
255                    <img src="/moneypex-logo.svg"
256                         alt="Moneypex Logo"
257                         width="150"
258                         height="40"
259                         class="align-text-top header-logo" />
260                </a>
261                </div>
262
263                <div class="d-none d-lg-flex align-items-center mp-navbar-links">
264                    <div class="nav-dropdown-wrapper position-relative nav-item-animated dropdown">
265                        <a class="nav-link-modern" href="#" id="solutionsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
266                            Solutions
267                            <svg class="dropdown-arrow d-inline-block align-middle" width="16" height="16" viewB
267ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
268                                <path d="M6 9l6 6 6-6"></path>
269                            </svg>
270                        </a>
271                        <div class="modern-dropdown mega-menu dropdown-menu">
272                            <div class="p-3">
273                                <ul class="list-unstyled mb-0">
274                                    <li>
275                                        <a class="dropdown-item-modern" href="/accounting">
276                                            <div class="d-flex align-items-center">
277                                                <div class="dropdown-icon me-3">
278                                                    <img src="/productIcons/accounting.webp" alt="Accounting" width="20" height="20" />
279                                                </div>
280                                                <div>
281                                                    <span class="dropdown-title">Accounting</span>
282                                                </div>
283                                            </div>
284                                        </a>
285                                    </li>
286                                    <li>
287                                        <a class="dropdown-item-modern" href="/restaurant-pos">
288                                            <div class="d-flex align-items-center">
289                                                <div class="dropdown-icon me-3">
290                                                    <img src="/productIcons/resturnt.webp" alt="Restaurant POS" width="20" height="20" />
291                                                </div>
292                                                <div>
293                                                    <span class="dropdown-title">Restaurant POS</span>
294                                                </div>
295                                            </div>
296                                        </a>
297                                    </li>
298                                    <li>
299                                        <a class="dropdown-item-modern" href="/manufacturing">
300                                            <div class="d-flex align-items-center">
301                                                <div class="dropdown-icon me-3">
302                                                    <img src="/productIcons/maufecturing.webp" alt="Manufacturing" width="20" height="20" />
303                                                </div>
304                                                <div>
305                                                    <span class="dropdown-title">Manufacturing</span>
306                                                </div>
307                                            </div>
308                                        </a>
309                                    </li>
310                                    <li>
311                                        <a class="dropdown-item-modern" href="/distribution">
312                                            <div class="d-flex align-items-center">
313                                                <div class="dropdown-icon me-3">
314                                                    <img src="/productIcons/Distribution.webp" alt="Distribution" width="20" height="20" />
315                                                </div>
316                                                <div>
317                                                    <span class="dropdown-title">Distribution</span>
318                                                </div>
319                                            </div>
320                                        </a>
321                                    </li>
322                                    <li>
323                                        <a class="dropdown-item-modern" href="/rental">
324                                            <div class="d-flex align-items-center">
325                                                <div class="dropdown-icon me-3">
326                                                    <img src="/productIcons/Rentail.webp" alt="Rental Management" width="20" height="20" />
327                                                </div>
328                                                <div>
329                                                    <span class="dropdown-title">Rental Management</span>
330                                                </div>
331                                            </div>
332                                        </a>
333                                    </li>
334                                    <li>
335                                        <a class="dropdown-item-modern" href="/mobile-shop-pos-software">
336                                            <div class="d-flex align-items-center">
337                                                <div class="dropdown-icon me-3">
338                                                    <img src="/productIcons/pos mobile.webp" alt="Mobile Shop POS" width="20" height="20" />
339                                                </div>
340                                                <div>
341                                                    <span class="dropdown-title">Mobile Shop POS</span>
342                                                </div>
343                                            </div>
344                                        </a>
345                                    </li>
346                                    
347                                    <li>
348                                        <a class="dropdown-item-modern" href="/practice-manager">
349                                            <div class="d-flex align-items-center">
350                                                <div class="dropdown-icon me-3">
351                                                    <img src="/productIcons/practicManger.webp" alt="Practice Manager" width="20" height="20" />
352                                                </div>
353                                                <div>
354                                                    <span class="dropdown-title">Practice Manager</span>
355                                                </div>
356                                            </div>
357                                        </a>
358                                    </li>
359                                      <li>
360                                        <a class="dropdown-item-modern" href="/retail-pos">
361                                            <div class="d-flex align-items-center">
362                                                <div class="dropdown-icon me-3">
363                                                    <img src="/productIcons/POS.webp" alt="Retail POS" width="20" height="20" />
364                                                </div>
365                                                <div>
366                                                    <span class="dropdown-title">Retail POS</span>
367                                                </div>
368                                            </div>
369                                        </a>
370                                    </li>
371                                  
372                                  
373                                   
374                                </ul>
375                            </div>
376                        </div>
377                    </div>
378
379
380
381                    <div class="nav-dropdown-wrapper position-relative nav-item-animated dropdown">
382                        <a class="nav-link-modern" href="#" id="resourcesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
383                            Resources
384                            <svg class="dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: inline-block; vertical-align: middle;">
385                                <path d="M6 9l6 6 6-6"></path>
386                            </svg>
387                        </a>
388                        <ul class="modern-dropdown dropdown-menu" aria-labelledby="resourcesDropdown">
389                            <li>
390                                <a class="dropdown-item-modern" target="_blank" href="https://support.moneypex.com/">
391                                    <div class="dropdown-icon">
392                                        <img src="/Navbar icons/HelpCenter.png" alt="Help Center" />
393                                    </div>
394                                    <div class="dropdown-content">
395                                        <span class="dropdown-title">Help Center</span>
396                                        <span class="dropdown-desc">Find answers and get support.</span>
397                                    </div>
398                                </a>
399                            </li>
400                        </ul>
401                    </div>
402
403                    <div class="nav-dropdown-wrapper position-relative nav-item-animated dropdown">
404                        <a class="nav-link-modern" href="#" id="companyDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
405                            Company
406                            <svg class="dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: inline-block; vertical-align: middle;">
407                                <path d="M6 9l6 6 6-6"></path>
408                            </svg>
409                        </a>
410                        <ul class="modern-dropdown dropdown-menu text-start" aria-labelledby="companyDropdown" style="left: auto; right: 0; transform: translateX(0) translateY(-10px);">
411                            <li>
412                                <a class="dropdown-item-modern" href="/about-us">
413                                    <div class="dropdown-icon">
414                                        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
415                                            <path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
416                                        </svg>
417                                    </div>
418                                    <div class="dropdown-content">
419                                        <span class="dropdown-title">About Us</span>
420                                        <span class="dropdown-desc">Learn more about Moneypex.</span>
421                                    </div>
422                                </a>
423                            </li>
424                            <li>
425                                <a class="dropdown-item-modern" href="/contact-us">
426                                    <div class="dropdown-icon">
427                                        <img src="/Navbar icons/ContactUs.png" alt="Contact Us" />
428                                    </div>
429                                    <div class="dropdown-content">
430                                        <span class="dropdown-title">Contact Us</span>
431                                        <span class="dropdown-desc">Get in touch with our team.</span>
432                                    </div>
433                                </a>
434                            </li>
435                        </ul>
436                    </div>
437
438
439                    <a class="nav-link-modern nav-item-animated" href="/select-login">
440                        <span>Log In</span>
441                       
442                    </a>
443                        <a class="btn-premium" href="/select-app">
444                            <span>Start Free Trial</span>
445                            <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
446                                <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" />
447                            </svg>
448                        </a>
449                </div>
450
451                <button class="d-lg-none border-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#mobileNavbar" aria-controls="mobileNavbar" aria-expanded="false" aria-label="Toggle navigation" style="padding: 8px;">
452                    <svg id="menuIcon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
453                        <path d="M3 12h18M3 6h18M3 18h18"></path>
454                    </svg>
455                    <svg id="closeIcon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: none;">
456                        <path d="M18 6L6 18M6 6l12 12"></path>
457                    </svg>
458                </button>
459            </div>
460
461            <div class="collapse d-lg-none py-4 border-top border-gray-200" id="mobileNavbar">
462                <div class="d-flex flex-column gap-3">
463                    <a class="nav-link-mobile text-gray-700" data-close-mobile-nav="true" href="/">Home</a>
464
465                    <div class="accordion" id="mobileNavAccordion">
466                        <div class="accordion-item border-0">
467                            <div class="accordion-header" id="mobileHeadingSolutions">
468                                <button class="accordion-button collapsed mobile-nav-section-btn" type="button" data-bs-toggle="collapse" data-bs-target="#mobileCollapseSolutions" aria-expanded="false" aria-controls="mobileCollapseSolutions">
469                                    <p class="mobile-nav-accordion-label">Solutions</p>
470                                </button>
471                            </div>
472                            <div id="mobileCollapseSolutions" class="accordion-collapse collapse" aria-labelledby="mobileHeadingSolutions" data-bs-parent="#mobileNavAccordion">
473                                <div class="accordion-body pt-0">
474                                    <div class="d-flex flex-column mobile-nav-sub">
475                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/accounting">Accounting</a>
476                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/manufacturing">Manufacturing</a>
477                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/distribution">Distribution</a>
478                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/rental">Rental Management</a>
479                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/practice-manager">Practice Manager</a>
480                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/mobile-shop-pos-software">Mobile Shop POS</a>
481                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/retail-pos">Retail POS</a>
482                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/restaurant-pos">Restaurant POS</a>
483                                    </div>
484                                </div>
485                            </div>
486                        </div>
487
488
489                        <div class="accordion-item border-0">
490                            <div class="accordion-header" id="mobileHeadingResources">
491                                <button class="accordion-button collapsed mobile-nav-section-btn" type="button" data-bs-toggle="collapse" data-bs-target="#mobileCollapseResources" aria-expanded="false" aria-controls="mobileCollapseResources">
492                                    <p class="mobile-nav-accordion-label">Resources</p>
493                                </button>
494                            </div>
495                            <div id="mobileCollapseResources" class="accordion-collapse collapse" aria-labelledby="mobileHeadingResources" data-bs-parent="#mobileNavAccordion">
496                                <div class="accordion-body pt-0">
497                                    <div class="d-flex flex-column mobile-nav-sub">
498                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/blog">Blog</a>
499                                        <a class="nav-link-mobile" data-close-mobile-nav="true" target="_blank" href="https://support.moneypex.com/">Help Center</a>
500                                    </div>
501                                </div>
502                            </div>
503                        </div>
504
505                        <div class="accordion-item border-0">
506                            <div class="accordion-header" id="mobileHeadingCompany">
507                                <button class="accordion-button collapsed mobile-nav-section-btn" type="button" data-bs-toggle="collapse" data-bs-target="#mobileCollapseCompany" aria-expanded="false" aria-controls="mobileCollapseCompany">
508                                    <p class="mobile-nav-accordion-label">Company</p>
509                                </button>
510                            </div>
511                            <div id="mobileCollapseCompany" class="accordion-collapse collapse" aria-labelledby="mobileHeadingCompany" data-bs-parent="#mobileNavAccordion">
512                                <div class="accordion-body pt-0">
513                                    <div class="d-flex flex-column mobile-nav-sub">
514                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/about-us">About Us</a>
515                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/contact-us">Contact Us</a>
516                                    </div>
517                                </div>
518                            </div>
519                        </div>
520                    </div>
521
522                    <div class="mt-4 pt-4 border-top border-gray-200">
523                        <a class="nav-link-mobile text-gray-700 mb-3" data-close-mobile-nav="true" href="/select-login">Log In</a>
524                            <a class="btn-premium w-100" data-close-mobile-nav="true" href="/select-app">
525                                <span>Start Free Trial</span>
526                            </a>
527                    </div>
528                </div>
529            </div>
530        </nav>
531   
532    <div>
533        
534
535
536
537
538<section class="modern-hero-section select-app-section">
539    <div class="container">
540        <div class="text-center mb-5">
541            <h1 class="section-title">Select Your App to Login</h1>
542            <p class="section-subtitle">Choose the solution you want to access and sign in to your secure dashboard.</p>
543        </div>
544
545        <div id="app-selection" class="py-2">
546            <div class="row g-4 justify-content-center">
547                <!-- Accounting -->
548                <div class="col-lg-3 col-md-6">
549                    <div class="modern-card app-selection-card">
550                        <div class="app-card-icon-wrapper mb-3">
551                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
552                                <img src="/productIcons/accounting.webp" alt="Accounting" style="width: 28px; height: 28px; object-fit: contain;" />
553                            </div>
554                        </div>
555                        <h3 class="modern-card-title">Accounting</h3>
556                        <p class="modern-card-text">Manage invoices, expenses, and financial reports.</p>
557                        <a href="https://taxfiler.moneypex.com" class="btn-premium w-100">LOGIN</a>
558                    </div>
559                </div>
560
561                <!-- Practice Manager -->
562                <div class="col-lg-3 col-md-6">
563                    <div class="modern-card app-selection-card">
564                        <div class="app-card-icon-wrapper mb-3">
565                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
566                                <img src="/productIcons/practicManger.webp" alt="Practice Manager" style="width: 28px; height: 28px; object-fit: contain;" />
567                            </div>
568                        </div>
569                        <h3 class="modern-card-title">Practice Manager</h3>
570                        <p class="modern-card-text">Streamline workflows and client management.</p>
571                        <a href="https://practicemanager.moneypex.com/Auth/Login" class="btn-premium w-100" target="_blank" rel="noopener noreferrer">LOGIN</a>
572                    </div>
573                </div>
574
575                <!-- Manufacturing -->
576                <div class="col-lg-3 col-md-6">
577                    <div class="modern-card app-selection-card">
578                        <div class="app-card-icon-wrapper mb-3">
579                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
580                                <img src="/productIcons/maufecturing.webp" alt="Manufacturing" style="width: 28px; height: 28px; object-fit: contain;" />
581                            </div>
582                        </div>
583                        <h3 class="modern-card-title">Manufacturing</h3>
584                        <p class="modern-card-text">Track production, inventory, and supply chain.</p>
585                        <a href="https://taxfiler.moneypex.com" class="btn-premium w-100">LOGIN</a>
586                    </div>
587                </div>
588
589                <!-- Distribution -->
590                <div class="col-lg-3 col-md-6">
591                    <div class="modern-card app-selection-card">
592                        <div class="app-card-icon-wrapper mb-3">
593                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
594                                <img src="/productIcons/Distribution.webp" alt="Distribution" style="width: 28px; height: 28px; object-fit: contain;" />
595                            </div>
596                        </div>
597                        <h3 class="modern-card-title">Distribution</h3>
598                        <p class="modern-card-text">Optimize supply chain and inventory management.</p>
599                        <a href="https://taxfiler.moneypex.com" class="btn-premium w-100">LOGIN</a>
600                    </div>
601                </div>
602
603                <!-- Rental Management -->
604                <div class="col-lg-3 col-md-6">
605                    <div class="modern-card app-selection-card">
606                        <div class="app-card-icon-wrapper mb-3">
607                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
608                                <img src="/productIcons/Rentail.webp" alt="Rental Management" style="width: 28px; height: 28px; object-fit: contain;" />
609                            </div>
610                        </div>
611                        <h3 class="modern-card-title">Rental Management</h3>
612                        <p class="modern-card-text">Handle leases, payments, and maintenance.</p>
613                        <a href="https://rents.moneypex.com" class="btn-premium w-100" target="_blank" rel="noopener noreferrer">LOGIN</a>
614                    </div>
615                </div>
616
617                <!-- Retail POS -->
618                <div class="col-lg-3 col-md-6">
619                    <div class="modern-card app-selection-card">
620                        <div class="app-card-icon-wrapper mb-3">
621                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
622                                <img src="/productIcons/POS.webp" alt="Retail POS" style="width: 28px; height: 28px; object-fit: contain;" />
623                            </div>
624                        </div>
625                        <h3 class="modern-card-title">Retail POS</h3>
626                        <p class="modern-card-text">Process sales, manage inventory, and track transactions.</p>
627                        <a href="https://pos.moneypex.com/" class="btn-premium w-100" target="_blank" rel="noopener noreferrer">LOGIN</a>
628                    </div>
629                </div>
630
631                <!-- Restaurant POS -->
632                <div class="col-lg-3 col-md-6">
633                    <div class="modern-card app-selection-card">
634                        <div class="app-card-icon-wrapper mb-3">
635                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
636                                <img src="/productIcons/resturnt.webp" alt="Restaurant POS" style="width: 28px; height: 28px; object-fit: contain;" />
637                            </div>
638                        </div>
639                        <h3 class="modern-card-title">Restaurant POS</h3>
640                        <p class="modern-card-text">Manage orders, tables, and kitchen operations.</p>
641                        <a href="https://restaurant.moneypex.com/" class="btn-premium w-100" target="_blank" rel="noopener noreferrer">LOGIN</a>
642                    </div>
643                </div>
644
645                <!-- Pharmacy -->
646                <div class="col-lg-3 col-md-6">
647                    <div class="modern-card app-selection-card">
648                        <div class="app-card-icon-wrapper mb-3">
649                            <div class="app-card-icon modern-card-icon-blue-gradient" style="width: 50px; height: 50px; background: linear-gradient(135deg, #1e5caa, #3b82f6); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
650                                <img src="/productIcons/Shoes.webp" alt="Pharmacy" style="width: 28px; height: 28px; object-fit: contain;" />
651                            </div>
652                        </div>
653                        <h3 class="modern-card-title">Pharmacy</h3>
654                        <p class="modern-card-text">
654Manage prescriptions, inventory, and patient records.</p>
655                        <a href="https://pos.moneypex.com/" class="btn-premium w-100" target="_blank" rel="noopener noreferrer">LOGIN</a>
656                    </div>
657                </div>
658            </div>
659        </div>
660    </div>
661</section>
662
663
664    </div>
665    <footer class="modern-footer">
666    <div class="container-fluid footer-content modern-footer-container">
667        <div class="row mb-12 footer-main-row">
668            <!-- Brand Column -->
669            <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0 fade-in-up">
670                <a href="/" class="footer-brand-link">
671                    <!-- Logo -->
672                    <img src="/img/mp-logo-white.webp" alt="Moneypex Footer logo" class="footer-logo-img" width="150" height="40" style="display: block;" />
673                </a>
674                <p class="footer-text footer-description mb-6 pr-lg-4">
675Moneypex is an all-in-one cloud-based business management software – simplifying accounting, invoicing, POS, and operations for businesses of every size. Trusted by 1,700+ active customers across the UK.                </p>
676                <div class="d-flex gap-3">
677                    <a href="https://www.facebook.com/moneypex" class="social-icon-pro" aria-label="Facebook">
678                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
679                    </a>
680                    <a href="https://twitter.com/moneypex" class="social-icon-pro" aria-label="Twitter">
681                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
682                    </a>
683                    <a href="https://www.linkedin.com/showcase/moneypex" class="social-icon-pro" aria-label="LinkedIn">
684                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
685                    </a>
686                        <a href="https://www.youtube.com/@moneypexaccountingsoftware"
687       class="social-icon-pro"
688       aria-label="YouTube"
689       target="_blank"
690       rel="noopener noreferrer">
691        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24">
692            <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
693        </svg>
694    </a>
695
696                   
697                </div>
698            </div>
699
700            <!-- Products Column -->
701            <div class="col-6 col-md-6 col-lg-2 mb-5 mb-lg-0 fade-in-up delay-100">
702                <p class="footer-heading">Products</p>
703                <ul class="list-unstyled d-flex flex-column gap-3">
704                        <li><a href="/accounting" class="footer-link">
704Cloud Accounting</a></li>
705                        <li><a href="/practice-manager" class="footer-link">Practice Manager</a></li>
706                        <li><a href="/manufacturing" class="footer-link">Manufacturing</a></li>
707                        <li><a href="/restaurant-pos" class="footer-link">Restaurant POS</a></li>
708                        <li><a href="/retail-pos" class="footer-link">Retail POS</a></li>
709                        <li><a href="/mobile-shop-pos-software" class="footer-link">Mobile Shop POS</a></li>
710                </ul>
711            </div>
712
713            <!-- Resources Column -->
714            <div class="col-6 col-md-6 col-lg-2 mb-5 mb-lg-0 fade-in-up delay-200">
715                <p class="footer-heading">Resources</p>
716                <ul class="list-unstyled d-flex flex-column gap-3">
717                    <li><a href="/blog" class="footer-link">Blog</a></li>
718                    <li><a href="https://support.moneypex.com/" target="_blank" class="footer-link">Help Center</a></li>
719                        <li><a href="/making-tax-digital" class="footer-link">MTD Guide</a></li>
720                </ul>
721            </div>
722
723            <!-- Company Column -->
724            <div class="col-6 col-md-6 col-lg-2 mb-5 mb-lg-0 fade-in-up delay-300">
725                <p class="footer-heading">Company</p>
726                <ul class="list-unstyled d-flex flex-column gap-3">
727                        <li><a href="/about-us" class="footer-link">About Us</a></li>
728                    <li><a href="/contact-us" class="footer-link">Contact</a></li>
729                    <li><a href="/privacy-policy" class="footer-link">Privacy Policy</a></li>
730                    <li><a href="/terms-and-condition" class="footer-link">Terms of Service</a></li>
731                </ul>
732            </div>
733        </div>
734
735        <!-- Contact & Copyright Row -->
736        <div class="border-top-glass pt-5 fade-in-up delay-400">
737            <div class="row mb-5">
738                <div class="col-12 col-md-4 mb-4 mb-md-0">
739                    <div class="contact-item-pro">
740                        <div class="contact-icon-box">
741                            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
742                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
743                            </svg>
744                        </div>
745                        <div>
746                            <div class="footer-contact-label">Email Us</div>
747                            <a href="mailto:[email protected]" class="footer-link footer-contact-value">[email protected]</a>
748                        </div>
749                    </div>
750                </div>
751
752                <div class="col-12 col-md-4 mb-4 mb-md-0">
753                    <div class="contact-item-pro">
754                        <div class="contact-icon-box">
755                            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
756                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
757                            </svg>
758                        </div>
759                        <div>
760                            <div class="footer-contact-label">Call Us</div>
761                                <a href="tel:01217985696" class="footer-link footer-contact-value">0 121 798 5696</a>
762                        </div>
763                    </div>
764                </div>
765
766                <div class="col-12 col-md-4">
767                    <div class="contact-item-pro">
768                        <div class="contact-icon-box">
769                            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
770                                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
771                                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
772                            </svg>
773                        </div>
774                        <div>
775                            <div class="footer-contact-label">Visit Us</div>
776                            <div class="footer-contact-value">
777                                    51 Whitmore Road, Birmingham, B10 0NR
778                            </div>
779                        </div>
780                    </div>
781                </div>
782            </div>
783
784            <div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-3 pt-4">
785                <p class="mb-0 text-sm text-gray-400">
786                    &copy; 2026 Moneypex UK. All rights reserved.
787                </p>
788                <div class="d-flex gap-4">
789                    <a href="/terms-and-condition" class="footer-link text-sm">Terms</a>
790                    <a href="/privacy-policy" class="footer-link text-sm">Privacy</a>
791                    <a href="/cookie-policy" class="footer-link text-sm">Cookies</a>
792                </div>
793            </div>
794        </div>
795    </div>
796</footer>
797
798
799    <!-- Modern Cookie Consent Banner -->
800    <!-- Note: Inline styles added to prevent CSS conflicts with global hover rules -->
801    <style>
802        #cookieConsentBanner,
803        #cookieConsentBanner *,
804        #cookieConsentBanner *:hover,
805        #cookieConsentBanner *:focus,
806        #cookieConsentBanner *:active {
807            transform: none !important;
808            -webkit-transform: none !important;
809            opacity: 1 !important;
810            visibility: visible !important;
811            filter: none !important;
812            -webkit-filter: none !important;
813        }
814        #cookieConsentBanner .cookie-btn,
815        #cookieConsentBanner .cookie-btn:hover {
816            transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
817        }
818    </style>
819    <div id="cookieConsentBanner" class="cookie-consent-overlay" style="display: none;">
820        <div class="cookie-consent-container">
821            <div class="cookie-consent-content">
822                <div class="cookie-consent-header">
823                    <p class="cookie-consent-title">Your privacy</p>
824                    <button id="BtnAccept" type="button" class="cookie-consent-close" aria-label="Close">
825                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
826                            <path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
827                        </svg>
828                    </button>
829                </div>
830                <div class="cookie-consent-body">
831                    <p class="cookie-consent-text">
832                        This website needs certain data to function and stay secure. We need your permission to collect statistics on site usage. This helps us enhance our services and customize our marketing. To continue, click "Accept cookies," or visit "Cookie settings" to modify your cookie preferences. You can always change your selected option by clicking on "Manage Cookies."
833                    </p>
834                    <div class="cookie-consent-actions">
835                        <button type="button" class="cookie-btn cookie-btn-secondary" onclick="showCookieConsentModal()">
836                            Manage Cookies
837                        </button>
838                        <button type="button" class="cookie-btn cookie-btn-primary" id="btnAccept">
839                            Accept Cookies
840                        </button>
841                    </div>
842                </div>
843            </div>
844        </div>
845    </div>
846    <!--------------Scripts Start-------------------->
847    
847<script>
848        // Global error handler to prevent blank pages
849        window.addEventListener('error', function(e) {
850            console.error('JavaScript error caught:', e.error || e.message, e.filename, e.lineno);
851            // Prevent page from going blank - ensure body is visible
852            if (document.body) {
853                document.body.style.display = '';
854                document.body.style.visibility = 'visible';
855                document.body.style.opacity = '1';
856            }
857        }, true);
858
859        // Catch unhandled promise rejections
860        window.addEventListener('unhandledrejection', function(e) {
861            console.error('Unhandled promise rejection:', e.reason);
862            e.preventDefault(); // Prevent default browser behavior
863        });
864
865        // Navbar transparency on scroll - once scrolled, stays solid (UK version)
866        (function() {
867            try {
868            const navbar = document.querySelector('.modern-navbar');
869            if (!navbar) return;
870            
871            // Set navbar to always be visible and sticky
872            navbar.style.setProperty('transform', 'translateY(0)', 'important');
873            navbar.style.setProperty('display', 'block', 'important');
874            navbar.style.setProperty('visibility', 'visible', 'important');
875            navbar.style.setProperty('opacity', '1', 'important');
876            navbar.style.setProperty('position', 'fixed', 'important');
877            navbar.style.setProperty('top', '0', 'important');
878            navbar.style.setProperty('width', '100%', 'important');
879            navbar.style.setProperty('z-index', '1030', 'important');
880            navbar.classList.add('nav-visible');
881            document.body.classList.add('navbar-visible');
882            
883            // Always start transparent
884            navbar.style.setProperty('background-color', 'transparent', 'important');
885            navbar.style.setProperty('backdrop-filter', 'none', 'important');
886            navbar.style.setProperty('-webkit-backdrop-filter', 'none', 'important');
887            navbar.style.setProperty('box-shadow', 'none', 'important');
888            navbar.classList.remove('scrolled');
889            
890            let hasScrolled = false;
891            
892            // Function to update navbar background - only on first scroll
893            function updateNavbarBackground() {
894                if (hasScrolled) return; 
895                
896                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
897                
898                if (scrollTop > 50) {
899                    // Detect iOS to prevent the transparency bug
900                    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
901                    
902                    if (isIOS) {
903                        // Force solid white on iOS - NEVER use rgba or blur on fixed elements in iOS 16+
904                        navbar.style.setProperty('background-color', '#ffffff', 'important');
905                        navbar.style.setProperty('backdrop-filter', 'none', 'important');
906                        navbar.style.setProperty('-webkit-backdrop-filter', 'none', 'important');
907                    } else {
908                        // All other browsers - translucent with blur
909                        navbar.style.setProperty('background-color', 'rgba(255, 255, 255, 0.98)', 'important');
910                        navbar.style.setProperty('backdrop-filter', 'blur(12px)', 'important');
911                        navbar.style.setProperty('-webkit-backdrop-filter', 'blur(12px)', 'important');
912                    }
913                    
914                    navbar.style.setProperty('box-shadow', '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', 'important');
915                    navbar.classList.add('scrolled');
916                    hasScrolled = true; 
917                }
918            }
919            
920            // Update on scroll
921            window.addEventListener('scroll', updateNavbarBackgroun
921d, { passive: true });
922            
923            // Check immediately in case we're already scrolled
924            setTimeout(function() {
925                updateNavbarBackground();
926            }, 100);
927            } catch (error) {
928                console.error('Error in navbar script:', error);
929            }
930        })();
931    </script>
931
932    
933    <!-- JavaScript Files - Load in correct order -->
934    
934<script src="/js/jquery-3.6.0.min.js"></script>
934
935    
935<script>
936        // Error handling for jQuery - ensure it's loaded before proceeding
937        if (typeof jQuery === 'undefined') {
938            console.error('jQuery failed to load. Page functionality may be limited.');
939        }
940    </script>
940
941    
941<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" onerror="console.error('Popper.js CDN failed to load. Bootstrap dropdowns may not work.'); window.Popper = null;"></script>
941
942    
942<script>
943        // Fallback check for Popper.js
944        if (typeof Popper === 'undefined' && typeof window.Popper === 'undefined') {
945            console.warn('Popper.js not available. Some Bootstrap features may not work.');
946        }
947    </script>
947
948    
948<script src="/js/bootstrap.min.js"></script>
948
949    
949<script>
950        // Error handling for Bootstrap
951        if (typeof bootstrap === 'undefined') {
952            console.error('Bootstrap failed to load. UI components may not work.');
953        }
954    </script>
954
955    
955<script src="/js/toastr.min.js"></script>
955
956    
956<script src="/js/app.js?v=jXhcAAj_SG_5rmut3OPGkI1Y3kM"></script>
956
957    
957<script src="/js/dropdown-close-on-scroll.js"></script>
957
958    <!-- Mobile Navbar Fix - Ensure mobile dropdown works properly -->
959    
959<script src="/js/mobile-navbar-fix.js?v=7YSBNQkQFEQZAwoEmizFZKkb-Og7HIQdLR_l2CbO4Sk&amp;v=7YSBNQkQFEQZAwoEmizFZKkb-Og7HIQdLR_l2CbO4Sk" src="/js/mobile-navbar-fix.js"></script>
959
960
961    <!------------------Tracking Scripts Start----------------------->
962    <!--------------Scripts Start-------------------->
963<style>
964    /* ── Global fix for reCAPTCHA/Google full-screen white overlays ── */
965    div[style*="z-index: 2000000000"][style*="width: 100%"],
966    div[style*="z-index:2000000000"][style*="width: 100%"] {
967        background-color: transparent !important;
968        background: none !important;
969        opacity: 0 !important;
970        pointer-events: none !important;
971    }
972</style>
vendor: 65 bytes, lines 972-973
972
973<script defer src="https://www.googletagmanager.com/gtag/js?id=
973G-0FFY5N1T01
vendor: 98 bytes, line 973
973" onerror="console.warn('Google Analytics failed to load. Tracking may be limited.');"></script>
974<script>
975    try {
976    window.dataLayer = window.dataLayer || [];
977        function gtag() { 
978            try {
979                dataLayer.push(arguments); 
980            } catch(e) {
981                console.warn('gtag error:', e);
982            }
983        }
984    gtag('js', new Date());
985    gtag('config', 'G-0FFY5N1T01');
986    //Event snippet for Website traffic conversion page(for pk ad account)
987    gtag('event', 'conversion', { 'send_to': 'AW-10869910423/wdHkCIu4sa4YEJfXlr8o' });
988    //gtag('config', 'ua-141893463-1');
989    //gtag('config', 'aw-668114055');
990    //gtag('config', 'aw-10869910423');
991    //event snippet for page view moneypex.com/pk conversion page(for uk ad account)
992    //gtag('event', 'conversion', { 'send_to': 'aw-668114055/ngpycn757eabeie5yr4c' });
993    } catch (error) {
994        console.warn('Google Analytics initialization error:', error);
995    }
996</script>
996
997
998
999<!--Start of Tawk.to Script-->
1000<script type="text/javascript">
1001    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
1002    (function(){
1003    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
1004    s1.async=true;
1005    s1.src='https://embed.tawk.to/5d5bd494eb1a6b0be60863fd/default';
1006    s1.charset='UTF-8';
1007    s1.setAttribute('crossorigin','*');
1008    s0.parentNode.insertBefore(s1,s0);
1009    })();
1010</script>
1010
1011<!--End of Tawk.to Script-->
1012<!-- Lead forensic -->
1013<script defer type="text/javascript" src="https://www.365operation.com/js/807146.js" onerror="console.warn('Lead Forensic tracking failed to load.');"></script>
1013
1014<noscript><img alt="" src="https://www.365operation.com/807146.png" style="display:none;" /></noscript>
1015
1016<!-- Meta Pixel Code -->
1017<!-- End Meta Pixel Code -->
1018<!--------------PK pixel code 1183842152187778 Start-------------------->
1019<!-- End PK Pixel Code 1183842152187778 End -->
1020<!-- Meta Pixel Code -->
1021<!-- End Meta Pixel Code -->
1022
1023
1024    <!------------------Tracking Scripts End----------------------->
1025    <!------------------Schema Scripts Start----------------------->
1026    
1027    <!------------------Schema Scripts End----------------------->
1028    
1029    
1030    
1031
1032    <!-- Prevent Disappearing Script - Ensure all elements stay visible after animations -->
1033    
1033<script src="/js/prevent-disappearing.js"></script>
1033
1034    <!-- Pricing Carousel - Mobile navigation for pricing cards -->
1035    
1035<script src="/js/pricing-carousel.js?v=69TIntQihaEC8mDbvISEeZc0kR9lVwo-l2qOPshDHk0&amp;v=69TIntQihaEC8mDbvISEeZc0kR9lVwo-l2qOPshDHk0" src="/js/pricing-carousel.js"></script>
1035
1036    <!-- Responsive Optimization Script - Image lazy loading and responsive helpers -->
1037    
1037<script src="/js/responsive-optimization.js"></script>
1037
1038    <!-- Persistent Chat Trigger Button (Replaces Scroll to Top) -->
1039   
1040
1041    
1041<script type="text/javascript">
1042        function handleTawkClick(e) {
1043            if (e) e.preventDefault();
1044            // maximize() opens the chat window as an overlay on the current page
1045            if (window.Tawk_API && typeof window.Tawk_API.maximize === 'function') {
1046                window.Tawk_API.maximize();
1047            } else if (window.Tawk_API && typeof window.Tawk_API.toggle === 'function') {
1048                window.Tawk_API.toggle();
1049            } else {
1050                // Fallback to a small popup only if the widget hasn't loaded
1051                var url = 'https://tawk.to/chat/5d5bd494eb1a6b0be60863fd/default';
1052                window.open(url, 'Tawk_Window', 'width=450,height=600,resizable=yes,scrollbars=yes');
1053            }
1054            return false;
1055        }
1056    </script>
1056
1057    <!-- Global SweetAlert Override - Moved to end of body to ensure priority -->
1058    <style>
1059        .swal2-container.swal2-shown {
1060            background-color: rgba(0, 0, 0, 0.65) !important;
1061            z-index: 9999999999 !important;
1062            opacity: 1 !important;
1063            visibility: visible !important;
1064            display: flex !important;
1065        }
1066        body .swal2-container .swal2-popup,
1067        body .swal2-container .swal2-popup.premium-swal-popup,
1068        div.swal2-popup {
1069            background: rgb(255, 255, 255) !important;
1070            background-color: rgb(255, 255, 255) !important;
1071            color: #1e293b !important;
1072            opacity: 1 !important;
1073            visibility: visible !important;
1074            display: flex !important;
1075            flex-direction: column !important;
1076            align-items: center !important;
1077            justify-content: center !important;
1078            width: auto !important;
1079            min-width: 320px !important;
1080            max-width: 95% !important;
1081            padding: 2.5rem !important;
1082            border-radius: 16px !important;
1083            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3) !important;
1084            border: 1px solid #e2e8f0 !important;
1085            backdrop-filter: none !important;
1086            -webkit-backdrop-filter: none !important;
1087            box-sizing: border-box !important;
1088        }
1089        .swal2-title, 
1090        .swal2-html-container, 
1091        .swal2-content,
1092        [class^="swal2-title"],
1093        [class^="swal2-html-container"] {
1094            color: #1e293b !important;
1095            opacity: 1 !important;
1096            visibility: visible !important;
1097            width: 100% !important;
1098            text-align: center !important;
1099            display: block !important;
1100            background: transparent !important;
1101            margin: 0.5rem 0 !important;
1102            font-family: 'Inter', sans-serif !important;
1103        }
1104        .swal2-actions,
1105        [class^="swal2-actions"] {
1106            display: flex !important;
1107            flex-direction: row !important;
1108            width: 100% !important;
1109            justify-content: center !important;
1110            gap: 1rem !important;
1111            margin-top: 2rem !important;
1112            background: transparent !important;
1113        }
1114        .swal2-confirm,
1115        .swal2-styled.swal2-confirm {
1116            background-color: #1E5CAA !important;
1117            background: linear-gradient(135deg, #1E5CAA 0%, #2563eb 100%) !important;
1118            color: white !important;
1119            border-radius: 8px !important;
1120            padding: 0.75rem 2rem !important;
1121            font-weight: 600 !important;
1122            min-width: 140px !important;
1123            border: none !important;
1124        }
1125        .swal2-icon {
1126            display: flex !important;
1127            margin: 0 auto 1.5rem !important;
1128            border-width: 4px !important;
1129            border-style: solid !important;
1130            border-radius: 50% !important;
1131            width: 5em !important;
1132            height: 5em !important;
1133            justify-content: center !important;
1134            align-items: center !important;
1135            position: relative !important;
1136            box-sizing: content-box !important;
1137        }
1138        .swal2-icon.swal2-warning {
1139            border-color: #f8bb86 !important;
1140            color: #f8bb86 !important;
1141        }
1142        .swal2-icon.swal2-error {
1143            border-color: #f27474 !important;
1144            color: #f27474 !important;
1145        }
1146        .swal2-icon.swal2-success {
1147            border-color: #a5dc86 !important;
1148            color: #a5dc86 !important;
1149        }
1150        .swal2-icon.swal2-info {
1151            border-color: #3fc3ee !important;
1152            color: #3fc3ee !important;
1153        }
1154        .swal2-icon-content {
1155            display: flex !important;
1156            align-items: center !important;
1157            font-size: 3.75em !important;
1158            font-weight: bold !important;
1159        }
1160        .swal2-icon.swal2-warning .swal2-icon-content {
1161            color: #f8bb86 !important;
1162        }
1163        .swal2-icon.swal2-error .swal2-icon-content {
1164            color: #f27474 !important;
1165        }
1166    </style>
1167</body>
1168</html>
1169
1170            

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.