body { font-family: Arial, sans-serif; margin: 40px auto; max-width: 800px; color: #333; } h1, h2 { color: #1e4b74; text-align: center; margin-bottom: 20px; } .form-row { display: flex; align-items: center; margin-bottom: 5px; } .form-row label { width: 240px; font-weight: bold; text-align: left; } .form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], .form-row input[type="file"] { flex: 1; padding: 10px; font-size: 14px; } .divider { border: none; height: 2px; background-color: #1e4b74; margin: 30px 0; } .upload-section { text-align: center; margin-bottom: 30px; } .download-link { display: inline-block; margin-top: 10px; padding: 8px 16px; background-color: #1e4b74; color: white; text-decoration: none; border-radius: 5px; } .download-link:hover { background-color: #163a59; } .location-group { border: 1px solid #ccc; padding: 15px; margin-bottom: 15px; border-radius: 5px; background-color: #f9f9f9; } .field { display: flex; align-items: center; margin: 5px 0; } .field label { width: 150px; font-weight: bold; } .field input { flex: 1; padding: 5px; } .submit-section { text-align: right; margin-top: 30px; } iframe { width: 100%; border: 1px solid #ccc; margin-top: 20px; }

---

---

---

---

---

const slider = document.getElementById('locationSlider'); const sliderValue = document.getElementById('sliderValue'); const locationsContainer = document.getElementById('locationsContainer'); const fields = ["Shop Name", "Street Address", "City", "State", "Zip Code", "Phone Number"]; slider.addEventListener('input', function () { const count = parseInt(slider.value); sliderValue.textContent = count; generateLocationFields(count); }); function generateLocationFields(count) { locationsContainer.innerHTML = ''; for (let i = 0; i { const div = document.createElement('div'); div.className = 'field'; const label = document.createElement('label'); label.textContent = field + ': '; label.setAttribute('for', `${field.toLowerCase().replace(/\s/g, '')}_${i}`); const input = document.createElement('input'); input.type = 'text'; input.name = `${field.toLowerCase().replace(/\s/g, '_')}_${i}`; input.id = `${field.toLowerCase().replace(/\s/g, '')}_${i}`; div.appendChild(label); div.appendChild(input); group.appendChild(div); }); locationsContainer.appendChild(group); } }