CINXE.COM
Homepage
<!DOCTYPE html> <html lang="pl"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/png" sizes="512x512" href="/static/favicon/icon-512x512.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/static/favicon/icon-192x192.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/icon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/icon-16x16.png" /> <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=Sofia+Sans+Condensed&display=swap" rel="stylesheet"> <title>Homepage</title><meta name="robots" content="index,follow"><link rel="alternate" href="https://drukarniaakapit.pl/en" hreflang="en"><link rel="alternate" href="https://drukarniaakapit.pl/" hreflang="pl"><link rel="canonical" href="https://drukarniaakapit.pl/"> <link rel="stylesheet" href="https://use.typekit.net/ctu1jdx.css"> <link rel="stylesheet" href="/build/website/app.4003723a.css"> </head> <body> <header> <div class="absolute left-0 right-0 z-10"> <nav class="relative lg:container lg:mx-auto p-6"> <div class="flex items-start justify-between"> <a href="https://drukarniaakapit.pl/" title="Drukarnia Akapit"> <img src="/static/short-logo.svg" alt="Akapit"/> </a> <div class="hidden lg:flex space-x-6 text-white text-base font-[375] xl:space-x-10 uppercase"> <a href="https://drukarniaakapit.pl/realizacje" title="Realizacje" class="group transition duration-300" > Realizacje <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/o-nas" title="O nas" class="group transition duration-300" > O nas <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/oferta" title="Oferta" class="group transition duration-300" > Oferta <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/nagrody" title="Nagrody" class="group transition duration-300" > Nagrody <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/thinky" title="Thinky" class="group transition duration-300" > Thinky <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/praca" title="Praca" class="group transition duration-300" > Praca <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/parp" title="PARP" class="group transition duration-300" > PARP <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <a href="https://drukarniaakapit.pl/kontakt" title="Kontakt" class="group transition duration-300" > Kontakt <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"> </span> </a> <div class="flex space-x-5"> <a href="#" title="Zmniejsz" class="font-decrease-btn opacity-50" > <img src="/static/aminus.svg" alt="Zmniejsz"/> </a> <a href="#" title="Powi臋ksz" class="font-increase-btn" > <img src="/static/aplus.svg" alt="Powi臋ksz"/> </a> <a href="#" title="Tryb kontrastowy" class="contrast-mode-btn" > <img src="/static/contrast.svg" alt="Tryb kontrastowy"/> </a> <a href="/parp" title="PARP" > <img src="/static/flaga.svg" alt="PARP"/> </a> <a href="https://www.facebook.com/DrukarniaAkapit" target="_blank" title="Facebook" > <img src="/static/fb-icon.svg" alt="Facebook"/> </a> <div class="flex flex-col gap-4 items-end"> <a href="https://www.instagram.com/explore/locations/601053899928083/drukarnia-akapit/" target="_blank" title="Instagram" > <img src="/static/insta-icon.svg" alt="Instagram"/> </a> <button id="muteButton"> <img id="muteIconOff" src="/static/audio_off.svg" alt="Unmute" style="display: none;"/> <img id="muteIconOn" src="/static/audio_on.svg" alt="Mute" style="display: none;"/> </button> </div> </div> </div> <div class="lg:hidden flex items-center gap-4"> <a href="/parp" title="PARP" > <img src="/static/flaga.svg" alt="PARP"/> </a> <button id="menu-btn" class="block hamburger lg:hidden focus:outline-none"> <span class="hamburger-top"></span> <span class="hamburger-middle"></span> <span class="hamburger-bottom"></span> </button> <button id="muteButtonMobile"> <img id="muteIconOffMobile" src="static/audio_off.svg" alt="Unmute" style="display: none;"/> <img id="muteIconOnMobile" src="static/audio_on.svg" alt="Mute" style="display: none;"/> </button> </div> </div> <div class="lg:hidden"> <div id="menu" class="absolute flex-col items-center self-end hidden py-8 mt-10 space-y-6 font-[375] bg-[#333333] rounded-xl text-white text-base sm:w-auto sm:self-center left-6 right-6 drop-shadow-md uppercase z-[1]" > <a href="https://drukarniaakapit.pl/realizacje" title="Realizacje" class="group transition duration-300" > Realizacje <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/o-nas" title="O nas" class="group transition duration-300" > O nas <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/oferta" title="Oferta" class="group transition duration-300" > Oferta <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/nagrody" title="Nagrody" class="group transition duration-300" > Nagrody <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/thinky" title="Thinky" class="group transition duration-300" > Thinky <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/praca" title="Praca" class="group transition duration-300" > Praca <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/parp" title="PARP" class="group transition duration-300" > PARP <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <a href="https://drukarniaakapit.pl/kontakt" title="Kontakt" class="group transition duration-300" > Kontakt <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </a> <div class="flex space-x-5"> <a href="#" title="Zmniejsz" class="font-decrease-btn opacity-50" > <img src="/static/aminus.svg" alt="Zmniejsz"/> </a> <a href="#" title="Powi臋ksz" class="font-increase-btn" > <img src="/static/aplus.svg" alt="Powi臋ksz"/> </a> <a href="#" title="Tryb kontrastowy" class="contrast-mode-btn" > <img src="/static/contrast.svg" alt="Tryb kontrastowy"/> </a> <a href="https://www.facebook.com/DrukarniaAkapit" target="_blank" title="Facebook" > <img src="/static/fb-icon.svg" alt="Facebook"/> </a> <a href="https://www.instagram.com/explore/locations/601053899928083/drukarnia-akapit/" target="_blank" title="Instagram" > <img src="/static/insta-icon.svg" alt="Instagram"/> </a> </div> </div> </div> <div class="pt-[14px] not-italic font-normal text-xs font-['Montserrat'] text-[#858585] lowercase"> </div> </nav> </div> </header> <main> <div class="relative min-h-[600px]"> <div class="w-full h-0 pb-9-16"> <video id="video" autoplay loop muted playsinline class="absolute w-full h-full video-fit" > <source src="/media/37/download/book-84005.mp4?v=1" type="video/mp4"/> </video> </div> <img class="absolute top-0 left-0 w-full h-full" src="/static/mask_video_main2.png"/> <div class="absolute left-0 right-0 top-0 ml-auto mr-auto lg:container mx-auto p-6 pt-64 pb-36 md:py-64"> <div class="flex flex-col space-y-2 text-white"> <span class="not-italic font-bold text-[80px] leading-none md:text-[120px]"> Drukarnia Akapit </span> <span class="not-italic font-[350] md:text-[45px] text-[30px]"> Kreatywne podej艣cie do druku </span> <a href="https://drukarniaakapit.pl/o-nas" class="group transition duration-300 see-more-button" target="" rel="" title="zobacz wi臋cej" > <div> zobacz wi臋cej <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> <img width="21px" height="auto" src="/static/arrow.svg" class="rotate-[0deg] hover:translate-x-[10px] transition duration-300 ease-in-out transform-gpu" alt="arrow" /> </a> </div> </div> </div> <div class="w-full mt-[-56px] relative z-[2]"> <div class="lg:container mx-auto px-6 pb-5"> <span class="not-italic font-extrabold text-3xl text-white"> Realizacje </span> </div> <div class="swiper swiper-main"> <div class="swiper-wrapper slides"> <div class="swiper-slide h-auto"> <div class="relative min-h-[300px] max-h-[350px]"> <div class="w-full h-0 pb-9-16"> <video autoplay loop muted playsinline class="absolute w-full h-full video-fit" > <source src="/media/309/download/otabint%2C%20spiralowana%2C%20szycie%20dowodowe%20POZIOM.mp4?v=1" type="video/mp4" /> </video> </div> <img class="js-play-video absolute top-0 left-0 w-full h-full hover:cursor-pointer" data-src="/media/309/download/otabint%2C%20spiralowana%2C%20szycie%20dowodowe%20POZIOM.mp4?v=1" src="/static/mask_video.png"/> </div> </div> <div class="swiper-slide h-auto"> <div class="relative min-h-[300px] max-h-[350px]"> <div class="w-full h-0 pb-9-16"> <video autoplay loop muted playsinline class="absolute w-full h-full video-fit" > <source src="/media/308/download/sztancowanie%2C%20kaszerowanie%20POZIOM.mp4?v=1" type="video/mp4" /> </video> </div> <img class="js-play-video absolute top-0 left-0 w-full h-full hover:cursor-pointer" data-src="/media/308/download/sztancowanie%2C%20kaszerowanie%20POZIOM.mp4?v=1" src="/static/mask_video.png"/> </div> </div> <div class="swiper-slide h-auto"> <div class="relative min-h-[300px] max-h-[350px]"> <div class="w-full h-0 pb-9-16"> <video autoplay loop muted playsinline class="absolute w-full h-full video-fit" > <source src="/media/305/download/hot%20stamping%2C%20suchy%20%20t%C5%82ok%20POZIOM.mp4?v=1" type="video/mp4" /> </video> </div> <img class="js-play-video absolute top-0 left-0 w-full h-full hover:cursor-pointer" data-src="/media/305/download/hot%20stamping%2C%20suchy%20%20t%C5%82ok%20POZIOM.mp4?v=1" src="/static/mask_video.png"/> </div> </div> <div class="swiper-slide h-auto"> <div class="relative min-h-[300px] max-h-[350px]"> <div class="w-full h-0 pb-9-16"> <video autoplay loop muted playsinline class="absolute w-full h-full video-fit" > <source src="/media/306/download/szwajcarska%20i%20koptyjska%20POZIOM.mp4?v=1" type="video/mp4" /> </video> </div> <img class="js-play-video absolute top-0 left-0 w-full h-full hover:cursor-pointer" data-src="/media/306/download/szwajcarska%20i%20koptyjska%20POZIOM.mp4?v=1" src="/static/mask_video.png"/> </div> </div> </div> </div> </div> <div class="js-movie-modal hidden backdrop-blur-md bg-black/30 fixed top-0 left-0 w-full h-full z-50 flex justify-center items-center"> <button class="js-movie-modal-close absolute right-[30px] top-[30px] bg-white w-auto h-auto py-2 px-4"> Zamknij okno </button> <div class="flex justify-center items-center"> <video autoplay loop muted playsinline class="js-target-videoplayer w-[80%] h-[80%]" > <source src="/media/37/download/book-84005.mp4?v=1" type="video/mp4" /> </video> </div> </div> </main> <footer> <footer class="bg-footer-background bg-cover bg-center bg-no-repeat"> <div class="lg:container flex flex-col mx-auto px-6 py-10 pt-20 space-y-16 justify-between"> <div class="flex flex-col space-y-16 text-white justify-between md:flex-row md:space-y-0 md:space-x-10"> <div class="flex flex-col space-y-10 md:space-y-12"> <span class="not-italic font-extrabold text-3xl"> Kontakt </span> <div class="flex flex-col space-y-7 text-xl"> <div class="flex flex-col space-y-1.5"> <span> Drukarnia Akapit Sp. z o. o. </span> <span> ul. Zorza 6, 20-381 Lublin </span> </div> <div class="flex flex-col space-y-1.5"> <a class="group transition duration-300 w-auto" title="Telefon" href="tel:+48 81 749 00 62" rel="nofollow" > <div class="inline-block relative"> tel.: +48 81 749 00 62 <span class="absolute bottom-0 left-0 right-0 block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> </a> <a class="group transition duration-300 w-auto" title="Email" href="mailto:sekretariat@drukarniaakapit.pl" rel="nofollow" > <div class="inline-block relative"> sekretariat@drukarniaakapit.pl <span class="absolute bottom-0 left-0 right-0 block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> </a> </div> <a class="group transition duration-300 see-more-button" href="https://drukarniaakapit.pl/kontakt" title="Kontakt"> <div> zobacz wi臋cej <span class="block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> <img width="21px" height="auto" src="/static/arrow.svg" class="rotate-[0deg] hover:translate-x-[10px] transition duration-300 ease-in-out transform-gpu" alt="arrow" /> </a> </div> </div> <div class="flex flex-col space-y-10 md:space-y-12"> <span class="not-italic font-extrabold text-3xl"> Informacje </span> <div class="flex flex-col space-y-7 text-base uppercase"> <a class="group transition duration-300 w-auto" title="Specyfikacja przygotowania plik贸w do druku" href="/media/207/download/drukarniaakapit_specyfikacja_przygotowania_do_druku_ok.pdf?v=1" rel="nofollow" download > <div class="inline-block relative"> Specyfikacja przygotowania plik贸w do druku <span class="absolute bottom-0 left-0 right-0 block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> </a> <div> <a class="group transition duration-300 w-auto" href="https://drukarniaakapit.pl/ogolne-warunki-handlowe" title="Og贸lne warunki handlowe" > <div class="inline-block relative"> Og贸lne warunki handlowe <span class="absolute bottom-0 left-0 right-0 block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> </a> </div> <div> <a class="group transition duration-300 w-auto" href="https://drukarniaakapit.pl/rodo" title="RODO" > <div class="inline-block relative"> RODO <span class="absolute bottom-0 left-0 right-0 block max-w-0 group-hover:max-w-full transition-all duration-500 bg-white border-b-[1px]"></span> </div> </a> </div> </div> </div> <div class="flex flex-col space-y-10 md:space-y-12 md:items-end"> <div class="flex flex-col gap-4 items-start lg:items-end justify-center"> <img class="w-36" src="/static/EU.svg" alt="Unia Europejska"/> <img class="w-32 h-auto" src="/static/ptwk.svg" alt="PTWK"/> <img class="w-[10rem] h-auto" src="/static/Nowe-znaki-certyfikacji.png" alt="Nowe znaki certyfikacji"/> </div> <div class="flex space-x-5"> <a href="https://www.facebook.com/DrukarniaAkapit" target="_blank" title="Facebook" > <img src="/static/fb-icon.svg" alt="Facebook"/> </a> <a href="https://www.instagram.com/explore/locations/601053899928083/drukarnia-akapit/" target="_blank" title="Instagram" > <img src="/static/insta-icon.svg" alt="Instagram"/> </a> </div> </div> </div> <div class="flex justify-between text-white"> <span class="text-[#434343] font-normal text-base"> Copyright 2023 Drukarnia Akapit </span> <div> <a class="text-[#434343] font-normal text-base" href="https://www.brandking.eu/" target="_blank" title="BrandKing" > Projekt: BrandKing </a> <br> <a class="text-[#434343] font-normal text-base" href="https://mits.pl/uslugi/strony-internetowe" target="_blank" title="Mits - strony internetowe" > Wykonanie: Mits - strony internetowe </a> </div> </div> </div> </footer> </footer> <script src="/build/website/runtime.61b1725c.js" defer></script><script src="/build/website/669.24cf3f59.js" defer></script><script src="/build/website/app.20b10dfa.js" defer></script> </body> </html>