What Simpson Character Are You?/title> <style> .error { background-color: red; color: white; padding: 10px; width: 100%; height: 50px; } .center { display: flex; justify-content: center; align-items: center; margin-bottom: 3px; padding: 5px; } img.center { margin: 0 auto; padding: 5px; } </style> </head> <body> <h1>What Simpson Character Are You?</h1> <form action="process.php" method="GET"> <div> Favorite food: <select id="food" name="food"> <option value="empty">Select an option</option> <option value="bart">Pizza</option> <option value="homer">Donut</option> <option value="lisa">Apples</option> <option value="marge">Noodles</option> </select> </div> <div> Favorite activity: <select id="activity" name="activity"> <option value="empty">Select an option</option> <option value="bart">Skateboard</option> <option value="homer">Sleep</option> <option value="lisa">Study</option> <option value="marge">Watch TV</option> </select> </div> <div> Favorite color: <select id="color" name="color"> <option value="empty">Select an option</option> <option value="bart">Yellow</option> <option value="homer">Purple</option> <option value="lisa">Orange</option> <option value="marge">Blue</option> </select> </div> <div> Ideal job: <select id="job" name="job"> <option value="empty">Select an option</option> <option value="bart">Prank phone call specialist</option> <option value="homer">Working at a bakery</option> <option value="lisa">College professor</option> <option value="marge">Hair stylist</option> </select> </div> <input type="submit"> </form> <hr> <a href="results.php">Results</a> </body> </html>