.png)
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Download Magic Tricks</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
text-align: center;
padding-top: 50px;
}
h2 {
font-size: 24px;
color: #ff0000; /* Red color */
text-shadow: 2px 2px #888888;
}
form {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
max-width: 400px;
margin: 0 auto;
}
input, select {
width: calc(100% - 22px);
padding: 10px;
margin: 8px 0;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<!-- Placeholder for Logo -->
<div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTNqfzW-W_AdGfg_Cf2qdeBG0uhDLtGlMHBD-iQbWK3TPBqK6r9tyvcxzyGmuqV_e305FZK99gWQwf_SfA1ZqNE7GhCJpP648dRozgtlZ104ZLIVgT7Q5lajftXbeSerRQcj8zLj_FD9EE0avWUNRrNqLW27OZsjwGccf8VazofK278bOoG2jJdrsDPnqs/s16000/Magic%20World%20(1).png" alt="Logo" width="150">
</div>
<form id="magicForm" action="javascript:void(0);" onsubmit="openNewWebsite()">
<h2 style="font-family: 'Comic Sans MS', cursive;">Download Magic Tricks</h2>
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<select name="trick" required>
<option value="" disabled selected>Select Magic Trick</option>
<option value="card_trick">Card Trick</option>
<option value="coin_trick">Coin Trick</option>
<option value="mentalism">Mentalism</option>
<option value="illusion">Illusion</option>
</select>
<button type="submit">Download</button>
</form>
<script>
function openNewWebsite() {
window.open('https://www.youtube.com/@techpk3013', '_blank');
}
</script>
</body>
</html>
.png)
.png)