CINXE.COM

4devices - Zarządzanie serwisem urządzeń i sprzętu

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <link rel="canonical" href="https://4devices.pl/"> <title>4devices - Zarządzanie serwisem urządzeń i sprzętu</title> <meta name="description" content="Program serwisowy - profesjonalne oprogramowanie do zarządzania serwisem urządzeń i sprzętu. Idealne dla każdej branży."> <meta name="keywords" content="program serwisowy, elektroniczny dziennik konserwacji, serwis urządzeń, konserwacja urządzeń, zarządanie serwisem"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebApplication", "name": "4devices", "url": "https://4devices.pl", "description": "4devices to aplikacja przeznaczona do zarządzania serwisem urządzeń. Umożliwia śledzenie napraw, historii serwisowej i zarządzanie sprzętem w firmie.", "applicationCategory": "BusinessApplication", "operatingSystem": ["Windows", "MacOS", "Linux", "iOS", "Android"], "browserRequirements": "Any modern browser", "softwareVersion": "1.0.0", "offers": { "@type": "Offer", "price": "100", "priceCurrency": "PLN", "eligibleRegion": { "@type": "Place", "name": "Polska" }, "seller": { "@type": "Organization", "name": "Mateusz Stasiński", "url": "https://4devices.pl" } }, "author": { "@type": "Organization", "name": "Mateusz Stasiński", "url": "https://4devices.pl" }, "publisher": { "@type": "Organization", "name": "Mateusz Stasiński", "url": "https://4devices.pl", "logo": { "@type": "ImageObject", "url": "https://4devices.pl/assets/img/4devices_logo_ld.webp" } }, "image": "https://4devices.pl/assets/img/4devices_baner.webp", "datePublished": "2024-09-01", "applicationSubCategory": "DeviceManagement", "availableLanguage": ["pl"], "license": "https://4devices.pl/statute", "isAccessibleForFree": true, "featureList": [ "Elektroniczny dziennik konserwacji", "Zarządzanie serwisem urządzeń", "Śledzenie historii napraw", "Zarządzanie magazynem części", "Zarządzanie wynajmem", "Zarządzanie zadaniami", "Zarządzanie zgłoszeniami", "Powiadomienia o statusie napraw" ], "additionalType": "https://schema.org/SoftwareApplication" } </script> <meta name="revisit-after" content="3 days"> <meta name="author" content="Mateusz Stasiński"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" sizes="16x16" type="image/x-icon" href="./favicon.ico?v=1.01"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=1.01"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=1.01"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=1.01"> <link rel="manifest" href="/site.webmanifest?v=1.01"> <link rel="mask-icon" href="/safari-pinned-tab.svg?v=1.01" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ff0000"> <link rel="stylesheet" href="./styles.css?v=2.01" type="text/css" /> <link rel="stylesheet" href="./forms.css?v=1.01" type="text/css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" media="screen" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet" media="screen"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Bungee+Spice&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet" media="screen"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" media="screen"> <meta name="robots" content="index,follow"> <meta property="og:title" content="4ddevices - Program serwisowy dla firm serwisujących urządzenia podlegające dozorowi technicznemu"> <script> (function (w, d, e, u, f, l, n) { w[f] = w[f] || function () { (w[f].q = w[f].q || []) .push(arguments); }, l = d.createElement(e), l.async = 1, l.src = u, n = d.getElementsByTagName(e)[0], n.parentNode.insertBefore(l, n); }) (window, document, 'script', 'https://assets.mailerlite.com/js/universal.js', 'ml'); ml('account', '824943'); </script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"> </head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NC1HPH0GNQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-NC1HPH0GNQ'); </script> <body data-bs-theme="dark"> <div id="topbar" class="topbar"> <nav class="container-xxl px-4 px-md-5 px-xxl-4 d-flex flex-wrap flex-lg-nowrap align-items-center"> <a href="./" aria-label="Strona główna"> <img src="./assets/img/4devicesffffff.png" height="32" alt="Logo"> </a> <div class="ms-auto d-none d-lg-flex align-items-center" style="position: relative;"> <a href="./"><button navigation-item class="nav-button"><span class="material-symbols-outlined">home</span></button></a> <div class="dropdown"> <button navigation-item class="nav-button">Dla kogo?</button> <div class="submenu"> <div class="submenu-container"> <table> <tr> <th> <a href="forcranes" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">precision_manufacturing</span> Serwisy dźwignic<br>Serwisy UTB </a> </th> <th> <a href="forcranes" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">security</span> Serwisy urządzeń podlegających dozorowi technicznemu </a> </th> <th> <a href="forforklifts" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">forklift</span> Serwisy wózków widłowych </a> </th> </tr> <tr> <td> <a href="formedical" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">pulse_alert</span> Serwisy urządzeń medycznych<br>Serwisy sprzętu medycznego </a> </td> <td> <a href="fordifferentstuff" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">water_pump</span> Serwisy maszyn, urządzeń i instalacji </a> </td> <td> <a href="forelectronics" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">memory</span> Serwisy elektroniki </a> </td> </tr> <tr> <td> <a href="./#contact" navigation-item class="navigation-item-icon"> <span class="material-symbols-outlined">contact_support</span> Sprawdź czy 4devices sprawdzi się w Twojej branży! </a> </td> <td></td> <td></td> </tr> </table> </div> </div> </div> <a href="about-application"><button navigation-item class="nav-button">O aplikacji</button></a> <a href="benefits"><button navigation-item class="nav-button">Korzyści</button></a> <a href="pricing"><button navigation-item class="nav-button">Cennik</button></a> <a href="contact"><button navigation-item class="nav-button">Kontakt</button></a> <a href="https://4devices.eu/#/register" register-url target="_blank" rel="noopener" aria-label="Załóż konto"><button class="nav-button sign-up-btn">Załóż konto</button></a> </div> </nav> <div class="menu-trigger-btn d-lg-none ms-auto"> <span class="material-symbols-outlined" onclick="openMenuMobile()">menu</span> </div> <div id="menuMobile" class="d-lg-none"> <div class="menu-trigger-btn"> <span class="material-symbols-outlined" onclick="closeMenuMobile()">close</span> </div> <nav> <ul class="list-unstyled"> <li class="nav-item"> <a href="./" navigation-item><span class="material-symbols-outlined">home</span>Home</a> </li> <li class="nav-aggregate"> <div navigation-item class="nav-aggr-title"><span class="material-symbols-outlined">help</span>Dla kogo?</div> <ul class="list-unstyled ms-4"> <li class="nav-aggr-item"> <a href="forcranes" navigation-item>Serwisy dźwignic / Serwisy UTB</a> </li> <li class="nav-aggr-item"> <a href="forcranes" navigation-item>Serwisy urządzeń podlegających dozorowi technicznemu</a> </li> <li class="nav-aggr-item"> <a href="forforklifts" navigation-item>Serwisy wózków widłowych</a> </li> <li class="nav-aggr-item"> <a href="formedical" navigation-item>Serwisy urządzeń medycznych / Serwisy sprzętu medycznego</a> </li> <li class="nav-aggr-item"> <a href="fordifferentstuff" navigation-item>Serwisy maszyn, urządzeń i instalacji</a> </li> <li class="nav-aggr-item"> <a href="forelectronics" navigation-item>Serwisy elektroniki</a> </li> <li class="nav-aggr-item"> <a href="./#contact" navigation-item>Sprawdź czy 4devices sprawdzi się w Twojej branży!</a> </li> </ul> </li> <li class="nav-item"> <a href="about-application" navigation-item><span class="material-symbols-outlined">description</span>O aplikacji</a> </li> <li class="nav-item"> <a href="benefits" navigation-item><span class="material-symbols-outlined">favorite</span>Korzyści</a> </li> <li class="nav-item"> <a href="pricing" navigation-item><span class="material-symbols-outlined">payments</span>Cennik</a> </li> <li class="nav-item"> <a href="contact" navigation-item><span class="material-symbols-outlined">mail</span>Kontakt</a> </li> </ul> <a href="https://4devices.eu/#/register" register-url target="_blank" rel="noopener" aria-label="Załóż konto" class="mt-3"> <button navigation-item class="nav-button sign-up-btn w-100">Załóż darmowe konto</button> </a> </nav> </div> </div> <main> <header class="master-head bg-1 mb-3"> <div class="container-xxl px-4 px-md-5 px-xxl-4"> <div class="col-md-8 mx-auto text-center"> <img src="./assets/img/path1331_200x183.png" width="200" height="183" alt="4devices" class="d-none d-sm-block mx-auto mt-3 mb-5"> <h1 class="mb-4">Zarządzaj serwisem urządzeń z&nbsp;4devices!</h1> <p class="lead mb-4"> Profesjonalne oprogramowanie do zarządzania serwisowaniem sprzętu dla&nbsp;każdej&nbsp;branży </p> <p class="lead-slim d-none d-sm-block mb-5"> Niezawodność&nbsp;&#x2197;&nbsp;&nbsp;&nbsp;Elastyczność&nbsp;&#x2197;&nbsp;&nbsp;&nbsp;Prostota&nbsp;&#x2197; </p> <div class="bm-4"> <button type="button" class="my-btn btn-filled mx-2 mb-3"> <a href="https://4devices.eu/#/register" register-url target="_blank" rel="noopener" aria-label="Wypróbuj za darmo">Wypróbuj za darmo</a> </button> <button type="button" class="my-btn btn-transparent mx-2 mb-3"> <a href="contact">Umów prezentację</a> </button> </div> </div> </div> </header> <div class="container-xxl px-4 px-md-5 px-xxl-4"> <section id="intro" class="master-section"> <h2 class="mb-4">Znajdź idealne rozwiązanie dla swojej firmy</h2> <div class="row g-3 g-md-5 pb-md-5 mb-5"> <div class="col-md-6"> <p class="lead mb-4"> 4devices to uniwersalne narzędzie, które rozwiązuje problemy serwisowe w każdej branży. Niezależnie od tego, czy zarządzasz sprzętem medycznym, maszynami przemysłowymi czy flotą pojazdów – mamy rozwiązanie dla Ciebie. </p> <ul class="list-unstyled mb-4"> <li><i class="fas fa-check-circle me-2"></i>Oszczędność czasu</li> <li><i class="fas fa-check-circle me-2"></i>Redukcja kosztów operacyjnych</li> <li><i class="fas fa-check-circle me-2"></i>Zwiększenie zadowolenia klientów</li> </ul> <a href="https://4devices.eu/#/register" register-url target="_blank" rel="noopener" aria-label="Rozpocznij 30-dniowy okres próbny" class="btn btn-light btn-lg"> Rozpocznij 30-dniowy okres próbny </a> </div> <div class="col-md-6"> <img src="./assets/img/4devices_baner.webp" alt="4devices w akcji" class="img-fluid rounded shadow"> </div> <div class="col-sm-4"> <div class="my-card" style="background: linear-gradient(140deg, #3f7573, #50c2d4);"> <div class="my-card-icon"> <span class="material-symbols-outlined" style="color: #6cffe4;">engineering</span> </div> <h3 class="my-card-title" style="color: #fff;">Dla producentów</h3> </div> </div> <div class="col-sm-4"> <div class="my-card" style="background: linear-gradient(140deg, #3f7573, #50c2d4);"> <div class="my-card-icon"> <span class="material-symbols-outlined" style="color: #6cffe4;">construction</span> </div> <h3 class="my-card-title" style="color: #fff;">Dla serwisów</h3> </div> </div> <div class="col-sm-4"> <div class="my-card" style="background: linear-gradient(140deg, #3f7573, #50c2d4);"> <div class="my-card-icon"> <span class="material-symbols-outlined" style="color: #6cffe4;">factory</span> </div> <h3 class="my-card-title" style="color: #fff;">Dla zakładów przemysłowych</h3> </div> </div> </div> </section> <section id="trusted-by" class="master-section pb-3 mb-3 mb-md-5"> <h2 class="text-center mb-5">Zaufali nam</h2> <div class="logo-carousel"> <div class="logo-slide"> <img src="./assets/img/sago_fff.webp" alt="Logo Sago" class="mx-4" width="200"> <img src="./assets/img/st-logo-pion-biel.webp" alt="Logo Solid-Tech" class="mx-4" width="130"> <img src="./assets/img/panda_logo_fff.webp" alt="Logo DK STB Panda" class="mx-4" width="120"> <img src="./assets/img/DKLiftService_ramka.webp" alt="Logo DK LiftService" class="mx-4" width="200" style="border-radius: 8px;"> <img src="./assets/img/lewandowska_dzwigi_logo_fff.webp" alt="Logo Lewandowska Dźwigi" class="mx-4" width="260"> <img src="./assets/img/wozki-regalux-logo-1581428053.webp" alt="Logo Regalux" class="mx-4" width="200"> <img src="./assets/img/margreg_lobo.png" alt="Logo Margreg" class="mx-4" width="120"> </div> </div> <style> .logo-carousel { overflow: hidden; white-space: nowrap; position: relative; } .logo-slide { display: inline-block; animation: slide 30s linear infinite; } @keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .logo-carousel:hover .logo-slide { animation-play-state: paused; } </style> <script> document.addEventListener('DOMContentLoaded', (event) => { const logoSlide = document.querySelector('.logo-slide'); const logoWidth = logoSlide.offsetWidth; function cloneLogos() { const logos = logoSlide.innerHTML; logoSlide.innerHTML += logos; logoSlide.style.width = `${logoWidth * 2}px`; } cloneLogos(); logoSlide.addEventListener('animationiteration', () => { logoSlide.style.transform = 'translateX(0)'; }); }); </script> </section> <section id="industries" class="master-section pb-md-5 mb-5"> <div class="section-icon mx-auto" style="background-color: #296e7d;"> <span class="material-symbols-outlined">cards</span> </div> <h2 class="text-center mb-4">Dedykowane rozwiązania dla różnych branż</h2> <div class="row g-3 g-md-5 justify-content-center"> <div class="col-md-6 col-xl-4"> <div class="card h-100"> <img src="./assets/img/img-cran-001.webp" class="card-img-top" alt="Dźwignice" style="opacity: 0.5;"> <div class="card-body"> <h3 class="card-title">Dźwignice / UTB</h3> <p class="lead">Efektywne zarządzanie serwisem i konserwacją dźwignic, dźwigów oraz wszystkich Urządzeń Transportu Bliskiego.</p> <ul class="list-unstyled"> <li><i class="fas fa-check-circle me-2"></i>Elektroniczny dziennik konserwacji</li> <li><i class="fas fa-check-circle me-2"></i>Suwnice, Żurawie, Wciągniki i wciągarki, Dźwigi, Wózki widłowe, Podesty ruchome</li> <li><i class="fas fa-check-circle me-2"></i>Pozytywna opinia UDT</li> </ul> </div> <div class="card-action"> <a animation="fade-in-left" href="forcranes" class="btn btn-outline-primary">Dowiedz się więcej</a> </div> </div> </div> <div class="col-md-6 col-xl-4"> <div class="card h-100"> <img src="./assets/img/med_serv_001.webp" class="card-img-top" alt="Branża medyczna" style="opacity: 0.5;"> <div class="card-body"> <h3 class="card-title">Branża medyczna</h3> <p class="lead">Zarządzaj serwisem sprzętu medycznego z uwzględnieniem specyfiki branży.</p> <ul class="list-unstyled"> <li><i class="fas fa-check-circle me-2"></i>Aparaty RTG, USG, Elektrokardiografy</li> <li><i class="fas fa-check-circle me-2"></i>Unity stomatologiczne, Autoklawy</li> <li><i class="fas fa-check-circle me-2"></i>Skanery PET-CT, Rezonanse magnetyczne</li> <li><i class="fas fa-check-circle me-2"></i>... oraz dowolny inny sprzęt</li> </ul> </div> <div class="card-action"> <a animation="fade-in-left" href="formedical" class="btn btn-outline-primary">Dowiedz się więcej</a> </div> </div> </div> <div class="col-md-6 col-xl-4"> <div class="card h-100"> <img src="./assets/img/wozki-001.webp" class="card-img-top" alt="Wózki widłowe" style="opacity: 0.5;"> <div class="card-body"> <h3 class="card-title">Wózki widłowe</h3> <p class="lead">Kompleksowe rozwiązanie dla serwisu wózków widłowych.</p> <p class="lead">Wielu spośród naszych klientów to właśnie serwisy wózków widłowych. Dobrze rozumiemy specyfikę tej branży i&nbsp;z satysfakcją odpowiadamy na jej potrzeby.</p> <ul class="list-unstyled"> <li><i class="fas fa-check-circle me-2"></i>Wózki czołowe, wysięgnikowe, systemowe, prowadzone, boczne </li> <li><i class="fas fa-check-circle me-2"></i>... oraz wszystkie inne</li> </ul> </div> <div class="card-action"> <a animation="fade-in-left" href="forforklifts" class="btn btn-outline-primary">Dowiedz się więcej</a> </div> </div> </div> <div class="col-md-6 col-xl-4"> <div class="card h-100"> <img src="./assets/img/koparka-tlo-001.webp" class="card-img-top" alt="Dowolne maszyny" style="opacity: 0.5;"> <div class="card-body"> <h3 class="card-title">Dowolne maszyny, urządzenia i instalacje</h3> <p class="lead">4devices pozwala skonfigurować dowolne rodzaje urządzeń, maszyn oraz instalacji.</p> <ul class="list-unstyled"> <li><i class="fas fa-check-circle me-2"></i>Elastyczna konfiguracja pod każdą branżę</li> <li><i class="fas fa-check-circle me-2"></i>Możliwość wprowadzenia dowolnego rodzaju sprzętu</li> <li><i class="fas fa-check-circle me-2"></i>Maszyny budowlane, linie produkcyjne, sprzęt rolniczy, kotły i piece oraz cokolwiek zechcesz</li> </ul> </div> <div class="card-action"> <a animation="fade-in-left" href="fordifferentstuff" class="btn btn-outline-primary">Dowiedz się więcej</a> </div> </div> </div> <div class="col-md-6 col-xl-4"> <div class="card h-100"> <img src="./assets/img/electro-service-002.webp" class="card-img-top" alt="Serwis elektroniki" style="opacity: 0.5;"> <div class="card-body"> <h3 class="card-title">Serwis elektroniki</h3> <p class="lead">4devices świetnie sprawdzi się także w serwisie dowolnego rodzaju elektroniki.</p> <ul class="list-unstyled"> <li><i class="fas fa-check-circle me-2"></i>Zarządzanie naprawami</li> <li><i class="fas fa-check-circle me-2"></i>Zarządzanie częściami</li> <li><i class="fas fa-check-circle me-2"></i>Zarządzanie sprzętem diagnostycznym</li> </ul> </div> <div class="card-action"> <a animation="fade-in-left" href="forelectronics" class="btn btn-outline-primary">Dowiedz się więcej</a> </div> </div> </div> <div class="col-md-6 col-xl-4"> <div class="card h-100"> <img src="./assets/img/UDT_TDT_WDT.xcf.webp" class="card-img-top" alt="Dozór techniczny"> <div class="card-body"> <h3 class="card-title">Dozór techniczny</h3> <p class="lead">Zarządzaj urządzeniami podlegającymi dozorowi technicznemu.</p> <ul class="list-unstyled"> <li><i class="fas fa-check-circle me-2"></i>Elektroniczny dziennik konserwacji</li> <li><i class="fas fa-check-circle me-2"></i>Pozytywna opinia UDT</li> <li><i class="fas fa-check-circle me-2"></i>Dedykowany moduł dla Urządzeń Transportu Bliskiego</li> <li><i class="fas fa-check-circle me-2"></i>Dedykowany moduł dla Urządzeń Ciśnieniowych</li> </ul> </div> <div class="card-action"> <a animation="fade-in-left" href="forcranes" class="btn btn-outline-primary">Dowiedz się więcej</a> </div> </div> </div> </div> </section> <section id="hero" class="master-section row g-3 g-md-5 mb-5 pb-5 pt-5 justify-content-center"> <div class="col-12 d-flex flex-column align-items-center"> <div class="section-icon" style="background-color: #7d3a3a;"> <span class="material-symbols-outlined">query_stats</span> </div> <h2>Dlaczego warto wybrać 4devices?</h2> <h3>Sprawdź, co nas wyróżnia!</h3> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="my-card"> <div class="my-card-icon" animation="fade-in-bottom"> <span class="material-symbols-outlined">thumb_up</span> </div> <h3 class="my-card-title">Prostota i intuicyjność</h3> <div class="my-card-content"> <p> System jest wyjątkowo intuicyjny i prosty w obsłudze. Rejestrujesz się i działasz. Nie potrzebujesz żadnego szkolenia, choć oczywiście jeśli będziesz miał takie życzenie, przeprowadzimy je dla Ciebie. </p> </div> <button animation="fade-in-left" type="button" class="my-btn btn-transparent sm mt-3" data-bs-toggle="modal" data-bs-target="#prostotaModal"> Dowiedz się więcej </button> </div> <!-- Cenimy prostotę i intuicyjność - modal window --> <div class="modal fade" id="prostotaModal" tabindex="-1" aria-labelledby="Cenimy prostotę i intuicyjność - modal window" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Cenimy prostotę i intuicyjność</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p> System podzielony jest na moduły, z których każdy ma swoją konkretną odpowiedzialność. Dzięki temu poruszanie się po aplikacji jest bardzo intuicyjne, a kluczowe funkcje odseparowane.<br> Moduły są do siebie bardzo podobne, więc wystarczy poznać jeden, żeby swobodnie poruszać się w posostałych.<br> Do każdego z modułów można elastycznie przydzielać uprawnienia, aby każdy użytkownik miał dostęp tylko do właściwych sobie funkcji. </p> </div> <div class="modal-footer"> <button type="button" class="my-btn btn-transparent sm" data-bs-dismiss="modal">Zamknij</button> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="my-card"> <div class="my-card-icon" animation="fade-in-bottom"> <span class="material-symbols-outlined">manufacturing</span> </div> <h3 class="my-card-title">Elastyczna konfiguracja</h3> <div class="my-card-content"> <p> System umożliwia szeroką i elastyczną konfigurację, zachowując prostotę użytkowania. </p> </div> <button animation="fade-in-left" type="button" class="my-btn btn-transparent sm mt-3" data-bs-toggle="modal" data-bs-target="#konfiguracjaModal"> Dowiedz się więcej </button> </div> <!-- Łatwa konfiguracja - modal window --> <div class="modal fade" id="konfiguracjaModal" tabindex="-1" aria-labelledby="Łatwa konfiguracja - modal window" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Łatwa konfiguracja</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p> 4devices umożliwia bardzo szeroką i elastyczną konfigurację, zachowując przy tym prostotę użytkowania.<br> Dzięki temu jest systemem, który sprawdzi się w niemal każdej branży.<br> Możliwe do skonfigurowania są między innymi rodzaje urządzeń, rodzaje czynności serwisowych, materiały, parametry urządzeń, czy checklisty.<br> </p> </div> <div class="modal-footer"> <button type="button" class="my-btn btn-transparent sm" data-bs-dismiss="modal">Zamknij</button> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="my-card"> <div class="my-card-icon" animation="fade-in-bottom"> <span class="material-symbols-outlined">cloud</span> </div> <h3 class="my-card-title">Aplikacja webowa</h3> <div class="my-card-content"> <p> Dostęp do systemu z dowolnego urządzenia i miejsca.<br> Aplikacja jest przystosowana do obsługi na każdym nowoczesnym urządzeniu, niezależnie od rodzaju i systemu operacyjnego. </p> </div> <button animation="fade-in-left" type="button" class="my-btn btn-transparent sm mt-3" data-bs-toggle="modal" data-bs-target="#webappModal"> Dowiedz się więcej </button> </div> <!-- Aplikacja webowa - modal window --> <div class="modal fade" id="webappModal" tabindex="-1" aria-labelledby="Aplikacja webowa - modal window" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Nowoczesne rozwiązanie webowe</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p> Najnowsze technologie programistyczne wykorzystywane w 4devices umożliwiają korzystanie z systemu w dowolnym miejscu i na każdym urządzeniu.<br> Aby korzystać z pełni możliwości aplikacji, wystarczy urządzenie z dostępem do internetu oraz dowolną nowoczesną przeglądarką internetową.<br> Aplikację można zainstalować na dowolnym urządzeniu.<br> </p> </div> <div class="modal-footer"> <button type="button" class="my-btn btn-transparent sm" data-bs-dismiss="modal">Zamknij</button> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="my-card"> <div class="my-card-icon" animation="fade-in-bottom"> <span class="material-symbols-outlined">support_agent</span> </div> <h3 class="my-card-title">Pełne wsparcie</h3> <div class="my-card-content"> <p> Dostęp do systemu z dowolnego urządzenia i miejsca.<br> Aplikacja jest przystosowana do obsługi na każdym nowoczesnym urządzeniu, niezależnie od rodzaju i systemu operacyjnego. </p> </div> <button animation="fade-in-left" type="button" class="my-btn btn-transparent sm mt-3" data-bs-toggle="modal" data-bs-target="#supportModal"> Dowiedz się więcej </button> </div> <!-- Support - modal window --> <div class="modal fade" id="supportModal" tabindex="-1" aria-labelledby="Support - modal window" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Jesteśmy z Tobą!</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p> Zapewniamy pełne wsparcie niezależnie od tego, na jakim jesteś etapie i z jakiego planu subskrypcji korzystasz. Nieważne, czy jesteś już naszym klientem, czy dopiero testujesz lub rozważasz korzystanie z aplikacji — z chęcią Ci pomożemy.<br> Służymy pomocą w konfiguracji oraz każdym innym aspekcie użytkowania.<br> Jesteśmy wrażliwi na sugestie i szybko wdrażamy funkcje, o które proszą nasi klienci. </p> </div> <div class="modal-footer"> <button type="button" class="my-btn btn-transparent sm" data-bs-dismiss="modal">Zamknij</button> </div> </div> </div> </div> </div> <a href="benefits" class="link-with-icon-inline"> <div class="label">Przeczytaj więcej o korzyściach</div> <span class="material-symbols-outlined icon-go-to">arrow_right_alt</span> </a> </section> <section id="features" class="master-section row g-3 g-md-5 pb-md-5 mb-5 align-items-center"> <div class="col-lg-6 text-center"> <img class="img-fluid d-none d-lg-block mt-3 my-5" src="./assets/img/ekrany.webp" alt="Korzyści" width="700" height="425" loading="lazy"> <img class="img-fluid mt-3 rounded shadow" src="./assets/img/Recording-2024-09-09-145539.gif" alt="Zrzut ekranu" width="300" loading="lazy"> </div> <div class="col-lg-6"> <div class="section-icon" style="background-color: #a59d2f;"> <span class="material-symbols-outlined">monitoring</span> </div> <h2>Jedno narzędzie, wiele możliwości</h2> <p class="mb-5">Oto wybrane funkcje aplikacji 4devices</p> <div class="my-4"> <h3><i class="fas fa-screwdriver-wrench me-2"></i> Baza urządzeń</h3> <p class="lead">Zarządzaj urządzeniami w uporządkowany sposób.</p> </div> <div class="mb-4"> <h3><i class="fas fa-building me-2"></i> Baza firm</h3> <p class="lead">Klienci, kontrahenci, dostawcy — wszystkie informacje o firmach, z którymi współpracujesz w jednym miejscu.</p> </div> <div class="mb-4"> <h3><i class="fas fa-tasks me-2"></i> Obsługa zgłoszeń</h3> <p class="lead">Nowoczesny system zgłoszeń poprawiający przepływ informacji i ułatwiający obsługę klienta.</p> </div> <div class="my-4"> <h3><i class="fas fa-print me-2"></i> Protokoły serwisowe</h3> <p class="lead">Generuj elektroniczne protokoły serwisowe w sposób automatyczny.</p> </div> <div class="mb-4"> <h3><i class="fa-solid fa-people-group me-2"></i> Zarządzenie zadaniami</h3> <p class="lead">Łatwo przydzielaj zadania i monitoruj przebieg prac.</p> </div> <div class="mb-4"> <h3><i class="fa-solid fa-warehouse me-2"></i> Baza części i materiałów</h3> <p class="lead">Efektywne zarządzanie częściami zamiennymi i materiałami eksploatacyjnymi.</p> </div> <div class="mb-4"> <h3><i class="fa-solid fa-retweet me-2"></i> Obsługa wynajmu urządzeń</h3> <p class="lead">Wynajmujesz urządzenia? Masz do dyspozycji dedykowany moduł do obsługi wynajmu.</p> </div> <div class="mb-4"> <h3><i class="fa-solid fa-book me-2"></i> Elektroniczny dziennik konserwacji UTB</h3> <p class="lead">Prowadź elektroniczny dziennik konserwacji Urządzeń Transportu Bliskiego zgodny z przepisami.</p> </div> </div> </section> <section id="qrCode" class="master-section row g-3 g-md-5 pb-md-5 mb-5"> <div class="col-md-6 d-flex flex-column align-items-center text-center"> <figure class="bg-light rounded shadow p-3"> <img class="img-fluid" style="width: 100%; max-width: 300px;" src="./assets/img/Linde_H30D_H2X393Dxxxxxx_N47OOXXXXX1_qrCode.webp" alt="Kod QR do elektronicznego dziennika konserwacji"> <figcaption class="figcaption-standard">Przykładowy kod QR z historią serwisową demonstracyjnego urządzenia.</figcaption> </figure> <a href="https://4devices.eu/#/guest/devices-utb/8199961b-a35b-426b-a04e-08da0cd1adfe" target="_blank" rel="noopener" aria-label="Elektroniczny dziennik konserwacji"> Zobacz przykładową stronę z historią urządzenia </a> </div> <div class="col-md-6"> <div class="section-icon" style="background-color: #8f4b68;"> <span class="material-symbols-outlined">manage_search</span> </div> <h2>Zobacz próbkę programu</h2> <p>Prezentujemy rzeczywisty kod QR, wygenerowany w aplikacji 4devices.</p> <p>Kod prowadzi do strony z demonstracyjnym urządzeniem, serwisowanym w naszym systemie.</p> <p>Zeskanuj kod QR lub kliknij poniższy link, aby zobaczyć, jak wygląda strona z historią serwisową urządzenia w 4devices.</p> <a href="https://4devices.eu/#/guest/devices-utb/8199961b-a35b-426b-a04e-08da0cd1adfe" target="_blank" rel="noopener" aria-label="Elektroniczny dziennik konserwacji" class="link-with-icon-inline"> <div class="label">Zobacz przykładową stronę</div> <span class="material-symbols-outlined icon-go-to">arrow_right_alt</span> </a> </div> </section> <section id="cta" class="row" style="position: relative; z-index: 1;"> <div class="col-12 my-3 py-5 bg-primary text-white text-center"> <h2 class="mb-4">Rozpocznij 30-dniowy okres próbny już dziś!</h2> <p class="lead mb-4">Przekonaj się, jak 4devices może usprawnić zarządzanie serwisem urządzeń w Twojej firmie.</p> <a href="https://4devices.eu/#/register" register-url target="_blank" rel="noopener" aria-label="Rozpocznij teraz" class="btn btn-light btn-lg"> Rozpocznij teraz </a> </div> </section> <section id="contact" class="py-3 my-3 my-md-5 text-center"> <div class="section-icon mx-auto" style="background-color: #3d8159;"> <span class="material-symbols-outlined">send</span> </div> <h2 class="mb-3">Nie jesteś pewien, czy 4devices sprawdzi się w Twojej branży?</h2> <h3 class="mb-3">Napisz do nas!</h3> <h4 class="mb-3"> 4devices umożliwia bardzo szeroką i elastyczną konfigurację, zachowując przy tym prostotę użytkowania. Dzięki temu jest systemem, który sprawdzi się w niemal każdej branży. </h4> <p class="mb-5">Skontaktuj się z nami. Pomożemy Ci dostosować system do Twoich potrzeb!</p> <a href="contact" class="btn btn-primary btn-lg">Skontaktuj się z nami</a> </section> </div> </main> <footer class="footer mt-5"> <div class="divider"></div> <div class="container-xxl px-4 px-md-5 px-xxl-4 py-4 py-md-5 text-body-secondary"> <div class="row"> <div class="col-lg-3 mb-3"> <a href="./" class="d-inline-flex align-items-center mb-3"> <img src="./assets/img/path1331.png" height="48" alt="4devices symbol" class="me-3"> <img src="./assets/img/4devicesffffff.png" height="32" alt="4devices logo" style="margin-top: 7px;"> </a> <p>System wspomagający pracę serwisu</p> <p> <span>Mateusz Stasiński</span><br> <span>ul. Przemysłowa 20/19</span><br> <span>86-010 Koronowo</span><br> <span>NIP: 554 300 30 63</span> </p> <a class="footer-contact-data" href="mailto:info@4devices.pl"> <span class="material-symbols-outlined">alternate_email</span> <div class="value">info@4devices.pl</div> </a> <a class="footer-contact-data" href="tel:+48663565642"> <span class="material-symbols-outlined">call</span> <div class="value">+48 663 565 642</div> </a> </div> <div class="col-6 col-lg-2 offset-lg-1 mb-3"> <h5>Linki</h5> <ul class="list-unstyled"> <li class="mb-2"><a href="./">Home</a></li> <li class="mb-2"><a href="about-application">O aplikacji</a></li> <li class="mb-2"><a href="benefits">Korzyści</a></li> <li class="mb-2"><a href="pricing">Cennik</a></li> <li class="mb-2"><a href="contact">Kontakt</a></li> <li class="mb-2"><a href="statute" target="_blank" rel="noopener" aria-label="Regulamin">Regulamin</a></li> <li class="mb-2"><a href="privacy-policy" target="_blank" rel="noopener" aria-label="Polityka prywatności">Polityka prywatności</a></li> <li class="mb-2"><a href="https://4devices.eu/#/register" register-url target="_blank" rel="noopener" aria-label="Rejestracja">Rejestracja</a></li> <li class="mb-2"><a href="https://4devices.eu/#/login" target="_blank" rel="noopener" aria-label="Rejestracja">Zaloguj</a></li> </ul> </div> <div class="col-12 col-md-6 col-lg-5 offset-lg-1 mb-3"> <style> .ml-form-embedBody { padding: 0 !important; } </style> <div class="ml-embedded" data-form="9AOhLe"></div> </div> </div> <div class="text-align-center mt-5"> &copy; 2024 Mateusz Stasiński. </div> </div> </footer> <div id="overlay" onclick="closeMenuMobile()"></div> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous" async></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous" defer></script> <script type="text/javascript" src="./main.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10