It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://shabatwarna.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  <head>
  4.      <!-- Google tag (gtag.js) -->
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=G-KBMP07VDEQ"></script>
  6. <script>
  7.  window.dataLayer = window.dataLayer || [];
  8.  function gtag(){dataLayer.push(arguments);}
  9.  gtag('js', new Date());
  10.  
  11.  gtag('config', 'G-KBMP07VDEQ');
  12. </script>
  13.    <meta charset="UTF-8" />
  14.    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  15.    <link rel="shortcut icon" href="assets/img/Logo-Single.webp" type="image/x-icon">
  16. <!-- Primary Meta Tags -->
  17.  
  18. <meta name="title" content="Shabat Printing - Percetakan Nomor Satu di Solo Raya" />
  19. <meta name="description" content="Cetak Banner, Stiker, Kartu Nama, Poster, Spanduk, Digital Printing & Offset nomor satu di Solo Raya. Shabat Printing  menggunakan mesin HP Indigo untuk digital printing, memberikan akurasi warna dan detail yang luar biasa, serta Heidelberg SX-74 untuk cetak offset, memastikan produksi cepat dengan hasil yang konsisten. Harga terjangkau kualitas premium!" />
  20.  
  21. <!-- Open Graph / Facebook -->
  22. <meta property="og:type" content="website" />
  23. <meta property="og:url" content="https://www.shabatprinting.com/" />
  24. <meta property="og:title" content="Shabat Printing - Percetakan Nomor Satu di Solo Raya" />
  25. <meta property="og:description" content="Cetak Banner, Stiker, Kartu Nama, Poster, Spanduk, Digital Printing & Offset nomor satu di Solo Raya. Shabat Printing  menggunakan mesin HP Indigo untuk digital printing, memberikan akurasi warna dan detail yang luar biasa, serta Heidelberg SX-74 untuk cetak offset, memastikan produksi cepat dengan hasil yang konsisten. Harga terjangkau kualitas premium!" />
  26. <meta property="og:image" content="https://shabatprinting.com/assets/img/shabatprinting.png" />
  27.  
  28. <!-- X (Twitter) -->
  29. <meta property="twitter:card" content="summary_large_image" />
  30. <meta property="twitter:url" content="https://www.shabatprinting.com/" />
  31. <meta property="twitter:title" content="Shabat Printing - Percetakan Nomor Satu di Solo Raya" />
  32. <meta property="twitter:description" content="Cetak Banner, Stiker, Kartu Nama, Poster, Spanduk, Digital Printing & Offset nomor satu di Solo Raya. Shabat Printing  menggunakan mesin HP Indigo untuk digital printing, memberikan akurasi warna dan detail yang luar biasa, serta Heidelberg SX-74 untuk cetak offset, memastikan produksi cepat dengan hasil yang konsisten. Harga terjangkau kualitas premium!" />
  33. <meta property="twitter:image" content="https://shabatprinting.com/assets/img/shabatprinting.png" />
  34.  
  35. <!-- Meta Tags Generated with https://metatags.io -->
  36. <title>Shabat Printing - Percetakan Nomor Satu di Solo Raya</title>
  37.    <link rel="stylesheet" href="./lib/css/bootstrap.min.css" />
  38.    <link rel="stylesheet" href="./lib/css/main.css" />
  39.    <link
  40.      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
  41.      rel="stylesheet"
  42.    />
  43.    <link
  44.      rel="stylesheet"
  45.      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
  46.    />
  47.    <!-- Slick CSS -->
  48. <link rel="stylesheet" type="text/css" href="lib/css/slick.css"/>
  49. <link rel="stylesheet" type="text/css" href="lib/css/slick-theme.css"/>
  50.  </head>
  51.  
  52.  <body>
  53.    <!-- Preloader -->
  54. <!--  <div id="preloader">-->
  55. <!--    <div class="preloader-content">-->
  56. <!--        <img src="assets/img/Logo-Long.webp" alt="Logo" class="preloader-logo">-->
  57. <!--    </div>-->
  58. <!--</div>-->
  59.  
  60.    <!-- Header Navigation -->
  61.    <nav class="navbar shadow-sm bg-white navbar-expand-md sticky-top">
  62.      <div class="container">
  63.        <a class="navbar-brand" href="#">
  64.          <img
  65.            src="./assets/img/Logo-Long.webp"
  66.            alt="Logo Shabat Printing"
  67.            id="logo-utama"
  68.          />
  69.        </a>
  70.        <button
  71.          class="navbar-toggler"
  72.          type="button"
  73.          data-bs-toggle="collapse"
  74.          data-bs-target="#navbarNav"
  75.          aria-controls="navbarNav"
  76.          aria-expanded="false"
  77.          aria-label="Toggle navigation"
  78.        >
  79.          <span class="navbar-toggler-icon"></span>
  80.        </button>
  81.        <div class="collapse navbar-collapse" id="navbarNav">
  82. <ul class="navbar-nav ms-auto">
  83.            <li class="nav-item">
  84.              <a class="nav-link text-dark fw-bold" href="#">Home</a>
  85.            </li>
  86.            <li class="nav-item">
  87.              <a class="nav-link text-dark fw-bold" href="#produk">Produk</a>
  88.            </li>
  89.            <li class="nav-item">
  90.              <a class="nav-link text-dark fw-bold" href="#">Tentang Kami</a>
  91.            </li>
  92.            <li class="nav-item">
  93.              <a class="nav-link text-dark fw-bold" href="https://career.shabatprinting.com/">Karir</a>
  94.            </li>
  95.            <li class="nav-item dropdown ">
  96.          <a class="nav-link dropdown-toggle text-dark fw-bold" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  97.            Berita
  98.          </a>
  99.          <ul class="dropdown-menu">
  100.            <!--<li><a class="dropdown-item text-dark fw-bold" href="./lowongan-kerja">Lowongan Pekerjaan</a></li>-->
  101.            <li><a class="dropdown-item text-dark fw-bold" href="./pemutusan-hubungan-kerja">Pemutusan Hubungan Kerja (PHK)</a></li>
  102.          </ul>
  103.        </li>
  104.          </ul>
  105.        </div>
  106.      </div>
  107.    </nav>
  108.  
  109.       <!-- Banner Slider Section -->
  110.       <div id="bannerCarousel" class="carousel slide mt-4 container" data-bs-ride="carousel">
  111.        <div class="carousel-inner rounded-4">
  112.                            <div class="carousel-item active">
  113.                    <a href="https://registration.solorunfest.com/" target="_blank">
  114.                        <img
  115.                            src="./assets/banner/1745380615_bannersolorunfest2025.webp"
  116.                            class="d-block w-100 img-fluid"
  117.                            alt="Banner 1"
  118.                        />
  119.                    </a>
  120.                </div>
  121.                            <div class="carousel-item ">
  122.                    <a href="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20Kak%2C%20Saya%20ingin%20pesan%20dus%20packagingnya%20dong!" target="_blank">
  123.                        <img
  124.                            src="./assets/banner/1752564213_bgwebbaru5.png"
  125.                            class="d-block w-100 img-fluid"
  126.                            alt="Banner 2"
  127.                        />
  128.                    </a>
  129.                </div>
  130.                            <div class="carousel-item ">
  131.                    <a href="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20Kak%2C%20Saya%20mau%20pesen%20MMT%20dong!" target="_blank">
  132.                        <img
  133.                            src="./assets/banner/1752564246_bgwebbaru21.png"
  134.                            class="d-block w-100 img-fluid"
  135.                            alt="Banner 3"
  136.                        />
  137.                    </a>
  138.                </div>
  139.                            <div class="carousel-item ">
  140.                    <a href="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20Kak%2C%20Saya%20ingin%20cetak%20offset%20dong!" target="_blank">
  141.                        <img
  142.                            src="./assets/banner/1752826462_bgwebpromooffsetrev.png"
  143.                            class="d-block w-100 img-fluid"
  144.                            alt="Banner 4"
  145.                        />
  146.                    </a>
  147.                </div>
  148.                            <div class="carousel-item ">
  149.                    <a href="https://www.tiktok.com/@shabatprinting" target="_blank">
  150.                        <img
  151.                            src="./assets/banner/1752564439_bgwebbaru3.png"
  152.                            class="d-block w-100 img-fluid"
  153.                            alt="Banner 5"
  154.                        />
  155.                    </a>
  156.                </div>
  157.                            <div class="carousel-item ">
  158.                    <a href="https://shopee.co.id/shabatprinting" target="_blank">
  159.                        <img
  160.                            src="./assets/banner/1752564527_bgwebbaru7.png"
  161.                            class="d-block w-100 img-fluid"
  162.                            alt="Banner 6"
  163.                        />
  164.                    </a>
  165.                </div>
  166.                            <div class="carousel-item ">
  167.                    <a href="https://linktr.ee/shabatprinting" target="_blank">
  168.                        <img
  169.                            src="./assets/banner/1752564572_bgwebbaru6.png"
  170.                            class="d-block w-100 img-fluid"
  171.                            alt="Banner 7"
  172.                        />
  173.                    </a>
  174.                </div>
  175.                    </div>
  176.        <button class="carousel-control-prev" type="button" data-bs-target="#bannerCarousel" data-bs-slide="prev">
  177.            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  178.            <span class="visually-hidden">Previous</span>
  179.        </button>
  180.        <button class="carousel-control-next" type="button" data-bs-target="#bannerCarousel" data-bs-slide="next">
  181.            <span class="carousel-control-next-icon" aria-hidden="true"></span>
  182.            <span class="visually-hidden">Next</span>
  183.        </button>
  184.    </div>
  185.  
  186.    <!-- Hero Section -->
  187.    <div class="container mt-5 pb-5">
  188.      <div class="row">
  189.        <div class="col-md-7">
  190.          <h2 class="fw-bold text-blue">
  191.            Digital Printing & Offset Printing Terbaik Di Kota Solo          </h2>
  192.          <p>
  193.           <b> Shabat Printing</b> adalah solusi terbaik untuk kebutuhan <b>percetakan di
  194.            Kota Solo</b>, menggabungkan teknologi mutakhir untuk hasil cetak
  195.            berkualitas tinggi. Kami menggunakan mesin <b>HP Indigo untuk digital
  196.            printing</b>, memberikan akurasi warna dan detail yang luar biasa, serta
  197.           <b>Heidelberg SX-74 untuk cetak offset</b>, memastikan produksi cepat
  198.            dengan hasil yang konsisten. <b>Dari brosur, kartu nama, hingga
  199.            spanduk,</b> kami siap melayani dengan standar profesional. Dengan
  200.            dukungan tim ahli, kami memastikan setiap proyek selesai tepat
  201.            waktu, efisien, dan sesuai harapan Anda. Hubungi kami sekarang untuk
  202.            solusi cetak yang tak tertandingi!          </p>
  203.        </div>
  204.        <div class="col-md-5">
  205.          <!-- Placeholder for image -->
  206.          <div class="" style="width: 100%; height: 20rem">
  207.            <img src="./assets/img/1733890674_indigo.png" alt="Mesin Indigo dan Offset" class="img-fluid">
  208.          </div>
  209.        </div>
  210.      </div>
  211.    </div>
  212.  
  213.    <!-- Kenapa Harus Cetak Di Sahabat Printshop -->
  214.    <div class="container-fluid mt-5 text-center bg-blue text-white py-5">
  215.      <!-- Container -->
  216.      <div class="container">
  217.        <h2 class="fw-bold">KENAPA HARUS CETAK DI SHABAT PRINTING ?</h2>
  218.        <div class="row mt-5">
  219.          <!-- Grup Kiri -->
  220.          <div class="col-md-3 col-sm-6 mt-3">
  221.            <div class="d-flex flex-column align-items-center">
  222.              <div
  223.                class="bg-light border rounded align-content-center"
  224.                style="width: 5rem; height: 5rem"
  225.              >
  226.                <img
  227.                  class="img-fluid"
  228.                  style="width: 3rem"
  229.                  src="assets/icons/pelayanan.png"
  230.                  alt=""
  231.                />
  232.              </div>
  233.              <h5 class="mt-3 fw-bold">Pelayanan Ramah</h5>
  234.              <p>Kami mengutamakan pelanggan, dengan memberikan service exellent.</p>
  235.            </div>
  236.            <div class="d-flex flex-column align-items-center mt-4">
  237.              <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem">
  238.                <img
  239.                  class="img-fluid"
  240.                  style="width: 3rem"
  241.                  src="assets/icons/cepat.png"
  242.                  alt=""
  243.                />
  244.              </div>
  245.              <h5 class="mt-3 fw-bold">Proses Cepat</h5>
  246.              <p>Memastikan pesanan dapat selesai tepat waktu adalah komitmen kami.</p>
  247.            </div>
  248.            <div class="d-flex flex-column align-items-center mt-4">
  249.              <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem">
  250.                <img
  251.                  class="img-fluid"
  252.                  style="width: 3rem"
  253.                  src="assets/icons/harga.png"
  254.                  alt=""
  255.                />
  256.              </div>
  257.              <h5 class="mt-3 fw-bold">Harga Kompetitif</h5>
  258.              <p>Efisiensi dalam operasional, sehingga dapat memberikan harga yang kompetitif.</p>
  259.            </div>
  260.          </div>
  261.  
  262.          <!-- Grup Tengah -->
  263.          <div class="col-md-6 align-content-center mb-4 d-none d-md-block">
  264.            <div class="d-flex flex-column align-items-center">
  265.              <div
  266.                class="align-content-center"
  267.                style="width: 20rem; height: 25rem"
  268.              >
  269.                <img src="assets/img/Guess.webp" alt="" class="img-fluid" />
  270.              </div>
  271.            </div>
  272.          </div>
  273.  
  274.          <!-- Grup Kanan -->
  275.          <div class="col-md-3 col-sm-6 mt-3">
  276.            <div class="d-flex flex-column align-items-center">
  277.              <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem">
  278.                <img
  279.                  class="img-fluid"
  280.                  style="width: 3rem"
  281.                  src="assets/icons/hasil.png"
  282.                  alt=""
  283.                />
  284.              </div>
  285.              <h5 class="mt-3 fw-bold">Kualitas Terbaik</h5>
  286.              <p>Dukungan mesin teknologi terkini, untuk hasil cetak yang maksimal</p>
  287.            </div>
  288.            <div class="d-flex flex-column align-items-center mt-4">
  289.              <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem">
  290.                <img
  291.                  class="img-fluid"
  292.                  style="width: 3rem"
  293.                  src="assets/icons/custom.png"
  294.                  alt=""
  295.                />
  296.              </div>
  297.              <h5 class="mt-3 fw-bold">Bisa Custom</h5>
  298.              <p>Ingin tampil unik? wujudkan karya impianmu bersama kami</p>
  299.            </div>
  300.            <div class="d-flex flex-column align-items-center mt-4">
  301.              <div class="bg-light border rounded align-content-center" style="width: 5rem; height: 5rem">
  302.                <img
  303.                  class="img-fluid"
  304.                  style="width: 3rem"
  305.                  src="assets/icons/minimal.png"
  306.                  alt=""
  307.                />
  308.              </div>
  309.              <h5 class="mt-3 fw-bold">Tanpa Minimal Order</h5>
  310.              <p>Cetak satuan? atau partai besar? Kami siap melayani</p>
  311.            </div>
  312.          </div>
  313.        </div>
  314.      </div>
  315.      <!-- End Container -->
  316.    </div>
  317.  
  318. <!-- Product Categories Section -->
  319. <div class="container mt-5" id="produk">
  320.    <h3 class="text-center fw-bold">MAU CETAK APA HARI INI?</h3>
  321.  
  322.    <!-- Tabs for Product Categories -->
  323.    <ul class="nav nav-tabs justify-content-center mt-4" id="productTab" role="tablist">
  324.                    <li class="nav-item">
  325.              
  326.                <a class="nav-link active"
  327.                   id="tab-print a3+"
  328.                   data-category-id="1"
  329.                   role="tab">
  330.                  
  331.                    Print A3+                    </button>
  332.                </a>
  333.            </li>
  334.                    <li class="nav-item">
  335.              
  336.                <a class="nav-link "
  337.                   id="tab-banner / mmt"
  338.                   data-category-id="2"
  339.                   role="tab">
  340.                  
  341.                    Banner / MMT                    </button>
  342.                </a>
  343.            </li>
  344.                    <li class="nav-item">
  345.              
  346.                <a class="nav-link "
  347.                   id="tab-sticker"
  348.                   data-category-id="3"
  349.                   role="tab">
  350.                  
  351.                    Sticker                    </button>
  352.                </a>
  353.            </li>
  354.                    <li class="nav-item">
  355.              
  356.                <a class="nav-link "
  357.                   id="tab-fotografi"
  358.                   data-category-id="4"
  359.                   role="tab">
  360.                  
  361.                    Fotografi                    </button>
  362.                </a>
  363.            </li>
  364.                    <li class="nav-item">
  365.              
  366.                <a class="nav-link "
  367.                   id="tab-packaging"
  368.                   data-category-id="5"
  369.                   role="tab">
  370.                  
  371.                    Packaging                    </button>
  372.                </a>
  373.            </li>
  374.                    <li class="nav-item">
  375.              
  376.                <a class="nav-link "
  377.                   id="tab-merchandise"
  378.                   data-category-id="6"
  379.                   role="tab">
  380.                  
  381.                    Merchandise                    </button>
  382.                </a>
  383.            </li>
  384.                    <li class="nav-item">
  385.              
  386.                <a class="nav-link "
  387.                   id="tab-perlengkapan bisnis"
  388.                   data-category-id="7"
  389.                   role="tab">
  390.                  
  391.                    Perlengkapan Bisnis                    </button>
  392.                </a>
  393.            </li>
  394.                    <li class="nav-item">
  395.              
  396.                <a class="nav-link "
  397.                   id="tab-buku / penerbitan"
  398.                   data-category-id="8"
  399.                   role="tab">
  400.                  
  401.                    Buku / Penerbitan                    </button>
  402.                </a>
  403.            </li>
  404.            </ul>
  405.  
  406.    <!-- Container for Products -->
  407.    <div class="tab-content mt-4" id="productContainer">
  408.                    <div class="row mx-auto category-products "
  409.                 data-category-id="1">
  410.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  411.                            <div class="card">
  412.                                <img src="./assets/product/1737690491_artcartonproduk.png"
  413.                                     class="card-img-top img-fluid"
  414.                                     alt="Art Carton"
  415.                                     >
  416.                                <div class="card-body">
  417.                                    <h5 class="card-title text-center mt-2 fw-bold">Art Carton</h5>
  418.                                    <p class="text-center text-muted">Mulai dari Rp.3.000,-</p>
  419.                                    <a href="#"
  420.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  421.                                      data-bs-toggle="modal"
  422.                                      data-bs-target="#productDetailModal"
  423.                                      data-name="Art Carton"
  424.                                      data-image="./assets/product/1737690491_artcartonproduk.png"
  425.                                      data-description="*Ukuran Cetak 31cm x 45cm
  426. *Gramatur 210, 230, 260, 310, 400
  427. *Tersedia opsi cetak 2 sisi
  428. *Tersedia laminasi Glossy dan Doff
  429. *Tersedia finishing potong pola (die cut)"
  430.                                      data-price-range="Mulai dari Rp.3.000,-"
  431.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Art%20Carton.">
  432.                                        Lihat Detail
  433.                                    </a>
  434.  
  435.                                </div>
  436.                            </div>
  437.                        </div>
  438.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  439.                            <div class="card">
  440.                                <img src="./assets/product/1737690609_hvspaperproduk.png"
  441.                                     class="card-img-top img-fluid"
  442.                                     alt="HVS"
  443.                                     >
  444.                                <div class="card-body">
  445.                                    <h5 class="card-title text-center mt-2 fw-bold">HVS</h5>
  446.                                    <p class="text-center text-muted">Mulai dari Rp.2.400,-</p>
  447.                                    <a href="#"
  448.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  449.                                      data-bs-toggle="modal"
  450.                                      data-bs-target="#productDetailModal"
  451.                                      data-name="HVS"
  452.                                      data-image="./assets/product/1737690609_hvspaperproduk.png"
  453.                                      data-description="*Ukuran Cetak 31cm x 45cm
  454. *Gramatur 70, 80 , 100
  455. *Tersedia finishing potong pola (die cut)"
  456.                                      data-price-range="Mulai dari Rp.2.400,-"
  457.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20HVS.">
  458.                                        Lihat Detail
  459.                                    </a>
  460.  
  461.                                </div>
  462.                            </div>
  463.                        </div>
  464.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  465.                            <div class="card">
  466.                                <img src="./assets/product/1737690705_artpaperproduk.png"
  467.                                     class="card-img-top img-fluid"
  468.                                     alt="Art Paper"
  469.                                     >
  470.                                <div class="card-body">
  471.                                    <h5 class="card-title text-center mt-2 fw-bold">Art Paper</h5>
  472.                                    <p class="text-center text-muted">Mulai dari Rp.2.400,-</p>
  473.                                    <a href="#"
  474.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  475.                                      data-bs-toggle="modal"
  476.                                      data-bs-target="#productDetailModal"
  477.                                      data-name="Art Paper"
  478.                                      data-image="./assets/product/1737690705_artpaperproduk.png"
  479.                                      data-description="*Ukuran Cetak 31cm x 45cm
  480. *Tersedia opsi cetak 2 sisi
  481. *Tersedia laminasi Glossy dan Doff
  482. *Tersedia finishing potong pola (die cut)"
  483.                                      data-price-range="Mulai dari Rp.2.400,-"
  484.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Art%20Paper.">
  485.                                        Lihat Detail
  486.                                    </a>
  487.  
  488.                                </div>
  489.                            </div>
  490.                        </div>
  491.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  492.                            <div class="card">
  493.                                <img src="./assets/product/1737690722_ivorypaperproduk.png"
  494.                                     class="card-img-top img-fluid"
  495.                                     alt="Ivory"
  496.                                     >
  497.                                <div class="card-body">
  498.                                    <h5 class="card-title text-center mt-2 fw-bold">Ivory</h5>
  499.                                    <p class="text-center text-muted">Mulai dari Rp.4.500,-</p>
  500.                                    <a href="#"
  501.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  502.                                      data-bs-toggle="modal"
  503.                                      data-bs-target="#productDetailModal"
  504.                                      data-name="Ivory"
  505.                                      data-image="./assets/product/1737690722_ivorypaperproduk.png"
  506.                                      data-description="*Ukuran Cetak 31cm x 45cm
  507. *Gramatur 300
  508. *Tersedia opsi cetak 2 sisi
  509. *Tersedia laminasi Glossy dan Doff
  510. *Tersedia finishing potong pola (die cut)"
  511.                                      data-price-range="Mulai dari Rp.4.500,-"
  512.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Art%20Carton.">
  513.                                        Lihat Detail
  514.                                    </a>
  515.  
  516.                                </div>
  517.                            </div>
  518.                        </div>
  519.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  520.                            <div class="card">
  521.                                <img src="./assets/product/1737690735_briefcardBCproduk.png"
  522.                                     class="card-img-top img-fluid"
  523.                                     alt="Brief Card (BC)"
  524.                                     >
  525.                                <div class="card-body">
  526.                                    <h5 class="card-title text-center mt-2 fw-bold">Brief Card (BC)</h5>
  527.                                    <p class="text-center text-muted">Mulai dari Rp.5.000,-</p>
  528.                                    <a href="#"
  529.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  530.                                      data-bs-toggle="modal"
  531.                                      data-bs-target="#productDetailModal"
  532.                                      data-name="Brief Card (BC)"
  533.                                      data-image="./assets/product/1737690735_briefcardBCproduk.png"
  534.                                      data-description="*Ukuran Cetak 31cm x 45cm
  535. *Gramatur 200
  536. *Tersedia opsi cetak 2 sisi
  537. *Tersedia finishing potong pola (die cut)"
  538.                                      data-price-range="Mulai dari Rp.5.000,-"
  539.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Brief%20Card.">
  540.                                        Lihat Detail
  541.                                    </a>
  542.  
  543.                                </div>
  544.                            </div>
  545.                        </div>
  546.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  547.                            <div class="card">
  548.                                <img src="./assets/product/1737690755_mowhackeverydayproduk.png"
  549.                                     class="card-img-top img-fluid"
  550.                                     alt="Mohawk Everyday"
  551.                                     >
  552.                                <div class="card-body">
  553.                                    <h5 class="card-title text-center mt-2 fw-bold">Mohawk Everyday</h5>
  554.                                    <p class="text-center text-muted">Mulai dari Rp.4.663,-</p>
  555.                                    <a href="#"
  556.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  557.                                      data-bs-toggle="modal"
  558.                                      data-bs-target="#productDetailModal"
  559.                                      data-name="Mohawk Everyday"
  560.                                      data-image="./assets/product/1737690755_mowhackeverydayproduk.png"
  561.                                      data-description="*Ukuran Cetak 31cm x 45cm
  562. *Gramatur 148 , 216
  563. *Tersedia opsi cetak 2 sisi
  564. *Tersedia finishing potong pola (die cut)"
  565.                                      data-price-range="Mulai dari Rp.4.663,-"
  566.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Mohawk%20Everyday.">
  567.                                        Lihat Detail
  568.                                    </a>
  569.  
  570.                                </div>
  571.                            </div>
  572.                        </div>
  573.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  574.                            <div class="card">
  575.                                <img src="./assets/product/1737690770_mowhackeggselproduk.png"
  576.                                     class="card-img-top img-fluid"
  577.                                     alt="Mohawk Eggshell"
  578.                                     >
  579.                                <div class="card-body">
  580.                                    <h5 class="card-title text-center mt-2 fw-bold">Mohawk Eggshell</h5>
  581.                                    <p class="text-center text-muted">Mulai dari Rp.6.560,-</p>
  582.                                    <a href="#"
  583.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  584.                                      data-bs-toggle="modal"
  585.                                      data-bs-target="#productDetailModal"
  586.                                      data-name="Mohawk Eggshell"
  587.                                      data-image="./assets/product/1737690770_mowhackeggselproduk.png"
  588.                                      data-description="*Ukuran Cetak 31cm x 45cm
  589. *Gramatur 148 , 216
  590. *Tersedia opsi cetak 2 sisi
  591. *Tersedia finishing potong pola (die cut)"
  592.                                      data-price-range="Mulai dari Rp.6.560,-"
  593.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Mohawk%20Eggshell.">
  594.                                        Lihat Detail
  595.                                    </a>
  596.  
  597.                                </div>
  598.                            </div>
  599.                        </div>
  600.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  601.                            <div class="card">
  602.                                <img src="./assets/product/1737690939_prophotoproduk.png"
  603.                                     class="card-img-top img-fluid"
  604.                                     alt="ProPhoto Paper"
  605.                                     >
  606.                                <div class="card-body">
  607.                                    <h5 class="card-title text-center mt-2 fw-bold">ProPhoto Paper</h5>
  608.                                    <p class="text-center text-muted">Mulai dari Rp.8.146,-</p>
  609.                                    <a href="#"
  610.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  611.                                      data-bs-toggle="modal"
  612.                                      data-bs-target="#productDetailModal"
  613.                                      data-name="ProPhoto Paper"
  614.                                      data-image="./assets/product/1737690939_prophotoproduk.png"
  615.                                      data-description="*Ukuran Cetak 31cm x 45cm
  616. *Gramatur 190, 260
  617. *Tersedia laminasi Glossy dan Doff
  618. *Tersedia finishing potong pola (die cut)"
  619.                                      data-price-range="Mulai dari Rp.8.146,-"
  620.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Prophoto.">
  621.                                        Lihat Detail
  622.                                    </a>
  623.  
  624.                                </div>
  625.                            </div>
  626.                        </div>
  627.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  628.                            <div class="card">
  629.                                <img src="./assets/product/1737691017_petclearproduk.png"
  630.                                     class="card-img-top img-fluid"
  631.                                     alt="PET Paper"
  632.                                     >
  633.                                <div class="card-body">
  634.                                    <h5 class="card-title text-center mt-2 fw-bold">PET Paper</h5>
  635.                                    <p class="text-center text-muted">Mulai dari Rp.7.610,-</p>
  636.                                    <a href="#"
  637.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  638.                                      data-bs-toggle="modal"
  639.                                      data-bs-target="#productDetailModal"
  640.                                      data-name="PET Paper"
  641.                                      data-image="./assets/product/1737691017_petclearproduk.png"
  642.                                      data-description="*Ukuran Cetak 31cm x 45cm
  643. *Gramatur 110,115,185,200 dan 275
  644. *Tersedia PET matte dan PET Clear
  645. *Tersedia finishing potong pola (die cut)"
  646.                                      data-price-range="Mulai dari Rp.7.610,-"
  647.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20PET.">
  648.                                        Lihat Detail
  649.                                    </a>
  650.  
  651.                                </div>
  652.                            </div>
  653.                        </div>
  654.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  655.                            <div class="card">
  656.                                <img src="./assets/product/1737691031_icesilverproduk.png"
  657.                                     class="card-img-top img-fluid"
  658.                                     alt="Ice Silver Paper"
  659.                                     >
  660.                                <div class="card-body">
  661.                                    <h5 class="card-title text-center mt-2 fw-bold">Ice Silver Paper</h5>
  662.                                    <p class="text-center text-muted">Mulai dari Rp.22.634,-</p>
  663.                                    <a href="#"
  664.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  665.                                      data-bs-toggle="modal"
  666.                                      data-bs-target="#productDetailModal"
  667.                                      data-name="Ice Silver Paper"
  668.                                      data-image="./assets/product/1737691031_icesilverproduk.png"
  669.                                      data-description="*Ukuran Cetak 31cm x 45cm
  670. *Gramatur 300
  671. *Tersedia opsi cetak 2 sisi
  672. *Tersedia finishing potong pola (die cut)
  673. "
  674.                                      data-price-range="Mulai dari Rp.22.634,-"
  675.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Ice%20Silver.">
  676.                                        Lihat Detail
  677.                                    </a>
  678.  
  679.                                </div>
  680.                            </div>
  681.                        </div>
  682.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  683.                            <div class="card">
  684.                                <img src="./assets/product/1737692516_mattepaperproduk.png"
  685.                                     class="card-img-top img-fluid"
  686.                                     alt="Matte Paper"
  687.                                     >
  688.                                <div class="card-body">
  689.                                    <h5 class="card-title text-center mt-2 fw-bold">Matte Paper</h5>
  690.                                    <p class="text-center text-muted">Mulai dari Rp.2.800,-</p>
  691.                                    <a href="#"
  692.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  693.                                      data-bs-toggle="modal"
  694.                                      data-bs-target="#productDetailModal"
  695.                                      data-name="Matte Paper"
  696.                                      data-image="./assets/product/1737692516_mattepaperproduk.png"
  697.                                      data-description="*Ukuran Cetak 31cm x 45cm
  698. *Gramatur 120 &amp;amp; 150
  699. *Tersedia opsi cetak 2 sisi
  700. *Tersedia finishing potong pola (die cut)"
  701.                                      data-price-range="Mulai dari Rp.2.800,-"
  702.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Matte%20Paper.">
  703.                                        Lihat Detail
  704.                                    </a>
  705.  
  706.                                </div>
  707.                            </div>
  708.                        </div>
  709.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  710.                            <div class="card">
  711.                                <img src="./assets/product/1737692732_linenproduk.png"
  712.                                     class="card-img-top img-fluid"
  713.                                     alt="Linen"
  714.                                     >
  715.                                <div class="card-body">
  716.                                    <h5 class="card-title text-center mt-2 fw-bold">Linen</h5>
  717.                                    <p class="text-center text-muted">Mulai dari Rp.4.300,-</p>
  718.                                    <a href="#"
  719.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  720.                                      data-bs-toggle="modal"
  721.                                      data-bs-target="#productDetailModal"
  722.                                      data-name="Linen"
  723.                                      data-image="./assets/product/1737692732_linenproduk.png"
  724.                                      data-description="*Ukuran Cetak 31cm x 45cm
  725. *Gramatur 230
  726. *Tersedia opsi cetak 2 sisi
  727. *Tersedia finishing potong pola (die cut)"
  728.                                      data-price-range="Mulai dari Rp.4.300,-"
  729.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20A3+%20dengan%20bahan%20Linen.">
  730.                                        Lihat Detail
  731.                                    </a>
  732.  
  733.                                </div>
  734.                            </div>
  735.                        </div>
  736.                                                </div>
  737.                    <div class="row mx-auto category-products d-none"
  738.                 data-category-id="2">
  739.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  740.                            <div class="card">
  741.                                <img src="./assets/product/1737691107_cetakmmtbannerspandukproduk.png"
  742.                                     class="card-img-top img-fluid"
  743.                                     alt="Banner / MMT Meteran"
  744.                                     >
  745.                                <div class="card-body">
  746.                                    <h5 class="card-title text-center mt-2 fw-bold">Banner / MMT Meteran</h5>
  747.                                    <p class="text-center text-muted">Mulai dari Rp.10.000,-</p>
  748.                                    <a href="#"
  749.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  750.                                      data-bs-toggle="modal"
  751.                                      data-bs-target="#productDetailModal"
  752.                                      data-name="Banner / MMT Meteran"
  753.                                      data-image="./assets/product/1737691107_cetakmmtbannerspandukproduk.png"
  754.                                      data-description="*Tersedia bahan Flexy 240, 260 , 280, 300 dan 440
  755. *Tersedia finishing mata ayam,lipat, dan kolong
  756. *Kualitas print tajam
  757. *Proses cepat"
  758.                                      data-price-range="Mulai dari Rp.10.000,-"
  759.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Banner%20/MMT">
  760.                                        Lihat Detail
  761.                                    </a>
  762.  
  763.                                </div>
  764.                            </div>
  765.                        </div>
  766.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  767.                            <div class="card">
  768.                                <img src="./assets/product/1737691497_x-bannerproduk.png"
  769.                                     class="card-img-top img-fluid"
  770.                                     alt="Paket Stand / X-Banner"
  771.                                     >
  772.                                <div class="card-body">
  773.                                    <h5 class="card-title text-center mt-2 fw-bold">Paket Stand / X-Banner</h5>
  774.                                    <p class="text-center text-muted">Mulai dari Rp.50.000,-</p>
  775.                                    <a href="#"
  776.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  777.                                      data-bs-toggle="modal"
  778.                                      data-bs-target="#productDetailModal"
  779.                                      data-name="Paket Stand / X-Banner"
  780.                                      data-image="./assets/product/1737691497_x-bannerproduk.png"
  781.                                      data-description="*Tersedia ukuran 60 x 160cm dan 80 x 180cm
  782. *Tersedia pilihan bahan Flexy 280 dan Albatros
  783. *Sudah Include tiang dan Finishing mata ayam
  784. *Hasil cetak tajam"
  785.                                      data-price-range="Mulai dari Rp.50.000,-"
  786.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Banner%20/MMT">
  787.                                        Lihat Detail
  788.                                    </a>
  789.  
  790.                                </div>
  791.                            </div>
  792.                        </div>
  793.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  794.                            <div class="card">
  795.                                <img src="./assets/product/1737691232_rollbannerproduk.png"
  796.                                     class="card-img-top img-fluid"
  797.                                     alt="Paker Roll-Up Banner"
  798.                                     >
  799.                                <div class="card-body">
  800.                                    <h5 class="card-title text-center mt-2 fw-bold">Paker Roll-Up Banner</h5>
  801.                                    <p class="text-center text-muted">Mulai dari Rp.185.000,-</p>
  802.                                    <a href="#"
  803.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  804.                                      data-bs-toggle="modal"
  805.                                      data-bs-target="#productDetailModal"
  806.                                      data-name="Paker Roll-Up Banner"
  807.                                      data-image="./assets/product/1737691232_rollbannerproduk.png"
  808.                                      data-description="*Ukuran 60x160cm
  809. *Tersedia bahan Flexy 280 dan Albatros
  810. *Sudah termasuk roll-up dan tas
  811. *Hasil cetak tajam"
  812.                                      data-price-range="Mulai dari Rp.185.000,-"
  813.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Roll-up%20Banner">
  814.                                        Lihat Detail
  815.                                    </a>
  816.  
  817.                                </div>
  818.                            </div>
  819.                        </div>
  820.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  821.                            <div class="card">
  822.                                <img src="./assets/product/1737691249_tripodbannerproduk.png"
  823.                                     class="card-img-top img-fluid"
  824.                                     alt="Paket Tripod Banner"
  825.                                     >
  826.                                <div class="card-body">
  827.                                    <h5 class="card-title text-center mt-2 fw-bold">Paket Tripod Banner</h5>
  828.                                    <p class="text-center text-muted">Mulai dari Rp.196.500,-</p>
  829.                                    <a href="#"
  830.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  831.                                      data-bs-toggle="modal"
  832.                                      data-bs-target="#productDetailModal"
  833.                                      data-name="Paket Tripod Banner"
  834.                                      data-image="./assets/product/1737691249_tripodbannerproduk.png"
  835.                                      data-description="*Tersedia ukuran 60 x 40cm dan 80 x 60cm
  836. *Bahan Albatros ditempel ke Infraboard
  837. *Sudah Include tiang tripod &amp;amp;amp; tas
  838. *Hasil cetak tajam"
  839.                                      data-price-range="Mulai dari Rp.196.500,-"
  840.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Tripod%20Banner">
  841.                                        Lihat Detail
  842.                                    </a>
  843.  
  844.                                </div>
  845.                            </div>
  846.                        </div>
  847.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  848.                            <div class="card">
  849.                                <img src="./assets/product/1737692874_ritramaproduk.png"
  850.                                     class="card-img-top img-fluid"
  851.                                     alt="Cetak Stiker Ritrama Meteran"
  852.                                     >
  853.                                <div class="card-body">
  854.                                    <h5 class="card-title text-center mt-2 fw-bold">Cetak Stiker Ritrama Meteran</h5>
  855.                                    <p class="text-center text-muted">Mulai dari Rp.53.500,-</p>
  856.                                    <a href="#"
  857.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  858.                                      data-bs-toggle="modal"
  859.                                      data-bs-target="#productDetailModal"
  860.                                      data-name="Cetak Stiker Ritrama Meteran"
  861.                                      data-image="./assets/product/1737692874_ritramaproduk.png"
  862.                                      data-description="*Kualitas print tajam
  863. *Tahan lama
  864. *Proses cepat"
  865.                                      data-price-range="Mulai dari Rp.53.500,-"
  866.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20stiker%20ritrama%20dong.">
  867.                                        Lihat Detail
  868.                                    </a>
  869.  
  870.                                </div>
  871.                            </div>
  872.                        </div>
  873.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  874.                            <div class="card">
  875.                                <img src="./assets/product/1737692988_albatrosproduk.png"
  876.                                     class="card-img-top img-fluid"
  877.                                     alt="Cetak Albatros Meteran"
  878.                                     >
  879.                                <div class="card-body">
  880.                                    <h5 class="card-title text-center mt-2 fw-bold">Cetak Albatros Meteran</h5>
  881.                                    <p class="text-center text-muted">Mulai dari Rp.30.000,-</p>
  882.                                    <a href="#"
  883.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  884.                                      data-bs-toggle="modal"
  885.                                      data-bs-target="#productDetailModal"
  886.                                      data-name="Cetak Albatros Meteran"
  887.                                      data-image="./assets/product/1737692988_albatrosproduk.png"
  888.                                      data-description="*Kualitas print tajam
  889. *Tahan lama
  890. *Proses cepat"
  891.                                      data-price-range="Mulai dari Rp.30.000,-"
  892.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Albatros%20dong">
  893.                                        Lihat Detail
  894.                                    </a>
  895.  
  896.                                </div>
  897.                            </div>
  898.                        </div>
  899.                                                </div>
  900.                    <div class="row mx-auto category-products d-none"
  901.                 data-category-id="3">
  902.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  903.                            <div class="card">
  904.                                <img src="./assets/product/1737691275_Stickerchromomirrorproduk.png"
  905.                                     class="card-img-top img-fluid"
  906.                                     alt="Sticker Mirror"
  907.                                     >
  908.                                <div class="card-body">
  909.                                    <h5 class="card-title text-center mt-2 fw-bold">Sticker Mirror</h5>
  910.                                    <p class="text-center text-muted">Mulai dari Rp.3.500,-</p>
  911.                                    <a href="#"
  912.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  913.                                      data-bs-toggle="modal"
  914.                                      data-bs-target="#productDetailModal"
  915.                                      data-name="Sticker Mirror"
  916.                                      data-image="./assets/product/1737691275_Stickerchromomirrorproduk.png"
  917.                                      data-description="*Ukuran cetak 31 x 45cm
  918. *Hasil cetak tajam
  919. *Tersedia laminasi glossy dan laminasi doff
  920. *Tersedia opsi potong pola (kiss cut dan die cut)"
  921.                                      data-price-range="Mulai dari Rp.3.500,-"
  922.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Sticker%20Mirror.">
  923.                                        Lihat Detail
  924.                                    </a>
  925.  
  926.                                </div>
  927.                            </div>
  928.                        </div>
  929.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  930.                            <div class="card">
  931.                                <img src="./assets/product/1737691304_Stickervinylproduk.png"
  932.                                     class="card-img-top img-fluid"
  933.                                     alt="Sticker Vinyl"
  934.                                     >
  935.                                <div class="card-body">
  936.                                    <h5 class="card-title text-center mt-2 fw-bold">Sticker Vinyl</h5>
  937.                                    <p class="text-center text-muted">Mulai dari Rp.5.500</p>
  938.                                    <a href="#"
  939.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  940.                                      data-bs-toggle="modal"
  941.                                      data-bs-target="#productDetailModal"
  942.                                      data-name="Sticker Vinyl"
  943.                                      data-image="./assets/product/1737691304_Stickervinylproduk.png"
  944.                                      data-description="*Ukuran cetak 31 x 45cm
  945. *Tersedia bahan Vinyl Matte, Vinyl Glossy, dan Vinyl Transparan
  946. *Tersedia laminasi doff dan glossy
  947. *Bisa menggunakan tinta putih untuk vinyl transparan
  948. *Tersedia opsi potong pola (kiss cut dan die cut)"
  949.                                      data-price-range="Mulai dari Rp.5.500"
  950.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Sticker%20Vinyl.">
  951.                                        Lihat Detail
  952.                                    </a>
  953.  
  954.                                </div>
  955.                            </div>
  956.                        </div>
  957.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  958.                            <div class="card">
  959.                                <img src="./assets/product/1737691369_Stickersilvermetalicproduk.png"
  960.                                     class="card-img-top img-fluid"
  961.                                     alt="Sticker Metalized"
  962.                                     >
  963.                                <div class="card-body">
  964.                                    <h5 class="card-title text-center mt-2 fw-bold">Sticker Metalized</h5>
  965.                                    <p class="text-center text-muted">Mulai dari Rp.7.500 ,-</p>
  966.                                    <a href="#"
  967.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  968.                                      data-bs-toggle="modal"
  969.                                      data-bs-target="#productDetailModal"
  970.                                      data-name="Sticker Metalized"
  971.                                      data-image="./assets/product/1737691369_Stickersilvermetalicproduk.png"
  972.                                      data-description="*Ukuran cetak 31 x 45cm
  973. *Tersedia laminasi doff dan glossy
  974. *Bisa menggunakan tinta putih
  975. *Tersedia opsi potong pola (kiss cut dan die cut)"
  976.                                      data-price-range="Mulai dari Rp.7.500 ,-"
  977.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Sticker%20Metalized.">
  978.                                        Lihat Detail
  979.                                    </a>
  980.  
  981.                                </div>
  982.                            </div>
  983.                        </div>
  984.                                                </div>
  985.                    <div class="row mx-auto category-products d-none"
  986.                 data-category-id="4">
  987.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  988.                            <div class="card">
  989.                                <img src="./assets/product/1737691409_photobookisi25.png"
  990.                                     class="card-img-top img-fluid"
  991.                                     alt="Photo Book - Isi 25"
  992.                                     >
  993.                                <div class="card-body">
  994.                                    <h5 class="card-title text-center mt-2 fw-bold">Photo Book - Isi 25</h5>
  995.                                    <p class="text-center text-muted">Mulai dari Rp. 119.500,-</p>
  996.                                    <a href="#"
  997.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  998.                                      data-bs-toggle="modal"
  999.                                      data-bs-target="#productDetailModal"
  1000.                                      data-name="Photo Book - Isi 25"
  1001.                                      data-image="./assets/product/1737691409_photobookisi25.png"
  1002.                                      data-description="*Ukuran 21.5 x 15.70 cm
  1003. *24 Halaman
  1004. *Bahan Art Paper atau Matte Paper
  1005. *Orientasi Persegi (Square)
  1006. *Tersedia pilihan Soft Cover atau Hard Cover
  1007. "
  1008.                                      data-price-range="Mulai dari Rp. 119.500,-"
  1009.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20PhotoBook%20isi%2025.">
  1010.                                        Lihat Detail
  1011.                                    </a>
  1012.  
  1013.                                </div>
  1014.                            </div>
  1015.                        </div>
  1016.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1017.                            <div class="card">
  1018.                                <img src="./assets/product/1737691422_photobookisi50.png"
  1019.                                     class="card-img-top img-fluid"
  1020.                                     alt="Photo Book - Isi 50"
  1021.                                     >
  1022.                                <div class="card-body">
  1023.                                    <h5 class="card-title text-center mt-2 fw-bold">Photo Book - Isi 50</h5>
  1024.                                    <p class="text-center text-muted">Mulai dari Rp.155.000,-</p>
  1025.                                    <a href="#"
  1026.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1027.                                      data-bs-toggle="modal"
  1028.                                      data-bs-target="#productDetailModal"
  1029.                                      data-name="Photo Book - Isi 50"
  1030.                                      data-image="./assets/product/1737691422_photobookisi50.png"
  1031.                                      data-description="*Ukuran 21.5 x 15.70 cm
  1032. *24 Halaman
  1033. *Bahan Art Paper atau Matte Paper
  1034. *Orientasi Landscape
  1035. *Tersedia pilihan Soft Cover atau Hard Cover"
  1036.                                      data-price-range="Mulai dari Rp.155.000,-"
  1037.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20PhotoBook%20isi%2050.">
  1038.                                        Lihat Detail
  1039.                                    </a>
  1040.  
  1041.                                </div>
  1042.                            </div>
  1043.                        </div>
  1044.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1045.                            <div class="card">
  1046.                                <img src="./assets/product/1737691443_photobookisi100.png"
  1047.                                     class="card-img-top img-fluid"
  1048.                                     alt="Photo Book - Isi 100"
  1049.                                     >
  1050.                                <div class="card-body">
  1051.                                    <h5 class="card-title text-center mt-2 fw-bold">Photo Book - Isi 100</h5>
  1052.                                    <p class="text-center text-muted">Harga: Mulai dari Rp.196.000,-</p>
  1053.                                    <a href="#"
  1054.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1055.                                      data-bs-toggle="modal"
  1056.                                      data-bs-target="#productDetailModal"
  1057.                                      data-name="Photo Book - Isi 100"
  1058.                                      data-image="./assets/product/1737691443_photobookisi100.png"
  1059.                                      data-description="*Ukuran 30 x 20 cm
  1060. *48 Halaman
  1061. *Bahan Art Paper atau Matte Paper
  1062. *Orientasi Potrait
  1063. *Tersedia pilihan Soft Cover atau Hard Cover"
  1064.                                      data-price-range="Harga: Mulai dari Rp.196.000,-"
  1065.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20PhotoBook%20isi%20100.">
  1066.                                        Lihat Detail
  1067.                                    </a>
  1068.  
  1069.                                </div>
  1070.                            </div>
  1071.                        </div>
  1072.                                                </div>
  1073.                    <div class="row mx-auto category-products d-none"
  1074.                 data-category-id="5">
  1075.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1076.                            <div class="card">
  1077.                                <img src="./assets/product/1737691984_jasacetakoffset.png"
  1078.                                     class="card-img-top img-fluid"
  1079.                                     alt="Jasa Cetak Offset"
  1080.                                     >
  1081.                                <div class="card-body">
  1082.                                    <h5 class="card-title text-center mt-2 fw-bold">Jasa Cetak Offset</h5>
  1083.                                    <p class="text-center text-muted">Mulai dari Rp.320.000,-</p>
  1084.                                    <a href="#"
  1085.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1086.                                      data-bs-toggle="modal"
  1087.                                      data-bs-target="#productDetailModal"
  1088.                                      data-name="Jasa Cetak Offset"
  1089.                                      data-image="./assets/product/1737691984_jasacetakoffset.png"
  1090.                                      data-description="*Harga untuk 1000 lembar
  1091. *Sudah include plat
  1092. *Maksimal area cetak  54 x 75cm
  1093. *Menggunakan mesin Heidelberg SX-74
  1094. *Overprint mulai dari Rp.95/Lembar
  1095.  
  1096. "
  1097.                                      data-price-range="Mulai dari Rp.320.000,-"
  1098.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Offset%20dong%20,ada%2promonya%20ngga?.">
  1099.                                        Lihat Detail
  1100.                                    </a>
  1101.  
  1102.                                </div>
  1103.                            </div>
  1104.                        </div>
  1105.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1106.                            <div class="card">
  1107.                                <img src="./assets/product/1737692034_packagingproduk.png"
  1108.                                     class="card-img-top img-fluid"
  1109.                                     alt="Dus/Packaging Makanan"
  1110.                                     >
  1111.                                <div class="card-body">
  1112.                                    <h5 class="card-title text-center mt-2 fw-bold">Dus/Packaging Makanan</h5>
  1113.                                    <p class="text-center text-muted">Mulai dari Rp.1.300,-</p>
  1114.                                    <a href="#"
  1115.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1116.                                      data-bs-toggle="modal"
  1117.                                      data-bs-target="#productDetailModal"
  1118.                                      data-name="Dus/Packaging Makanan"
  1119.                                      data-image="./assets/product/1737692034_packagingproduk.png"
  1120.                                      data-description="*Harga untuk minimal pembelian 5000pcs
  1121. *Ukuran 18 x 18 x 8cm
  1122. *Bahan Duplex 350
  1123. *Full Color
  1124. *Menggunakan mesin cetak Heidelberg SX-74"
  1125.                                      data-price-range="Mulai dari Rp.1.300,-"
  1126.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20dus%20packaging%20makanan%20dong">
  1127.                                        Lihat Detail
  1128.                                    </a>
  1129.  
  1130.                                </div>
  1131.                            </div>
  1132.                        </div>
  1133.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1134.                            <div class="card">
  1135.                                <img src="./assets/product/1737692261_packagingproduk.png"
  1136.                                     class="card-img-top img-fluid"
  1137.                                     alt="Custom Dus / Packaging"
  1138.                                     >
  1139.                                <div class="card-body">
  1140.                                    <h5 class="card-title text-center mt-2 fw-bold">Custom Dus / Packaging</h5>
  1141.                                    <p class="text-center text-muted">Info lebih lanjut bisa hubungi admin</p>
  1142.                                    <a href="#"
  1143.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1144.                                      data-bs-toggle="modal"
  1145.                                      data-bs-target="#productDetailModal"
  1146.                                      data-name="Custom Dus / Packaging"
  1147.                                      data-image="./assets/product/1737692261_packagingproduk.png"
  1148.                                      data-description="*Tersedia berbagai macam bahan (Duplex,HVS,Art Carton,Ivory,dll)
  1149. *Maksimal bentang dus 54 x 75cm
  1150. *Full Color
  1151. *Tersedia laminasi Doff/Glossy
  1152. *Tersedia berbagai macam finishing (Window, Spot UV, Embos, dll)"
  1153.                                      data-price-range="Info lebih lanjut bisa hubungi admin"
  1154.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20dus%20packaging%custom%20dong">
  1155.                                        Lihat Detail
  1156.                                    </a>
  1157.  
  1158.                                </div>
  1159.                            </div>
  1160.                        </div>
  1161.                                                </div>
  1162.                    <div class="row mx-auto category-products d-none"
  1163.                 data-category-id="6">
  1164.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1165.                            <div class="card">
  1166.                                <img src="./assets/product/1737692276_mugcustomproduk.png"
  1167.                                     class="card-img-top img-fluid"
  1168.                                     alt="Mug Custom"
  1169.                                     >
  1170.                                <div class="card-body">
  1171.                                    <h5 class="card-title text-center mt-2 fw-bold">Mug Custom</h5>
  1172.                                    <p class="text-center text-muted">Mulai dari Rp.15.800,-</p>
  1173.                                    <a href="#"
  1174.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1175.                                      data-bs-toggle="modal"
  1176.                                      data-bs-target="#productDetailModal"
  1177.                                      data-name="Mug Custom"
  1178.                                      data-image="./assets/product/1737692276_mugcustomproduk.png"
  1179.                                      data-description="*Sudah include box polos
  1180. *Bisa request full print
  1181. *Warna tajam
  1182. *Bisa cetak satuan"
  1183.                                      data-price-range="Mulai dari Rp.15.800,-"
  1184.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20pesan%20Mug%20Customnya%20dong!">
  1185.                                        Lihat Detail
  1186.                                    </a>
  1187.  
  1188.                                </div>
  1189.                            </div>
  1190.                        </div>
  1191.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1192.                            <div class="card">
  1193.                                <img src="./assets/product/1737703833_customgancipinproduk.png"
  1194.                                     class="card-img-top img-fluid"
  1195.                                     alt="Pin Custom"
  1196.                                     >
  1197.                                <div class="card-body">
  1198.                                    <h5 class="card-title text-center mt-2 fw-bold">Pin Custom</h5>
  1199.                                    <p class="text-center text-muted">Mulai dari Rp.3.500,-</p>
  1200.                                    <a href="#"
  1201.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1202.                                      data-bs-toggle="modal"
  1203.                                      data-bs-target="#productDetailModal"
  1204.                                      data-name="Pin Custom"
  1205.                                      data-image="./assets/product/1737703833_customgancipinproduk.png"
  1206.                                      data-description="*Ukuran diameter mulai dari 4.4cm sd 5.8cm
  1207. *Tersedia tipe peniti,ganci 1 sisi, pembuka botol , ganci 2 sisi
  1208. *Minimal order 10pcs"
  1209.                                      data-price-range="Mulai dari Rp.3.500,-"
  1210.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20pesan%20Pin%20Customnya%20dong!">
  1211.                                        Lihat Detail
  1212.                                    </a>
  1213.  
  1214.                                </div>
  1215.                            </div>
  1216.                        </div>
  1217.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1218.                            <div class="card">
  1219.                                <img src="./assets/product/1737704062_tumbleruvprintproduk.png"
  1220.                                     class="card-img-top img-fluid"
  1221.                                     alt="Tumblr Custom"
  1222.                                     >
  1223.                                <div class="card-body">
  1224.                                    <h5 class="card-title text-center mt-2 fw-bold">Tumblr Custom</h5>
  1225.                                    <p class="text-center text-muted">Mulai dari Rp.66.600,-</p>
  1226.                                    <a href="#"
  1227.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1228.                                      data-bs-toggle="modal"
  1229.                                      data-bs-target="#productDetailModal"
  1230.                                      data-name="Tumblr Custom"
  1231.                                      data-image="./assets/product/1737704062_tumbleruvprintproduk.png"
  1232.                                      data-description="* Print Full color
  1233. * Kapasitas 500 ml
  1234. * Tinggi : 22,5 cm dan lebar : 6,5 cm
  1235. * Tidak ada minimal order
  1236. * Bisa cetak dengan Foto"
  1237.                                      data-price-range="Mulai dari Rp.66.600,-"
  1238.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20pesan%20Tumblr%20Customnya%20dong!">
  1239.                                        Lihat Detail
  1240.                                    </a>
  1241.  
  1242.                                </div>
  1243.                            </div>
  1244.                        </div>
  1245.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1246.                            <div class="card">
  1247.                                <img src="./assets/product/1737705046_kaosdtfproduk.png"
  1248.                                     class="card-img-top img-fluid"
  1249.                                     alt="Kaos DTF"
  1250.                                     >
  1251.                                <div class="card-body">
  1252.                                    <h5 class="card-title text-center mt-2 fw-bold">Kaos DTF</h5>
  1253.                                    <p class="text-center text-muted">Mulai dari Rp.52.500,-</p>
  1254.                                    <a href="#"
  1255.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1256.                                      data-bs-toggle="modal"
  1257.                                      data-bs-target="#productDetailModal"
  1258.                                      data-name="Kaos DTF"
  1259.                                      data-image="./assets/product/1737705046_kaosdtfproduk.png"
  1260.                                      data-description="* Ukuran DTF A4
  1261. * Tersedia ukuran S,M,L dan XL
  1262. * Bahan Kaos Combed 30s
  1263. * Warna kaos tersedia Hitam,Putih, Navy dan Maron"
  1264.                                      data-price-range="Mulai dari Rp.52.500,-"
  1265.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Kaos%20DTF%20dong.">
  1266.                                        Lihat Detail
  1267.                                    </a>
  1268.  
  1269.                                </div>
  1270.                            </div>
  1271.                        </div>
  1272.                                                </div>
  1273.                    <div class="row mx-auto category-products d-none"
  1274.                 data-category-id="7">
  1275.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1276.                            <div class="card">
  1277.                                <img src="./assets/product/1737706328_kartunamaproduk.png"
  1278.                                     class="card-img-top img-fluid"
  1279.                                     alt="Kartu Nama isi 100"
  1280.                                     >
  1281.                                <div class="card-body">
  1282.                                    <h5 class="card-title text-center mt-2 fw-bold">Kartu Nama isi 100</h5>
  1283.                                    <p class="text-center text-muted">Mulai dari Rp.28.500,-</p>
  1284.                                    <a href="#"
  1285.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1286.                                      data-bs-toggle="modal"
  1287.                                      data-bs-target="#productDetailModal"
  1288.                                      data-name="Kartu Nama isi 100"
  1289.                                      data-image="./assets/product/1737706328_kartunamaproduk.png"
  1290.                                      data-description="*Isi 100pcs
  1291. *Sudah include box kartu nama
  1292. *Tersedia pilihan 1 sisi atau 2 sisi
  1293. *Tersedia Bahan Art Carton,Ice Silver,BC 200,MHED &amp;amp; Eggshell"
  1294.                                      data-price-range="Mulai dari Rp.28.500,-"
  1295.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Kartu%20Nama%20dong">
  1296.                                        Lihat Detail
  1297.                                    </a>
  1298.  
  1299.                                </div>
  1300.                            </div>
  1301.                        </div>
  1302.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1303.                            <div class="card">
  1304.                                <img src="./assets/product/1737706838_flyerproduk.png"
  1305.                                     class="card-img-top img-fluid"
  1306.                                     alt="Flyer/Brosur"
  1307.                                     >
  1308.                                <div class="card-body">
  1309.                                    <h5 class="card-title text-center mt-2 fw-bold">Flyer/Brosur</h5>
  1310.                                    <p class="text-center text-muted">Mulai dari Rp.213.500,- / rim</p>
  1311.                                    <a href="#"
  1312.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1313.                                      data-bs-toggle="modal"
  1314.                                      data-bs-target="#productDetailModal"
  1315.                                      data-name="Flyer/Brosur"
  1316.                                      data-image="./assets/product/1737706838_flyerproduk.png"
  1317.                                      data-description="* Minimal order 1 rim
  1318. * Bisa 1 sisi atau 2 sisi
  1319. * Tersedia ukuran A6, A5 &amp;amp; A4
  1320. * Pilihan bahan HVS dan Art Paper"
  1321.                                      data-price-range="Mulai dari Rp.213.500,- / rim"
  1322.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20Flyer%20atau%20brosur%20dong.">
  1323.                                        Lihat Detail
  1324.                                    </a>
  1325.  
  1326.                                </div>
  1327.                            </div>
  1328.                        </div>
  1329.                                                </div>
  1330.                    <div class="row mx-auto category-products d-none"
  1331.                 data-category-id="8">
  1332.                                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1333.                            <div class="card">
  1334.                                <img src="./assets/product/1756885537_Compro.png"
  1335.                                     class="card-img-top img-fluid"
  1336.                                     alt="Company Profile"
  1337.                                     >
  1338.                                <div class="card-body">
  1339.                                    <h5 class="card-title text-center mt-2 fw-bold">Company Profile</h5>
  1340.                                    <p class="text-center text-muted">Rp. On Call ,-</p>
  1341.                                    <a href="#"
  1342.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1343.                                      data-bs-toggle="modal"
  1344.                                      data-bs-target="#productDetailModal"
  1345.                                      data-name="Company Profile"
  1346.                                      data-image="./assets/product/1756885537_Compro.png"
  1347.                                      data-description="Company Profile dicetak profesional dengan desain elegan untuk menampilkan identitas, visi misi, serta layanan perusahaan secara kredibel dan menarik."
  1348.                                      data-price-range="Rp. On Call ,-"
  1349.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20company%20profile%20dong%20.">
  1350.                                        Lihat Detail
  1351.                                    </a>
  1352.  
  1353.                                </div>
  1354.                            </div>
  1355.                        </div>
  1356.                                            <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
  1357.                            <div class="card">
  1358.                                <img src="./assets/product/1756885704_Buku.png"
  1359.                                     class="card-img-top img-fluid"
  1360.                                     alt="Produksi Buku / Majalah"
  1361.                                     >
  1362.                                <div class="card-body">
  1363.                                    <h5 class="card-title text-center mt-2 fw-bold">Produksi Buku / Majalah</h5>
  1364.                                    <p class="text-center text-muted">Rp. On Call ,-</p>
  1365.                                    <a href="#"
  1366.                                      class="btn btn-primary btn-sm d-block mt-2 btn-detail"
  1367.                                      data-bs-toggle="modal"
  1368.                                      data-bs-target="#productDetailModal"
  1369.                                      data-name="Produksi Buku / Majalah"
  1370.                                      data-image="./assets/product/1756885704_Buku.png"
  1371.                                      data-description="Buku cetak berkualitas dengan kertas pilihan dan jilid rapi, cocok untuk kebutuhan pendidikan, bisnis, maupun personal."
  1372.                                      data-price-range="Rp. On Call ,-"
  1373.                                      data-link="https://api.whatsapp.com/send?phone=6285601367643&amp;text=Halo%20kak,%20saya%20ingin%20cetak%20buku%20dong.">
  1374.                                        Lihat Detail
  1375.                                    </a>
  1376.  
  1377.                                </div>
  1378.                            </div>
  1379.                        </div>
  1380.                                                </div>
  1381.            </div>
  1382. </div>
  1383.  
  1384.      <!-- Price List Button -->
  1385.      <div class="text-center mt-5">
  1386.          <a href="https://drive.google.com/file/d/1hiDR6soxTwzRGHM8q-YZPPwQ0ECNLjVg/view?usp=sharing" class="btn btn-warning border-black fw-bold" target="_blank">Cek Price List Lengkap Di Sini</a>
  1387.      </div>
  1388.  </div>
  1389.  
  1390.  
  1391.  
  1392.    <div style="height: 20rem"></div>
  1393.    <!-- Overlayy Section -->
  1394.    <div
  1395.      class="container-fluid bg-blue position-relative overlay mt-5"
  1396.      style="height: 28rem"
  1397.    >
  1398.      <!-- Order Section -->
  1399.  
  1400.      <div
  1401.        class="container align-content-center position-absolute pb-5 top-0 start-50 translate-middle"
  1402.        id="order"
  1403.      >
  1404.        <h3 class="text-center fw-bold mb-4">ORDER DI SINI</h3>
  1405.        <div class="rounded-3 text-center shadow-lg bg-white py-5">
  1406.          <div class="d-grid justify-content-center gap-5">
  1407.            <div>
  1408.              <h4 class="fw-bold">Admin 1</h4>
  1409.              <a
  1410.                href="https://api.whatsapp.com/send?phone=6281380999999"
  1411.                class="btn btn-success d-flex gap-2"
  1412.                  target="_blank"
  1413.              >
  1414.                <i class="bi bi-whatsapp"></i>0813-8099-9999
  1415.              </a>
  1416.            </div>
  1417.            <div>
  1418.              <h4 class="fw-bold">Admin 2</h4>
  1419.              <a
  1420.                href="https://api.whatsapp.com/send?phone=6285601367643"
  1421.                class="btn btn-success d-flex gap-2"
  1422.                target="_blank"
  1423.              >
  1424.                <i class="bi bi-whatsapp"></i>0856-0136-7643
  1425.              </a>
  1426.            </div>
  1427.          </div>
  1428.        </div>
  1429.      </div>
  1430.      <!-- Clients Section -->
  1431. <div
  1432.  class="container align-content-center position-absolute top-100 start-50 translate-middle"
  1433.  style="height: 18rem"
  1434. >
  1435.  <h3 class="text-center text-white fw-bold mb-4">KLIEN KAMI</h3>
  1436.  <div class="rounded-3 text-center shadow-lg bg-white py-5 mb-5">
  1437.    <div class="client-slider m-5 ">
  1438.            <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>
  1439.            <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>
  1440.            <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>
  1441.            <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>
  1442.            <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>
  1443.            <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>
  1444.            <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>
  1445.            <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>
  1446.        </div>
  1447.  
  1448.  </div>
  1449. </div>
  1450.  
  1451.    </div>
  1452.    <div style="height: 20rem"></div>
  1453.    <!-- Footer -->
  1454.    <footer class="bg-dark text-white mt-5 pt-4 pb-1">
  1455.      <div class="container">
  1456.        <div class="row">
  1457.          <div class="col-md-4 mt-3">
  1458.            <h4 class="fw-bold">About Us</h4>
  1459.            <hr>
  1460.            <img src="assets/img/Logo-Long.webp" alt="Logo Shabat Printing" style="width: 13rem;" class="mb-4">
  1461.            <p class="d-flex align-items-center gap-3 fw-bold text-footer">
  1462.              <img src="assets/icons/location.png" alt="" style="height: 2rem;">
  1463.              JL. Perintis Kemerdekaan No.20 C-F, Kel.Sondakan, Kec.Laweyan, Kota Surakarta
  1464.            </p>
  1465.            <p class="d-flex align-items-center gap-3 fw-bold text-footer">
  1466.              <img src="assets/icons/mail.png" alt="" style="height: 2rem;">
  1467.              shabatprinting@gmail.com
  1468.            </p>
  1469.            <p class="d-flex align-items-center gap-3 fw-bold text-footer">
  1470.              <img src="assets/icons/phone.png" alt="" style="height: 2rem;">
  1471.              +62 813-8099-9999
  1472.            </p>
  1473.          </div>
  1474.          <div class="col-md-4 mt-3">
  1475.            <h4 class="fw-bold">Jam Operasional</h4>
  1476.            <hr>
  1477.            <table class="text-footer fw-bold">
  1478.              <tr>
  1479.                <td>Senin s/d Jumat</td>
  1480.                <td>: 08.00 - 22.00 WIB</td>
  1481.              </tr>
  1482.              <tr>
  1483.                <td>Sabtu</td>
  1484.                <td>: 10.00 - 18.00 WIB</td>
  1485.              </tr>
  1486.            </table>
  1487.          </div>
  1488.          
  1489.          <div class="col-md-4 mt-3">
  1490.            <h4 class="fw-bold">Metode Pembayaran</h4>
  1491.            <hr>
  1492.            <div class="d-flex gap-2">
  1493.              <img src="assets/icons/bca.webp" alt="" class="img-fluid rounded-1" style="height: 2rem;">
  1494.              <img src="assets/icons/bni.webp" alt="" class="img-fluid rounded-1" style="height: 2rem;">
  1495.              <img src="assets/icons/qris.png" alt="" class="img-fluid rounded-1" style="height: 2rem;">
  1496.            </div>
  1497.          </div>
  1498.          
  1499.        </div>
  1500.      </div>
  1501.      <hr>
  1502.      <p class="text-center fw-bold ">
  1503.        © 2024 Shabat Printing - All right reserved.
  1504.      </p>
  1505.    
  1506.    </footer>
  1507.    <!-- Modal Detail Produk -->
  1508. <div class="modal fade" id="productDetailModal" tabindex="-1" aria-labelledby="productDetailModalLabel" aria-hidden="true">
  1509.    <div class="modal-dialog">
  1510.        <div class="modal-content">
  1511.            <div class="modal-header">
  1512.                <h5 class="modal-title fw-bold" id="productDetailModalLabel"></h5>
  1513.                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1514.            </div>
  1515.            <div class="modal-body">
  1516.                <img src="" alt="" id="productImage" class="img-fluid mb-3">
  1517.                <p id="productDescription"></p>
  1518.                <p><strong>Harga:</strong> <span id="productPriceRange"></span></p>
  1519.            </div>
  1520.            <div class="modal-footer">
  1521.                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
  1522.                <a href="#" id="productLink" target="_blank" class="btn btn-primary">Order Sekarang</a>
  1523.            </div>
  1524.        </div>
  1525.    </div>
  1526. </div>
  1527.         <div id="chat-popup" class="chat-popup">
  1528.        <a href="https://wa.me/6281380999999" target="_blank" class="whatsapp-btn">
  1529.            <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" class="whatsapp-icon">
  1530.            Chat via WhatsApp
  1531.        </a>
  1532.    </div>
  1533.    </div>
  1534.  </body>
  1535.  
  1536.    <script src="lib/js/bootstrap.bundle.min.js"></script>
  1537.    <script src="lib/js/jquery-3.5.1.slim.min.js"></script>
  1538.    <!-- Slick JS -->
  1539.    <script src="lib/js/slick-1.8.1.min.js"></script>
  1540.    <script src="lib/js/main.js"></script>
  1541.    <script>
  1542.    // Fungsi untuk scroll ke atas ketika tombol diklik
  1543.    $('#scrollToTopBtn').click(function() {
  1544.      $('html, body').animate({ scrollTop: 0 }, 'slow');  // Scroll perlahan ke atas
  1545.      return false;
  1546.    });
  1547.        window.addEventListener('scroll', function() {
  1548.    var chatPopup = document.getElementById('chat-popup');
  1549.    var backToTopBtn = document.getElementById('back-to-top');
  1550.  
  1551.    // Menampilkan pop-up chat ketika scroll ke bawah lebih dari 200px
  1552.    if (window.scrollY > 200) {
  1553.        chatPopup.classList.add('show-chat');
  1554.        backToTopBtn.style.display = 'block'; // Menampilkan tombol back to top
  1555.    } else {
  1556.        chatPopup.classList.remove('show-chat');
  1557.        backToTopBtn.style.display = 'none'; // Menyembunyikan tombol back to top
  1558.    }
  1559. });
  1560.  
  1561. // Menambahkan fungsi untuk kembali ke atas ketika tombol "Back to Top" diklik
  1562. document.getElementById('back-to-top').addEventListener('click', function() {
  1563.    window.scrollTo({ top: 0, behavior: 'smooth' });
  1564. });
  1565.    </script>
  1566. </html>
  1567.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda