web view

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f2f2f2; } .preview-container { display: flex; justify-content: center; margin-top: 50px; } .device { width: 350px; height: 600px; margin: 0 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; } .device iframe { width: 100%; height: 100%; } .form-container { text-align: center; margin-top: 20px; } input[type="text"] { padding: 10px; border: none; border-radius: 5px; margin-right: 10px; width: 300px; } button { padding: 10px 20px; border: none; border-radius: 5px; background-color: #007bff; color: #fff; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0056b3; }function previewWebsite() { var url = document.getElementById('website-url').value; document.getElementById('desktop-preview').src = url; document.getElementById('tablet-preview').src = url; document.getElementById('mobile-preview').src = url; }