| ```php | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Customer Service Portal | BHBM</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .brand-gradient { | |
| background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%); | |
| } | |
| .jelly-bean { | |
| background-color: #4CAF50; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 font-sans"> | |
| <!-- Navigation --> | |
| <?php include 'navigation.php'; ?> | |
| <main class="container mx-auto px-4 py-12"> | |
| <div class="max-w-3xl mx-auto bg-white rounded-lg shadow-md p-8"> | |
| <h1 class="text-3xl font-bold mb-6 text-center">Service Request Form</h1> | |
| <form id="customerServiceForm" action="process_request.php" method="POST" class="space-y-6"> | |
| <!-- Form fields remain the same as in customer_service.html --> | |
| <div class="flex justify-center pt-4"> | |
| <button type="submit" class="px-8 py-3 jelly-bean text-white rounded-lg hover:bg-green-600 transition font-medium"> | |
| Submit Service Request | |
| </button> | |
| </div> | |
| </form> | |
| </div> | |
| </main> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |
| ``` |