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://vdrweb24.net/website/sitemap.xml

  1.  
  2. <!DOCTYPE html>
  3. <html lang="id-ID" data-website-id="1" data-main-object="ir.ui.view(2227,)">
  4.    <head>
  5.        <meta charset="utf-8"/>
  6.        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  7.        <meta name="viewport" content="width=device-width, initial-scale=1"/>
  8.        <meta name="generator" content="Odoo"/>
  9.            
  10.        <meta property="og:type" content="website"/>
  11.        <meta property="og:title" content="Product Detail | Warung JURAGAN88"/>
  12.        <meta property="og:site_name" content="Warung JURAGAN88"/>
  13.        <meta property="og:url" content="https://vrdweb24.net/"/>
  14.        <meta property="og:image" content="https://vdrweb24.net/juragan88.webp"/>
  15.            
  16.        <meta name="twitter:card" content="summary_large_image"/>
  17.        <meta name="twitter:title" content="Product Detail | Warung JURAGAN88"/>
  18.        <meta name="twitter:image" content="https://vdrweb24.net/juragan88.webp"/>
  19.        <meta name="keywords" content="JURAGAN88, Warung JURAGAN88,JURAGAN88 slot, Detail Produk"/>
  20.        <link rel="canonical" href="https://vdrweb24.net/"/>
  21.        <link rel="amphtml" href="https://vdrweb24.net/amp/"/>
  22.        <link rel="alternate" type="application/rss+xml" title="RSS" href="https://vdrweb24.net/website/sitemap.xml"/>
  23.        <link rel="keywords" href="JURAGAN88, Warung JURAGAN88, JURAGAN88 slot, Detail Produk"/>
  24.        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
  25.        <title>Product Detail | Warung JURAGAN88</title>
  26.        <link type="image/x-icon" rel="shortcut icon" href="juragan88.png"/>
  27.        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
  28.        <link type="text/css" rel="stylesheet" href="https://www.warungmonika.com/web/assets/1/6f7775f/web.assets_frontend.min.css"/>
  29.        <script id="web.layout.odooscript" type="text/javascript">
  30.            var odoo = {
  31.                csrf_token: "63b52d8052580b8f43bee28642a5f88a676e5bc8o1774705438",
  32.                debug: "",
  33.            };
  34.        </script>
  35.        <script type="text/javascript">
  36.            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"12": {"symbol": "Rp", "position": "before", "digits": [69, 2]}, "1": {"symbol": "$", "position": "before", "digits": [69, 2]}}, "bundle_params": {"lang": "id_ID", "website_id": 1}, "test_mode": false, "websocket_worker_version": "18.0-3", "translationURL": "/website/translations", "cache_hashes": {"translations": "b3b9101e02f0b2aa0c1daece4d61699dab6021d7"}, "geoip_country_code": "ID", "geoip_phone_code": 62, "lang_url_code": "id"};
  37.            if (!/(^|;\s)tz=/.test(document.cookie)) {
  38.                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
  39.                document.cookie = `tz=${userTZ}; path=/`;
  40.            }
  41.        </script>
  42.        <script type="text/javascript" defer="defer" src="/web/assets/1/f29a1f4/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
  43.        <script type="text/javascript" defer="defer" data-src="/web/assets/1/533e3ba/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
  44.        
  45.        
  46.    </head>
  47.    <body>
  48.  
  49.  
  50.  
  51.        <div id="wrapwrap" class="   ">
  52.            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Skip ke Konten</a>
  53.                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Tombol barang ekstra" class="   o_header_fixed" style=" ">
  54.                    
  55.    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block shadow-sm ">
  56.        
  57.  
  58.            <div id="o_main_nav" class="o_main_nav container">
  59.                
  60.    <span id="o_fake_navbar_brand"></span>
  61.    <a data-name="Navbar Logo" href="/" class="navbar-brand logo me-4 custom-navbar-logo">
  62.        <span role="img" aria-label="JURAGAN88" title="JURAGAN88"><img src="/web/image/website/1/logo/Warung%20Monika?unique=ddfa4ab" class="img img-fluid" width="95" height="40" alt="JURAGAN88" loading="lazy"/></span>
  63.    </a>
  64.     <a data-name="Home Link" class="navbar-home-link" style="margin-right: 150px; font-size: 16px; font-weight: bold; text-decoration: none;" href="/">Home
  65.    </a>
  66.                
  67.    <ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading me-auto">
  68.        
  69.  
  70.                    
  71.                
  72.    </ul>
  73.                
  74.                <ul class="navbar-nav align-items-center gap-2 flex-shrink-0 justify-content-end ps-3">
  75.                    
  76.                    
  77.                    
  78.                    
  79.                    
  80.        <li data-name="Language Selector" class="o_header_language_selector ">
  81.        
  82.        
  83.        </li>
  84.                    
  85.            <li class=" o_no_autohide_item">
  86.                <a href="/web/login" class="o_nav_link_btn nav-link border px-3">Sign in</a>
  87.            </li>
  88.                    
  89.        
  90.        
  91.                    
  92.                </ul>
  93.            </div>
  94.        
  95.    </nav>
  96.    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm ">
  97.        
  98.  
  99.        <div class="o_main_nav container flex-wrap justify-content-between">
  100.            
  101.    <span id="o_fake_navbar_brand"></span>
  102.    <a data-name="Navbar Logo" href="/" class="navbar-brand logo  custom-navbar-logo">
  103.        <span role="img" aria-label="Logo of JURAGAN88" title="JURAGAN88"><img src="juragan88.png" class="img img-fluid" width="95" height="40" alt="JURAGAN88" loading="lazy"/></span>
  104.    </a>
  105.     <a data-name="Home Link" class="navbar-home-link" style="margin-right: 150px; font-size: 16px; font-weight: bold; text-decoration: none;" href="/">Home
  106.    </a>
  107.            <ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
  108.                <li class="o_not_editable">
  109.                    <button class="nav-link btn me-auto p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Navigasi beralih">
  110.                        <span class="navbar-toggler-icon"></span>
  111.                    </button>
  112.                </li>
  113.            </ul>
  114.            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
  115.                <div class="offcanvas-header justify-content-end o_not_editable">
  116.                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Tutup"></button>
  117.                </div>
  118.                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
  119.                    <ul class="navbar-nav">
  120.                        
  121.                        
  122.                        
  123.    <ul role="menu" class="nav navbar-nav top_menu  ">
  124.        
  125.  
  126.                            
  127.                        
  128.    </ul>
  129.                        
  130.                        
  131.                    </ul>
  132.                    <ul class="navbar-nav gap-2 mt-3 w-100">
  133.                        
  134.        <li data-name="Language Selector" class="o_header_language_selector ">
  135.        
  136.        
  137.        </li>
  138.                        
  139.            <li class=" o_no_autohide_item">
  140.                <a href="#" class="nav-link o_nav_link_btn w-100 border text-center">login</a>
  141.            </li>
  142.                        
  143.        
  144.        
  145.                        
  146.                    </ul>
  147.                </div>
  148.            </div>
  149.        </div>
  150.    
  151.    </nav>
  152.    
  153.        </header>
  154.                <main>
  155.                    
  156.            <head>
  157.                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"/>
  158.            </head>
  159.            <div>
  160.  
  161.            </div>
  162.  
  163.            <script>
  164.                document.getElementById("product_image").addEventListener("change", function() {
  165.                var file = this.files[0];
  166.                var maxSize = 1 * 1024 * 1024; // 1MB
  167.  
  168.                if (file & file.size > maxSize) {
  169.                alert("Ukuran gambar terlalu besar! Maksimum 1MB.");
  170.                this.value = ""; // Reset input file
  171.                window.location.reload(); // Auto-refresh
  172.                }
  173.                });
  174.  
  175.                // Auto redirect jika error
  176.                const urlParams = new URLSearchParams(window.location.search);
  177.                if (urlParams.has('error_message')) {
  178.                setTimeout(() => {
  179.                window.location.href = "/product/detail/3"; // Ganti dengan dynamic product_id jika perlu
  180.                }, 3000); // Redirect setelah 3 detik
  181.                }
  182.            </script>
  183.            
  184.            
  185.            
  186.            
  187.            
  188.            
  189.            
  190.            
  191.            
  192.            
  193.            
  194.            
  195.            
  196.            
  197.            
  198.            
  199.            
  200.            
  201.            
  202.            
  203.  
  204.            <div class="container mt16 mb16">
  205.                <style>
  206.                    .rounded-image {
  207.                    border-radius: 15px; /* Membuat ujung gambar menjadi lengkung */
  208.                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  209.                    margin-bottom: 20px;
  210.                    }
  211.                    .form-control {
  212.                    text-align: left; /* Membuat inputan menjadi rata kiri */
  213.                    white-space: pre-wrap;
  214.                    resize: none; /* Opsional, untuk mencegah pengguna mengubah ukuran textarea */
  215.  
  216.                    }
  217.                    .publish-switch {
  218.                    text-align: left; /* Agar toggle switch berada di tengah bawah gambar */
  219.                    margin-top: 20px; /* Memberikan jarak antara gambar dan toggle */
  220.                    }
  221.                    textarea {
  222.                    text-align: left;
  223.                    white-space: pre-wrap; /* Pastikan spasi di dalam teks ditampilkan dengan benar */
  224.                    resize: none; /* Opsional, untuk mencegah pengguna mengubah ukuran textarea */
  225.                    }
  226.                    .btn-icon {
  227.                    display: flex;
  228.                    align-items: center;
  229.                    justify-content: center;
  230.                    width: 40px; /* Lebar tombol */
  231.                    height: 40px; /* Tinggi tombol */
  232.                    border-radius: 50%; /* Membuat tombol bulat */
  233.                    font-size: 18px; /* Ukuran ikon */
  234.                    padding: 0; /* Menghapus padding default */
  235.                    margin-left: 5px; /* Jarak antara tombol */
  236.                    }
  237.                    .row {
  238.                    display: flex;
  239.                    flex-wrap: wrap;
  240.                    align-items: center;
  241.                    }
  242.  
  243.                    .col-md-6 {
  244.                    flex: 1;
  245.                    }
  246.  
  247.                    @media (max-width: 768px) {
  248.                    .row {
  249.                    flex-direction: column;
  250.                    }
  251.                    .col-md-6 img {
  252.                    width: 100%;
  253.                    height: auto;
  254.                    }
  255.                    }
  256.                </style>
  257.  
  258.                <script type="text/javascript">
  259.  
  260.                    // Fungsi untuk membaca parameter dari URL
  261.                    function getUrlParameter(name) {
  262.                    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]').replace(/([.*+?^=!:${}()|\[\]\/\\])/g,
  263.                    '\\$1');
  264.                    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
  265.                    var results = regex.exec(location.search);
  266.                    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
  267.                    }
  268.  
  269.                    document.addEventListener('DOMContentLoaded', function () {
  270.                    const successMessage = getUrlParameter('success_message');
  271.                    if (successMessage) {
  272.                    const alertDiv = document.createElement('div');
  273.                    alertDiv.className = 'alert alert-success';
  274.                    alertDiv.textContent = successMessage;
  275.  
  276.                    const container = document.querySelector('.container');
  277.                    if (container) {
  278.                    container.insertAdjacentElement('afterbegin', alertDiv);
  279.                    setTimeout(() => {
  280.                    alertDiv.remove();
  281.                    }, 5000);
  282.                    }
  283.                    }
  284.                    });
  285.  
  286.                </script>
  287.  
  288.                <script>
  289.                    document.addEventListener('DOMContentLoaded', function () {
  290.                    const quantityInput = document.getElementById('product-quantity');
  291.                    const whatsappButton = document.getElementById('whatsapp-button');
  292.                    const pricePerUnit = parseFloat(whatsappButton.dataset.price);
  293.                    const productName = whatsappButton.dataset.name.toLowerCase();
  294.                    const companyMobile = whatsappButton.dataset.mobile;
  295.  
  296.                    // Fungsi untuk memformat harga menjadi Rp 10.000
  297.                    function formatCurrency(amount) {
  298.                    return 'Rp ' + amount.toFixed(0) // Tanpa desimal
  299.                    .replace(/\B(?=(\d{3})+(?!\d))/g, '.'); // Tambahkan pemisah ribuan
  300.                    }
  301.  
  302.                    function updateWhatsAppLink() {
  303.                    const quantity = parseInt(quantityInput.value) || 1;
  304.                    const totalPrice = quantity * pricePerUnit;
  305.                    const formattedPricePerUnit = formatCurrency(pricePerUnit);
  306.                    const formattedTotalPrice = formatCurrency(totalPrice);
  307.  
  308.                    const waUrl =
  309.                    `https://wa.me/${companyMobile}?text=Saya%20ingin%20membeli%20${productName}%20dengan%20jumlah%20${quantity},%20harga%20satuan%20${formattedPricePerUnit},%20dan%20total%20harga%20${formattedTotalPrice}`;
  310.                    whatsappButton.href = waUrl;
  311.                    }
  312.  
  313.                    document.getElementById('increase-quantity').addEventListener('click', () => {
  314.                    quantityInput.value = parseInt(quantityInput.value) + 1;
  315.                    updateWhatsAppLink();
  316.                    });
  317.  
  318.                    document.getElementById('decrease-quantity').addEventListener('click', () => {
  319.                    if (parseInt(quantityInput.value) > 1) {
  320.                    quantityInput.value = parseInt(quantityInput.value) - 1;
  321.                    updateWhatsAppLink();
  322.                    }
  323.                    });
  324.  
  325.                    quantityInput.addEventListener('input', updateWhatsAppLink);
  326.  
  327.                    // Inisialisasi awal
  328.                    updateWhatsAppLink();
  329.                    });
  330.                </script>
  331.  
  332.                <div class="row">
  333.                    
  334.                    <div class="col-md-6">
  335.                        
  336.                        
  337.                        
  338.                        
  339.                        
  340.                        <div style="position: relative; display: inline-block;">
  341.                            <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet"/>
  342.                            
  343.                            <div class="product-image-container" style="position: relative; ">
  344.                                <img class="card-img-top rounded-image" alt="Product Image" style="width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block;" src="https://vdrweb24.net/juragan88.webp" loading="lazy"/>
  345.  
  346.                                
  347.                            </div>
  348.  
  349.                            
  350.                        </div>
  351.  
  352.                        
  353.                        
  354.                        
  355.                        
  356.                        
  357.                        
  358.                        
  359.                        
  360.                        
  361.                        
  362.                        
  363.                        
  364.                        
  365.  
  366.                        
  367.  
  368.                    </div>
  369.  
  370.                    
  371.                    <div class="col-md-6">
  372.                        <form method="post" action="/product/edit/1035">
  373.                            <input type="hidden" name="csrf_token" value="63b52d8052580b8f43bee28642a5f88a676e5bc8o1774705438"/>
  374.  
  375.                            
  376.                            <div class="mb-3">
  377.                                    <div id="product_name" class="fw-bold fs-3">
  378.                                        Menu Reguler - JURAGAN88 Homemade Frozen Food
  379.                                    </div>
  380.                                    <div class="text-warning mb-2">
  381.                                        
  382.                                        ★★★★★
  383.                                        <span class="text-muted">
  384.                                            (88)
  385.                                        </span>
  386.                                    </div>
  387.                            </div>
  388.  
  389.  
  390.                            
  391.                            <div class="mb-3">
  392.  
  393.                                    <div id="product_price" class="price fs-4 text-primary">
  394.                                        Rp 88.000
  395.                                    </div>
  396.                            </div>
  397.  
  398.  
  399.                            
  400.                            <div class="mb-3">
  401.                                    <div id="product_description" style="padding: 10px; min-height: 50px;">
  402.                                        Berbagai macam menu reguler yang pedas
  403.                                    </div>
  404.                            </div>
  405.  
  406.  
  407.                            
  408.                            
  409.                            
  410.                            
  411.                            
  412.                            
  413.                            
  414.                            
  415.  
  416.                            
  417.                            
  418.                            
  419.                            
  420.                            
  421.                            
  422.  
  423.                        </form>
  424.                        
  425.                            <div class="d-flex align-items-center mt-2 gap-1">
  426.                                <button type="button" style="width: 45px;" id="decrease-quantity">-</button>
  427.                                <input type="number" id="product-quantity" value="1" min="1" class="form-control text-center" style="width: 45px;"/>
  428.                                <button type="button" style="width: 45px;" id="increase-quantity">+</button>
  429.  
  430.                                
  431.                                
  432.                                
  433.                                
  434.                                <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  435.                                <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  436.                                <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  437.  
  438.                                
  439.                                
  440.                                <div class="d-flex flex-wrap justify-content-center align-items-center mt-2 gap-2 button-group">
  441.                                    <a id="whatsapp-button" class="btn btn-success button-responsive" data-price="88000.0" data-name="Menu Reguler - Pedas Homemade Frozen Food" data-mobile="6281272527579">
  442.                                        Beli via WhatsApp
  443.                                    </a>
  444.                                    <button type="button" class="btn btn-warning button-responsive" data-toggle="modal" data-target="#reviewModal">
  445.                                        Beri Ulasan
  446.                                    </button>
  447.                                    <button class="btn btn-secondary button-responsive" onclick="copyToClipboard()">🔗 Share Product</button>
  448.  
  449.  
  450.  
  451.                                </div>
  452.  
  453.                                
  454.                                <script>
  455.                                    function copyToClipboard() {
  456.                                    var shareUrl = "https://vdrweb24.com/";
  457.                                    navigator.clipboard.writeText(shareUrl).then(function() {
  458.                                    alert("Link berhasil disalin!");
  459.                                    }, function(err) {
  460.                                    console.error('Gagal menyalin', err);
  461.                                    });
  462.                                    }
  463.                                </script>
  464.  
  465.                                <style>
  466.                                    .button-group .button-responsive {
  467.                                    min-width: 120px; /* Pastikan tombol memiliki lebar minimum */
  468.                                    height: 40px; /* Ketinggian konsisten */
  469.                                    font-size: 14px; /* Ukuran teks seragam */
  470.                                    text-align: center; /* Pusatkan teks */
  471.                                    padding: 0 10px; /* Ruang dalam tombol */
  472.                                    }
  473.  
  474.                                    .button-group .btn {
  475.                                    white-space: nowrap; /* Hindari teks terpotong */
  476.                                    display: flex; /* Pastikan elemen teks atau ikon di dalam tombol sejajar */
  477.                                    justify-content: center;
  478.                                    align-items: center;
  479.                                    }
  480.  
  481.                                    @media (max-width: 576px) {
  482.                                    .button-group {
  483.                                    gap: 1rem; /* Tambahkan jarak antar tombol pada layar kecil */
  484.                                    }
  485.  
  486.                                    .button-responsive {
  487.                                    width: 100%; /* Tombol akan memenuhi lebar container */
  488.                                    min-width: auto; /* Hapus batasan lebar minimum */
  489.                                    }
  490.                                    }
  491.  
  492.                                </style>
  493.  
  494.                                
  495.                                <div class="modal fade" id="reviewModal" tabindex="-1" role="dialog" aria-labelledby="reviewModalLabel" aria-hidden="true">
  496.                                    <div class="modal-dialog modal-dialog-centered" role="document">
  497.                                        <div class="modal-content">
  498.                                            <div class="modal-header bg-primary text-white d-flex justify-content-between">
  499.                                                <h5 class="modal-title" id="reviewModalLabel">Submit Your Review</h5>
  500.                                                <button type="button" class="close text-black" data-dismiss="modal" aria-label="Close">
  501.                                                    <span aria-hidden="true">×</span>
  502.                                                </button>
  503.                                            </div>
  504.                                            <div class="modal-body">
  505.                                                <form id="reviewForm" action="/review/submit" method="post">
  506.                                                    
  507.                                                    <input type="hidden" name="csrf_token" value="63b52d8052580b8f43bee28642a5f88a676e5bc8o1774705438"/>
  508.  
  509.                                                    
  510.                                                    <input type="hidden" name="z_product_id" value="1035"/>
  511.  
  512.                                                    
  513.                                                    <div class="form-group">
  514.                                                        <label class="font-weight-bold mb-3">Kategori Penilaian</label>
  515.                                                            <div class="mb-4">
  516.                                                                <label>Produk:
  517.                                                                </label>
  518.                                                                <div class="star-rating" data-category-id="1">
  519.                                                                    <span class="fa fa-star" data-rate="1"></span>
  520.                                                                    <span class="fa fa-star" data-rate="2"></span>
  521.                                                                    <span class="fa fa-star" data-rate="3"></span>
  522.                                                                    <span class="fa fa-star" data-rate="4"></span>
  523.                                                                    <span class="fa fa-star" data-rate="5"></span>
  524.                                                                </div>
  525.                                                                <input type="hidden" class="rating-value" value="0" name="ratings[1]"/>
  526.                                                            </div>
  527.                                                            <div class="mb-4">
  528.                                                                <label>Pelayanan:
  529.                                                                </label>
  530.                                                                <div class="star-rating" data-category-id="2">
  531.                                                                    <span class="fa fa-star" data-rate="1"></span>
  532.                                                                    <span class="fa fa-star" data-rate="2"></span>
  533.                                                                    <span class="fa fa-star" data-rate="3"></span>
  534.                                                                    <span class="fa fa-star" data-rate="4"></span>
  535.                                                                    <span class="fa fa-star" data-rate="5"></span>
  536.                                                                </div>
  537.                                                                <input type="hidden" class="rating-value" value="0" name="ratings[2]"/>
  538.                                                            </div>
  539.                                                            <div class="mb-4">
  540.                                                                <label>Pengiriman:
  541.                                                                </label>
  542.                                                                <div class="star-rating" data-category-id="3">
  543.                                                                    <span class="fa fa-star" data-rate="1"></span>
  544.                                                                    <span class="fa fa-star" data-rate="2"></span>
  545.                                                                    <span class="fa fa-star" data-rate="3"></span>
  546.                                                                    <span class="fa fa-star" data-rate="4"></span>
  547.                                                                    <span class="fa fa-star" data-rate="5"></span>
  548.                                                                </div>
  549.                                                                <input type="hidden" class="rating-value" value="0" name="ratings[3]"/>
  550.                                                            </div>
  551.                                                    </div>
  552.  
  553.                                                    
  554.                                                    <div class="form-group">
  555.                                                        <label for="comment" class="font-weight-bold">Komentar</label>
  556.                                                        <textarea name="z_comment_reviews" id="comment" class="form-control" rows="4" placeholder="Write your review here..."></textarea>
  557.                                                    </div>
  558.  
  559.                                                    
  560.                                                    <div class="d-flex justify-content-start mt-4">
  561.                                                        <button type="submit" class="btn btn-primary">Submit</button>
  562.                                                    </div>
  563.                                                </form>
  564.                                            </div>
  565.                                        </div>
  566.                                    </div>
  567.                                </div>
  568.  
  569.                                
  570.  
  571.                                
  572.                                <style>
  573.                                    .modal-header {
  574.                                    border-bottom: 2px solid #007bff;
  575.                                    }
  576.                                    .modal-content {
  577.                                    border-radius: 10px;
  578.                                    }
  579.                                    .btn-primary {
  580.                                    background-color: #007bff;
  581.                                    border-color: #007bff;
  582.                                    }
  583.                                    .btn-primary:hover {
  584.                                    background-color: #0056b3;
  585.                                    border-color: #0056b3;
  586.                                    }
  587.                                    .form-group label {
  588.                                    display: block;
  589.                                    margin-bottom: 5px;
  590.                                    }
  591.                                    .form-group select {
  592.                                    margin-top: 5px;
  593.                                    }
  594.                                    .mb-4 {
  595.                                    margin-bottom: 1.5rem !important;
  596.                                    }
  597.                                    .d-flex
  598.                                    margin-right: auto;
  599.                                    }
  600.                                    .d-flex .btn-primary {
  601.                                    margin-right: auto; /* Untuk tombol dengan kelas .btn-primary, jika diperlukan */
  602.                                    }
  603.                                </style>
  604.  
  605.                                <script>
  606.                                    document.addEventListener("DOMContentLoaded", function () {
  607.                                    document.querySelectorAll(".star-rating").forEach(function (ratingContainer) {
  608.                                    const stars = ratingContainer.querySelectorAll(".fa-star");
  609.                                    const hiddenInput = ratingContainer.nextElementSibling;
  610.  
  611.                                    let selectedRating = 0; // Simpan rating yang sudah dipilih
  612.  
  613.                                    // Fungsi untuk mengupdate tampilan bintang
  614.                                    function updateStars(rating) {
  615.                                    stars.forEach((s, index) => {
  616.                                    if (index< rating) {
  617.                                    s.classList.add("selected");
  618.                                    } else {
  619.                                    s.classList.remove("selected");
  620.                                    }
  621.                                    });
  622.                                    }
  623.  
  624.                                    stars.forEach(function (star, index) {
  625.                                    // Hover effect
  626.                                    star.addEventListener("mouseover", function () {
  627.                                    updateStars(index + 1);
  628.                                    });
  629.  
  630.                                    // Hapus efek hover saat mouse keluar
  631.                                    star.addEventListener("mouseout", function () {
  632.                                    updateStars(selectedRating);
  633.                                    });
  634.  
  635.                                    // Klik untuk memilih atau menghapus rating
  636.                                    star.addEventListener("click", function () {
  637.                                    const rating = index + 1;
  638.                                    if (selectedRating === rating) {
  639.                                    // Jika klik ulang pada bintang yang sama, reset rating
  640.                                    selectedRating = 0;
  641.                                    hiddenInput.value = "0";
  642.                                    } else {
  643.                                    selectedRating = rating;
  644.                                    hiddenInput.value = rating;
  645.                                    }
  646.                                    updateStars(selectedRating);
  647.                                    });
  648.                                    });
  649.                                    });
  650.                                    });
  651.                                </script>
  652.  
  653.                                <style>
  654.                                    .star-rating {
  655.                                    display: inline-flex;
  656.                                    font-size: 2rem;
  657.                                    color: #ccc;
  658.                                    cursor: pointer;
  659.                                    }
  660.  
  661.                                    .star-rating .fa-star {
  662.                                    transition: color 0.3s ease;
  663.                                    }
  664.  
  665.                                    .star-rating .fa-star.selected {
  666.                                    color: #ffcc00; /* Warna bintang yang dipilih */
  667.                                    }
  668.  
  669.                                    .star-rating .fa-star:hover {
  670.                                    color: #ffcc00; /* Warna bintang saat hover */
  671.                                    }
  672.                                </style>
  673.  
  674.                                <script>
  675.                                    document.addEventListener('DOMContentLoaded', function () {
  676.                                    // Cek apakah elemen modal ada di halaman
  677.                                    var modalElement = document.getElementById('successModal');
  678.                                    if (modalElement) {
  679.                                    // Gunakan Bootstrap untuk menampilkan modal
  680.                                    var modal = new bootstrap.Modal(modalElement);
  681.                                    modal.show();
  682.                                    }
  683.                                    });
  684.                                </script>
  685.                                
  686.                                
  687.  
  688.                                
  689.                                
  690.                                
  691.                                
  692.                                
  693.                                
  694.                                
  695.                                
  696.                                
  697.  
  698.                                
  699.                                
  700.                                
  701.                                
  702.                                
  703.                                
  704.  
  705.                                
  706.                                
  707.                                
  708.                                
  709.                                
  710.                                
  711.                                
  712.                                
  713.                                
  714.                                
  715.                                
  716.                                
  717.                                
  718.                                
  719.                                
  720.                                
  721.                                
  722.  
  723.                                
  724.                                
  725.                                
  726.                                
  727.                                
  728.                                
  729.                                
  730.                            </div>
  731.                    </div>
  732.                </div>
  733.                <div class="mt-5">
  734.                    <h3>Ulasan Pelanggan</h3>
  735.  
  736.                    
  737.                    <div>
  738.                        <p>Belum ada ulasan untuk produk ini.</p>
  739.                    </div>
  740.                    </div>
  741.  
  742.                
  743.                <div class="row mt-5">
  744.                    <div class="col-md-6">
  745.                        <h5>Informasi Kami</h5>
  746.                        
  747.                        <p>
  748.                                <a href="/products?page=1&amp;company_id=71">
  749.                                    JURAGAN88 Homemade Frozen Food
  750.                                </a>
  751.                        </p>
  752.                        <p>
  753.                            WA : 0812 7252 7579 -  Menyediakan 🍱🥘🥟  Berbagai macam jenis camilan dan frozen food berkualitas tinggi yang aman dan sehat untuk di konsumsi oleh seluruh keluarga indonesia, INGAT FROZEN FOOD INGAT JURAGAN88.
  754.                        </p>
  755.                        <p>
  756.                            Wil 16 - Villa Dago Tol. St. Richardus
  757.                        </p>
  758.                      
  759.                        
  760.                       <div class="col-6 d-flex flex-column align-items-start">
  761.                            <p>
  762.                                <a target="_blank" class="social-link d-flex align-items-center" href="https://direct.me/-juragan88">
  763.                                    <i class="fa fa-instagram me-2" style="color: #E4405F;"></i>
  764.                                    <span>
  765.                                        JURAGAN88 Homemade Frozen Food
  766.                                    </span>
  767.                                </a>
  768.                            </p>
  769.                        </div>
  770.  
  771.                        
  772.                        <div class="col-6 d-flex flex-column align-items-start">
  773.                            
  774.                            
  775.                            <p>
  776.                                <a target="_blank" class="social-link d-flex align-items-center" href="https://wa.me/6281272527579">
  777.                                    <i class="fa fa-whatsapp me-2" style="color: #25D366;"></i>
  778.                                    <span>
  779.                                        WhatsApp
  780.                                    </span>
  781.                                </a>
  782.                            
  783.                            
  784.                            
  785.                            
  786.                            
  787.                            <p>
  788.                                <a target="_blank" class="social-link d-flex align-items-center" href="https://lynk.id/juragan88official">
  789.                                    <i class="fa fa-shopping-cart me-2" style="color: #FF9800;"></i>
  790.                                    <span>
  791.                                        lynk.id JURAGAN88
  792.                                    </span>
  793.                                </a>
  794.                            </p>
  795.                            
  796.                            
  797.                            
  798.                            
  799.                            
  800.                            
  801.                            
  802.                            
  803.                        </div>
  804.  
  805.                                            
  806.                        <p>
  807.                            Alamat:
  808.                            Serpong Green Park blok i no 6. Jl. Palapa Raya,  Serua, Ciater,  Tangerang Selatan
  809.                            <br/>
  810.                            
  811.                            <br/>
  812.                            Tangerang Selatan
  813.                            Banten
  814.                            15414
  815.                            Indonesia
  816.                        </p>
  817.                    </div>
  818.  
  819.                    <div class="col-md-6">
  820.                        <div style="height: 300px;">
  821.                        </div>
  822.                    </div>
  823.                </div>
  824.  
  825.  
  826.                <style>
  827.                    .fa-star {
  828.                    font-size: 18px; /* Smaller star icon size */
  829.                    color: #ddd;
  830.                    }
  831.  
  832.                    .fa-star.checked {
  833.                    color: #ffc107;
  834.                    }
  835.                    .no-rating {
  836.                    color: #888; /* Warna abu-abu untuk teks */
  837.                    font-style: italic;
  838.                    }
  839.                    .review-box {
  840.                    background-color: #f9f9f9;
  841.                    border: 1px solid #ddd;
  842.                    border-radius: 5px;
  843.                    padding: 5px; /* Reduced padding */
  844.                    }
  845.  
  846.                    .categories-container {
  847.                    display: flex;
  848.                    flex-wrap: wrap;
  849.                    gap: 15px; /* Reduced gap between categories */
  850.                    margin-top: 5px;
  851.                    }
  852.  
  853.                    .category-item {
  854.                    display: flex;
  855.                    align-items: center;
  856.                    margin-right: 8px; /* Reduced margin */
  857.                    margin-bottom: 8px; /* Reduced margin */
  858.                    }
  859.  
  860.                    .category-item label {
  861.                    margin-right: 8px;
  862.                    font-weight: bold;
  863.                    }
  864.  
  865.                    .pagination .page-item .page-link {
  866.                    padding: 5px 10px; /* Reduced padding for pagination links */
  867.                    }
  868.                    .pagination {
  869.                    flex-wrap: wrap; /* Membuat pagination terbungkus jika layar kecil */
  870.                    }
  871.  
  872.                    .pagination .page-item {
  873.                    flex: 1; /* Pastikan tombol menyesuaikan ukuran */
  874.                    min-width: 40px; /* Ukuran minimal tombol */
  875.                    }
  876.  
  877.                    .pagination .page-item .page-link {
  878.                    text-align: center; /* Tengah pada tombol */
  879.                    padding: 0.4rem 0.6rem; /* Ukuran padding lebih kecil untuk mobile */
  880.                    font-size: 0.85rem; /* Ukuran font lebih kecil */
  881.                    }
  882.  
  883.                    @media (max-width: 576px) { /* Responsif untuk layar kecil */
  884.                    .pagination .page-item .page-link {
  885.                    padding: 0.2rem 0.4rem; /* Kurangi padding untuk mobile */
  886.                    font-size: 0.75rem; /* Ukuran font lebih kecil */
  887.                    }
  888.  
  889.                    .pagination .page-item.hide-on-mobile {
  890.                    display: none; /* Sembunyikan tombol First/Last pada layar kecil */
  891.                    }
  892.                </style>
  893.  
  894.            </div>
  895.        
  896.        <div id="o_shared_blocks" class="oe_unremovable"></div>
  897.                </main>
  898.                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
  899.                    <div id="footer" class="oe_structure oe_structure_solo">
  900.            <section class="s_text_block pt0 pb0" data-snippet="s_text_block" data-name="Text">
  901.                <div class="container">
  902.                    <div class="row o_grid_mode" data-row-count="8">
  903.                        
  904.                        
  905.                        
  906.                    <div id="connect" class="o_colored_level o_grid_item g-col-lg-4 g-height-8 col-lg-4" style="z-index: 2; grid-area: 1 / 9 / 9 / 13;"><span class="oe-tabs" style="width: 29.4px;"> </span>​
  907.                            <h5 class="mb-3">Hubungi Kami​
  908.                                </h5><ul class="list-unstyled"><li></li>
  909.                                
  910.                            </ul><p><i class="fa fa-phone fa-fw me-2"></i><span class="o_force_ltr"> PSE Hotline (JURAGAN88) +62 813-8900-1575</span></p><div class="s_social_media text-start o_not_editable" data-snippet="s_social_media" data-name="Social Media"><span class="oe-tabs" style="width: 29.4px;"> </span>​
  911.                                <h5 class="s_social_media_title d-none"><span class="oe-tabs"> </span>​Ikuti kami</h5>
  912. <a target="_blank" href="/website/social/instagram" class="s_social_media_instagram" aria-label="Instagram"><i class="fa rounded-circle shadow-sm o_editable_media fa-instagram"></i></a>
  913. </div>
  914.                        </div><div class="o_colored_level o_grid_item g-col-lg-7 g-height-8 col-lg-7" style="z-index: 1; grid-area: 1 / 1 / 9 / 8;">
  915.                            <h5><a href="">Apa itu PSE</a></h5><p>
  916.  
  917. </p>
  918.                            <p>Bagi Anda yang mencari situs slot gacor terpercaya, Juragan88 adalah pilihan terbaik. Dengan winrate tinggi, provider ternama, serta berbagai promo menarik, Juragan88 menawarkan pengalaman bermain slot online yang menguntungkan dan menyenangkan. Daftar sekarang dan rasakan sensasi kemenangan besar di Juragan88!</p><h5><br/></h5>
  919.                            <p><br/></p><p><br/></p><p>
  920.  
  921. </p>
  922.                        </div></div>
  923.                </div>
  924.            </section>
  925.        </div>
  926.    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
  927.                        <div class="container py-3">
  928.                            <div class="row">
  929.                                <div class="col-sm text-center text-sm-start text-muted">
  930.                                    <span class="o_footer_copyright_name me-2">Supported by PT Adi Data Informatika <font style="background-color: rgba(255, 0, 0, 0.6);" class="text-o-color-4"><a href="http://www.adidata.co.id" target="_blank">www.adidata.co.id</a></font></span>
  931.        
  932.        
  933.    </div>
  934.                                <div class="col-sm text-center text-sm-end o_not_editable">
  935.        <div class="o_brand_promotion">
  936.    Collaboration with TSBP-5 SanMon
  937.    </div>
  938.                                </div>
  939.                            </div>
  940.                        </div>
  941.                    </div>
  942.                </footer>
  943.            </div>
  944.        
  945.        </body>
  946. </html>
  947.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda