Absolutely! Here's an HTML script with an eye-catching heading and three options for selecting the preferred Prime Minister of Pakistan. When the user clicks on "Poll", it opens a new website:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Choose the Next Prime Minister of Pakistan</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
text-align: center;
margin: 0;
padding: 0;
}
h1 {
color: #333;
margin-top: 50px;
font-size: 36px;
text-transform: uppercase;
letter-spacing: 2px;
}
#options {
margin-top: 30px;
}
label {
display: block;
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}
input[type="radio"] {
display: none;
}
input[type="radio"] + label {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
display: inline-block;
}
input[type="radio"]:checked + label {
background-color: #333;
}
#pollButton {
display: inline-block;
margin-top: 20px;
padding: 15px 30px;
background-color: #FF5722;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 18px;
transition: background-color 0.3s;
}
#pollButton:hover {
background-color: #BF360C;
}
</style>
</head>
<body>
<h1>Choose the Next Prime Minister of Pakistan</h1>
<div id="options">
<form>
<input type="radio" id="imran" name="pm" value="Imran Khan">
<label for="imran">Imran Khan</label>
<input type="radio" id="nawaz" name="pm" value="Nawaz Sharif">
<label for="nawaz">Nawaz Sharif</label>
<input type="radio" id="bilawal" name="pm" value="Bilawal">
<label for="bilawal">Bilawal</label><br><br>
</form>
</div>
<!-- Open new website when "Poll" is clicked -->
<button id="pollButton" onclick="openNewWebsite()">Poll</button>
<script>
function openNewWebsite() {
window.open('https://techpk3013', '_blank');
}
</script>
</body>
</html>
.png)
.png)