<!DOCTYPE html><html lang="en"> <head> <!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-KBMP07VDEQ"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KBMP07VDEQ');</script> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="assets/img/Logo-Single.webp" type="image/x-icon"> <title>Shabat Printing</title> <link rel="stylesheet" href="./lib/css/bootstrap.min.css" /> <link rel="stylesheet" href="./lib/css/main.css" /> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" /> <!-- Slick CSS --><link rel="stylesheet" type="text/css" href="lib/css/slick.css"/><link rel="stylesheet" type="text/css" href="lib/css/slick-theme.css"/> </head> <body> <!-- Preloader --><!-- <div id="preloader">--><!-- <div class="preloader-content">--><!-- <img src="assets/img/Logo-Long.webp" alt="Logo" class="preloader-logo">--><!-- </div>--><!--</div>--> <!-- Header Navigation --> <nav class="navbar shadow-sm bg-white navbar-expand-md sticky-top"> <div class="container"> <a class="navbar-brand" href="#"> <img src="./assets/img/Logo-Long.webp" alt="Logo Shabat Printing" id="logo-utama" /> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link text-dark fw-bold" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link text-dark fw-bold" href="#produk">Produk</a> </li> <li class="nav-item"> <a class="nav-link text-dark fw-bold" href="#">Tentang Kami</a> </li> <li class="nav-item"> <a class="nav-link text-dark fw-bold" href="https://career.shabatprinting.com/">Karir</a> </li> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle text-dark fw-bold" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Berita </a> <ul class="dropdown-menu"> <!--<li><a class="dropdown-item text-dark fw-bold" href="./lowongan-kerja">Lowongan Pekerjaan</a></li>--> <li><a class="dropdown-item text-dark fw-bold" href="./pemutusan-hubungan-kerja">Pemutusan Hubungan Kerja (PHK)</a></li> </ul> </li> </ul> </div> </div> </nav> <!-- Banner Slider Section --> <div id="bannerCarousel" class="carousel slide mt-4 container" data-bs-ride="carousel"> <div class="carousel-inner rounded-4"> <div class="carousel-item active"> <a href="https://registration.solorunfest.com/" target="_blank"> <img src="./assets/banner/1745380615_bannersolorunfest2025.webp" class="d-block w-100 img-fluid" alt="Banner 1" /> </a> </div> <div class="carousel-item "> <a href="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20Kak%2C%20Saya%20ingin%20pesan%20dus%20packagingnya%20dong!" target="_blank"> <img src="./assets/banner/1744703041_webbgbiru1.png" class="d-block w-100 img-fluid" alt="Banner 2" /> </a> </div> <div class="carousel-item "> <a href="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20Kak%2C%20Saya%20mau%20pesen%20stiker%20cutting%20dong!" target="_blank"> <img src="./assets/banner/1744703070_webbgbiru3.png" class="d-block w-100 img-fluid" alt="Banner 3" /> </a> </div> <div class="carousel-item "> <a href="https://g.co/kgs/TGuxoV4" target="_blank"> <img src="./assets/banner/1744703083_webbgbiru5.png" class="d-block w-100 img-fluid" alt="Banner 4" /> </a> </div> <div class="carousel-item "> <a href="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20Kak%2C%20Saya%20mau%20pesen%20stiker%20transparan%20dong!" target="_blank"> <img src="./assets/banner/1744703113_webbgbiru4.png" class="d-block w-100 img-fluid" alt="Banner 5" /> </a> </div> <div class="carousel-item "> <a href="https://shopee.co.id/shabatprinting" target="_blank"> <img src="./assets/banner/1745380558_webbgbiru6.png" class="d-block w-100 img-fluid" alt="Banner 6" /> </a> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#bannerCarousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#bannerCarousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <!-- Hero Section --> <div class="container mt-5 pb-5"> <div class="row"> <div class="col-md-7"> <h2 class="fw-bold text-blue"> Digital Printing & Offset Printing Terbaik Di Kota Solo </h2> <p> <b> Shabat Printing</b> adalah solusi terbaik untuk kebutuhan <b>percetakan di Kota Solo</b>, menggabungkan teknologi mutakhir untuk hasil cetak berkualitas tinggi. Kami menggunakan mesin <b>HP Indigo untuk digital printing</b>, memberikan akurasi warna dan detail yang luar biasa, serta <b>Heidelberg SX-74 untuk cetak offset</b>, memastikan produksi cepat dengan hasil yang konsisten. <b>Dari brosur, kartu nama, hingga spanduk,</b> kami siap melayani dengan standar profesional. Dengan dukungan tim ahli, kami memastikan setiap proyek selesai tepat waktu, efisien, dan sesuai harapan Anda. Hubungi kami sekarang untuk solusi cetak yang tak tertandingi! </p> </div> <div class="col-md-5"> <!-- Placeholder for image --> <div class="" style="width: 100%; height: 20rem"> <img src="./assets/img/1733890674_indigo.png" alt="Mesin Indigo dan Offset" class="img-fluid"> </div> </div> </div> </div> <!-- Kenapa Harus Cetak Di Sahabat Printshop --> <div class="container-fluid mt-5 text-center bg-blue text-white py-5"> <!-- Container --> <div class="container"> <h2 class="fw-bold">KENAPA HARUS CETAK DI SHABAT PRINTING ?</h2> <div class="row mt-5"> <!-- Grup Kiri --> <div class="col-md-3 col-sm-6 mt-3"> <div class="d-flex flex-column align-items-center"> <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem" > <img class="img-fluid" style="width: 3rem" src="assets/icons/pelayanan.png" alt="" /> </div> <h5 class="mt-3 fw-bold">Pelayanan Ramah</h5> <p>Kami mengutamakan pelanggan, dengan memberikan service exellent.</p> </div> <div class="d-flex flex-column align-items-center mt-4"> <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem"> <img class="img-fluid" style="width: 3rem" src="assets/icons/cepat.png" alt="" /> </div> <h5 class="mt-3 fw-bold">Proses Cepat</h5> <p>Memastikan pesanan dapat selesai tepat waktu adalah komitmen kami.</p> </div> <div class="d-flex flex-column align-items-center mt-4"> <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem"> <img class="img-fluid" style="width: 3rem" src="assets/icons/harga.png" alt="" /> </div> <h5 class="mt-3 fw-bold">Harga Kompetitif</h5> <p>Efisiensi dalam operasional, sehingga dapat memberikan harga yang kompetitif.</p> </div> </div> <!-- Grup Tengah --> <div class="col-md-6 align-content-center mb-4 d-none d-md-block"> <div class="d-flex flex-column align-items-center"> <div class="align-content-center" style="width: 20rem; height: 25rem" > <img src="assets/img/Guess.webp" alt="" class="img-fluid" /> </div> </div> </div> <!-- Grup Kanan --> <div class="col-md-3 col-sm-6 mt-3"> <div class="d-flex flex-column align-items-center"> <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem"> <img class="img-fluid" style="width: 3rem" src="assets/icons/hasil.png" alt="" /> </div> <h5 class="mt-3 fw-bold">Kualitas Terbaik</h5> <p>Dukungan mesin teknologi terkini, untuk hasil cetak yang maksimal</p> </div> <div class="d-flex flex-column align-items-center mt-4"> <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem"> <img class="img-fluid" style="width: 3rem" src="assets/icons/custom.png" alt="" /> </div> <h5 class="mt-3 fw-bold">Bisa Custom</h5> <p>Ingin tampil unik? wujudkan karya impianmu bersama kami</p> </div> <div class="d-flex flex-column align-items-center mt-4"> <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem"> <img class="img-fluid" style="width: 3rem" src="assets/icons/minimal.png" alt="" /> </div> <h5 class="mt-3 fw-bold">Tanpa Minimal Order</h5> <p>Cetak satuan? atau partai besar? Kami siap melayani</p> </div> </div> </div> </div> <!-- End Container --> </div> <!-- Product Categories Section --><div class="container mt-5" id="produk"> <h3 class="text-center fw-bold">MAU CETAK APA HARI INI?</h3> <!-- Tabs for Product Categories --> <ul class="nav nav-tabs justify-content-center mt-4" id="productTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tab-print a3+" data-category-id="1" role="tab"> Print A3+ </button> </a> </li> <li class="nav-item"> <a class="nav-link " id="tab-banner / mmt" data-category-id="2" role="tab"> Banner / MMT </button> </a> </li> <li class="nav-item"> <a class="nav-link " id="tab-sticker" data-category-id="3" role="tab"> Sticker </button> </a> </li> <li class="nav-item"> <a class="nav-link " id="tab-fotografi" data-category-id="4" role="tab"> Fotografi </button> </a> </li> <li class="nav-item"> <a class="nav-link " id="tab-packaging" data-category-id="5" role="tab"> Packaging </button> </a> </li> <li class="nav-item"> <a class="nav-link " id="tab-merchandise" data-category-id="6" role="tab"> Merchandise </button> </a> </li> <li class="nav-item"> <a class="nav-link " id="tab-perlengkapan bisnis" data-category-id="7" role="tab"> Perlengkapan Bisnis </button> </a> </li> </ul> <!-- Container for Products --> <div class="tab-content mt-4" id="productContainer"> <div class="row mx-auto category-products " data-category-id="1"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690491_artcartonproduk.png" class="card-img-top img-fluid" alt="Art Carton" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Art Carton</h5> <p class="text-center text-muted">Mulai dari Rp.3.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Art Carton" data-image="./assets/product/1737690491_artcartonproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 210, 230, 260, 310, 400*Tersedia opsi cetak 2 sisi*Tersedia laminasi Glossy dan Doff*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.3.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Art%20Carton."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690609_hvspaperproduk.png" class="card-img-top img-fluid" alt="HVS" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">HVS</h5> <p class="text-center text-muted">Mulai dari Rp.2.400,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="HVS" data-image="./assets/product/1737690609_hvspaperproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 70, 80 , 100*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.2.400,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20HVS."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690705_artpaperproduk.png" class="card-img-top img-fluid" alt="Art Paper" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Art Paper</h5> <p class="text-center text-muted">Mulai dari Rp.2.400,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Art Paper" data-image="./assets/product/1737690705_artpaperproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Tersedia opsi cetak 2 sisi*Tersedia laminasi Glossy dan Doff*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.2.400,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Art%20Paper."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690722_ivorypaperproduk.png" class="card-img-top img-fluid" alt="Ivory" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Ivory</h5> <p class="text-center text-muted">Mulai dari Rp.4.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Ivory" data-image="./assets/product/1737690722_ivorypaperproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 300*Tersedia opsi cetak 2 sisi*Tersedia laminasi Glossy dan Doff*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.4.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Art%20Carton."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690735_briefcardBCproduk.png" class="card-img-top img-fluid" alt="Brief Card (BC)" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Brief Card (BC)</h5> <p class="text-center text-muted">Mulai dari Rp.5.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Brief Card (BC)" data-image="./assets/product/1737690735_briefcardBCproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 200*Tersedia opsi cetak 2 sisi*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.5.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Brief%20Card."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690755_mowhackeverydayproduk.png" class="card-img-top img-fluid" alt="Mohawk Everyday" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Mohawk Everyday</h5> <p class="text-center text-muted">Mulai dari Rp.4.663,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Mohawk Everyday" data-image="./assets/product/1737690755_mowhackeverydayproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 148 , 216*Tersedia opsi cetak 2 sisi*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.4.663,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Mohawk%20Everyday."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690770_mowhackeggselproduk.png" class="card-img-top img-fluid" alt="Mohawk Eggshell" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Mohawk Eggshell</h5> <p class="text-center text-muted">Mulai dari Rp.6.560,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Mohawk Eggshell" data-image="./assets/product/1737690770_mowhackeggselproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 148 , 216*Tersedia opsi cetak 2 sisi*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.6.560,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Mohawk%20Eggshell."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737690939_prophotoproduk.png" class="card-img-top img-fluid" alt="ProPhoto Paper" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">ProPhoto Paper</h5> <p class="text-center text-muted">Mulai dari Rp.8.146,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="ProPhoto Paper" data-image="./assets/product/1737690939_prophotoproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 190, 260*Tersedia laminasi Glossy dan Doff*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.8.146,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Prophoto."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691017_petclearproduk.png" class="card-img-top img-fluid" alt="PET Paper" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">PET Paper</h5> <p class="text-center text-muted">Mulai dari Rp.7.610,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="PET Paper" data-image="./assets/product/1737691017_petclearproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 110,115,185,200 dan 275*Tersedia PET matte dan PET Clear*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.7.610,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20PET."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691031_icesilverproduk.png" class="card-img-top img-fluid" alt="Ice Silver Paper" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Ice Silver Paper</h5> <p class="text-center text-muted">Mulai dari Rp.22.634,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Ice Silver Paper" data-image="./assets/product/1737691031_icesilverproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 300*Tersedia opsi cetak 2 sisi*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.22.634,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Ice%20Silver."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692516_mattepaperproduk.png" class="card-img-top img-fluid" alt="Matte Paper" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Matte Paper</h5> <p class="text-center text-muted">Mulai dari Rp.2.800,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Matte Paper" data-image="./assets/product/1737692516_mattepaperproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 120 &amp; 150*Tersedia opsi cetak 2 sisi*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.2.800,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Matte%20Paper."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692732_linenproduk.png" class="card-img-top img-fluid" alt="Linen" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Linen</h5> <p class="text-center text-muted">Mulai dari Rp.4.300,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Linen" data-image="./assets/product/1737692732_linenproduk.png" data-description="*Ukuran Cetak 31cm x 45cm*Gramatur 230*Tersedia opsi cetak 2 sisi*Tersedia finishing potong pola (die cut)" data-price-range="Mulai dari Rp.4.300,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Linen."> Lihat Detail </a> </div> </div> </div> </div> <div class="row mx-auto category-products d-none" data-category-id="2"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691107_cetakmmtbannerspandukproduk.png" class="card-img-top img-fluid" alt="Banner / MMT Meteran" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Banner / MMT Meteran</h5> <p class="text-center text-muted">Mulai dari Rp.10.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Banner / MMT Meteran" data-image="./assets/product/1737691107_cetakmmtbannerspandukproduk.png" data-description="*Tersedia bahan Flexy 240, 260 , 280, 300 dan 440*Tersedia finishing mata ayam,lipat, dan kolong*Kualitas print tajam*Proses cepat" data-price-range="Mulai dari Rp.10.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Banner%20/MMT"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691497_x-bannerproduk.png" class="card-img-top img-fluid" alt="Paket Stand / X-Banner" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Paket Stand / X-Banner</h5> <p class="text-center text-muted">Mulai dari Rp.50.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Paket Stand / X-Banner" data-image="./assets/product/1737691497_x-bannerproduk.png" data-description="*Tersedia ukuran 60 x 160cm dan 80 x 180cm*Tersedia pilihan bahan Flexy 280 dan Albatros*Sudah Include tiang dan Finishing mata ayam*Hasil cetak tajam" data-price-range="Mulai dari Rp.50.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Banner%20/MMT"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691232_rollbannerproduk.png" class="card-img-top img-fluid" alt="Paker Roll-Up Banner" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Paker Roll-Up Banner</h5> <p class="text-center text-muted">Mulai dari Rp.185.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Paker Roll-Up Banner" data-image="./assets/product/1737691232_rollbannerproduk.png" data-description="*Ukuran 60x160cm*Tersedia bahan Flexy 280 dan Albatros*Sudah termasuk roll-up dan tas*Hasil cetak tajam" data-price-range="Mulai dari Rp.185.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Roll-up%20Banner"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691249_tripodbannerproduk.png" class="card-img-top img-fluid" alt="Paket Tripod Banner" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Paket Tripod Banner</h5> <p class="text-center text-muted">Mulai dari Rp.196.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Paket Tripod Banner" data-image="./assets/product/1737691249_tripodbannerproduk.png" data-description="*Tersedia ukuran 60 x 40cm dan 80 x 60cm*Bahan Albatros ditempel ke Infraboard*Sudah Include tiang tripod &amp;amp; tas*Hasil cetak tajam" data-price-range="Mulai dari Rp.196.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Tripod%20Banner"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692874_ritramaproduk.png" class="card-img-top img-fluid" alt="Cetak Stiker Ritrama Meteran" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Cetak Stiker Ritrama Meteran</h5> <p class="text-center text-muted">Mulai dari Rp.53.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Cetak Stiker Ritrama Meteran" data-image="./assets/product/1737692874_ritramaproduk.png" data-description="*Kualitas print tajam*Tahan lama*Proses cepat" data-price-range="Mulai dari Rp.53.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20stiker%20ritrama%20dong."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692988_albatrosproduk.png" class="card-img-top img-fluid" alt="Cetak Albatros Meteran" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Cetak Albatros Meteran</h5> <p class="text-center text-muted">Mulai dari Rp.30.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Cetak Albatros Meteran" data-image="./assets/product/1737692988_albatrosproduk.png" data-description="*Kualitas print tajam*Tahan lama*Proses cepat" data-price-range="Mulai dari Rp.30.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Albatros%20dong"> Lihat Detail </a> </div> </div> </div> </div> <div class="row mx-auto category-products d-none" data-category-id="3"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691275_Stickerchromomirrorproduk.png" class="card-img-top img-fluid" alt="Sticker Mirror" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Sticker Mirror</h5> <p class="text-center text-muted">Mulai dari Rp.3.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Sticker Mirror" data-image="./assets/product/1737691275_Stickerchromomirrorproduk.png" data-description="*Ukuran cetak 31 x 45cm*Hasil cetak tajam*Tersedia laminasi glossy dan laminasi doff*Tersedia opsi potong pola (kiss cut dan die cut)" data-price-range="Mulai dari Rp.3.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Sticker%20Mirror."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691304_Stickervinylproduk.png" class="card-img-top img-fluid" alt="Sticker Vinyl" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Sticker Vinyl</h5> <p class="text-center text-muted">Mulai dari Rp.5.500</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Sticker Vinyl" data-image="./assets/product/1737691304_Stickervinylproduk.png" data-description="*Ukuran cetak 31 x 45cm*Tersedia bahan Vinyl Matte, Vinyl Glossy, dan Vinyl Transparan*Tersedia laminasi doff dan glossy*Bisa menggunakan tinta putih untuk vinyl transparan*Tersedia opsi potong pola (kiss cut dan die cut)" data-price-range="Mulai dari Rp.5.500" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Sticker%20Vinyl."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691369_Stickersilvermetalicproduk.png" class="card-img-top img-fluid" alt="Sticker Metalized" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Sticker Metalized</h5> <p class="text-center text-muted">Mulai dari Rp.7.500 ,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Sticker Metalized" data-image="./assets/product/1737691369_Stickersilvermetalicproduk.png" data-description="*Ukuran cetak 31 x 45cm*Tersedia laminasi doff dan glossy*Bisa menggunakan tinta putih*Tersedia opsi potong pola (kiss cut dan die cut)" data-price-range="Mulai dari Rp.7.500 ,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Sticker%20Metalized."> Lihat Detail </a> </div> </div> </div> </div> <div class="row mx-auto category-products d-none" data-category-id="4"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691409_photobookisi25.png" class="card-img-top img-fluid" alt="Photo Book - Isi 25" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Photo Book - Isi 25</h5> <p class="text-center text-muted">Mulai dari Rp. 119.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Photo Book - Isi 25" data-image="./assets/product/1737691409_photobookisi25.png" data-description="*Ukuran 21.5 x 15.70 cm*24 Halaman*Bahan Art Paper atau Matte Paper*Orientasi Persegi (Square)*Tersedia pilihan Soft Cover atau Hard Cover" data-price-range="Mulai dari Rp. 119.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20PhotoBook%20isi%2025."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691422_photobookisi50.png" class="card-img-top img-fluid" alt="Photo Book - Isi 50" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Photo Book - Isi 50</h5> <p class="text-center text-muted">Mulai dari Rp.155.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Photo Book - Isi 50" data-image="./assets/product/1737691422_photobookisi50.png" data-description="*Ukuran 21.5 x 15.70 cm*24 Halaman*Bahan Art Paper atau Matte Paper*Orientasi Landscape*Tersedia pilihan Soft Cover atau Hard Cover" data-price-range="Mulai dari Rp.155.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20PhotoBook%20isi%2050."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691443_photobookisi100.png" class="card-img-top img-fluid" alt="Photo Book - Isi 100" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Photo Book - Isi 100</h5> <p class="text-center text-muted">Harga: Mulai dari Rp.196.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Photo Book - Isi 100" data-image="./assets/product/1737691443_photobookisi100.png" data-description="*Ukuran 30 x 20 cm*48 Halaman*Bahan Art Paper atau Matte Paper*Orientasi Potrait*Tersedia pilihan Soft Cover atau Hard Cover" data-price-range="Harga: Mulai dari Rp.196.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20PhotoBook%20isi%20100."> Lihat Detail </a> </div> </div> </div> </div> <div class="row mx-auto category-products d-none" data-category-id="5"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737691984_jasacetakoffset.png" class="card-img-top img-fluid" alt="Jasa Cetak Offset" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Jasa Cetak Offset</h5> <p class="text-center text-muted">Mulai dari Rp.320.000,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Jasa Cetak Offset" data-image="./assets/product/1737691984_jasacetakoffset.png" data-description="*Harga untuk 1000 lembar*Sudah include plat*Maksimal area cetak 54 x 75cm*Menggunakan mesin Heidelberg SX-74*Overprint mulai dari Rp.95/Lembar " data-price-range="Mulai dari Rp.320.000,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Offset%20dong%20,ada%2promonya%20ngga?."> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692034_packagingproduk.png" class="card-img-top img-fluid" alt="Dus/Packaging Makanan" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Dus/Packaging Makanan</h5> <p class="text-center text-muted">Mulai dari Rp.1.300,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Dus/Packaging Makanan" data-image="./assets/product/1737692034_packagingproduk.png" data-description="*Harga untuk minimal pembelian 5000pcs*Ukuran 18 x 18 x 8cm*Bahan Duplex 350*Full Color*Menggunakan mesin cetak Heidelberg SX-74" data-price-range="Mulai dari Rp.1.300,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20dus%20packaging%20makanan%20dong"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692261_packagingproduk.png" class="card-img-top img-fluid" alt="Custom Dus / Packaging" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Custom Dus / Packaging</h5> <p class="text-center text-muted">Info lebih lanjut bisa hubungi admin</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Custom Dus / Packaging" data-image="./assets/product/1737692261_packagingproduk.png" data-description="*Tersedia berbagai macam bahan (Duplex,HVS,Art Carton,Ivory,dll)*Maksimal bentang dus 54 x 75cm*Full Color*Tersedia laminasi Doff/Glossy*Tersedia berbagai macam finishing (Window, Spot UV, Embos, dll)" data-price-range="Info lebih lanjut bisa hubungi admin" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20dus%20packaging%custom%20dong"> Lihat Detail </a> </div> </div> </div> </div> <div class="row mx-auto category-products d-none" data-category-id="6"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737692276_mugcustomproduk.png" class="card-img-top img-fluid" alt="Mug Custom" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Mug Custom</h5> <p class="text-center text-muted">Mulai dari Rp.15.800,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Mug Custom" data-image="./assets/product/1737692276_mugcustomproduk.png" data-description="*Sudah include box polos*Bisa request full print*Warna tajam*Bisa cetak satuan" data-price-range="Mulai dari Rp.15.800,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20pesan%20Mug%20Customnya%20dong!"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737703833_customgancipinproduk.png" class="card-img-top img-fluid" alt="Pin Custom" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Pin Custom</h5> <p class="text-center text-muted">Mulai dari Rp.3.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Pin Custom" data-image="./assets/product/1737703833_customgancipinproduk.png" data-description="*Ukuran diameter mulai dari 4.4cm sd 5.8cm*Tersedia tipe peniti,ganci 1 sisi, pembuka botol , ganci 2 sisi*Minimal order 10pcs" data-price-range="Mulai dari Rp.3.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20pesan%20Pin%20Customnya%20dong!"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737704062_tumbleruvprintproduk.png" class="card-img-top img-fluid" alt="Tumblr Custom" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Tumblr Custom</h5> <p class="text-center text-muted">Mulai dari Rp.66.600,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Tumblr Custom" data-image="./assets/product/1737704062_tumbleruvprintproduk.png" data-description="* Print Full color* Kapasitas 500 ml* Tinggi : 22,5 cm dan lebar : 6,5 cm* Tidak ada minimal order* Bisa cetak dengan Foto" data-price-range="Mulai dari Rp.66.600,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20pesan%20Tumblr%20Customnya%20dong!"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737705046_kaosdtfproduk.png" class="card-img-top img-fluid" alt="Kaos DTF" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Kaos DTF</h5> <p class="text-center text-muted">Mulai dari Rp.52.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Kaos DTF" data-image="./assets/product/1737705046_kaosdtfproduk.png" data-description="* Ukuran DTF A4* Tersedia ukuran S,M,L dan XL* Bahan Kaos Combed 30s* Warna kaos tersedia Hitam,Putih, Navy dan Maron" data-price-range="Mulai dari Rp.52.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Kaos%20DTF%20dong."> Lihat Detail </a> </div> </div> </div> </div> <div class="row mx-auto category-products d-none" data-category-id="7"> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737706328_kartunamaproduk.png" class="card-img-top img-fluid" alt="Kartu Nama isi 100" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Kartu Nama isi 100</h5> <p class="text-center text-muted">Mulai dari Rp.28.500,-</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Kartu Nama isi 100" data-image="./assets/product/1737706328_kartunamaproduk.png" data-description="*Isi 100pcs*Sudah include box kartu nama*Tersedia pilihan 1 sisi atau 2 sisi*Tersedia Bahan Art Carton,Ice Silver,BC 200,MHED &amp; Eggshell" data-price-range="Mulai dari Rp.28.500,-" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Kartu%20Nama%20dong"> Lihat Detail </a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 mb-4"> <div class="card"> <img src="./assets/product/1737706838_flyerproduk.png" class="card-img-top img-fluid" alt="Flyer/Brosur" > <div class="card-body"> <h5 class="card-title text-center mt-2 fw-bold">Flyer/Brosur</h5> <p class="text-center text-muted">Mulai dari Rp.213.500,- / rim</p> <a href="#" class="btn btn-primary btn-sm d-block mt-2 btn-detail" data-bs-toggle="modal" data-bs-target="#productDetailModal" data-name="Flyer/Brosur" data-image="./assets/product/1737706838_flyerproduk.png" data-description="* Minimal order 1 rim* Bisa 1 sisi atau 2 sisi* Tersedia ukuran A6, A5 &amp; A4* Pilihan bahan HVS dan Art Paper" data-price-range="Mulai dari Rp.213.500,- / rim" data-link="https://api.whatsapp.com/send?phone=6285601367643&text=Halo%20kak,%20saya%20ingin%20cetak%20Flyer%20atau%20brosur%20dong."> Lihat Detail </a> </div> </div> </div> </div> </div></div> <!-- Price List Button --> <div class="text-center mt-5"> <a href="https://drive.google.com/file/d/1B_Cmvh4yxcJmPKvdrguHxu0ybsL-r_z1/view?usp=sharing" class="btn btn-warning border-black fw-bold" target="_blank">Cek Price List Lengkap Di Sini</a> </div> </div> <div style="height: 20rem"></div> <!-- Overlayy Section --> <div class="container-fluid bg-blue position-relative overlay mt-5" style="height: 28rem" > <!-- Order Section --> <div class="container align-content-center position-absolute pb-5 top-0 start-50 translate-middle" id="order" > <h3 class="text-center fw-bold mb-4">ORDER DI SINI</h3> <div class="rounded-3 text-center shadow-lg bg-white py-5"> <div class="d-grid justify-content-center gap-5"> <div> <h4 class="fw-bold">Admin 1</h4> <a href="https://api.whatsapp.com/send?phone=6281380999999" class="btn btn-success d-flex gap-2" target="_blank" > <i class="bi bi-whatsapp"></i>0813-8099-9999 </a> </div> <div> <h4 class="fw-bold">Admin 2</h4> <a href="https://api.whatsapp.com/send?phone=6285601367643" class="btn btn-success d-flex gap-2" target="_blank" > <i class="bi bi-whatsapp"></i>0856-0136-7643 </a> </div> </div> </div> </div> <!-- Clients Section --> <div class="container align-content-center position-absolute top-100 start-50 translate-middle" style="height: 18rem"> <h3 class="text-center text-white fw-bold mb-4">KLIEN KAMI</h3> <div class="rounded-3 text-center shadow-lg bg-white py-5 mb-5"> <div class="client-slider m-5 "> <div><a href="https://shasolo.com" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907199_SHA-Solo.png" class="img-fluid" alt="PT. SHA Solo"></a></div> <div><a href="https://www.instagram.com/alilasolo" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907256_Hotel-Alila.png" class="img-fluid" alt="Hotel Alila"></a></div> <div><a href="http://www.indogrosir.co.id/" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907296_Indogrosir.png" class="img-fluid" alt="Indogrosir"></a></div> <div><a href="https://mall.theparksolo.com/" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907368_The-Park.png" class="img-fluid" alt="The Park Solo Baru"></a></div> <div><a href="https://hotelasiasolo.co.id/home.php" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907633_Hotel-Asia.png" class="img-fluid" alt="Hotel Asia"></a></div> <div><a href="https://tosanhotel.com/" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907665_Hotel-Tosan.png" class="img-fluid" alt="Hotel Tosan"></a></div> <div><a href="https://soliahotels.com/solia-zigna/" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907695_Solia-Zigna.png" class="img-fluid" alt="Solia Zigna"></a></div> <div><a href="https://www.grahafarma.com/" target="_blank" rel="noopener noreferrer"><img src="assets/client/1733907725_Graha-Farma.png" class="img-fluid" alt="PT Graha Farma"></a></div> </div> </div></div> </div> <div style="height: 20rem"></div> <!-- Footer --> <footer class="bg-dark text-white mt-5 pt-4 pb-1"> <div class="container"> <div class="row"> <div class="col-md-4 mt-3"> <h4 class="fw-bold">About Us</h4> <hr> <img src="assets/img/Logo-Long.webp" alt="Logo Shabat Printing" style="width: 13rem;" class="mb-4"> <p class="d-flex align-items-center gap-3 fw-bold text-footer"> <img src="assets/icons/location.png" alt="" style="height: 2rem;"> JL. Perintis Kemerdekaan No.20 C-F, Kel.Sondakan, Kec.Laweyan, Kota Surakarta </p> <p class="d-flex align-items-center gap-3 fw-bold text-footer"> <img src="assets/icons/mail.png" alt="" style="height: 2rem;"> shabatprinting@gmail.com </p> <p class="d-flex align-items-center gap-3 fw-bold text-footer"> <img src="assets/icons/phone.png" alt="" style="height: 2rem;"> +62 813-8099-9999 </p> </div> <div class="col-md-4 mt-3"> <h4 class="fw-bold">Jam Operasional</h4> <hr> <table class="text-footer fw-bold"> <tr> <td>Senin s/d Jumat</td> <td>: 08.00 - 22.00 WIB</td> </tr> <tr> <td>Sabtu</td> <td>: 10.00 - 18.00 WIB</td> </tr> </table> </div> <div class="col-md-4 mt-3"> <h4 class="fw-bold">Metode Pembayaran</h4> <hr> <div class="d-flex gap-2"> <img src="assets/icons/bca.webp" alt="" class="img-fluid rounded-1" style="height: 2rem;"> <img src="assets/icons/bni.webp" alt="" class="img-fluid rounded-1" style="height: 2rem;"> <img src="assets/icons/qris.png" alt="" class="img-fluid rounded-1" style="height: 2rem;"> </div> </div> </div> </div> <hr> <p class="text-center fw-bold "> © 2024 Shabat Printing - All right reserved. </p> </footer> <!-- Modal Detail Produk --><div class="modal fade" id="productDetailModal" tabindex="-1" aria-labelledby="productDetailModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title fw-bold" id="productDetailModalLabel"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <img src="" alt="" id="productImage" class="img-fluid mb-3"> <p id="productDescription"></p> <p><strong>Harga:</strong> <span id="productPriceRange"></span></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button> <a href="#" id="productLink" target="_blank" class="btn btn-primary">Order Sekarang</a> </div> </div> </div></div> <div id="chat-popup" class="chat-popup"> <a href="https://wa.me/6281380999999" target="_blank" class="whatsapp-btn"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" class="whatsapp-icon"> Chat via WhatsApp </a> </div> </div> </body> <script src="lib/js/bootstrap.bundle.min.js"></script> <script src="lib/js/jquery-3.5.1.slim.min.js"></script> <!-- Slick JS --> <script src="lib/js/slick-1.8.1.min.js"></script> <script src="lib/js/main.js"></script> <script> // Fungsi untuk scroll ke atas ketika tombol diklik $('#scrollToTopBtn').click(function() { $('html, body').animate({ scrollTop: 0 }, 'slow'); // Scroll perlahan ke atas return false; }); window.addEventListener('scroll', function() { var chatPopup = document.getElementById('chat-popup'); var backToTopBtn = document.getElementById('back-to-top'); // Menampilkan pop-up chat ketika scroll ke bawah lebih dari 200px if (window.scrollY > 200) { chatPopup.classList.add('show-chat'); backToTopBtn.style.display = 'block'; // Menampilkan tombol back to top } else { chatPopup.classList.remove('show-chat'); backToTopBtn.style.display = 'none'; // Menyembunyikan tombol back to top }}); // Menambahkan fungsi untuk kembali ke atas ketika tombol "Back to Top" diklikdocument.getElementById('back-to-top').addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' });}); </script></html> 
