MPC – MPC

Written by: MPC

Supporting Ashgate Hospice

We were delighted to receive a thank-you letter from the team at Ashgate Hospice following the recent work we carried out on their new office fit out. It is always rewarding to know that …

By MPC

·

July 17, 2026

MPC Systems (North) Ltd
Unit 11, Network Centre
Midland Way
Barlborough
Chesterfield
S43 4WW

Telephone: 01246 819 970

QUICK LINKS

Consultancy
Services
Turnkey
Racking
Projects
News
Contact Us

OUR POLICIES

Health & Safety Policy
Environmental Policy
Quality Policy
Privacy Policy

Logos-2

Copyright © 2026 MPC Systems.

Website design & build by

All rights reserved.

document.querySelector('.smp-nav-lottie').addEventListener('click', function() { window.location.href = 'https://yourlink.com'; }); document.querySelector('.smp-nav-lottie').addEventListener('click', () => { console.log('Lottie clicked'); }); document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { var container = document.getElementById('lottie-container'); var animation = lottie.loadAnimation({ container: container, renderer: 'svg', loop: false, autoplay: true, path: 'https://www.mpcsystems.co.uk/wp-content/uploads/2025/02/MPC-Animated-Logo-1.json' }); }, 100); // Delay for Safari }); window.addEventListener('orientationchange', function() { document.body.style.paddingTop = document.querySelector('.navbar').offsetHeight + 'px'; }); document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.image-hover-zoom'); document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.image-hover-zoom'); document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.image-hover-zoom'); document.addEventListener('DOMContentLoaded', () => { // Ensure that the images are loaded before starting the observer const images = document.querySelectorAll('.image-hover-zoom'); // Select all image containers // IntersectionObserver to detect when the image enters the viewport const options = { root: null, rootMargin: '0px 0px -50% 0px', // Trigger when 50% of the image is in the viewport threshold: 0 }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); observer.unobserve(entry.target); // Stop observing after it's visible } }); }, options); // Observe each image for visibility images.forEach(image => { observer.observe(image); }); // Fallback for mobile: Detect scrolling and trigger class based on position if (window.innerWidth <= 768) { window.addEventListener('scroll', function() { images.forEach(image => { const rect = image.getBoundingClientRect(); if (rect.top < window.innerHeight * 0.5 && rect.bottom > 0) { image.classList.add('is-visible'); } else { image.classList.remove('is-visible'); } }); }); } });