<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebView Example</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 20px;
}
iframe {
width: 100%;
height: 80vh;
border: none;
margin-top: 20px;
}
button {
padding: 10px 20px;
font-size: 16px;
}
</style>
</head>
<body>
<h1>WebView Example</h1>
<button id="loadWebsiteBtn">Load Website</button>
<iframe id="webview" src=""></iframe>
<script>
document.getElementById('loadWebsiteBtn').addEventListener('click', function() {
const iframe = document.getElementById('webview');
iframe.src = 'https://adorders.co.uk/location.php?d=&locid=39'; // Change this URL to the desired website
});
</script>
</body>
</html>