<html lang="en">
<head>
<meta charset="UTF-8"></meta>
<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
<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 alt="Logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTNqfzW-W_AdGfg_Cf2qdeBG0uhDLtGlMHBD-iQbWK3TPBqK6r9tyvcxzyGmuqV_e305FZK99gWQwf_SfA1ZqNE7GhCJpP648dRozgtlZ104ZLIVgT7Q5lajftXbeSerRQcj8zLj_FD9EE0avWUNRrNqLW27OZsjwGccf8VazofK278bOoG2jJdrsDPnqs/s16000/Magic%20World%20(1).png" width="150" />
</div>
<form action="javascript:void(0);" id="magicForm" onsubmit="openNewWebsite()">
<h2 style="font-family: 'Comic Sans MS', cursive;">Download Magic Tricks</h2>
<input name="name" placeholder="Your Name" required="" type="text" />
<input name="email" placeholder="Your Email" required="" type="email" />
<select name="trick" required="">
<option disabled="" selected="" value="">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('place add', '_blank');
}
</script>
</body>
</html>