<! DOCTYPE html>

<title>Event Registration Form</title> <style> body { font-family: Arial, sans-serif; background: #f2f2f2; display: flex; justify-content: center; padding: 50px; } form { background: white; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 300px; } input, select, textarea { width: 100%; padding: 10px; margin-top: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; } button { background: #4CAF50; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; width: 100%; } button:hover { background: #45a049; } h2 { text-align: center; } </style>

Event Registration

<label for="name">Full Name</label>
<input type="text" id="name" name="name" required>

<label for="email">Email Address</label>
<input type="email" id="email" name="email" required>

<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" required>

<label for="event">Choose Event</label>
<select id="event" name="event">
  <option value="coding">Coding Contest</option>
  <option value="debate">Debate</option>
  <option value="music">Music Show</option>
</select>
<button type="submit">Register</button>